/*--------------------------------------------
Table of contents

01 -    Layout
02 -    Core CSS
            -   Type
            -   tabs
            -   forms
            -   buttons
            -   colors
03 -    Nav
04 -    Horizontal Nav
05 -    Components
            -   iChecks
            -   Dropdowns
            -   pagination
            -   Labels
            -   Badges
            -   Alerts
            -   Panels
06 -    Right side Widget
07 -    Login
08 -    Invoice
08 -    Utilities
10 -    Notifications
11 -    Mailbox
12 -    Note
13 -    Profile
14 -    Timeline
15 -    Calendar
16 -    Widgets
            -   high charts
            -   spark line
            -   table
            -   nestables
            -   short states
17 -    Plugins
            -   File upload
            -   Chart Rickshaw
            -   Ckeditor
            -   Toastr Notifications
            -   Select 2
            -   TagsInput
            -   Bootstrap TimePicker
18 -    Bootstrap Reset
19 -    landing page

----------------------------------------------*/
/*--------------------------------------------
Layout
----------------------------------------------*/
/* Import fonts */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
[ingtech-model] {
  display: none;
}

table {
  width: 100% !important;
}

.panel-email-sender .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.panel-email-sender .form-group label {
  font-weight: 600;
}
.panel-email-sender .pull-right {
  margin-right: 5px;
}
.panel-email-sender .input-preview img {
  width: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.panel-email-sender h4:not(.modal-title) {
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin: 15px 0px;
  padding: 5px 5px;
}
.panel-email-sender .select2-search__field {
  border: none !important;
}

.map-panel .map-container {
  width: 100%;
  height: 100%;
}
.map-panel .btn-group {
  position: absolute;
  right: 10px;
  top: 10px;
}

.ui-scroller {
  height: -webkit-calc(100% - 75px);
  height: calc(100% - 75px);
  overflow-x: auto;
}

.fullscreenPBIHeader {
  margin-top: -2px;
  margin-left: -10px;
  height: -webkit-calc(100% - 78px);
  height: calc(100% - 78px);
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
}
.fullscreenPBIHeader iframe {
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.fullscreenPBI {
  margin-top: -2px;
  margin-left: -1px;
  height: 97.5%;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.ui-container {
  padding: 10px 10px 0px 10px;
}
@media (max-width: 767px) {
  div.ui-container {
    padding: 0px 10px 0px 10px;
  }
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
  padding-right: 5px;
  padding-left: 5px;
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
  padding-right: 5px;
  padding-left: 5px;
}

.col-sm-1half,
.col-sm-10half,
.col-sm-2half,
.col-sm-3half,
.col-sm-4half,
.col-sm-5half,
.col-sm-6half,
.col-sm-7half,
.col-sm-8half,
.col-sm-9half,
.col-sm-2and4,
.col-sm-7and6 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

@media (min-width: 768px) {
  .col-sm-1half,
  .col-sm-10half,
  .col-sm-2half,
  .col-sm-3half,
  .col-sm-4half,
  .col-sm-5half,
  .col-sm-6half,
  .col-sm-7half,
  .col-sm-8half,
  .col-sm-9half,
  .col-sm-2and4,
  .col-sm-7and6 {
    float: left;
  }
  .col-sm-2and4 {
    width: 20%;
  }
  .col-sm-7and6 {
    width: 80%;
  }
  .col-sm-1half {
    width: 12.5%;
  }
  .col-sm-2half {
    width: 20.8333333333%;
  }
  .col-sm-3half {
    width: 29.16666667%;
  }
  .col-sm-4half {
    width: 37.5%;
  }
  .col-sm-5half {
    width: 45.8333333333%;
  }
  .col-sm-6half {
    width: 54.1666666667%;
  }
  .col-sm-7half {
    width: 62.5%;
  }
  .col-sm-8half {
    width: 70.83333333%;
  }
  .col-sm-9half {
    width: 79.1666666667%;
  }
  .col-sm-10half {
    width: 87.5%;
  }
}
@media (min-width: 992px) {
  .col-lg-1half,
  .col-lg-10half,
  .col-lg-2half,
  .col-lg-3half,
  .col-lg-4half,
  .col-lg-5half,
  .col-lg-6half,
  .col-lg-7half,
  .col-lg-8half,
  .col-lg-9half,
  .col-lg-2and4,
  .col-lg-7and6 {
    float: left;
  }
  .col-lg-2and4 {
    width: 20%;
  }
  .col-lg-7and6 {
    width: 80%;
  }
  .col-lg-1half {
    width: 12.5%;
  }
  .col-lg-2half {
    width: 20.8333333333%;
  }
  .col-lg-3half {
    width: 29.16666667%;
  }
  .col-lg-4half {
    width: 37.5%;
  }
  .col-lg-5half {
    width: 45.8333333333%;
  }
  .col-lg-6half {
    width: 54.1666666667%;
  }
  .col-lg-7half {
    width: 62.5%;
  }
  .col-lg-8half {
    width: 70.83333333%;
  }
  .col-lg-9half {
    width: 79.1666666667%;
  }
  .col-lg-10half {
    width: 87.5%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1half,
  .col-xl-10half,
  .col-xl-2half,
  .col-xl-3half,
  .col-xl-4half,
  .col-xl-5half,
  .col-xl-6half,
  .col-xl-7half,
  .col-xl-8half,
  .col-xl-9half,
  .col-xl-2and4,
  .col-xl-7and6 {
    float: left;
  }
  .col-xl-2and4 {
    width: 20%;
  }
  .col-xl-7and6 {
    width: 80%;
  }
  .col-xl-1half {
    width: 12.5%;
  }
  .col-xl-2half {
    width: 20.8333333333%;
  }
  .col-xl-3half {
    width: 29.16666667%;
  }
  .col-xl-4half {
    width: 37.5%;
  }
  .col-xl-5half {
    width: 45.8333333333%;
  }
  .col-xl-6half {
    width: 54.1666666667%;
  }
  .col-xl-7half {
    width: 62.5%;
  }
  .col-xl-8half {
    width: 70.83333333%;
  }
  .col-xl-9half {
    width: 79.1666666667%;
  }
  .col-xl-10half {
    width: 87.5%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .col-xxl-1half,
  .col-xxl-10half,
  .col-xxl-2half,
  .col-xxl-3half,
  .col-xxl-4half,
  .col-xxl-5half,
  .col-xxl-6half,
  .col-xxl-7half,
  .col-xxl-8half,
  .col-xxl-9half,
  .col-xxl-2and4,
  .col-xxl-7and6 {
    float: left;
  }
  .col-xxl-2and4 {
    width: 20%;
  }
  .col-xxl-7and6 {
    width: 80%;
  }
  .col-xxl-1half {
    width: 12.5%;
  }
  .col-xxl-2half {
    width: 20.8333333333%;
  }
  .col-xxl-3half {
    width: 29.16666667%;
  }
  .col-xxl-4half {
    width: 37.5%;
  }
  .col-xxl-5half {
    width: 45.8333333333%;
  }
  .col-xxl-6half {
    width: 54.1666666667%;
  }
  .col-xxl-7half {
    width: 62.5%;
  }
  .col-xxl-8half {
    width: 70.83333333%;
  }
  .col-xxl-9half {
    width: 79.1666666667%;
  }
  .col-xxl-10half {
    width: 87.5%;
  }
}
@media (min-width: 1500px) {
  .col-xxl-1,
  .col-xxl-2,
  .col-xxl-3,
  .col-xxl-4,
  .col-xxl-5,
  .col-xxl-6,
  .col-xxl-7,
  .col-xxl-8,
  .col-xxl-9,
  .col-xxl-10,
  .col-xxl-11,
  .col-xxl-12 {
    float: left;
  }
  .col-xxl-1 {
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-4 {
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-7 {
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-10 {
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    width: 100%;
  }
}
#header-date {
  margin: 0px 20px 0px 20px;
  vertical-align: middle;
  display: inline-block;
  min-width: 340px;
}

.panel {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.comingsoon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("/imgs/comingsoon_dark.jpg") no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 100vh;
}
.comingsoon h1 {
  padding-top: 200px;
  font-size: 5em;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: 0.3em;
  text-align: center;
  margin-bottom: 120px;
}

.tools {
  margin-right: -10px;
  position: relative;
}
.tools a {
  color: #c5c5ca;
  float: left;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 11px;
}
.tools a :focus {
  color: #c5c5ca !important;
}
.tools a svg {
  fill: #c5c5ca;
  width: 11px;
  height: 11px;
}
.tools a:hover svg, .tools a:active svg {
  fill: #626262 !important;
}

.panel {
  position: relative;
}

.refresh-block {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.05s ease;
  transition: all 0.05s ease;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 1000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: wait;
}
.refresh-block.dark {
  background-color: rgba(0, 0, 0, 0.4);
}
.refresh-block.transparent {
  background: none;
}
.refresh-block.transparent .refresh-loader {
  display: none;
}
.refresh-block .refresh-loader {
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.refresh-block .refresh-loader i {
  display: inline-block;
  line-height: 32px;
  color: #626262;
  font-size: 16px;
}

.ui {
  position: relative;
  width: 100%;
  min-width: 320px;
  height: auto;
  padding-top: 100px;
  overflow: hidden;
}
.ui-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  z-index: 100;
  background-color: #000000;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ui-header .navbar-brand {
  padding: 0;
  line-height: 25px;
}
.ui-header .navbar-brand .full-logo {
  display: block;
}
.ui-header .navbar-brand .symbol-logo {
  display: none;
}
@media (max-width: 767px) {
  .ui-header .navbar-brand {
    padding: 8px;
  }
  .ui-header .navbar-brand .full-logo {
    display: none;
  }
  .ui-header .navbar-brand .symbol-logo {
    display: block;
  }
}
.ui-header.text-white {
  color: #ffffff;
}
.ui-header.text-white .search-content .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.ui-header.text-white .search-content .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui-header.text-white .search-content .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui-header.text-white .btn {
  color: inherit;
}
.ui-header.text-white .navbar-collapse {
  color: #2c2c2c;
}
.ui-header.text-white .dropdown-footer a {
  color: #626262;
}
.ui-header.text-white .dropdown-footer a:hover {
  color: #626262;
}
.ui-header.text-dark {
  color: #2c2c2c;
}
.ui-header .search-content {
  float: left;
  margin-top: 8px;
  position: relative;
  width: 230px;
}
.ui-header .search-content .form-control {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
  width: auto;
  padding-left: 0;
  font-size: 12px;
  margin-bottom: 0;
  background-color: transparent;
  color: inherit;
}
.ui-header .search-content .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.ui-header .search-content .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.ui-header .search-content .form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.ui-header .search-content .srch-btn {
  float: left;
  background: none;
}
.ui-header .search-content .srch-btn:hover, .ui-header .search-content .srch-btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-aside {
  float: left;
  width: 310px;
  min-height: calc(100vh - 100px);
  min-height: -webkit-calc(100vh - 100px);
  margin-left: -240px;
  color: #e0e0e0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.299s;
  transition: all 0.299s;
  background-color: #404040;
}
.ui-aside .nav {
  width: 100%;
}
.ui-aside .nav li a {
  height: 50px;
  color: #e0e0e0;
}
.ui-aside .nav li a:hover {
  color: #ffffff;
}
.ui-aside .nav li a:focus {
  color: #e0e0e0;
}
.ui-aside .nav li a.active {
  background-color: #0d0d0d;
}
.ui-aside::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: inherit;
  background-color: inherit;
  border: inherit;
  z-index: -1;
}
.ui-aside .nav > li > a {
  padding: 9px 9px;
}
.ui-aside .nav > li > a > span {
  display: block;
  padding-left: 40px;
  margin-top: 5px;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.ui-aside .nav > li > .nav-sub .nav-sub > li > a {
  padding-left: 40px;
}
.ui-aside .nav > li > .nav-sub .nav-sub .nav-sub > li > a {
  padding-left: 60px;
}
.ui-aside .nav > li.active > a {
  color: #ffffff;
}
.ui-content {
  width: 100%;
  height: calc(100vh - 50px);
  height: -webkit-calc(100vh - 50px);
  margin-left: 0;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.ui-content::before, .ui-content::after {
  display: table;
  content: " ";
}
.ui-content::after {
  clear: both;
}
.ui-content-body {
  float: left;
  width: 100%;
  padding: 10px;
}
.ui-aside-right {
  position: absolute;
  top: 100px;
  right: 0;
  bottom: 0px;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 20;
  width: 240px;
  margin-right: -240px;
  background-color: #ffffff;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: width 0.3s, margin-right 0.3s;
  transition: width 0.3s, margin-right 0.3s;
}
.ui-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 0px;
  padding-left: 10px;
  height: 25px;
  line-height: 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 11px;
}

.ui-aside-compact .nav > li > .nav-sub .nav-sub > li > a,
.ui-aside-compact .nav > li > .nav-sub .nav-sub .nav-sub > li > a {
  padding-left: 20px;
}
.ui-aside-compact .nav > li > a > span {
  padding-left: 30px;
  margin-top: 0px;
  width: 100%;
}
.ui-aside-compact .ui-aside {
  width: 50px;
  margin-left: 0;
  -webkit-transition: all 0.301s;
  transition: all 0.301s;
}
.ui-aside-compact .ui-content {
  margin-left: 240px;
}
.ui-aside-compact .ui-footer {
  margin-left: 240px;
}

.ui-content-compact .ui-aside-right {
  margin-right: 0;
}
.ui-content-compact .ui-container {
  margin-right: 0;
}

.nav li a {
  overflow: hidden;
  color: #e0e0e0;
}
.nav li a:focus {
  color: inherit;
  background-color: inherit;
}
.nav li a:hover {
  color: #ffffff;
  background-color: #262626;
}
.nav li a.active {
  color: #e0e0e0;
  background-color: #0d0d0d;
}
.nav li a i {
  float: left;
  width: 20px;
  margin-top: 3px;
  padding-left: 3px;
}
.nav li a i svg {
  width: 26px;
  height: 26px;
  color: #e0e0e0;
  fill: #e0e0e0;
}
.nav li a i svg:focus {
  color: #ffffff;
  fill: #ffffff;
}
.nav li a i svg:active {
  color: #e0e0e0;
  fill: #e0e0e0;
}
.nav li a i svg:hover {
  color: #ffffff;
  fill: #ffffff;
}
.nav li a i.icon-time-card {
  margin-top: 0px;
  padding-left: 0px;
}
.nav li a i.icon-time-card svg {
  width: 31px;
  height: 31px;
}
.nav li:hover > a {
  color: #ffffff;
  background-color: #262626;
}
.nav li.active ul {
  background-color: #686868;
}
.nav li.active ul:hover {
  background-color: #595959;
}
.nav li.active ul.active {
  background-color: #616161;
}
.nav .active {
  background-color: #0d0d0d;
}
.nav-sub {
  display: none;
  background-color: inherit;
}
.nav-sub--open {
  display: block;
}
.nav-sub .active a {
  background-color: inherit;
}
.nav-sub-header {
  display: none !important;
}
.nav-sub li a {
  background-color: #686868;
}
.nav-sub li a:hover {
  background-color: #595959;
}
.nav-sub li a.active {
  background-color: #616161;
}

.ui-fullWhith {
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: auto;
}
.ui-fullWhith.ui-aside-compact .ui-aside {
  overflow: visible;
}
.ui-fullWhith .ui-aside {
  height: 100%;
  overflow-y: auto;
}
.ui-fullWhith .ui-content-body,
.ui-fullWhith .ui-container {
  height: 100%;
}
.ui-fullWhith .ui-container {
  position: relative;
}

@media (min-width: 768px) {
  .ui {
    padding-top: 50px;
  }
  .ui-header.text-white .navbar-collapse {
    color: inherit;
  }
  .ui-aside {
    margin-left: 0;
  }
  .ui-content {
    width: auto;
    margin-left: 310px;
    -webkit-transition: all 0.299s;
    transition: all 0.299s;
  }
  .ui-aside-right {
    top: 50px;
  }
  .ui-footer {
    margin-left: 310px;
  }
  .ui-aside-compact .ui-header .navbar-header {
    width: 240px;
  }
  .ui-aside-compact .ui-header .navbar-brand .logo-compact {
    display: block;
  }
  .ui-aside-compact .ui-aside {
    width: 50px;
  }
  .ui-aside-compact .ui-aside > .nav > li > a > .pull-right {
    opacity: 0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
  }
  .ui-aside-compact .ui-content {
    margin-left: 50px;
    -webkit-transition: all 0.301s;
    transition: all 0.301s;
  }
  .ui-aside-compact .ui-footer {
    margin-left: 50px;
  }
  .ui-content-compact .ui-aside-right {
    margin-right: 0;
  }
  .ui-aside-compact .nav[ui-nav] > li > a span {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .ui-aside-compact .nav > li .nav-sub {
    background-color: rgb(49.7838709677, 67.1, 84.4161290323);
    position: absolute;
    display: block !important;
    top: 0;
    left: 100%;
    width: 310px;
    margin-left: -20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0s;
    transition: all 0s;
    z-index: 99000;
  }
  .ui-aside-compact .nav > li .nav-sub .nav-sub {
    padding-left: 0;
  }
  .ui-aside-compact .nav > li .nav-sub > li > a {
    padding: 13px 15px;
    margin: 0;
  }
  .ui-aside-compact .nav > li .nav-sub > li > a span {
    padding-left: 5px;
  }
  .ui-aside-compact .nav > li .nav-sub-header {
    display: block !important;
  }
  .ui-aside-compact .nav > li .nav-sub-header a {
    color: #ffffff;
    background-color: rgb(43, 58, 73);
  }
  .ui-aside-compact .nav > li:hover > a {
    background-color: rgba(0, 0, 0, 0.065);
  }
  .ui-aside-compact .nav > li:hover > .nav-sub {
    margin-left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ui-aside-compact .ui-aside .nav > li:hover > a {
    background-color: #262626;
  }
  .ui-aside-compact .ui-aside .nav > li.active > a {
    background-color: #0d0d0d;
  }
  .ui-aside-compact .ui-aside .nav > li.active .nav-sub-header a {
    background-color: #0d0d0d !important;
  }
  .ui-aside-compact .ui-aside .nav > li.active .nav-sub li.active {
    background-color: #616161 !important;
  }
  .ui-aside-compact .ui-aside .nav > li .nav-sub li a {
    background-color: #686868;
  }
  .ui-aside-compact .ui-aside .nav > li .nav-sub li a:hover {
    background-color: #595959;
  }
  .ui-aside-compact .ui-aside .nav > li .nav-sub li a.active {
    background-color: #616161 !important;
  }
  .ui-aside-compact .ui-aside .nav > li .nav-sub.active a {
    background-color: #616161 !important;
  }
  .ui-aside-compact .ui-aside .nav > li .nav-sub-header a {
    background-color: #262626 !important;
  }
}
@media (min-width: 1200px) {
  .ui-content.ui-content-aside-overlay .ui-container {
    margin-right: 0;
  }
  .ui-aside-right {
    float: right;
    margin-right: -240px;
  }
  .ui-container {
    margin-right: 0;
    -webkit-transition: margin-right 0.3s;
    transition: margin-right 0.3s;
  }
  .ui-content-compact .ui-aside-right {
    margin-right: 0;
  }
  .ui-content-compact .ui-container {
    margin-right: 240px;
  }
  .ui-content-aside .ui-aside-right {
    margin-right: 0;
  }
  .ui-content-aside .ui-container {
    margin-right: 240px;
  }
  .ui-content-aside.ui-content-compact .ui-aside-right {
    margin-right: -240px;
  }
  .ui-content-aside.ui-content-compact .ui-container {
    margin-right: 0;
  }
}
.page-title {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 22px;
}

@media (max-width: 991px) {
  .breadcrumb.pull-right {
    float: left !important;
  }
}
.layouts-box img {
  border: 1px solid #ddd;
  width: 300px;
  height: auto;
  margin: 0 auto 10px;
}

.mega-dropdown-menu .ui-header,
.mega-dropdown-menu .navbar-collapse {
  height: 70px;
}
.mega-dropdown-menu .ui-aside-right {
  top: 70px;
}
.mega-dropdown-menu .navbar-right {
  margin-right: 20px !important;
}

li.dropdown-usermenu {
  padding-left: 12px;
}

ul.dropdown-menu-usermenu li {
  display: block;
}
ul.dropdown-menu-usermenu li a {
  color: #0d0d0d;
}
ul.dropdown-menu-usermenu li a svg {
  margin-right: 8px;
}
ul.dropdown-menu-usermenu li a span {
  position: relative;
  display: inline-block;
  top: -4px;
}

.body-light {
  background: #ffffff;
}
.body-light .panel {
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.search-op-1 {
  border: 1px solid rgb(220.701754386, 220.701754386, 220.298245614);
  width: auto !important;
}
.search-op-1 input.form-control {
  width: 130px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.search-op-1 input.form-control:focus {
  width: 230px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.text-white .search-op-1 {
  border: none;
  background: rgba(0, 0, 0, 0.3);
}
.text-white .search-op-1 input.form-control {
  width: 130px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.text-white .search-op-1 input.form-control:focus {
  width: 230px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lang-flag {
  display: inline-block;
}
.lang-flag img {
  padding-right: 5px;
}

.dropdown-menu-flag {
  min-width: 200px !important;
}
.dropdown-menu-flag li a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.dropdown-menu-flag img {
  padding-right: 10px;
}

.dark-footer {
  background: rgb(27.0806451613, 36.5, 45.9193548387);
  color: #ffffff;
}

.box-page-bg {
  background: #27313c;
}

.boxed {
  width: 1170px;
  height: 100vh;
  margin: 0 auto;
  background: #eaeef3;
}
.boxed .ui-aside {
  height: 100vh;
}
.boxed .ui {
  padding-top: 0;
}
.boxed .ui-header {
  position: relative;
}

@media (max-width: 767px) {
  .box-page-bg {
    background: transparent;
  }
  .boxed {
    width: 100%;
    background: #eaeef3;
  }
  .boxed .ui-aside {
    height: 100vh;
  }
  .boxed .ui {
    padding-top: 100px;
  }
  .boxed .ui-header {
    position: fixed;
  }
  .ui-aside-compact .ui-aside {
    width: 100%;
  }
  .ui-aside-compact .ui-content {
    display: none;
  }
  .ui-aside {
    margin-left: -310px;
  }
  .header-user.dropdown-toggle .userhover {
    display: none;
  }
  .ui.height-fix {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px);
  }
}
@media (max-width: 767px) and (min-height: 700px) {
  .ui.height-fix {
    height: -webkit-calc(100vh - 120px);
    height: calc(100vh - 120px);
  }
}
@media (max-width: 767px) and (min-width: 490px) {
  .ui.height-fix {
    height: 100vh;
  }
}
.ui-aside-fixed > .nav {
  overflow: scroll;
  height: 100vh;
  position: fixed;
  padding-bottom: 100px;
}

@-moz-document url-prefix() {
  .ui-aside-fixed > .nav {
    overflow: scroll;
    height: 100vh;
    position: fixed;
    padding-bottom: 100px;
    bottom: 0px;
    padding-top: 50px;
  }
}
.ui-aside-compact .ui-aside-fixed > .nav {
  overflow: visible;
  height: auto;
  position: absolute;
  padding-bottom: 0;
  left: 0;
}
.ui-aside-compact .ui-aside-fixed > .nav .active {
  background: transparent;
}
.ui-aside-compact .ui-aside-fixed > .nav > li .nav-sub {
  left: 50px;
}
.ui-aside-compact .ui-aside-fixed > .nav > li .nav-sub .nav-sub {
  left: 240px;
}

.notification-dot {
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 24px;
  text-align: right;
  padding: 0;
  margin: 0;
  color: #e7662e;
  display: none;
}
.notification-dot.new {
  display: block;
}
.notification-dot.redflag {
  color: #e74c3c;
}

#status-dot-top {
  font-size: 11px;
  position: absolute;
  bottom: 10px;
  left: 16px;
  text-align: right;
  padding: 0;
  margin: 0;
  color: lightgrey;
  width: 10px;
  height: 10px;
}

.ui-aside.ui-aside-fixed .nav > li > .nav-sub .nav-sub .nav-sub > li > a {
  padding-left: 20px;
}

.ui-aside.ui-aside-fixed .nav > li > .nav-sub .nav-sub > li > a {
  padding-left: 20px;
}

.update-clock {
  margin-right: 15px;
  font-size: 13px;
  padding-bottom: 5px;
}

.popover {
  z-index: 99900000;
  min-width: 350px;
}
@media (max-width: 424px) {
  .popover {
    min-width: 250px;
  }
}

.dot-yellow.less-simple-filter-dot {
  position: absolute;
  right: -5px;
  bottom: 5px;
  display: none;
}

button.icon-button .less-simple-filter-dot {
  right: -9px;
  bottom: 4px;
}

.less-simple-filter {
  display: block;
  position: relative;
}
.less-simple-filter.active-filter .dot-yellow.less-simple-filter-dot {
  display: inline-block;
}

header.panel-heading.panel-border {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header.panel-heading.panel-border span.tools.pull-right {
  margin-left: auto;
}
header.panel-heading.panel-border div.pull-right {
  margin-left: auto;
}

@media (max-width: 767px) {
  .datepicker-active #submenu-nav {
    display: block;
  }
  .datepicker-active #submenu-nav > a {
    display: none;
  }
  .datepicker-active #submenu-nav {
    height: 32px;
    padding-bottom: 10px;
    margin-top: -5px;
    margin-bottom: 5px;
  }
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.title-navigation {
  float: left;
  padding: 3px 10px;
  min-width: 300px;
}

@media (max-width: 472px) {
  .title-navigation {
    min-width: 145px;
  }
}
.text-center {
  margin-left: auto;
}

.select2-selection__clear {
  color: #888;
  width: 20px;
  line-height: 20px;
  height: 20px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 6px;
  border-right: 1px solid #ccc;
}

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

.gm-style iframe + div {
  border: none !important;
}

a[href="javascript:;"] {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
}
a[href="javascript:;"] img {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
}

#mapContainer {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.flex-fill {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-fill-page {
  height: -webkit-calc(100% - 67px);
  height: calc(100% - 67px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dataTables_wrapper:has(.dt-fill) {
  height: 100%;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dataTables_wrapper:has(.dt-fill) .dataTables_scroll {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dataTables_wrapper:has(.dt-fill) .dataTables_scroll .dataTables_scrollHead {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.dataTables_wrapper:has(.dt-fill) .dataTables_scroll .dataTables_scrollBody {
  height: 100%;
}

/*--------------------------------------------
Core CSS
----------------------------------------------*/
html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #626262;
  background-color: #eaeaea;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  letter-spacing: 0;
  overflow-x: hidden;
}

*:focus {
  outline: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #626262;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small {
  font-weight: inherit;
  line-height: 1;
  color: inherit;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
  margin: 0;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

small,
.small {
  font-size: 85%;
}

a {
  color: inherit;
}
a:hover, a:active {
  color: inherit;
}

.table thead tr th,
.table tbody tr td,
.table tbody tr td * {
  vertical-align: middle;
}

.borders-none {
  border: none;
}
.borders-none thead tr th,
.borders-none tbody tr td {
  border: none;
}

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

.font-heading {
  font-family: "Open Sans", sans-serif;
}

.font-monospace {
  font-family: Menlo, Monaco, Consolas, "Inconsolata", monospace;
}

.font-light {
  font-weight: 300;
}

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

.font-little-bold {
  font-weight: 525;
}

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

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

.font-italic {
  font-style: italic;
}

.text-muted {
  color: #aaaaa9;
}

.text-base {
  font-size: 14px;
}

.text-lg {
  font-size: 21px;
}

.text-md {
  font-size: 16px;
}

.text-sm {
  font-size: 13px;
}

.text-xs {
  font-size: 12px;
}

.text-xxs {
  font-size: 11px;
}

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

.text-shadow {
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}

.box-shadow {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.breadcrumb {
  padding: 8px 0;
  background: transparent;
  margin-bottom: 10px;
}

.map-label,
.map-poly-label {
  color: #000;
  font-size: 12px !important;
  font-weight: 500;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.map-poly-label-dark {
  color: #fff;
  font-size: 12px !important;
  font-weight: 500;
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

.map-label {
  text-align: left !important;
  min-width: 100px !important;
  max-width: 100px !important;
  white-space: normal !important;
}

/* V1 styles */
.dynamic-icon-label-black {
  background-color: #000;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  color: white;
  font-size: 12px;
  height: 24px;
  left: 50%;
  padding: 6px 12px 6px 36px;
  position: absolute;
  top: 18px;
  white-space: nowrap;
  z-index: 0;
}

.dynamic-icon-label,
.dynamic-icon-label-icons {
  background-color: white;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  left: 85%;
  padding: 6px;
  position: absolute;
  z-index: 0;
  white-space: nowrap;
}

.dynamic-icon-label {
  height: 24px;
  top: 18px;
}

.dynamic-icon-label-icons {
  height: 44px;
  top: 8px;
}

.dynamic-icon-label span {
  white-space: nowrap;
}

.dynamic-icon-label-icons > i {
  margin: 2px 2px 2px 0;
  color: #000;
}

.icon-map-label {
  display: inline-block;
  font-size: 16px;
}

.nav-tabs {
  position: relative;
  top: 3px;
  z-index: 10;
}
.nav-tabs .active {
  background-color: transparent;
}
.nav-tabs > li > a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nav-tabs > li > a:hover {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.03);
}
.nav-tabs.tabs-left {
  float: left;
  width: 200px;
  border-right: none;
  padding-top: 0;
  position: relative;
  z-index: 10;
}
@media (max-width: 640px) {
  .nav-tabs.tabs-left {
    width: 100%;
  }
}
.nav-tabs.tabs-right {
  float: right;
  width: 200px;
  border-left: none;
  padding-top: 0;
  position: relative;
  z-index: 10;
}
@media (max-width: 640px) {
  .nav-tabs.tabs-right {
    width: 100%;
  }
}

.tab-content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 15px;
}
.tab-content.tab-content-left {
  display: block;
  overflow: hidden;
  border: 1px solid #ddd;
}
.tab-content.tab-content-right {
  display: block;
  overflow: hidden;
  border: 1px solid #ddd;
}

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control:focus {
  border-color: #4aa9e9;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control.error {
  border-color: #ff6c60;
}
.form-control + label {
  font-weight: normal;
}
.form-control + label.error {
  color: #ff6c60;
}

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

.inactiveLink {
  pointer-events: none;
  cursor: default;
}

.suffix {
  position: absolute;
  left: 0;
  top: 7px;
  color: #555;
  padding-left: 0px;
  font: inherit;
  pointer-events: none;
}

input#daterange {
  padding-top: 3px;
  padding-bottom: 3px;
  width: 185px;
  font-weight: bold;
}

#submenu-nav .horizontal-form {
  width: 100%;
  margin-right: 5px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (min-width: 768px) {
  #submenu-nav .horizontal-form {
    width: auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
#submenu-nav .horizontal-form > button {
  margin-bottom: 5px;
}
#submenu-nav .horizontal-form .filter-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (min-width: 768px) {
  #submenu-nav .horizontal-form .filter-control {
    width: auto;
  }
}
#submenu-nav .horizontal-form .filter-control.filter-buttons {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 5px;
}
#submenu-nav .horizontal-form .filter-control.filter-buttons #generate-vehicle-history {
  margin-right: -4px;
}
@media (min-width: 992px) {
  #submenu-nav .horizontal-form .filter-control.filter-buttons #generate-vehicle-history {
    margin-right: 0px;
  }
}
#submenu-nav .horizontal-form input,
#submenu-nav .horizontal-form select,
#submenu-nav .horizontal-form label,
#submenu-nav .horizontal-form button {
  margin-left: 10px;
  height: 31px;
}
#submenu-nav .horizontal-form input#daterange,
#submenu-nav .horizontal-form select#daterange,
#submenu-nav .horizontal-form label#daterange,
#submenu-nav .horizontal-form button#daterange {
  width: 100%;
}
@media (min-width: 768px) {
  #submenu-nav .horizontal-form input#daterange,
  #submenu-nav .horizontal-form select#daterange,
  #submenu-nav .horizontal-form label#daterange,
  #submenu-nav .horizontal-form button#daterange {
    width: 185px;
  }
}
#submenu-nav .horizontal-form .select2 {
  min-width: 180px;
}
#submenu-nav .horizontal-form .select2 .select2-selection {
  height: 31px;
}
#submenu-nav .horizontal-form .select2 .select2-selection .select2-selection__rendered {
  line-height: 30px !important;
}
#submenu-nav .horizontal-form .select2 .select2-selection .select2-selection__arrow {
  height: 30px;
}

form sup {
  color: red;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: red;
}
.has-error .form-control,
.has-error .form-control:focus {
  border-color: red;
}
.has-error .input-group-addon {
  color: red;
  background-color: #ffdbdb;
  border-color: red;
}

.search-dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.search-dropdown .btn {
  height: 50px;
  line-height: 20px;
  padding: 15px;
}
.search-dropdown .dropdown-menu {
  position: fixed;
  top: 50px;
  left: 0;
  height: 50px;
  margin-top: 1px;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  padding: 5px;
  border: 0;
}
.search-dropdown .form-control {
  height: 40px;
  font-size: 16px;
  border: 0;
}

.smallSelect {
  display: inline-block;
  width: 40%;
}

.form-horizontal .control-label {
  text-align: left;
}

.form-variance .form-group {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
}
.form-variance .form-group:last-child {
  border-bottom-color: transparent;
  padding-bottom: 0;
}

.btn.btn-info.dropdown-toggle {
  border-left: 1px solid rgb(37.6216748768, 151.715270936, 228.5783251232);
}

.btn.btn-success.dropdown-toggle {
  border-left: 1px solid rgb(28.5090909091, 150.6909090909, 137.6581818182);
}

.btn.btn-warning.dropdown-toggle {
  border-left: 1px solid rgb(229.4181818182, 183.1272727273, 52.7818181818);
}

.btn.btn-danger.dropdown-toggle {
  border-left: 1px solid rgb(255, 70.279245283, 55.2);
}

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

.wizard > .content {
  min-height: 150px;
}
.wizard h3 {
  margin-top: 0;
}

.wizard-long > .content {
  min-height: 360px;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  background: #e7662e;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  background: rgb(246.7596566524, 202.4678111588, 183.2403433476);
  color: #fff;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  padding: 0.5em 1em;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  background: #4aa9e9;
}

.form-control:focus {
  border-color: #e7662e;
}

.input-group-btn button {
  height: 34px;
}
.input-group-btn a.btn {
  height: 34px;
  padding-top: 8px;
}

.tag {
  color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 5px;
  width: 40px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
.tag-sm {
  padding: 1px 0px;
  width: 30px;
  font-size: 12px;
  font-weight: 600;
}
.tag-off {
  background-color: #424242;
}
.tag-sb {
  background-color: #673ab7;
}
.tag-d {
  background-color: #8bc34a;
}
.tag-on {
  background-color: #ff9800;
}
.tag-outline-off {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  border-color: #424242;
  color: #424242;
}
.tag-outline-sb {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  border-color: #673ab7;
  color: #673ab7;
}
.tag-outline-d {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  border-color: #8bc34a;
  color: #8bc34a;
}
.tag-outline-on {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  border-color: #ff9800;
  color: #ff9800;
}
.tag-role {
  color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 5px;
  width: 70px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
.tag-role-sm {
  padding: 1px 0px;
  width: 50px;
  font-size: 13px;
  font-weight: 600;
}
.tag-role-admin {
  background-color: #686868;
}
.tag-role-superuser {
  background-color: #000000;
}
.tag-role-driver {
  background-color: #8bc34a;
}
.tag-role-outline-admin {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  border-color: #686868;
  color: #686868;
}
.tag-role-outline-superuser {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  border-color: #000000;
  color: #000000;
}
.tag-role-outline-driver {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  border-color: #8bc34a;
  color: #8bc34a;
}

.noUnderline:hover {
  text-decoration: none !important;
}

.noUnderline:focus {
  text-decoration: none !important;
}

.input-sm, .ColVis_Button {
  height: 32px !important;
}

.btn-group-xsm > .btn, .btn-xsm {
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1.5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.btn-dt-disabled {
  height: 32px;
  color: white !important;
  border: 1px solid white !important;
}

.btn {
  background-color: transparent;
  color: inherit;
  line-height: 1.4;
}
.btn:focus, .btn:active {
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-dt {
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 5px 12px;
}
.btn-dt-disabled {
  cursor: not-allowed;
  background-color: #e0e0e0 !important;
  color: #000000 !important;
}

.panel-heading .btn-group {
  margin-top: -3px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-rounded {
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.btn-circle {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  width: 34px;
  height: 34px;
  padding: 6px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.btn-dark, .btn-dark:focus, .btn-dark.focus {
  color: #626262;
  background-color: transparent;
  border-color: #626262;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-dark span, .btn-dark:focus span, .btn-dark.focus span {
  color: #626262 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-dark:active, .btn-dark.active {
  color: #ffffff !important;
  background-color: rgb(85.25, 85.25, 85.25) !important;
  border-color: rgb(85.25, 85.25, 85.25) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-dark:active span, .btn-dark.active span {
  color: #ffffff !important;
}
.btn-dark:hover {
  color: #ffffff;
  background-color: #626262;
  border-color: #626262;
}
.btn-dark:hover span {
  color: #ffffff !important;
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #626262 !important;
  background-color: transparent !important;
  border-color: #626262 !important;
}
.btn-dark.disabled span, .btn-dark:disabled span {
  color: #626262 !important;
}

.btn-full-dark span {
  color: #ffffff !important;
}
.btn-full-dark, .btn-full-dark:focus, .btn-full-dark.focus {
  color: #ffffff;
  background-color: #626262;
  border-color: #626262;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-dark:active, .btn-full-dark.active {
  color: #ffffff !important;
  background-color: rgb(72.5, 72.5, 72.5) !important;
  border-color: rgb(67.4, 67.4, 67.4) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-dark:hover {
  color: #ffffff;
  background-color: rgb(85.25, 85.25, 85.25);
  border-color: rgb(82.7, 82.7, 82.7);
}
.btn-primary, .btn-primary:focus, .btn-primary.focus {
  color: #ff9800;
  background-color: transparent;
  border-color: #ff9800;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-primary span, .btn-primary:focus span, .btn-primary.focus span {
  color: #ff9800 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-primary:active, .btn-primary.active {
  color: #ffffff !important;
  background-color: rgb(229.5, 136.8, 0) !important;
  border-color: rgb(229.5, 136.8, 0) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-primary:active span, .btn-primary.active span {
  color: #ffffff !important;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
}
.btn-primary:hover span {
  color: #ffffff !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ff9800 !important;
  background-color: transparent !important;
  border-color: #ff9800 !important;
}
.btn-primary.disabled span, .btn-primary:disabled span {
  color: #ff9800 !important;
}

.btn-full-primary span {
  color: #ffffff !important;
}
.btn-full-primary, .btn-full-primary:focus, .btn-full-primary.focus {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-primary:active, .btn-full-primary.active {
  color: #ffffff !important;
  background-color: rgb(204, 121.6, 0) !important;
  border-color: rgb(193.8, 115.52, 0) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-primary:hover {
  color: #ffffff;
  background-color: rgb(229.5, 136.8, 0);
  border-color: rgb(224.4, 133.76, 0);
}
.btn-info, .btn-info:focus, .btn-info.focus {
  color: #e7662e;
  background-color: transparent;
  border-color: #e7662e;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-info span, .btn-info:focus span, .btn-info.focus span {
  color: #e7662e !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-info:active, .btn-info.active {
  color: #ffffff !important;
  background-color: rgb(225.5944206009, 86.3519313305, 25.9055793991) !important;
  border-color: rgb(225.5944206009, 86.3519313305, 25.9055793991) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-info:active span, .btn-info.active span {
  color: #ffffff !important;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
}
.btn-info:hover span {
  color: #ffffff !important;
}
.btn-info.disabled, .btn-info:disabled {
  color: #e7662e !important;
  background-color: transparent !important;
  border-color: #e7662e !important;
}
.btn-info.disabled span, .btn-info:disabled span {
  color: #e7662e !important;
}

.btn-full-info span {
  color: #ffffff !important;
}
.btn-full-info, .btn-full-info:focus, .btn-full-info.focus {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-info:active, .btn-full-info.active {
  color: #ffffff !important;
  background-color: rgb(202.7210300429, 77.5965665236, 23.2789699571) !important;
  border-color: rgb(193.5716738197, 74.0944206009, 22.2283261803) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-info:hover {
  color: #ffffff;
  background-color: rgb(225.5944206009, 86.3519313305, 25.9055793991);
  border-color: rgb(221.0197424893, 84.6008583691, 25.3802575107);
}
.btn-success, .btn-success:focus, .btn-success.focus {
  color: #23b9a9;
  background-color: transparent;
  border-color: #23b9a9;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-success span, .btn-success:focus span, .btn-success.focus span {
  color: #23b9a9 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-success:active, .btn-success.active {
  color: #ffffff !important;
  background-color: rgb(30.9431818182, 163.5568181818, 149.4113636364) !important;
  border-color: rgb(30.9431818182, 163.5568181818, 149.4113636364) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-success:active span, .btn-success.active span {
  color: #ffffff !important;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #23b9a9;
  border-color: #23b9a9;
}
.btn-success:hover span {
  color: #ffffff !important;
}
.btn-success.disabled, .btn-success:disabled {
  color: #23b9a9 !important;
  background-color: transparent !important;
  border-color: #23b9a9 !important;
}
.btn-success.disabled span, .btn-success:disabled span {
  color: #23b9a9 !important;
}

.btn-full-success span {
  color: #ffffff !important;
}
.btn-full-success, .btn-full-success:focus, .btn-full-success.focus {
  color: #ffffff;
  background-color: #23b9a9;
  border-color: #23b9a9;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-success:active, .btn-full-success.active {
  color: #ffffff !important;
  background-color: rgb(26.8863636364, 142.1136363636, 129.8227272727) !important;
  border-color: rgb(25.2636363636, 133.5363636364, 121.9872727273) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-success:hover {
  color: #ffffff;
  background-color: rgb(30.9431818182, 163.5568181818, 149.4113636364);
  border-color: rgb(30.1318181818, 159.2681818182, 145.4936363636);
}
.btn-warning, .btn-warning:focus, .btn-warning.focus {
  color: #eac459;
  background-color: transparent;
  border-color: #eac459;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-warning span, .btn-warning:focus span, .btn-warning.focus span {
  color: #eac459 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-warning:active, .btn-warning.active {
  color: #ffffff !important;
  background-color: rgb(231.1363636364, 187.9545454545, 66.3636363636) !important;
  border-color: rgb(231.1363636364, 187.9545454545, 66.3636363636) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-warning:active span, .btn-warning.active span {
  color: #ffffff !important;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #eac459;
  border-color: #eac459;
}
.btn-warning:hover span {
  color: #ffffff !important;
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #eac459 !important;
  background-color: transparent !important;
  border-color: #eac459 !important;
}
.btn-warning.disabled span, .btn-warning:disabled span {
  color: #eac459 !important;
}

.btn-full-warning span {
  color: #ffffff !important;
}
.btn-full-warning, .btn-full-warning:focus, .btn-full-warning.focus {
  color: #ffffff;
  background-color: #eac459;
  border-color: #eac459;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-warning:active, .btn-full-warning.active {
  color: #ffffff !important;
  background-color: rgb(228.2727272727, 179.9090909091, 43.7272727273) !important;
  border-color: rgb(227.1272727273, 176.6909090909, 34.6727272727) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-warning:hover {
  color: #ffffff;
  background-color: rgb(231.1363636364, 187.9545454545, 66.3636363636);
  border-color: rgb(230.5636363636, 186.3454545455, 61.8363636364);
}
.btn-danger, .btn-danger:focus, .btn-danger.focus {
  color: #ff6c60;
  background-color: transparent;
  border-color: #ff6c60;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-danger span, .btn-danger:focus span, .btn-danger.focus span {
  color: #ff6c60 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-danger:active, .btn-danger.active {
  color: #ffffff !important;
  background-color: rgb(255, 84.4245283019, 70.5) !important;
  border-color: rgb(255, 84.4245283019, 70.5) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-danger:active span, .btn-danger.active span {
  color: #ffffff !important;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #ff6c60;
  border-color: #ff6c60;
}
.btn-danger:hover span {
  color: #ffffff !important;
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #ff6c60 !important;
  background-color: transparent !important;
  border-color: #ff6c60 !important;
}
.btn-danger.disabled span, .btn-danger:disabled span {
  color: #ff6c60 !important;
}

.btn-full-danger span {
  color: #ffffff !important;
}
.btn-full-danger, .btn-full-danger:focus, .btn-full-danger.focus {
  color: #ffffff;
  background-color: #ff6c60;
  border-color: #ff6c60;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-danger:active, .btn-full-danger.active {
  color: #ffffff !important;
  background-color: rgb(255, 60.8490566038, 45) !important;
  border-color: rgb(255, 51.4188679245, 34.8) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-danger:hover {
  color: #ffffff;
  background-color: rgb(255, 84.4245283019, 70.5);
  border-color: rgb(255, 79.7094339623, 65.4);
}
.btn-add, .btn-add:focus, .btn-add.focus {
  color: #e7662e;
  background-color: transparent;
  border-color: #e7662e;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-add span, .btn-add:focus span, .btn-add.focus span {
  color: #e7662e !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-add:active, .btn-add.active {
  color: #ffffff !important;
  background-color: rgb(225.5944206009, 86.3519313305, 25.9055793991) !important;
  border-color: rgb(225.5944206009, 86.3519313305, 25.9055793991) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-add:active span, .btn-add.active span {
  color: #ffffff !important;
}
.btn-add:hover {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
}
.btn-add:hover span {
  color: #ffffff !important;
}
.btn-add.disabled, .btn-add:disabled {
  color: #e7662e !important;
  background-color: transparent !important;
  border-color: #e7662e !important;
}
.btn-add.disabled span, .btn-add:disabled span {
  color: #e7662e !important;
}

.btn-full-add span {
  color: #ffffff !important;
}
.btn-full-add, .btn-full-add:focus, .btn-full-add.focus {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-add:active, .btn-full-add.active {
  color: #ffffff !important;
  background-color: rgb(202.7210300429, 77.5965665236, 23.2789699571) !important;
  border-color: rgb(193.5716738197, 74.0944206009, 22.2283261803) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-add:hover {
  color: #ffffff;
  background-color: rgb(225.5944206009, 86.3519313305, 25.9055793991);
  border-color: rgb(221.0197424893, 84.6008583691, 25.3802575107);
}
.btn-approve, .btn-approve:focus, .btn-approve.focus {
  color: #608731;
  background-color: transparent;
  border-color: #608731;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-approve span, .btn-approve:focus span, .btn-approve.focus span {
  color: #608731 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-approve:active, .btn-approve.active {
  color: #ffffff !important;
  background-color: rgb(82.6956521739, 116.2907608696, 42.2092391304) !important;
  border-color: rgb(82.6956521739, 116.2907608696, 42.2092391304) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-approve:active span, .btn-approve.active span {
  color: #ffffff !important;
}
.btn-approve:hover {
  color: #ffffff;
  background-color: #608731;
  border-color: #608731;
}
.btn-approve:hover span {
  color: #ffffff !important;
}
.btn-approve.disabled, .btn-approve:disabled {
  color: #608731 !important;
  background-color: transparent !important;
  border-color: #608731 !important;
}
.btn-approve.disabled span, .btn-approve:disabled span {
  color: #608731 !important;
}

.btn-full-approve span {
  color: #ffffff !important;
}
.btn-full-approve, .btn-full-approve:focus, .btn-full-approve.focus {
  color: #ffffff;
  background-color: #608731;
  border-color: #608731;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-approve:active, .btn-full-approve.active {
  color: #ffffff !important;
  background-color: rgb(69.3913043478, 97.5815217391, 35.4184782609) !important;
  border-color: rgb(64.0695652174, 90.097826087, 32.702173913) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-approve:hover {
  color: #ffffff;
  background-color: rgb(82.6956521739, 116.2907608696, 42.2092391304);
  border-color: rgb(80.0347826087, 112.5489130435, 40.8510869565);
}
.btn-certify, .btn-certify:focus, .btn-certify.focus {
  color: #91c253;
  background-color: transparent;
  border-color: #91c253;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-certify span, .btn-certify:focus span, .btn-certify.focus span {
  color: #91c253 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-certify:active, .btn-certify.active {
  color: #ffffff !important;
  background-color: rgb(132.7660944206, 185.6566523605, 65.8433476395) !important;
  border-color: rgb(132.7660944206, 185.6566523605, 65.8433476395) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-certify:active span, .btn-certify.active span {
  color: #ffffff !important;
}
.btn-certify:hover {
  color: #ffffff;
  background-color: #91c253;
  border-color: #91c253;
}
.btn-certify:hover span {
  color: #ffffff !important;
}
.btn-certify.disabled, .btn-certify:disabled {
  color: #91c253 !important;
  background-color: transparent !important;
  border-color: #91c253 !important;
}
.btn-certify.disabled span, .btn-certify:disabled span {
  color: #91c253 !important;
}

.btn-full-certify span {
  color: #ffffff !important;
}
.btn-full-certify, .btn-full-certify:focus, .btn-full-certify.focus {
  color: #ffffff;
  background-color: #91c253;
  border-color: #91c253;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-certify:active, .btn-full-certify.active {
  color: #ffffff !important;
  background-color: rgb(119.30472103, 166.8326180258, 59.1673819742) !important;
  border-color: rgb(113.9201716738, 159.3030042918, 56.4969957082) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-certify:hover {
  color: #ffffff;
  background-color: rgb(132.7660944206, 185.6566523605, 65.8433476395);
  border-color: rgb(130.0738197425, 181.8918454936, 64.5081545064);
}
.btn-disapprove, .btn-disapprove:focus, .btn-disapprove.focus {
  color: #e60026;
  background-color: transparent;
  border-color: #e60026;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-disapprove span, .btn-disapprove:focus span, .btn-disapprove.focus span {
  color: #e60026 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-disapprove:active, .btn-disapprove.active {
  color: #ffffff !important;
  background-color: rgb(204.5, 0, 33.7869565217) !important;
  border-color: rgb(204.5, 0, 33.7869565217) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-disapprove:active span, .btn-disapprove.active span {
  color: #ffffff !important;
}
.btn-disapprove:hover {
  color: #ffffff;
  background-color: #e60026;
  border-color: #e60026;
}
.btn-disapprove:hover span {
  color: #ffffff !important;
}
.btn-disapprove.disabled, .btn-disapprove:disabled {
  color: #e60026 !important;
  background-color: transparent !important;
  border-color: #e60026 !important;
}
.btn-disapprove.disabled span, .btn-disapprove:disabled span {
  color: #e60026 !important;
}

.btn-full-disapprove span {
  color: #ffffff !important;
}
.btn-full-disapprove, .btn-full-disapprove:focus, .btn-full-disapprove.focus {
  color: #ffffff;
  background-color: #e60026;
  border-color: #e60026;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-disapprove:active, .btn-full-disapprove.active {
  color: #ffffff !important;
  background-color: rgb(179, 0, 29.5739130435) !important;
  border-color: rgb(168.8, 0, 27.8886956522) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-disapprove:hover {
  color: #ffffff;
  background-color: rgb(204.5, 0, 33.7869565217);
  border-color: rgb(199.4, 0, 32.9443478261);
}
.btn-muted, .btn-muted:focus, .btn-muted.focus {
  color: #aaaaa9;
  background-color: transparent;
  border-color: #aaaaa9;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-muted span, .btn-muted:focus span, .btn-muted.focus span {
  color: #aaaaa9 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-muted:active, .btn-muted.active {
  color: #ffffff !important;
  background-color: rgb(157.3245614035, 157.3245614035, 156.1754385965) !important;
  border-color: rgb(157.3245614035, 157.3245614035, 156.1754385965) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-muted:active span, .btn-muted.active span {
  color: #ffffff !important;
}
.btn-muted:hover {
  color: #ffffff;
  background-color: #aaaaa9;
  border-color: #aaaaa9;
}
.btn-muted:hover span {
  color: #ffffff !important;
}
.btn-muted.disabled, .btn-muted:disabled {
  color: #aaaaa9 !important;
  background-color: transparent !important;
  border-color: #aaaaa9 !important;
}
.btn-muted.disabled span, .btn-muted:disabled span {
  color: #aaaaa9 !important;
}

.btn-full-muted span {
  color: #ffffff !important;
}
.btn-full-muted, .btn-full-muted:focus, .btn-full-muted.focus {
  color: #ffffff;
  background-color: #aaaaa9;
  border-color: #aaaaa9;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-full-muted:active, .btn-full-muted.active {
  color: #ffffff !important;
  background-color: rgb(144.649122807, 144.649122807, 143.350877193) !important;
  border-color: rgb(139.5789473684, 139.5789473684, 138.2210526316) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-full-muted:hover {
  color: #ffffff;
  background-color: rgb(157.3245614035, 157.3245614035, 156.1754385965);
  border-color: rgb(154.7894736842, 154.7894736842, 153.6105263158);
}
.btn-off span {
  color: #ffffff !important;
}
.btn-off, .btn-off:focus, .btn-off.focus {
  color: #ffffff;
  background-color: #424242;
  border-color: #424242;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-off:active, .btn-off.active {
  color: #ffffff !important;
  background-color: rgb(40.5, 40.5, 40.5) !important;
  border-color: rgb(35.4, 35.4, 35.4) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-off:hover {
  color: #ffffff;
  background-color: rgb(53.25, 53.25, 53.25);
  border-color: rgb(50.7, 50.7, 50.7);
}
.btn-d span {
  color: #ffffff !important;
}
.btn-d, .btn-d:focus, .btn-d.focus {
  color: #ffffff;
  background-color: #8bc34a;
  border-color: #8bc34a;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-d:active, .btn-d.active {
  color: #ffffff !important;
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212) !important;
  border-color: rgb(107.7800829876, 156.065560166, 51.734439834) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-d:hover {
  color: #ffffff;
  background-color: rgb(126.2966804979, 182.877593361, 60.622406639);
  border-color: rgb(123.6514522822, 179.0473029046, 59.3526970954);
}
.btn-on span {
  color: #ffffff !important;
}
.btn-on, .btn-on:focus, .btn-on.focus {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-on:active, .btn-on.active {
  color: #ffffff !important;
  background-color: rgb(204, 121.6, 0) !important;
  border-color: rgb(193.8, 115.52, 0) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-on:hover {
  color: #ffffff;
  background-color: rgb(229.5, 136.8, 0);
  border-color: rgb(224.4, 133.76, 0);
}
.btn-sb span {
  color: #ffffff !important;
}
.btn-sb, .btn-sb:focus, .btn-sb.focus {
  color: #ffffff;
  background-color: #673ab7;
  border-color: #673ab7;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-sb:active, .btn-sb.active {
  color: #ffffff !important;
  background-color: rgb(81.2033195021, 45.7261410788, 144.2738589212) !important;
  border-color: rgb(76.8439834025, 43.2713692946, 136.5286307054) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-sb:hover {
  color: #ffffff;
  background-color: rgb(92.101659751, 51.8630705394, 163.6369294606);
  border-color: rgb(89.9219917012, 50.6356846473, 159.7643153527);
}
.btn-ym span {
  color: #ffffff !important;
}
.btn-ym, .btn-ym:focus, .btn-ym.focus {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-ym:active, .btn-ym.active {
  color: #ffffff !important;
  background-color: rgb(204, 121.6, 0) !important;
  border-color: rgb(193.8, 115.52, 0) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-ym:hover {
  color: #ffffff;
  background-color: rgb(229.5, 136.8, 0);
  border-color: rgb(224.4, 133.76, 0);
}
.btn-pc span {
  color: #ffffff !important;
}
.btn-pc, .btn-pc:focus, .btn-pc.focus {
  color: #ffffff;
  background-color: #424242;
  border-color: #424242;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-pc:active, .btn-pc.active {
  color: #ffffff !important;
  background-color: rgb(40.5, 40.5, 40.5) !important;
  border-color: rgb(35.4, 35.4, 35.4) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-pc:hover {
  color: #ffffff;
  background-color: rgb(53.25, 53.25, 53.25);
  border-color: rgb(50.7, 50.7, 50.7);
}
.btn-driver span {
  color: #ffffff !important;
}
.btn-driver, .btn-driver:focus, .btn-driver.focus {
  color: #ffffff;
  background-color: #8bc34a;
  border-color: #8bc34a;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-driver:active, .btn-driver.active {
  color: #ffffff !important;
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212) !important;
  border-color: rgb(107.7800829876, 156.065560166, 51.734439834) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-driver:hover {
  color: #ffffff;
  background-color: rgb(126.2966804979, 182.877593361, 60.622406639);
  border-color: rgb(123.6514522822, 179.0473029046, 59.3526970954);
}
.btn-admin span {
  color: #ffffff !important;
}
.btn-admin, .btn-admin:focus, .btn-admin.focus {
  color: #ffffff;
  background-color: #686868;
  border-color: #686868;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-admin:active, .btn-admin.active {
  color: #ffffff !important;
  background-color: rgb(78.5, 78.5, 78.5) !important;
  border-color: rgb(73.4, 73.4, 73.4) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-admin:hover {
  color: #ffffff;
  background-color: rgb(91.25, 91.25, 91.25);
  border-color: rgb(88.7, 88.7, 88.7);
}
.btn-superuser span {
  color: #ffffff !important;
}
.btn-superuser, .btn-superuser:focus, .btn-superuser.focus {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-superuser:active, .btn-superuser.active {
  color: #ffffff !important;
  background-color: rgb(229.5, 229.5, 229.5) !important;
  border-color: rgb(224.4, 224.4, 224.4) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-superuser:hover {
  color: #ffffff;
  background-color: rgb(242.25, 242.25, 242.25);
  border-color: rgb(239.7, 239.7, 239.7);
}
.btn-no-outline-off, .btn-no-outline-off:focus, .btn-no-outline-off.focus {
  color: #424242;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-off span, .btn-no-outline-off:focus span, .btn-no-outline-off.focus span {
  color: #424242 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-off.disabled, .btn-no-outline-off:disabled {
  color: #424242 !important;
  background-color: transparent !important;
}
.btn-no-outline-off.disabled span, .btn-no-outline-off:disabled span {
  color: #424242 !important;
}

.btn-no-outline-d, .btn-no-outline-d:focus, .btn-no-outline-d.focus {
  color: #8bc34a;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-d span, .btn-no-outline-d:focus span, .btn-no-outline-d.focus span {
  color: #8bc34a !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-d.disabled, .btn-no-outline-d:disabled {
  color: #8bc34a !important;
  background-color: transparent !important;
}
.btn-no-outline-d.disabled span, .btn-no-outline-d:disabled span {
  color: #8bc34a !important;
}

.btn-no-outline-on, .btn-no-outline-on:focus, .btn-no-outline-on.focus {
  color: #ff9800;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-on span, .btn-no-outline-on:focus span, .btn-no-outline-on.focus span {
  color: #ff9800 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-on.disabled, .btn-no-outline-on:disabled {
  color: #ff9800 !important;
  background-color: transparent !important;
}
.btn-no-outline-on.disabled span, .btn-no-outline-on:disabled span {
  color: #ff9800 !important;
}

.btn-no-outline-sb, .btn-no-outline-sb:focus, .btn-no-outline-sb.focus {
  color: #673ab7;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-sb span, .btn-no-outline-sb:focus span, .btn-no-outline-sb.focus span {
  color: #673ab7 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-sb.disabled, .btn-no-outline-sb:disabled {
  color: #673ab7 !important;
  background-color: transparent !important;
}
.btn-no-outline-sb.disabled span, .btn-no-outline-sb:disabled span {
  color: #673ab7 !important;
}

.btn-no-outline-ym, .btn-no-outline-ym:focus, .btn-no-outline-ym.focus {
  color: #ff9800;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-ym span, .btn-no-outline-ym:focus span, .btn-no-outline-ym.focus span {
  color: #ff9800 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-ym.disabled, .btn-no-outline-ym:disabled {
  color: #ff9800 !important;
  background-color: transparent !important;
}
.btn-no-outline-ym.disabled span, .btn-no-outline-ym:disabled span {
  color: #ff9800 !important;
}

.btn-no-outline-pc, .btn-no-outline-pc:focus, .btn-no-outline-pc.focus {
  color: #424242;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-pc span, .btn-no-outline-pc:focus span, .btn-no-outline-pc.focus span {
  color: #424242 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-pc.disabled, .btn-no-outline-pc:disabled {
  color: #424242 !important;
  background-color: transparent !important;
}
.btn-no-outline-pc.disabled span, .btn-no-outline-pc:disabled span {
  color: #424242 !important;
}

.btn-no-outline-driver, .btn-no-outline-driver:focus, .btn-no-outline-driver.focus {
  color: #8bc34a;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-driver span, .btn-no-outline-driver:focus span, .btn-no-outline-driver.focus span {
  color: #8bc34a !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-driver.disabled, .btn-no-outline-driver:disabled {
  color: #8bc34a !important;
  background-color: transparent !important;
}
.btn-no-outline-driver.disabled span, .btn-no-outline-driver:disabled span {
  color: #8bc34a !important;
}

.btn-no-outline-admin, .btn-no-outline-admin:focus, .btn-no-outline-admin.focus {
  color: #686868;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-admin span, .btn-no-outline-admin:focus span, .btn-no-outline-admin.focus span {
  color: #686868 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-admin.disabled, .btn-no-outline-admin:disabled {
  color: #686868 !important;
  background-color: transparent !important;
}
.btn-no-outline-admin.disabled span, .btn-no-outline-admin:disabled span {
  color: #686868 !important;
}

.btn-no-outline-superuser, .btn-no-outline-superuser:focus, .btn-no-outline-superuser.focus {
  color: #ffffff;
  background-color: transparent;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-superuser span, .btn-no-outline-superuser:focus span, .btn-no-outline-superuser.focus span {
  color: #ffffff !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-no-outline-superuser.disabled, .btn-no-outline-superuser:disabled {
  color: #ffffff !important;
  background-color: transparent !important;
}
.btn-no-outline-superuser.disabled span, .btn-no-outline-superuser:disabled span {
  color: #ffffff !important;
}

.btn-default, .btn-default:focus, .btn-default.focus, .btn-cancel, .btn-cancel:focus, .btn-cancel.focus {
  color: #626262;
  background-color: transparent;
  border-color: #cccccc;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-default span, .btn-default:focus span, .btn-default.focus span, .btn-cancel span, .btn-cancel:focus span, .btn-cancel.focus span {
  color: #626262 !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-default:active, .btn-default.active, .btn-cancel:active, .btn-cancel.active {
  color: #626262 !important;
  background-color: hsla(0, 0%, -5%, 0.0470588235) !important;
  border-color: hsla(0, 0%, -5%, 0.0470588235) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-default:active span, .btn-default.active span, .btn-cancel:active span, .btn-cancel.active span {
  color: #626262 !important;
}
.btn-default:hover, .btn-cancel:hover {
  color: #626262;
  background-color: rgba(0, 0, 0, 0.0235294118);
  border-color: #cccccc;
}
.btn-default:hover span, .btn-cancel:hover span {
  color: #626262 !important;
}
.btn-default.disabled, .btn-default:disabled, .btn-cancel.disabled, .btn-cancel:disabled {
  color: #626262 !important;
  background-color: transparent !important;
  border-color: #cccccc !important;
}
.btn-default.disabled span, .btn-default:disabled span, .btn-cancel.disabled span, .btn-cancel:disabled span {
  color: #626262 !important;
}

.btn-map span, .btn-full-default span {
  color: #626262 !important;
}
.btn-map, .btn-map:focus, .btn-map.focus, .btn-full-default, .btn-full-default:focus, .btn-full-default.focus {
  color: #626262;
  background-color: #eee;
  border-color: #cccccc;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-map:active, .btn-map.active, .btn-full-default:active, .btn-full-default.active {
  color: #626262 !important;
  background-color: rgb(212.5, 212.5, 212.5) !important;
  border-color: rgb(173.4, 173.4, 173.4) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-map:hover, .btn-full-default:hover {
  color: #626262;
  background-color: rgb(225.25, 225.25, 225.25);
  border-color: rgb(188.7, 188.7, 188.7);
}
.btn-white, .btn-white:focus, .btn-white.focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-white span, .btn-white:focus span, .btn-white.focus span {
  color: #ffffff !important;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.btn-white:active, .btn-white.active {
  color: #626262 !important;
  background-color: rgb(242.25, 242.25, 242.25) !important;
  border-color: rgb(242.25, 242.25, 242.25) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-white:active span, .btn-white.active span {
  color: #626262 !important;
}
.btn-white:hover {
  color: #626262;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-white:hover span {
  color: #626262 !important;
}
.btn-white.disabled, .btn-white:disabled {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}
.btn-white.disabled span, .btn-white:disabled span {
  color: #ffffff !important;
}

.btn-default-white span {
  color: #626262 !important;
}
.btn-default-white, .btn-default-white:focus, .btn-default-white.focus {
  color: #626262;
  background-color: #FFF;
  border-color: #cccccc;
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.btn-default-white:active, .btn-default-white.active {
  color: #626262 !important;
  background-color: rgb(229.5, 229.5, 229.5) !important;
  border-color: rgb(173.4, 173.4, 173.4) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-default-white:hover {
  color: #626262;
  background-color: rgb(242.25, 242.25, 242.25);
  border-color: rgb(188.7, 188.7, 188.7);
}
.btn-slim {
  line-height: 100%;
}

.btn-role {
  width: 70px;
}
.btn-role-admin {
  border-color: #686868;
  color: #686868;
}
.btn-role-admin:hover {
  border-color: #686868;
  color: #686868;
  background-color: rgb(245, 245, 245);
}
.btn-role-superuser {
  border-color: #000000;
  color: #000000;
}
.btn-role-superuser:hover {
  border-color: #000000;
  color: #000000;
  background-color: rgb(245, 245, 245);
}
.btn-role-driver {
  border-color: #8bc34a;
  color: #8bc34a;
}
.btn-role-driver:hover {
  border-color: #8bc34a;
  color: #8bc34a;
  background-color: rgb(245, 245, 245);
}

.open > .dropdown-toggle.btn-default:focus {
  background-color: rgb(230.35, 230.35, 230.35);
  border-color: rgb(191.25, 191.25, 191.25);
}

.btn-radius-less {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn-capsul {
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.btn-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-icon i {
  margin-right: 5px;
}
.btn-icon span {
  padding-left: 5px;
  border-left: 1px solid;
}
@media only screen and (max-width: 460px) {
  .btn-icon i {
    margin-right: 0px;
  }
  .btn-icon span {
    display: none;
  }
}

.bg-light {
  color: #ffffff;
  background-color: #eaeaea;
}

.bg-dark {
  color: #ffffff;
  background-color: #626262;
}

.bg-light-yellow {
  color: #ffffff;
  background-color: #f7e7a3;
}

.bg-yellow {
  color: #ffffff;
  background-color: #f2bc44;
}

.bg-critical-red {
  color: #ffffff;
  background-color: #f3625f;
}

.bg-green {
  color: #ffffff;
  background-color: #8bc34a;
}

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

.bg-light-green {
  color: #ffffff;
  background-color: #c5e0b4;
}

.bg-orange {
  color: #ffffff;
  background-color: #ff9800;
}

.bg-gray {
  color: #ffffff;
  background-color: #898989;
}

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

.bg-blue {
  color: #ffffff;
  background-color: #287aa9;
}

.bg-electric-blue {
  color: #ffffff;
  background-color: #0079dc;
}

.bg-primary {
  color: #ffffff;
  background-color: #ff9800;
}

.bg-info {
  color: #ffffff;
  background-color: #e7662e;
}

.bg-success {
  color: #ffffff;
  background-color: #23b9a9;
}

.bg-warning {
  color: #ffffff;
  background-color: #eac459;
}

.bg-danger {
  color: #ffffff;
  background-color: #ff6c60;
}

.bg-add {
  color: #ffffff;
  background-color: #e7662e;
}

.bg-approve {
  color: #ffffff;
  background-color: #608731;
}

.bg-certify {
  color: #ffffff;
  background-color: #91c253;
}

.bg-disapprove {
  color: #ffffff;
  background-color: #e60026;
}

.bg-off {
  color: #ffffff;
  background-color: #424242;
}

.bg-d {
  color: #ffffff;
  background-color: #8bc34a;
}

.bg-on {
  color: #ffffff;
  background-color: #ff9800;
}

.bg-sb {
  color: #ffffff;
  background-color: #673ab7;
}

.bg-ym {
  color: #ffffff;
  background-color: #ff9800;
}

.bg-pc {
  color: #ffffff;
  background-color: #424242;
}

.bg-driver {
  color: #ffffff;
  background-color: #8bc34a;
}

.bg-admin {
  color: #ffffff;
  background-color: #686868;
}

.bg-superuser {
  color: #ffffff;
  background-color: #ffffff;
}

.bg-muted {
  color: #ffffff;
  background-color: #aaaaa9;
}

.bg-light {
  color: #626262;
}

/*--------------------------------------------
Nav
----------------------------------------------*/
div.client-name {
  display: block;
  position: absolute;
  left: 50px;
  right: 50px;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  text-align: center;
}
div.client-name h3 {
  margin-top: 8px;
  margin-bottom: 0px;
  color: #ffffff;
}
@media (max-width: 767px) {
  div.client-name {
    display: none;
  }
}

.navbar-nav li a {
  height: 50px;
}
.navbar-horizontal {
  margin-left: 15px;
  margin-right: 15px;
}
.navbar-header {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar-header--default {
  color: #ffffff;
  background-color: #2e3e4e;
}
.navbar-header--default + .search-dropdown .btn {
  color: #ffffff;
}
.navbar-header--dark {
  color: #ffffff;
  background: #23b9a9;
}
.navbar-brand .logo > i {
  margin-right: 5px;
}
.navbar-brand .logo-compact {
  display: none;
}
.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
  background-color: #fff;
  height: 51px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.navbar-collapse .toggle-btn {
  float: left;
  padding: 14px 15px;
}
.navbar-collapse .navbar-nav {
  float: left;
  margin: 0;
}
.navbar-collapse .navbar-nav > li {
  float: left;
}
.navbar-collapse .navbar-nav .badge {
  display: inline-block;
  width: auto;
  background-color: #ff6c60;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 5px;
  position: absolute;
  right: 4px;
  top: 10px;
}
.navbar-collapse .navbar-nav .header-user {
  padding-left: 0px;
}
.navbar-collapse .navbar-nav li a {
  padding-top: 15px;
  padding-bottom: 15px;
  height: 50px;
  text-align: center;
}
.navbar-collapse .navbar-nav li a:hover, .navbar-collapse .navbar-nav li a:focus {
  color: inherit;
  background-color: rgba(44, 44, 44, 0.1);
}
.navbar-collapse .navbar-nav li a .header-user-svg {
  margin-top: -2px;
}
.navbar-collapse .navbar-nav li a .arrowtop {
  margin-top: 4px;
  float: right;
  right: 0;
}
.navbar-collapse .navbar-nav li a .userhover {
  top: -12px;
  padding-right: 0px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 89%;
  text-align: center;
}
@media (min-width: 768px) {
  .navbar-collapse .navbar-nav li a .userhover {
    display: inline-block;
  }
}
.navbar-collapse .navbar-nav li a .userhover .userrole {
  display: block;
}
.navbar-collapse .navbar-nav .open > a {
  background-color: rgba(44, 44, 44, 0.1);
}
.navbar-collapse .navbar-nav .dropdown-menu a {
  text-align: left;
  height: auto;
}
.navbar-collapse .navbar-right {
  float: right !important;
  margin: 0;
  height: 50px;
}
.navbar-collapse .open > .dropdown-menu {
  display: block;
}
.navbar-collapse .navbar-nav .open .dropdown-menu {
  position: absolute;
  min-width: 260px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}

.ui-aside li > a > .pull-right {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.ui-aside li > a .label {
  margin-left: 5px;
}
.ui-aside li.active > a > .fa-angle-right {
  -webkit-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.ui-aside li.active > a > .pull-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: 0px;
}

.nav-title {
  padding-left: 20px;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: bold;
  opacity: 0.8;
  margin-top: 15px;
  margin-bottom: 15px;
}

.ui-aside-compact .nav-title {
  display: none;
}

@media (min-width: 768px) {
  .navbar-header {
    width: 240px;
  }
  .navbar-collapse {
    height: 50px;
    background-color: transparent;
    border-top: none;
  }
  .navbar-collapse .toggle-btn {
    padding: 15px;
  }
}
#time {
  margin-top: 1.25rem;
  font-size: 16px;
  color: #e0e0e0;
}

.daterangepicker .input-mini.active {
  border: 1px solid #e7662e;
}

.daterangepicker td.in-range {
  background-color: #e0e0e0;
}

.daterangepicker {
  padding-bottom: 3.5rem !important;
}

.daterangepicker td.active {
  background-color: #e7662e;
}

.datepicker td.active {
  background-color: #e7662e !important;
}
.datepicker td.active:hover {
  background-color: rgb(202.7210300429, 77.5965665236, 23.2789699571) !important;
}

.daterangepicker td.active:hover {
  background-color: #626262;
}

.daterangepicker {
  margin-top: 0.6rem;
}

.ranges {
  margin-left: 1.75rem;
  margin-bottom: 1rem;
  position: absolute;
  bottom: 0;
}

.li-side-menu.active {
  background-color: #686868;
}
.li-side-menu.active ul li:hover > a {
  background-color: rgb(88, 88, 88);
}

.nav li.active:hover > a {
  background-color: #686868;
}

.cr-container #submenu-nav .pull-right,
.unidentified-container #submenu-nav .pull-right,
.hos-logs #submenu-nav .pull-right {
  position: relative;
  right: 5px;
}

@media (max-width: 767px) {
  .navbar-header--dark + .search-dropdown .btn {
    color: #ffffff !important;
  }
  .ui-header {
    -webkit-box-shadow: none;
    box-shadow: none;
    /* Mobile Fix patch start*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  #time {
    display: none;
  }
  .navbar-nav {
    margin: 0;
  }
  .ui-aside-compact {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .ui-aside-compact .nav li a span {
    padding-left: 50px;
    width: auto;
  }
  .nav > li > a.hamburger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #submenu-nav {
    display: none;
  }
  .cr-container #submenu-nav,
  .unidentified-container #submenu-nav,
  .hos-logs #submenu-nav {
    display: block;
  }
  .cr-container #submenu-nav > a,
  .unidentified-container #submenu-nav > a,
  .hos-logs #submenu-nav > a {
    display: none;
  }
  .cr-container #submenu-nav .dateRange,
  .unidentified-container #submenu-nav .dateRange,
  .hos-logs #submenu-nav .dateRange {
    margin-top: 5px;
    width: 185px;
    height: 31px;
    margin-bottom: 5px;
  }
  .cr-container #submenu-nav .dateRange input,
  .unidentified-container #submenu-nav .dateRange input,
  .hos-logs #submenu-nav .dateRange input {
    margin-right: 5px;
  }
  .cr-container #submenu-nav .pull-right,
  .unidentified-container #submenu-nav .pull-right,
  .hos-logs #submenu-nav .pull-right {
    position: static;
  }
  .unidentified-container #submenu-nav .dateRange input,
  .hos-logs #submenu-nav .dateRange input {
    margin-right: 0px;
  }
  .ui {
    padding-top: 50px;
  }
  .ui-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .dropdown .dropdown-toggle span.dropdown-arrow {
    padding-left: 0;
  }
  li.dropdown-usermenu {
    padding-left: 0;
  }
  .nav li a img.profile-top-bar {
    margin-top: -10px;
  }
  .navbar-collapse {
    background-color: transparent;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    padding-top: 0;
    width: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle .profile-top-bar {
    position: static;
    margin-top: 0;
    width: 27px !important;
    height: 27px !important;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle .dropdown-arrow {
    position: static;
    top: 0;
    float: none;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle #status-dot-top {
    left: 19px;
  }
  /* Mobile Fix patch code end */
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ui-aside-compact .ui-aside {
    width: 0px;
    visibility: hidden;
  }
  .ui-aside-compact #content {
    margin-left: 1px;
  }
  .ui-aside-compact .ui-content-body {
    padding-left: 9px;
  }
  .ui-aside-compact .ui-aside .nav > li > a {
    padding: 0px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .ui-aside .nav > li > a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #time {
    display: none;
  }
  .dropdown .dropdown-toggle span.dropdown-arrow {
    padding-left: 0;
  }
  li.dropdown-usermenu {
    padding-left: 0;
  }
  .nav li a img.profile-top-bar {
    margin-top: -10px;
  }
  .navbar-collapse .navbar-nav li a .userhover {
    display: none;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    padding-top: 0;
    width: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle .profile-top-bar {
    position: static;
    margin-top: 0;
    width: 30px !important;
    height: 30px !important;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle .dropdown-arrow {
    position: static;
    top: 0;
    float: none;
  }
  .dropdown.dropdown-usermenu .header-user.dropdown-toggle #status-dot-top {
    left: 19px;
  }
  .ui-aside-compact .nav > li > a > span {
    width: auto;
  }
}
.ui-aside .nav li a.active {
  background-color: #555555;
}

.nav li a i.icons-menu-left {
  margin: -1px 0px;
}

/*--------------------------------------------

Horizontal Nav
----------------------------------------------*/
.secondaryTop {
  font-size: 16px;
  line-height: 32px;
  padding-bottom: 5px;
  margin-left: 5px;
  margin-top: -10px;
}
.secondaryTop a {
  margin-right: 16px;
}
.secondaryTop a:hover {
  text-decoration: none;
  font-weight: bold;
}
.secondaryTop a.active {
  font-weight: bold;
}

.navbar-nav > li > a {
  cursor: pointer;
}

.dropdown .dropdown-toggle span {
  font-size: 12px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .dropdown .dropdown-toggle span {
    top: 3px;
    position: relative;
    float: right;
  }
}

.dropdown-submenu > a:after,
.dropdown-menu-right .dropdown-submenu > a:after,
.navbar-right .dropdown-submenu > a:after {
  font-family: fontawesome;
  float: none;
  margin: 0px -10px 0px 0px !important;
  border: none;
  position: absolute;
  right: 20px;
  top: 4px;
  font-size: 12px;
}

.dropdown-submenu > a:after {
  content: "\f105";
}

.dropdown-submenu.left > a:after {
  content: "\f104";
}

.dropdown-menu-right .dropdown-submenu > a:after,
.navbar-right .dropdown-submenu > a:after {
  content: "\f104";
}

.dropdown-menu {
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu li a {
  outline: none;
  cursor: pointer;
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  margin-top: -1px;
}

.dropdown-submenu > a:after {
  margin-top: 14px;
  margin-right: 0px;
}
@media (max-width: 767px) {
  .dropdown-submenu > a:after {
    margin-top: 0px;
  }
}

.dropdown-menu-right .dropdown-submenu .dropdown-menu,
.navbar-right .dropdown-submenu .dropdown-menu {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.dropdown-menu-right .dropdown-submenu > a:after,
.navbar-right .dropdown-submenu > a:after {
  float: right;
}

/*  yamm mega menu */
.yamm .nav,
.yamm .collapse,
.yamm .dropup.mega-dropup, .yamm .dropdown.mega-dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .mega-dropdown ul {
  padding: 0;
}
.yamm .mega-dropdown li a {
  padding-left: 10px;
  display: block;
  color: #333;
  text-decoration: none;
}
.yamm .mega-dropdown li a:hover {
  background: rgb(64.9193548387, 87.5, 110.0806451613);
  color: #ffffff;
}
.yamm .mega-dropdown .nav-title {
  padding-left: 10px;
}
.yamm .yamm-content {
  overflow: hidden;
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 15px;
  right: 15px;
}
.yamm .dropdown.yamm-half .dropdown-menu {
  right: auto;
  left: auto;
  min-width: 550px;
}

.navbar.hori-nav {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.navbar-inverse.hori-nav {
  background: #2e3e4e;
  margin-bottom: 0;
  border: none;
}

.navbar-inverse.hori-nav .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-inverse.hori-nav .navbar-nav > li.open > a,
.navbar-inverse.hori-nav .navbar-nav > li.open > a:focus,
.navbar-inverse.hori-nav .navbar-nav > li.open > a:hover,
.navbar-inverse.hori-nav .navbar-collapse .navbar-nav > li > a:hover,
.navbar-inverse.hori-nav .navbar-collapse .navbar-nav > li > a:focus {
  background-color: rgba(255, 255, 255, 0.08);
}

.navbar-inverse.hori-nav .navbar-collapse {
  border-bottom: none;
}

.hori-nav .dropdown-submenu .dropdown-menu {
  top: 6px !important;
}

.hori-nav .navbar-collapse .navbar-nav .dropdown-menu a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.hori-nav .navbar-collapse .dropdown-submenu > a:after,
.hori-nav .navbar-collapse .dropdown-menu-right .dropdown-submenu > a:after,
.hori-nav .navbar-collapse .navbar-right .dropdown-submenu > a:after {
  top: 12px;
}

.hori-nav .navbar-collapse .navbar-nav li a:hover,
.hori-nav .navbar-collapse .navbar-nav li a:focus {
  background: rgb(64.9193548387, 87.5, 110.0806451613);
  color: #ffffff;
}

.ui-aside-none .ui-content,
.ui-aside-none .ui-footer {
  margin-left: 0;
}

.ui-aside-none .ui-header {
  position: relative;
}

.ui-aside-none {
  padding-top: 0;
}

@media (max-width: 767px) {
  .yamm .nav {
    width: 100%;
  }
  .navbar-brand {
    padding: 15px 0;
  }
  .navbar.hori-nav {
    height: auto;
  }
  .navbar.hori-nav .navbar-collapse {
    height: auto;
    background: #2e3e4e;
    margin-top: 50px;
    width: 100%;
  }
  .navbar.hori-nav .navbar-collapse .navbar-nav .open .dropdown-menu {
    position: static;
    width: 100%;
  }
  .navbar-inverse.hori-nav .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
  }
  .navbar-inverse.hori-nav .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse.hori-nav .navbar-nav .open .dropdown-menu > li > a:hover {
    background: #2e3e4e !important;
    color: #ffffff;
  }
  .navbar-inverse.hori-nav {
    background: #fff !important;
  }
  .navbar.hori-nav .navbar-collapse .navbar-nav > li {
    width: 100%;
  }
  .navbar.hori-nav .navbar-collapse .navbar-nav > li a {
    text-align: left;
  }
  .hori-nav .navbar-toggle {
    margin-right: 0;
    z-index: 100;
    float: left;
    background: #ffffff;
    position: absolute;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 19px 14px 16px 14px;
    margin-top: 1px;
    margin-bottom: 0;
  }
  .hori-nav .navbar-toggle .icon-bar {
    background: #626262;
  }
  .hori-nav .navbar-toggle:hover {
    background: rgba(44, 44, 44, 0.1);
  }
  .hori-nav .container {
    background: #ffffff;
  }
  .navbar-nav.pull-right {
    float: none !important;
  }
  .yamm .mega-dropdown .yamm-content ul:not(:last-child) {
    margin-bottom: 20px;
  }
  .yamm .mega-dropdown .dropdown-menu {
    min-width: 100%;
  }
  .dropdown-menu-right .dropdown-submenu > a:after,
  .navbar-right .dropdown-submenu > a:after {
    float: none;
  }
  .dropdown.yamm-half .dropdown-menu {
    min-width: 100% !important;
  }
  .ui-aside-none .ui-header {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.hori-light-nav.navbar-inverse {
  background: #ffffff;
  -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a {
  color: #626262;
  padding-top: 25px;
  padding-bottom: 25px;
  height: 70px;
}
.hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a i {
  margin-right: 10px;
  font-size: 18px;
  margin-top: 1px;
}
.hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a:hover {
  color: #4aa9e9;
}
.hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a.active {
  color: #4aa9e9;
  background: transparent;
}

.hori-light-nav .navbar-collapse .navbar-nav li a:hover,
.hori-light-nav .navbar-collapse .navbar-nav li a:focus {
  background: #ffffff;
  color: #4aa9e9;
}

.ui-aside-none .navbar-collapse {
  border-bottom: none;
}

.hori-sub-dark .navbar-collapse .navbar-nav .open .dropdown-menu {
  background: #3e4d5c;
}
.hori-sub-dark .navbar-collapse .navbar-nav .dropdown-menu a {
  color: #ffffff;
}
.hori-sub-dark .navbar-collapse .navbar-nav li a:hover, .hori-sub-dark .hori-nav .navbar-collapse .navbar-nav li a:focus {
  background: #33414e;
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-inverse.hori-sub-dark .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .hori-light-nav.navbar-inverse {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a {
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 50px;
  }
  .hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a i {
    margin-right: 10px;
    font-size: 18px;
    margin-top: 1px;
  }
  .hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a:hover {
    color: #4aa9e9;
  }
  .hori-light-nav.navbar-inverse .navbar-collapse .navbar-nav > li > a.active {
    color: #4aa9e9;
    background: transparent;
  }
}
@media (max-width: 480px) {
  .cd-horizontal-timeline .timeline {
    margin: 0 10px !important;
  }
}
@media (max-width: 767px) {
  #submenu-nav .horizontal-form label.control-label {
    padding: 0px;
    margin-left: 0px;
  }
  #submenu-nav .horizontal-form {
    margin-right: 0px !important;
  }
  #submenu-nav .horizontal-form div.filter-control.filter-buttons {
    position: relative;
    right: 5px;
  }
}
@media (min-width: 768px) {
  #submenu-nav .horizontal-form label#daterange-label {
    display: none;
  }
}
div#submenu-nav div.filter-control span.select2.select2-container {
  width: 78% !important;
  margin-left: auto;
}

/*--------------------------------------------
Components
----------------------------------------------*/
/* iChecks */
.i-checks {
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: -1px;
  cursor: pointer;
}
.i-checks input {
  opacity: 0;
  margin-left: 0px;
}
.i-checks input:checked + i:before {
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
}
.i-checks input:checked + span .active {
  display: inherit;
}
.i-checks input[type=radio] + i, .i-checks input[type=radio] + i:before {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.i-checks input[disabled], fieldset[disabled] .i-checks input {
  cursor: default;
}
.i-checks input[disabled] + i, fieldset[disabled] .i-checks input + i {
  opacity: 0.65;
}
.i-checks input[disabled] + i:before, fieldset[disabled] .i-checks input + i:before {
  opacity: 0.65;
}
.i-checks > i {
  width: 16px;
  height: 16px;
  line-height: 1;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  margin-left: -16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
}
.i-checks > i:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.i-checks > span {
  margin-left: -20px;
}
.i-checks > span .active {
  display: none;
}
.i-checks.disabled {
  cursor: default;
}
.i-checks:has(> [disabled]) {
  cursor: default;
}

.i-checks-fix {
  margin: -5px 0px 0 3px;
}

.i-checks-fix {
  margin: -5px 0px 0 3px;
}

.i-checks-light input:checked + i {
  border-color: #eaeaea;
}
.i-checks-light input:checked + i:before {
  background-color: #eaeaea;
}

.i-checks-dark input:checked + i {
  border-color: #626262;
}
.i-checks-dark input:checked + i:before {
  background-color: #626262;
}

.i-checks-light-yellow input:checked + i {
  border-color: #f7e7a3;
}
.i-checks-light-yellow input:checked + i:before {
  background-color: #f7e7a3;
}

.i-checks-yellow input:checked + i {
  border-color: #f2bc44;
}
.i-checks-yellow input:checked + i:before {
  background-color: #f2bc44;
}

.i-checks-critical-red input:checked + i {
  border-color: #f3625f;
}
.i-checks-critical-red input:checked + i:before {
  background-color: #f3625f;
}

.i-checks-green input:checked + i {
  border-color: #8bc34a;
}
.i-checks-green input:checked + i:before {
  background-color: #8bc34a;
}

.i-checks-white input:checked + i {
  border-color: #ffffff;
}
.i-checks-white input:checked + i:before {
  background-color: #ffffff;
}

.i-checks-light-green input:checked + i {
  border-color: #c5e0b4;
}
.i-checks-light-green input:checked + i:before {
  background-color: #c5e0b4;
}

.i-checks-orange input:checked + i {
  border-color: #ff9800;
}
.i-checks-orange input:checked + i:before {
  background-color: #ff9800;
}

.i-checks-gray input:checked + i {
  border-color: #898989;
}
.i-checks-gray input:checked + i:before {
  background-color: #898989;
}

.i-checks-light-gray input:checked + i {
  border-color: #d9d9d9;
}
.i-checks-light-gray input:checked + i:before {
  background-color: #d9d9d9;
}

.i-checks-blue input:checked + i {
  border-color: #287aa9;
}
.i-checks-blue input:checked + i:before {
  background-color: #287aa9;
}

.i-checks-electric-blue input:checked + i {
  border-color: #0079dc;
}
.i-checks-electric-blue input:checked + i:before {
  background-color: #0079dc;
}

.i-checks-primary input:checked + i {
  border-color: #ff9800;
}
.i-checks-primary input:checked + i:before {
  background-color: #ff9800;
}

.i-checks-info input:checked + i {
  border-color: #e7662e;
}
.i-checks-info input:checked + i:before {
  background-color: #e7662e;
}

.i-checks-success input:checked + i {
  border-color: #23b9a9;
}
.i-checks-success input:checked + i:before {
  background-color: #23b9a9;
}

.i-checks-warning input:checked + i {
  border-color: #eac459;
}
.i-checks-warning input:checked + i:before {
  background-color: #eac459;
}

.i-checks-danger input:checked + i {
  border-color: #ff6c60;
}
.i-checks-danger input:checked + i:before {
  background-color: #ff6c60;
}

.i-checks-add input:checked + i {
  border-color: #e7662e;
}
.i-checks-add input:checked + i:before {
  background-color: #e7662e;
}

.i-checks-approve input:checked + i {
  border-color: #608731;
}
.i-checks-approve input:checked + i:before {
  background-color: #608731;
}

.i-checks-certify input:checked + i {
  border-color: #91c253;
}
.i-checks-certify input:checked + i:before {
  background-color: #91c253;
}

.i-checks-disapprove input:checked + i {
  border-color: #e60026;
}
.i-checks-disapprove input:checked + i:before {
  background-color: #e60026;
}

.i-checks-off input:checked + i {
  border-color: #424242;
}
.i-checks-off input:checked + i:before {
  background-color: #424242;
}

.i-checks-d input:checked + i {
  border-color: #8bc34a;
}
.i-checks-d input:checked + i:before {
  background-color: #8bc34a;
}

.i-checks-on input:checked + i {
  border-color: #ff9800;
}
.i-checks-on input:checked + i:before {
  background-color: #ff9800;
}

.i-checks-sb input:checked + i {
  border-color: #673ab7;
}
.i-checks-sb input:checked + i:before {
  background-color: #673ab7;
}

.i-checks-ym input:checked + i {
  border-color: #ff9800;
}
.i-checks-ym input:checked + i:before {
  background-color: #ff9800;
}

.i-checks-pc input:checked + i {
  border-color: #424242;
}
.i-checks-pc input:checked + i:before {
  background-color: #424242;
}

.i-checks-driver input:checked + i {
  border-color: #8bc34a;
}
.i-checks-driver input:checked + i:before {
  background-color: #8bc34a;
}

.i-checks-admin input:checked + i {
  border-color: #686868;
}
.i-checks-admin input:checked + i:before {
  background-color: #686868;
}

.i-checks-superuser input:checked + i {
  border-color: #ffffff;
}
.i-checks-superuser input:checked + i:before {
  background-color: #ffffff;
}

.i-checks-muted input:checked + i {
  border-color: #aaaaa9;
}
.i-checks-muted input:checked + i:before {
  background-color: #aaaaa9;
}

/* hos */
@media print {
  .print-no-break {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
}
.left-caliper {
  float: left;
  width: 70px;
}
.left-caliper .tag {
  margin: 13px auto 0px;
}
.left-caliper .graph-initial {
  clear: both;
  width: 100%;
  float: right;
  text-align: right;
  padding-top: 11px;
  margin-right: -10px;
}

.right-caliper {
  float: left;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
}
.right-caliper .daily-log {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.right-caliper .daily-log .odd-row {
  background-color: #FAFAFA;
  min-height: 45px;
}
.right-caliper .daily-log .even-row {
  background-color: #F4F4F4;
  min-height: 45px;
}
.right-caliper .daily-log .caliper-val {
  text-align: center;
  position: relative;
  left: 50%;
}
.right-caliper .daily-log svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 180px;
}
.right-caliper .daily-log svg line {
  stroke: #000;
  stroke-width: 2;
}
.right-caliper .calibrated-data {
  float: left;
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}
.right-caliper .each-secor-x-axis {
  float: left;
  width: 4.17%;
}
.right-caliper .timing-frame {
  float: left;
  width: 66px;
}
.right-caliper .timing-frame .graph-timing {
  min-height: 45px;
  font-weight: 600;
  padding: 12px 0 0 10px;
  margin-left: 14px;
}
.right-caliper .timing-frame .graph-timing:last-child {
  font-weight: 700;
  padding: 0px 0px 0px 10px;
  min-height: unset;
}

.pdf-gen .left-caliper {
  float: left;
  width: 70px;
}
.pdf-gen .left-caliper .tag {
  margin: 0;
  height: 68px;
  padding: 22px;
}
@media print {
  .pdf-gen .left-caliper .tag {
    height: 80px;
  }
}
.pdf-gen .left-caliper .graph-initial {
  clear: both;
  width: 100%;
  float: right;
  text-align: right;
  padding-top: 0px;
  margin-top: -1px;
  margin-right: -10px;
}
.pdf-gen .right-caliper {
  float: left;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
}
.pdf-gen .right-caliper .daily-log {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.pdf-gen .right-caliper .daily-log .odd-row {
  background-color: #FAFAFA;
  min-height: 68px;
}
.pdf-gen .right-caliper .daily-log .even-row {
  background-color: #F4F4F4;
  min-height: 68px;
}
@media print {
  .pdf-gen .right-caliper .daily-log .odd-row, .pdf-gen .right-caliper .daily-log .even-row {
    min-height: 80px;
  }
}
.pdf-gen .right-caliper .daily-log .caliper-val {
  text-align: center;
  position: relative;
  left: 50%;
}
.pdf-gen .right-caliper .daily-log svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 272px;
}
.pdf-gen .right-caliper .daily-log svg line {
  stroke: #000;
  stroke-width: 2;
}
@media print {
  .pdf-gen .right-caliper .daily-log svg {
    min-height: 320px;
  }
}
.pdf-gen .right-caliper .calibrated-data {
  float: left;
  width: -webkit-calc(100% - 66px);
  width: calc(100% - 66px);
}
.pdf-gen .right-caliper .each-secor-x-axis {
  float: left;
  width: 4.17%;
}
.pdf-gen .right-caliper .timing-frame {
  float: left;
  width: 66px;
}
.pdf-gen .right-caliper .timing-frame .graph-timing {
  margin: 0;
  height: 68px;
  padding: 22px;
  font-weight: 600;
}

/* images */
.profile-picture-container {
  position: relative;
  text-align: center;
  color: black;
  max-height: 250px;
}

.btn-edit-profile {
  position: relative;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.profile {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: auto;
  margin-top: 6px;
}

.profile-top-bar {
  position: relative;
  margin-top: -18px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

/* dropdowns */
.expand {
  margin-right: 5px;
  display: block;
}
.expand:hover {
  text-decoration: none;
}

.dropdown-menu {
  padding: 5px 0px;
  border: none;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
  z-index: 2000;
}
.dropdown-menu .divider {
  margin: 5px 0;
}
.dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus {
  color: #e0e0e0;
}
.dropdown-menu li a {
  color: #626262;
}
.dropdown-menu li a:hover {
  color: #626262;
}
.dropdown-menu .active a {
  color: inherit;
  background-color: #f5f5f5;
}
.dropdown-menu .active a:hover {
  color: inherit;
  background-color: #e8e8e8;
}
.dropdown-header {
  font-weight: 600;
  font-size: 14px;
  color: #626262;
}
.dropdown-footer > a {
  text-align: center !important;
  text-decoration: none;
  display: block;
  padding: 10px 15px !important;
  border-top: 1px solid #eaeaea;
  font-size: 13px;
}
.dropdown-footer > a:focus, .dropdown-footer > a:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.dropdown-usermenu > a .user-avatar {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  background-color: #aaaaa9;
  margin-top: -3px;
  -webkit-border-radius: 500%;
  border-radius: 500%;
  overflow: hidden;
  margin-right: 5px;
}
.dropdown-usermenu > a .user-avatar img {
  width: 100%;
}

.dropdown-menu-usermenu {
  min-width: 200px !important;
}
.dropdown-menu-usermenu > li > a {
  padding: 10px 15px !important;
}
.dropdown-menu-usermenu > li > a:focus, .dropdown-menu-usermenu > li > a:focus, .dropdown-menu-usermenu > li > a:hover {
  color: #2c2c2c !important;
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.dropdown-menu-usermenu .divider {
  margin: 0;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  position: absolute;
}

.dropdown-menu > li.disabled > a:hover {
  cursor: default;
}

@media (max-width: 480px) {
  .navbar-collapse.nav-responsive-disabled .navbar-nav .dropdown-menu--responsive {
    position: fixed !important;
    top: 0;
    margin-top: 101px;
  }
}
/* pagination */
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
}
/* pager */
.pager li > a:hover,
.pager li > a:focus {
  color: #ffffff;
  background-color: #e7662e;
  border: 1px solid #e7662e;
}
.pagination > li > a, .pagination > li > span {
  color: inherit;
}

.breadcrumb-border {
  display: inline-block;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #dae0e6;
  margin-bottom: 20px;
}
.breadcrumb-border ul.breadcrumb {
  margin-bottom: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: inherit;
}
.breadcrumb-border .btn {
  margin-top: 4px;
}

.page-head-wrap {
  padding: 15px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
}
.page-head-wrap .breadcrumb-right {
  position: absolute;
  right: 15px;
  top: 8px;
}

#font-icons section {
  margin-bottom: 30px;
}
#font-icons h2 {
  margin-top: 0;
}
#font-icons i {
  width: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}
#font-icons .fa-hover {
  line-height: 30px;
}
#font-icons .fa-hover:hover {
  background: #4aa9e9;
  color: #ffffff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}
#font-icons .fa-hover:hover .text-muted {
  color: #ffffff;
}

.progress-xs {
  height: 10px;
}

/* labels */
.label-light {
  background-color: #eaeaea;
}
.label-light[href]:hover, .label-light[href]:focus {
  background-color: rgb(208.5, 208.5, 208.5);
}

.text-light {
  color: #eaeaea;
}

.label-dark {
  background-color: #626262;
}
.label-dark[href]:hover, .label-dark[href]:focus {
  background-color: rgb(72.5, 72.5, 72.5);
}

.text-dark {
  color: #626262;
}

.label-light-yellow {
  background-color: #f7e7a3;
}
.label-light-yellow[href]:hover, .label-light-yellow[href]:focus {
  background-color: rgb(242.92, 218.76, 116.08);
}

.text-light-yellow {
  color: #f7e7a3;
}

.label-yellow {
  background-color: #f2bc44;
}
.label-yellow[href]:hover, .label-yellow[href]:focus {
  background-color: rgb(238.685, 170.915, 20.315);
}

.text-yellow {
  color: #f2bc44;
}

.label-critical-red {
  background-color: #f3625f;
}
.label-critical-red[href]:hover, .label-critical-red[href]:focus {
  background-color: rgb(239.4418604651, 51.4476744186, 47.5581395349);
}

.text-critical-red {
  color: #f3625f;
}

.label-green {
  background-color: #8bc34a;
}
.label-green[href]:hover, .label-green[href]:focus {
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.text-green {
  color: #8bc34a;
}

.label-white {
  background-color: #ffffff;
}
.label-white[href]:hover, .label-white[href]:focus {
  background-color: rgb(229.5, 229.5, 229.5);
}

.text-white {
  color: #ffffff;
}

.label-light-green {
  background-color: #c5e0b4;
}
.label-light-green[href]:hover, .label-light-green[href]:focus {
  background-color: rgb(169.0943396226, 209.0849056604, 143.9150943396);
}

.text-light-green {
  color: #c5e0b4;
}

.label-orange {
  background-color: #ff9800;
}
.label-orange[href]:hover, .label-orange[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.text-orange {
  color: #ff9800;
}

.label-gray {
  background-color: #898989;
}
.label-gray[href]:hover, .label-gray[href]:focus {
  background-color: rgb(111.5, 111.5, 111.5);
}

.text-gray {
  color: #898989;
}

.label-light-gray {
  background-color: #d9d9d9;
}
.label-light-gray[href]:hover, .label-light-gray[href]:focus {
  background-color: rgb(191.5, 191.5, 191.5);
}

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

.label-blue {
  background-color: #287aa9;
}
.label-blue[href]:hover, .label-blue[href]:focus {
  background-color: rgb(30.2392344498, 92.2296650718, 127.7607655502);
}

.text-blue {
  color: #287aa9;
}

.label-electric-blue {
  background-color: #0079dc;
}
.label-electric-blue[href]:hover, .label-electric-blue[href]:focus {
  background-color: rgb(0, 92.95, 169);
}

.text-electric-blue {
  color: #0079dc;
}

.label-primary {
  background-color: #ff9800;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.text-primary {
  color: #ff9800;
}

.label-info {
  background-color: #e7662e;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: rgb(202.7210300429, 77.5965665236, 23.2789699571);
}

.text-info {
  color: #e7662e;
}

.label-success {
  background-color: #23b9a9;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: rgb(26.8863636364, 142.1136363636, 129.8227272727);
}

.text-success {
  color: #23b9a9;
}

.label-warning {
  background-color: #eac459;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: rgb(228.2727272727, 179.9090909091, 43.7272727273);
}

.text-warning {
  color: #eac459;
}

.label-danger {
  background-color: #ff6c60;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: rgb(255, 60.8490566038, 45);
}

.text-danger {
  color: #ff6c60;
}

.label-add {
  background-color: #e7662e;
}
.label-add[href]:hover, .label-add[href]:focus {
  background-color: rgb(202.7210300429, 77.5965665236, 23.2789699571);
}

.text-add {
  color: #e7662e;
}

.label-approve {
  background-color: #608731;
}
.label-approve[href]:hover, .label-approve[href]:focus {
  background-color: rgb(69.3913043478, 97.5815217391, 35.4184782609);
}

.text-approve {
  color: #608731;
}

.label-certify {
  background-color: #91c253;
}
.label-certify[href]:hover, .label-certify[href]:focus {
  background-color: rgb(119.30472103, 166.8326180258, 59.1673819742);
}

.text-certify {
  color: #91c253;
}

.label-disapprove {
  background-color: #e60026;
}
.label-disapprove[href]:hover, .label-disapprove[href]:focus {
  background-color: rgb(179, 0, 29.5739130435);
}

.text-disapprove {
  color: #e60026;
}

.label-off {
  background-color: #424242;
}
.label-off[href]:hover, .label-off[href]:focus {
  background-color: rgb(40.5, 40.5, 40.5);
}

.text-off {
  color: #424242;
}

.label-d {
  background-color: #8bc34a;
}
.label-d[href]:hover, .label-d[href]:focus {
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.text-d {
  color: #8bc34a;
}

.label-on {
  background-color: #ff9800;
}
.label-on[href]:hover, .label-on[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.text-on {
  color: #ff9800;
}

.label-sb {
  background-color: #673ab7;
}
.label-sb[href]:hover, .label-sb[href]:focus {
  background-color: rgb(81.2033195021, 45.7261410788, 144.2738589212);
}

.text-sb {
  color: #673ab7;
}

.label-ym {
  background-color: #ff9800;
}
.label-ym[href]:hover, .label-ym[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.text-ym {
  color: #ff9800;
}

.label-pc {
  background-color: #424242;
}
.label-pc[href]:hover, .label-pc[href]:focus {
  background-color: rgb(40.5, 40.5, 40.5);
}

.text-pc {
  color: #424242;
}

.label-driver {
  background-color: #8bc34a;
}
.label-driver[href]:hover, .label-driver[href]:focus {
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.text-driver {
  color: #8bc34a;
}

.label-admin {
  background-color: #686868;
}
.label-admin[href]:hover, .label-admin[href]:focus {
  background-color: rgb(78.5, 78.5, 78.5);
}

.text-admin {
  color: #686868;
}

.label-superuser {
  background-color: #ffffff;
}
.label-superuser[href]:hover, .label-superuser[href]:focus {
  background-color: rgb(229.5, 229.5, 229.5);
}

.text-superuser {
  color: #ffffff;
}

.label-muted {
  background-color: #aaaaa9;
}
.label-muted[href]:hover, .label-muted[href]:focus {
  background-color: rgb(144.649122807, 144.649122807, 143.350877193);
}

.text-muted {
  color: #aaaaa9;
}

.certified-text {
  color: #91c253;
}

.text-certified-date {
  margin-left: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #cfcfcf;
}

/* badges */
.badge-light {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #eaeaea;
}
.badge-light[href]:hover, .badge-light[href]:focus {
  background-color: rgb(208.5, 208.5, 208.5);
}

.badge-dark {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #626262;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
  background-color: rgb(72.5, 72.5, 72.5);
}

.badge-light-yellow {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #f7e7a3;
}
.badge-light-yellow[href]:hover, .badge-light-yellow[href]:focus {
  background-color: rgb(242.92, 218.76, 116.08);
}

.badge-yellow {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #f2bc44;
}
.badge-yellow[href]:hover, .badge-yellow[href]:focus {
  background-color: rgb(238.685, 170.915, 20.315);
}

.badge-critical-red {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #f3625f;
}
.badge-critical-red[href]:hover, .badge-critical-red[href]:focus {
  background-color: rgb(239.4418604651, 51.4476744186, 47.5581395349);
}

.badge-green {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #8bc34a;
}
.badge-green[href]:hover, .badge-green[href]:focus {
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.badge-white {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #ffffff;
}
.badge-white[href]:hover, .badge-white[href]:focus {
  background-color: rgb(229.5, 229.5, 229.5);
}

.badge-light-green {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #c5e0b4;
}
.badge-light-green[href]:hover, .badge-light-green[href]:focus {
  background-color: rgb(169.0943396226, 209.0849056604, 143.9150943396);
}

.badge-orange {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #ff9800;
}
.badge-orange[href]:hover, .badge-orange[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.badge-gray {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #898989;
}
.badge-gray[href]:hover, .badge-gray[href]:focus {
  background-color: rgb(111.5, 111.5, 111.5);
}

.badge-light-gray {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #d9d9d9;
}
.badge-light-gray[href]:hover, .badge-light-gray[href]:focus {
  background-color: rgb(191.5, 191.5, 191.5);
}

.badge-blue {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #287aa9;
}
.badge-blue[href]:hover, .badge-blue[href]:focus {
  background-color: rgb(30.2392344498, 92.2296650718, 127.7607655502);
}

.badge-electric-blue {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #0079dc;
}
.badge-electric-blue[href]:hover, .badge-electric-blue[href]:focus {
  background-color: rgb(0, 92.95, 169);
}

.badge-primary {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #ff9800;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.badge-info {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #e7662e;
}
.badge-info[href]:hover, .badge-info[href]:focus {
  background-color: rgb(202.7210300429, 77.5965665236, 23.2789699571);
}

.badge-success {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #23b9a9;
}
.badge-success[href]:hover, .badge-success[href]:focus {
  background-color: rgb(26.8863636364, 142.1136363636, 129.8227272727);
}

.badge-warning {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #eac459;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
  background-color: rgb(228.2727272727, 179.9090909091, 43.7272727273);
}

.badge-danger {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #ff6c60;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
  background-color: rgb(255, 60.8490566038, 45);
}

.badge-add {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #e7662e;
}
.badge-add[href]:hover, .badge-add[href]:focus {
  background-color: rgb(202.7210300429, 77.5965665236, 23.2789699571);
}

.badge-approve {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #608731;
}
.badge-approve[href]:hover, .badge-approve[href]:focus {
  background-color: rgb(69.3913043478, 97.5815217391, 35.4184782609);
}

.badge-certify {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #91c253;
}
.badge-certify[href]:hover, .badge-certify[href]:focus {
  background-color: rgb(119.30472103, 166.8326180258, 59.1673819742);
}

.badge-disapprove {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #e60026;
}
.badge-disapprove[href]:hover, .badge-disapprove[href]:focus {
  background-color: rgb(179, 0, 29.5739130435);
}

.badge-off {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #424242;
}
.badge-off[href]:hover, .badge-off[href]:focus {
  background-color: rgb(40.5, 40.5, 40.5);
}

.badge-d {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #8bc34a;
}
.badge-d[href]:hover, .badge-d[href]:focus {
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.badge-on {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #ff9800;
}
.badge-on[href]:hover, .badge-on[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.badge-sb {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #673ab7;
}
.badge-sb[href]:hover, .badge-sb[href]:focus {
  background-color: rgb(81.2033195021, 45.7261410788, 144.2738589212);
}

.badge-ym {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #ff9800;
}
.badge-ym[href]:hover, .badge-ym[href]:focus {
  background-color: rgb(204, 121.6, 0);
}

.badge-pc {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #424242;
}
.badge-pc[href]:hover, .badge-pc[href]:focus {
  background-color: rgb(40.5, 40.5, 40.5);
}

.badge-driver {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #8bc34a;
}
.badge-driver[href]:hover, .badge-driver[href]:focus {
  background-color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.badge-admin {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #686868;
}
.badge-admin[href]:hover, .badge-admin[href]:focus {
  background-color: rgb(78.5, 78.5, 78.5);
}

.badge-superuser {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #ffffff;
}
.badge-superuser[href]:hover, .badge-superuser[href]:focus {
  background-color: rgb(229.5, 229.5, 229.5);
}

.badge-muted {
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background-color: #aaaaa9;
}
.badge-muted[href]:hover, .badge-muted[href]:focus {
  background-color: rgb(144.649122807, 144.649122807, 143.350877193);
}

.badge-lg {
  padding: 10px 16px;
  font-size: 21px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.badge-sm {
  padding: 5px 10px;
  font-size: 13px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.badge-md {
  padding: 6px 12px;
  font-size: 14px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.badge-header {
  padding: 7px 7px;
  font-size: 16px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.badge-row {
  padding: 3px 6px;
  font-size: 14px;
  font-weight: 600;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/* alerts */
.alert-just-border {
  background-color: transparent;
}

.alert-light {
  background-color: hsl(0, 0%, 121.7647058824%);
  border-color: hsl(0, 0%, 106.7647058824%);
  color: rgb(195.75, 195.75, 195.75);
}
.alert-light hr {
  border-top-color: rgb(221.25, 221.25, 221.25);
}
.alert-light .alert-link {
  color: rgb(208.5, 208.5, 208.5);
}

.alert-dark {
  background-color: rgb(174.5, 174.5, 174.5);
  border-color: rgb(136.25, 136.25, 136.25);
  color: rgb(59.75, 59.75, 59.75);
}
.alert-dark hr {
  border-top-color: rgb(85.25, 85.25, 85.25);
}
.alert-dark .alert-link {
  color: rgb(72.5, 72.5, 72.5);
}

.alert-light-yellow {
  background-color: hsl(38.5714285714, 84%, 110.3921568627%);
  border-color: rgb(253.12, 246.07, 233.38);
  color: rgb(240.88, 187.93, 92.62);
}
.alert-light-yellow hr {
  border-top-color: rgb(244.96, 224.88, 139.54);
}
.alert-light-yellow .alert-link {
  color: rgb(242.92, 218.76, 116.08);
}

.alert-yellow {
  background-color: rgb(251.945, 232.44, 211.055);
  border-color: rgb(246.9725, 195.72, 139.5275);
  color: rgb(218.3225, 121.42, 15.1775);
}
.alert-yellow hr {
  border-top-color: rgb(240.3425, 179.4575, 44.1575);
}
.alert-yellow .alert-link {
  color: rgb(238.685, 170.915, 20.315);
}

.alert-critical-red {
  background-color: rgb(253.6744186047, 237.3255813953, 239.7189922481);
  border-color: rgb(248.3372093023, 166.1627906977, 178.1928294574);
  color: rgb(237.6627906977, 23.8372093023, 55.140503876);
}
.alert-critical-red hr {
  border-top-color: rgb(241.2209302326, 74.7238372093, 71.2790697674);
}
.alert-critical-red .alert-link {
  color: rgb(239.4418604651, 51.4476744186, 47.5581395349);
}

.alert-green {
  background-color: rgb(220.0069156293, 233.0912863071, 188.9087136929);
  border-color: rgb(189.586791148, 214.0456431535, 131.4543568465);
  color: rgb(115.9526279391, 144.5746887967, 47.9253112033);
}
.alert-green hr {
  border-top-color: rgb(126.2966804979, 182.877593361, 60.622406639);
}
.alert-green .alert-link {
  color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.alert-white {
  background-color: hsl(0, 0%, 130%);
  border-color: hsl(0, 0%, 115%);
  color: rgb(216.75, 216.75, 216.75);
}
.alert-white hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-white .alert-link {
  color: rgb(229.5, 229.5, 229.5);
}

.alert-light-green {
  background-color: hsl(86.8181818182, 41.5094339623%, 109.2156862745%);
  border-color: rgb(240.8993710692, 246.3726415094, 234.1273584906);
  color: rgb(167.7672955975, 201.6273584906, 125.8726415094);
}
.alert-light-green hr {
  border-top-color: rgb(183.0471698113, 216.5424528302, 161.9575471698);
}
.alert-light-green .alert-link {
  color: rgb(169.0943396226, 209.0849056604, 143.9150943396);
}

.alert-orange {
  background-color: rgb(255, 196.8, 153);
  border-color: rgb(255, 153.15, 76.5);
  color: rgb(178.5, 76.65, 0);
}
.alert-orange hr {
  border-top-color: rgb(229.5, 136.8, 0);
}
.alert-orange .alert-link {
  color: rgb(204, 121.6, 0);
}

.alert-gray {
  background-color: rgb(213.5, 213.5, 213.5);
  border-color: rgb(175.25, 175.25, 175.25);
  color: rgb(98.75, 98.75, 98.75);
}
.alert-gray hr {
  border-top-color: rgb(124.25, 124.25, 124.25);
}
.alert-gray .alert-link {
  color: rgb(111.5, 111.5, 111.5);
}

.alert-light-gray {
  background-color: hsl(0, 0%, 115.0980392157%);
  border-color: hsl(0, 0%, 100.0980392157%);
  color: rgb(178.75, 178.75, 178.75);
}
.alert-light-gray hr {
  border-top-color: rgb(204.25, 204.25, 204.25);
}
.alert-light-gray .alert-link {
  color: rgb(191.5, 191.5, 191.5);
}

.alert-blue {
  background-color: rgb(135.3253588517, 208.6172248804, 226.6746411483);
  border-color: rgb(73.466507177, 184.6423444976, 212.033492823);
  color: rgb(25.3588516746, 90.9748803828, 107.1411483254);
}
.alert-blue hr {
  border-top-color: rgb(35.1196172249, 107.1148325359, 148.3803827751);
}
.alert-blue .alert-link {
  color: rgb(30.2392344498, 92.2296650718, 127.7607655502);
}

.alert-electric-blue {
  background-color: rgb(118, 216.1833333333, 255);
  border-color: rgb(41.5, 194.5083333333, 255);
  color: rgb(0, 102.8416666667, 143.5);
}
.alert-electric-blue hr {
  border-top-color: rgb(0, 106.975, 194.5);
}
.alert-electric-blue .alert-link {
  color: rgb(0, 92.95, 169);
}

.alert-primary {
  background-color: rgb(255, 196.8, 153);
  border-color: rgb(255, 153.15, 76.5);
  color: rgb(178.5, 76.65, 0);
}
.alert-primary hr {
  border-top-color: rgb(229.5, 136.8, 0);
}
.alert-primary .alert-link {
  color: rgb(204, 121.6, 0);
}

.alert-info {
  background-color: rgb(246.7596566524, 191.8812589413, 183.2403433476);
  border-color: rgb(238.8798283262, 131.523962804, 114.6201716738);
  color: rgb(179.847639485, 42.3086552217, 20.652360515);
}
.alert-info hr {
  border-top-color: rgb(225.5944206009, 86.3519313305, 25.9055793991);
}
.alert-info .alert-link {
  color: rgb(202.7210300429, 77.5965665236, 23.2789699571);
}

.alert-success {
  background-color: rgb(139.7954545455, 233.2045454545, 207.6727272727);
  border-color: rgb(75.4659090909, 221.0340909091, 181.2454545455);
  color: rgb(22.8295454545, 120.6704545455, 93.9272727273);
}
.alert-success hr {
  border-top-color: rgb(30.9431818182, 163.5568181818, 149.4113636364);
}
.alert-success .alert-link {
  color: rgb(26.8863636364, 142.1136363636, 129.8227272727);
}

.alert-warning {
  background-color: rgb(251.1818181818, 239.8787878788, 224.8181818182);
  border-color: rgb(242.5909090909, 205.8560606061, 156.9090909091);
  color: rgb(218.8181818182, 136.8712121212, 27.6818181818);
}
.alert-warning hr {
  border-top-color: rgb(231.1363636364, 187.9545454545, 66.3636363636);
}
.alert-warning .alert-link {
  color: rgb(228.2727272727, 179.9090909091, 43.7272727273);
}

.alert-danger {
  background-color: rgb(255, 249, 249.5471698113);
  border-color: rgb(255, 172.5, 180.0235849057);
  color: rgb(255, 19.5, 40.9764150943);
}
.alert-danger hr {
  border-top-color: rgb(255, 84.4245283019, 70.5);
}
.alert-danger .alert-link {
  color: rgb(255, 60.8490566038, 45);
}

.alert-add {
  background-color: rgb(246.7596566524, 191.8812589413, 183.2403433476);
  border-color: rgb(238.8798283262, 131.523962804, 114.6201716738);
  color: rgb(179.847639485, 42.3086552217, 20.652360515);
}
.alert-add hr {
  border-top-color: rgb(225.5944206009, 86.3519313305, 25.9055793991);
}
.alert-add .alert-link {
  color: rgb(202.7210300429, 77.5965665236, 23.2789699571);
}

.alert-approve {
  background-color: rgb(185.7373188406, 208.9293478261, 128.0706521739);
  border-color: rgb(155.1096014493, 188.5570652174, 71.9429347826);
  color: rgb(64.4610507246, 78.8722826087, 28.6277173913);
}
.alert-approve hr {
  border-top-color: rgb(82.6956521739, 116.2907608696, 42.2092391304);
}
.alert-approve .alert-link {
  color: rgb(69.3913043478, 97.5815217391, 35.4184782609);
}

.alert-certify {
  background-color: rgb(223.5836909871, 234.0557939914, 195.9442060086);
  border-color: rgb(193.5418454936, 214.0278969957, 139.4721030043);
  color: rgb(121.7628755365, 148.008583691, 52.491416309);
}
.alert-certify hr {
  border-top-color: rgb(132.7660944206, 185.6566523605, 65.8433476395);
}
.alert-certify .alert-link {
  color: rgb(119.30472103, 166.8326180258, 59.1673819742);
}

.alert-disapprove {
  background-color: rgb(255, 128, 170.1492753623);
  border-color: rgb(255, 51.5, 119.0384057971);
  color: rgb(153.5, 0, 50.9442028986);
}
.alert-disapprove hr {
  border-top-color: rgb(204.5, 0, 33.7869565217);
}
.alert-disapprove .alert-link {
  color: rgb(179, 0, 29.5739130435);
}

.alert-off {
  background-color: rgb(142.5, 142.5, 142.5);
  border-color: rgb(104.25, 104.25, 104.25);
  color: rgb(27.75, 27.75, 27.75);
}
.alert-off hr {
  border-top-color: rgb(53.25, 53.25, 53.25);
}
.alert-off .alert-link {
  color: rgb(40.5, 40.5, 40.5);
}

.alert-d {
  background-color: rgb(220.0069156293, 233.0912863071, 188.9087136929);
  border-color: rgb(189.586791148, 214.0456431535, 131.4543568465);
  color: rgb(115.9526279391, 144.5746887967, 47.9253112033);
}
.alert-d hr {
  border-top-color: rgb(126.2966804979, 182.877593361, 60.622406639);
}
.alert-d .alert-link {
  color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.alert-on {
  background-color: rgb(255, 196.8, 153);
  border-color: rgb(255, 153.15, 76.5);
  color: rgb(178.5, 76.65, 0);
}
.alert-on hr {
  border-top-color: rgb(229.5, 136.8, 0);
}
.alert-on .alert-link {
  color: rgb(204, 121.6, 0);
}

.alert-sb {
  background-color: rgb(178.5491009682, 166.9170124481, 227.0829875519);
  border-color: rgb(128.1310511757, 108.8278008299, 208.6721991701);
  color: rgb(56.0847164592, 39.5892116183, 124.9107883817);
}
.alert-sb hr {
  border-top-color: rgb(92.101659751, 51.8630705394, 163.6369294606);
}
.alert-sb .alert-link {
  color: rgb(81.2033195021, 45.7261410788, 144.2738589212);
}

.alert-ym {
  background-color: rgb(255, 196.8, 153);
  border-color: rgb(255, 153.15, 76.5);
  color: rgb(178.5, 76.65, 0);
}
.alert-ym hr {
  border-top-color: rgb(229.5, 136.8, 0);
}
.alert-ym .alert-link {
  color: rgb(204, 121.6, 0);
}

.alert-pc {
  background-color: rgb(142.5, 142.5, 142.5);
  border-color: rgb(104.25, 104.25, 104.25);
  color: rgb(27.75, 27.75, 27.75);
}
.alert-pc hr {
  border-top-color: rgb(53.25, 53.25, 53.25);
}
.alert-pc .alert-link {
  color: rgb(40.5, 40.5, 40.5);
}

.alert-driver {
  background-color: rgb(220.0069156293, 233.0912863071, 188.9087136929);
  border-color: rgb(189.586791148, 214.0456431535, 131.4543568465);
  color: rgb(115.9526279391, 144.5746887967, 47.9253112033);
}
.alert-driver hr {
  border-top-color: rgb(126.2966804979, 182.877593361, 60.622406639);
}
.alert-driver .alert-link {
  color: rgb(113.0705394191, 163.7261410788, 54.2738589212);
}

.alert-admin {
  background-color: rgb(180.5, 180.5, 180.5);
  border-color: rgb(142.25, 142.25, 142.25);
  color: rgb(65.75, 65.75, 65.75);
}
.alert-admin hr {
  border-top-color: rgb(91.25, 91.25, 91.25);
}
.alert-admin .alert-link {
  color: rgb(78.5, 78.5, 78.5);
}

.alert-superuser {
  background-color: hsl(0, 0%, 130%);
  border-color: hsl(0, 0%, 115%);
  color: rgb(216.75, 216.75, 216.75);
}
.alert-superuser hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-superuser .alert-link {
  color: rgb(229.5, 229.5, 229.5);
}

.alert-muted {
  background-color: rgb(246.0526315789, 246.0350877193, 245.9473684211);
  border-color: rgb(208.0263157895, 207.9342105263, 207.4736842105);
  color: rgb(131.9736842105, 131.7324561404, 130.5263157895);
}
.alert-muted hr {
  border-top-color: rgb(157.3245614035, 157.3245614035, 156.1754385965);
}
.alert-muted .alert-link {
  color: rgb(144.649122807, 144.649122807, 143.350877193);
}

/* panels */
.tools .light-grey {
  color: #c5c5ca;
}

.ColVis_collection {
  max-height: 400px;
  overflow-y: scroll !important;
}

.panel {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
  overflow-y: hidden;
}
.panel .panel-heading {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  font-weight: 600;
  font-size: 16px;
}
.panel .panel-heading .panel-heading-center-third {
  width: 33%;
  margin: auto;
  display: inline-block;
  text-align: center;
}
.panel .panel-heading .center-heading {
  margin-top: -20px;
}
.panel .panel-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.panel-logs {
  margin-bottom: 0px;
}
.panel-logs .panel-body {
  height: -webkit-calc(100% - 407px);
  height: calc(100% - 407px);
}
.panel-logs-certified .panel-body, .panel-logs-daily .panel-body, .panel-logs-approved .panel-body {
  height: 225px;
  overflow: hidden;
}
.panel-state-stats .panel-body, .panel-state-remaining-time .panel-body, .panel-state-cycle .panel-body {
  height: 225px;
  overflow: hidden;
}
.panel-unidentified .panel-body {
  height: -webkit-calc(100% - 407px);
  height: calc(100% - 407px);
}
.panel-unidentified-stats .panel-body, .panel-unidentified-daily .panel-body, .panel-unidentified-vehicles .panel-body, .panel-unidentified-zones .panel-body {
  height: 225px;
  overflow: hidden;
}
.panel-unidentified-map {
  height: -webkit-calc(100% - 360px);
  height: calc(100% - 360px);
}
.panel-changerequests .panel-body {
  height: -webkit-calc(100% - 407px);
  height: calc(100% - 407px);
}
.panel-changerequests-stats .panel-body, .panel-changerequests-daily .panel-body, .panel-changerequests-drivers .panel-body {
  height: 225px;
  overflow: hidden;
}
.panel-users {
  margin-bottom: 0px;
}
.panel-users .panel-body {
  height: -webkit-calc(100% - 125px);
  height: calc(100% - 125px);
}
.panel-events {
  margin-bottom: 0px;
}
.panel-events .panel-body {
  height: -webkit-calc(100% - 514px);
  height: calc(100% - 514px);
}
.panel-vehicles {
  margin-bottom: 0px;
}
.panel-vehicles .panel-body {
  height: -webkit-calc(100% - 125px);
  height: calc(100% - 125px);
}
.panel-real-time-map {
  height: -webkit-calc(100% - 46px);
  height: calc(100% - 46px);
  position: relative;
}
.panel-real-time-map .map-container {
  width: 100%;
  height: 100%;
}
.panel-real-time-map .btn-group {
  position: absolute;
  right: 10px;
  top: 10px;
}

.panel-light {
  border-color: #eaeaea;
}
.panel-light > .panel-heading {
  color: #ffffff;
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.panel-light > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eaeaea;
}
.panel-light > .panel-heading .badge {
  color: #eaeaea;
  background-color: #ffffff;
}
.panel-light > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #eaeaea;
}

.panel-dark {
  border-color: #626262;
}
.panel-dark > .panel-heading {
  color: #ffffff;
  background-color: #626262;
  border-color: #626262;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #626262;
}
.panel-dark > .panel-heading .badge {
  color: #626262;
  background-color: #ffffff;
}
.panel-dark > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #626262;
}

.panel-light-yellow {
  border-color: #f7e7a3;
}
.panel-light-yellow > .panel-heading {
  color: #ffffff;
  background-color: #f7e7a3;
  border-color: #f7e7a3;
}
.panel-light-yellow > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f7e7a3;
}
.panel-light-yellow > .panel-heading .badge {
  color: #f7e7a3;
  background-color: #ffffff;
}
.panel-light-yellow > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f7e7a3;
}

.panel-yellow {
  border-color: #f2bc44;
}
.panel-yellow > .panel-heading {
  color: #ffffff;
  background-color: #f2bc44;
  border-color: #f2bc44;
}
.panel-yellow > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f2bc44;
}
.panel-yellow > .panel-heading .badge {
  color: #f2bc44;
  background-color: #ffffff;
}
.panel-yellow > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f2bc44;
}

.panel-critical-red {
  border-color: #f3625f;
}
.panel-critical-red > .panel-heading {
  color: #ffffff;
  background-color: #f3625f;
  border-color: #f3625f;
}
.panel-critical-red > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f3625f;
}
.panel-critical-red > .panel-heading .badge {
  color: #f3625f;
  background-color: #ffffff;
}
.panel-critical-red > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f3625f;
}

.panel-green {
  border-color: #8bc34a;
}
.panel-green > .panel-heading {
  color: #ffffff;
  background-color: #8bc34a;
  border-color: #8bc34a;
}
.panel-green > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8bc34a;
}
.panel-green > .panel-heading .badge {
  color: #8bc34a;
  background-color: #ffffff;
}
.panel-green > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8bc34a;
}

.panel-white {
  border-color: #ffffff;
}
.panel-white > .panel-heading {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
}
.panel-white > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffffff;
}
.panel-white > .panel-heading .badge {
  color: #ffffff;
  background-color: #ffffff;
}
.panel-white > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffffff;
}

.panel-light-green {
  border-color: #c5e0b4;
}
.panel-light-green > .panel-heading {
  color: #ffffff;
  background-color: #c5e0b4;
  border-color: #c5e0b4;
}
.panel-light-green > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #c5e0b4;
}
.panel-light-green > .panel-heading .badge {
  color: #c5e0b4;
  background-color: #ffffff;
}
.panel-light-green > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #c5e0b4;
}

.panel-orange {
  border-color: #ff9800;
}
.panel-orange > .panel-heading {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
}
.panel-orange > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff9800;
}
.panel-orange > .panel-heading .badge {
  color: #ff9800;
  background-color: #ffffff;
}
.panel-orange > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff9800;
}

.panel-gray {
  border-color: #898989;
}
.panel-gray > .panel-heading {
  color: #ffffff;
  background-color: #898989;
  border-color: #898989;
}
.panel-gray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #898989;
}
.panel-gray > .panel-heading .badge {
  color: #898989;
  background-color: #ffffff;
}
.panel-gray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #898989;
}

.panel-light-gray {
  border-color: #d9d9d9;
}
.panel-light-gray > .panel-heading {
  color: #ffffff;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.panel-light-gray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d9d9d9;
}
.panel-light-gray > .panel-heading .badge {
  color: #d9d9d9;
  background-color: #ffffff;
}
.panel-light-gray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d9d9d9;
}

.panel-blue {
  border-color: #287aa9;
}
.panel-blue > .panel-heading {
  color: #ffffff;
  background-color: #287aa9;
  border-color: #287aa9;
}
.panel-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #287aa9;
}
.panel-blue > .panel-heading .badge {
  color: #287aa9;
  background-color: #ffffff;
}
.panel-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #287aa9;
}

.panel-electric-blue {
  border-color: #0079dc;
}
.panel-electric-blue > .panel-heading {
  color: #ffffff;
  background-color: #0079dc;
  border-color: #0079dc;
}
.panel-electric-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0079dc;
}
.panel-electric-blue > .panel-heading .badge {
  color: #0079dc;
  background-color: #ffffff;
}
.panel-electric-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0079dc;
}

.panel-primary {
  border-color: #ff9800;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff9800;
}
.panel-primary > .panel-heading .badge {
  color: #ff9800;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff9800;
}

.panel-info {
  border-color: #e7662e;
}
.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e7662e;
}
.panel-info > .panel-heading .badge {
  color: #e7662e;
  background-color: #ffffff;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e7662e;
}

.panel-success {
  border-color: #23b9a9;
}
.panel-success > .panel-heading {
  color: #ffffff;
  background-color: #23b9a9;
  border-color: #23b9a9;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #23b9a9;
}
.panel-success > .panel-heading .badge {
  color: #23b9a9;
  background-color: #ffffff;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #23b9a9;
}

.panel-warning {
  border-color: #eac459;
}
.panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #eac459;
  border-color: #eac459;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eac459;
}
.panel-warning > .panel-heading .badge {
  color: #eac459;
  background-color: #ffffff;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #eac459;
}

.panel-danger {
  border-color: #ff6c60;
}
.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #ff6c60;
  border-color: #ff6c60;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff6c60;
}
.panel-danger > .panel-heading .badge {
  color: #ff6c60;
  background-color: #ffffff;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff6c60;
}

.panel-add {
  border-color: #e7662e;
}
.panel-add > .panel-heading {
  color: #ffffff;
  background-color: #e7662e;
  border-color: #e7662e;
}
.panel-add > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e7662e;
}
.panel-add > .panel-heading .badge {
  color: #e7662e;
  background-color: #ffffff;
}
.panel-add > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e7662e;
}

.panel-approve {
  border-color: #608731;
}
.panel-approve > .panel-heading {
  color: #ffffff;
  background-color: #608731;
  border-color: #608731;
}
.panel-approve > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #608731;
}
.panel-approve > .panel-heading .badge {
  color: #608731;
  background-color: #ffffff;
}
.panel-approve > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #608731;
}

.panel-certify {
  border-color: #91c253;
}
.panel-certify > .panel-heading {
  color: #ffffff;
  background-color: #91c253;
  border-color: #91c253;
}
.panel-certify > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #91c253;
}
.panel-certify > .panel-heading .badge {
  color: #91c253;
  background-color: #ffffff;
}
.panel-certify > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #91c253;
}

.panel-disapprove {
  border-color: #e60026;
}
.panel-disapprove > .panel-heading {
  color: #ffffff;
  background-color: #e60026;
  border-color: #e60026;
}
.panel-disapprove > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e60026;
}
.panel-disapprove > .panel-heading .badge {
  color: #e60026;
  background-color: #ffffff;
}
.panel-disapprove > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e60026;
}

.panel-off {
  border-color: #424242;
}
.panel-off > .panel-heading {
  color: #ffffff;
  background-color: #424242;
  border-color: #424242;
}
.panel-off > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #424242;
}
.panel-off > .panel-heading .badge {
  color: #424242;
  background-color: #ffffff;
}
.panel-off > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #424242;
}

.panel-d {
  border-color: #8bc34a;
}
.panel-d > .panel-heading {
  color: #ffffff;
  background-color: #8bc34a;
  border-color: #8bc34a;
}
.panel-d > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8bc34a;
}
.panel-d > .panel-heading .badge {
  color: #8bc34a;
  background-color: #ffffff;
}
.panel-d > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8bc34a;
}

.panel-on {
  border-color: #ff9800;
}
.panel-on > .panel-heading {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
}
.panel-on > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff9800;
}
.panel-on > .panel-heading .badge {
  color: #ff9800;
  background-color: #ffffff;
}
.panel-on > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff9800;
}

.panel-sb {
  border-color: #673ab7;
}
.panel-sb > .panel-heading {
  color: #ffffff;
  background-color: #673ab7;
  border-color: #673ab7;
}
.panel-sb > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #673ab7;
}
.panel-sb > .panel-heading .badge {
  color: #673ab7;
  background-color: #ffffff;
}
.panel-sb > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #673ab7;
}

.panel-ym {
  border-color: #ff9800;
}
.panel-ym > .panel-heading {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #ff9800;
}
.panel-ym > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff9800;
}
.panel-ym > .panel-heading .badge {
  color: #ff9800;
  background-color: #ffffff;
}
.panel-ym > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff9800;
}

.panel-pc {
  border-color: #424242;
}
.panel-pc > .panel-heading {
  color: #ffffff;
  background-color: #424242;
  border-color: #424242;
}
.panel-pc > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #424242;
}
.panel-pc > .panel-heading .badge {
  color: #424242;
  background-color: #ffffff;
}
.panel-pc > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #424242;
}

.panel-driver {
  border-color: #8bc34a;
}
.panel-driver > .panel-heading {
  color: #ffffff;
  background-color: #8bc34a;
  border-color: #8bc34a;
}
.panel-driver > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8bc34a;
}
.panel-driver > .panel-heading .badge {
  color: #8bc34a;
  background-color: #ffffff;
}
.panel-driver > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8bc34a;
}

.panel-admin {
  border-color: #686868;
}
.panel-admin > .panel-heading {
  color: #ffffff;
  background-color: #686868;
  border-color: #686868;
}
.panel-admin > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #686868;
}
.panel-admin > .panel-heading .badge {
  color: #686868;
  background-color: #ffffff;
}
.panel-admin > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #686868;
}

.panel-superuser {
  border-color: #ffffff;
}
.panel-superuser > .panel-heading {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
}
.panel-superuser > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffffff;
}
.panel-superuser > .panel-heading .badge {
  color: #ffffff;
  background-color: #ffffff;
}
.panel-superuser > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffffff;
}

.panel-muted {
  border-color: #aaaaa9;
}
.panel-muted > .panel-heading {
  color: #ffffff;
  background-color: #aaaaa9;
  border-color: #aaaaa9;
}
.panel-muted > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #aaaaa9;
}
.panel-muted > .panel-heading .badge {
  color: #aaaaa9;
  background-color: #ffffff;
}
.panel-muted > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #aaaaa9;
}

.panel-accordion .panel-default {
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-accordion .panel-default .panel-heading {
  background-color: transparent;
  padding: 0;
}
.panel-accordion .panel-default .panel-heading .panel-title {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}
.panel-accordion .panel-default .panel-heading .panel-title a {
  padding: 10px 15px;
  display: block;
  background-color: transparent;
  border: 1px solid #ddd;
  text-decoration: none;
}
.panel-accordion .panel-default .panel-heading .panel-title a::after {
  content: "+";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  position: absolute;
  height: 20px;
  width: 20px;
  right: 12px;
  top: 50%;
  margin-top: -10px;
  line-height: 1.1;
  font-size: 18px;
  color: inherit;
  text-align: center;
}
.panel-accordion .panel-default .panel-heading .panel-title a:focus {
  color: inherit;
}
.panel-accordion .panel-default .panel-heading .panel-title a[aria-expanded=true] {
  color: #ffffff;
  background-color: #e7662e;
  border: 1px solid #e7662e;
}
.panel-accordion .panel-default .panel-heading .panel-title a[aria-expanded=true]::after {
  content: "-";
}
.panel-accordion .panel-default .panel-heading .panel-title a:hover, .panel-accordion .panel-default .panel-heading .panel-title a:active {
  color: #ffffff;
  background-color: #e7662e;
  border: 1px solid #e7662e;
}
.panel-accordion .panel-default .panel-body {
  border-top: none !important;
}

/* modals */
.modal-body {
  padding-left: 15px;
  padding-right: 15px;
}
.modal-body hr {
  margin-left: -15px;
}
.separator {
  background-color: initial;
}

.col-left {
  padding-left: 15px;
}

.col-right {
  padding-right: 15px;
}

/*--------------------------------------------
Right side Widget
----------------------------------------------*/
.aside-widget {
  padding: 12px;
}
.aside-widget h5 {
  font-weight: bold;
  border-bottom: 1px solid #dae0e6;
  padding-bottom: 22px;
}
.aside-widget .contact-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.aside-widget .contact-list li {
  padding: 10px;
  cursor: pointer;
}
.aside-widget .contact-list li .media-thumb {
  position: relative;
}
.aside-widget .contact-list li .media-thumb span {
  width: 10px;
  height: 10px;
  background: #ddd;
  border: 1px solid #ffffff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 2px;
}
.aside-widget .contact-list li .media-thumb .online {
  background: #23b9a9;
}
.aside-widget .contact-list li .media-thumb .busy {
  background: #ff6c60;
}
.aside-widget .contact-list li .media-thumb .away {
  background: #eac459;
}
.aside-widget .contact-list li img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.aside-widget .contact-list li .media-body small {
  display: block;
}
.aside-widget .contact-list li:hover {
  background-color: rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.aside-widget .table > tbody > tr > td {
  border-bottom: 1px solid #ddd;
  border-top: none;
}
.aside-widget .progress {
  height: 8px;
}
.aside-widget .task-info {
  margin-bottom: 10px;
}
.aside-widget a:hover {
  text-decoration: none;
}

/*--------------------------------------------
Login
----------------------------------------------*/
.center-menu {
  background-image: url("/css/images/background-darker.jpg");
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  vertical-align: middle;
}

.sign-in-wrapper {
  padding-top: 10%;
}
.sign-in-wrapper .sign-container {
  max-width: 340px;
  background: #ffffff;
  padding: 55px 40px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0px auto;
  position: relative;
}
.sign-in-wrapper .sign-container .copyright-txt {
  color: #aaa;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}
.sign-in-wrapper .logo {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0px;
}
.sign-in-wrapper h2, .sign-in-wrapper h3 {
  margin: 0 0 15px 0;
}
.sign-in-wrapper .sign-in-form, .sign-in-wrapper .request-reset-password-form {
  margin-top: 40px;
}
.sign-in-wrapper .user-lock-thumb img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.sign-in-wrapper .lock-bg {
  background: transparent;
}

.error-txt {
  font-size: 140px;
}

@media (max-width: 420px) {
  .sign-in-wrapper .sign-container {
    width: 300px;
  }
}
/*--------------------------------------------
Invoice
----------------------------------------------*/
.invoice-print {
  background: #ffffff;
}

.invoice-total > tbody > tr > td:first-child {
  text-align: right;
}

.invoice-total > tbody > tr > td {
  border: 0 none;
  background: none;
}

.invoice-total > tbody > tr > td:last-child {
  border-bottom: 1px solid #DDDDDD;
  text-align: right;
  width: 15%;
}

.invoice-table > thead > tr > th:last-child,
.invoice-table > tbody > tr > td:last-child {
  text-align: right;
}

/*--------------------------------------------
Utilities
----------------------------------------------*/
.u-relative {
  position: relative;
}

.u-clear {
  display: block;
  overflow: hidden;
}

.u-rounded {
  -webkit-border-radius: 500px;
  border-radius: 500px;
}

.u-padding0, .padding0 {
  padding: 0 !important;
}

.margin0 {
  margin: 0 !important;
}

.text-info {
  color: rgba(231, 102, 46, 0.3);
}

.Box {
  background-color: #fff;
}
.Box-wrapper {
  height: 100%;
  overflow: auto;
}
.Box__header {
  height: 65px;
  background-color: #F2F4F8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 767px) {
  .Box {
    height: 100%;
    background-color: #fff;
  }
  .Box-wrapper {
    height: 100%;
  }
  .Box-aside {
    float: left;
    position: relative;
    height: 100%;
    width: 350px;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  .Box-innerContent {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .Box__header {
    height: 65px;
    background-color: #F2F4F8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .Box__header--sticky {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  .Box__header--sticky + .Box__body {
    padding-top: 65px;
  }
}
.mtop-10 {
  margin-top: 10px;
  display: inline-block;
}

.mtop-20 {
  margin-top: 20px;
}

.mbot-0 {
  margin-bottom: 0px !important;
}

.mbot-2 {
  margin-bottom: 2px !important;
}

.mbot-10 {
  margin-bottom: 10px !important;
}

.mbot-20 {
  margin-bottom: 20px !important;
}

.ptop-10 {
  padding-top: 10px;
  display: inline-block;
}

/*--------------------------------------------
Notifications
----------------------------------------------*/
.Notification {
  position: relative;
  padding: 10px 24px 10px 15px;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border-left: 0;
  border-right: 0;
  border-color: #eaeaea;
}
.Notification-list {
  margin-bottom: 0;
}
.Notification-list--small {
  width: 320px;
  min-height: 325px;
  max-height: 325px;
  overflow-y: scroll;
}
.Notification a:focus, .Notification a:hover {
  text-decoration: none;
}
.Notification:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.Notification__status {
  position: absolute;
  width: 8px;
  height: 8px;
  border: none;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  overflow: hidden;
  right: 0;
  top: 0;
  margin-top: 18px;
  margin-right: 16px;
  padding: 0;
}
.Notification__status:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.Notification__status--read {
  background-color: rgba(0, 0, 0, 0.12);
}
.Notification__status--unread {
  background-color: #4aa9e9;
}
.Notification__avatar {
  position: relative;
  text-align: center;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.06);
  margin-right: 10px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.Notification__avatar img {
  max-width: 100%;
}
.Notification__avatar-icon {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
}
.Notification__avatar--primary {
  color: #ffffff;
  background-color: #e7662e;
}
.Notification__avatar--info {
  color: #ffffff;
  background-color: #4aa9e9;
}
.Notification__avatar--success {
  color: #ffffff;
  background-color: #23b9a9;
}
.Notification__avatar--danger {
  color: #ffffff;
  background-color: #ff6c60;
}
.Notification__highlight {
  display: block;
  overflow: hidden;
  color: #626262;
}
.Notification__highlight-excerpt {
  margin-bottom: 0;
  line-height: 1.3;
}
.Notification__highlight-time {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 12px;
  color: #aaaaa9;
}

.Message {
  position: relative;
  padding: 10px 24px 10px 15px;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border-left: 0;
  border-right: 0;
  border-color: #eaeaea;
}
.Message-list {
  width: 320px;
  margin-bottom: 0;
  min-height: 340px;
  max-height: 340px;
  overflow-y: scroll;
}
.Message a:focus, .Message a:hover {
  text-decoration: none;
}
.Message:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.Message__status {
  position: absolute;
  width: 8px;
  height: 8px;
  border: none;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  overflow: hidden;
  right: 0;
  top: 0;
  margin-top: 18px;
  margin-right: 16px;
  padding: 0;
}
.Message__status:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.Message__status--read {
  background-color: rgba(0, 0, 0, 0.12);
}
.Message__status--unread {
  background-color: #4aa9e9;
}
.Message__avatar {
  position: relative;
  text-align: center;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.06);
  margin-right: 10px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.Message__avatar img {
  max-width: 100%;
}
.Message__avatar-icon {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
}
.Message__avatar--primary {
  color: #ffffff;
  background-color: #e7662e;
}
.Message__avatar--info {
  color: #ffffff;
  background-color: #4aa9e9;
}
.Message__avatar--success {
  color: #ffffff;
  background-color: #23b9a9;
}
.Message__avatar--danger {
  color: #ffffff;
  background-color: #ff6c60;
}
.Message__highlight {
  display: block;
  overflow: hidden;
  color: #626262;
}
.Message__highlight-name {
  display: block;
  font-size: 13px;
  font-weight: 600;
}
.Message__highlight-excerpt {
  margin-top: 3px;
  margin-bottom: 0;
  line-height: 1.3;
  color: #aaaaa9;
  font-size: 13px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Message__highlight-time {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 12px;
  color: #aaaaa9;
}

/*--------------------------------------------
Mailbox
----------------------------------------------*/
.Mailbox-nav {
  padding: 0 30px 15px;
}
.Mailbox-nav-aside {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #ffffff;
  overflow-y: auto;
  height: -webkit-calc(100vh - 160px);
  height: calc(100vh - 160px);
  margin-top: 65px;
}
.Mailbox-nav-aside .Box__header {
  background-color: #ffffff;
  padding: 15px 30px;
}
.Mailbox-nav .nav-heading {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 20px;
  font-weight: 600;
}
.Mailbox-nav .nav > li {
  margin-top: 2px;
}
.Mailbox-nav .nav > li > a {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 15px;
}
.Mailbox-nav .nav > li > a:hover {
  color: inherit;
  background-color: rgb(241.65, 241.65, 241.65);
}
.Mailbox-nav .nav > li.active {
  background-color: transparent;
}
.Mailbox-nav .nav > li.active > a {
  color: #ffffff;
  background-color: #4aa9e9;
}

.Mailbox-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.Mailbox-list--slideLeft {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.Mailbox-list .Box__header {
  background-color: rgb(241.65, 241.65, 241.65);
  padding: 18px 15px;
}
.Mailbox-list .Box__header .btn-default {
  border-color: rgba(51, 51, 51, 0.2);
}

.Mail-list {
  margin-bottom: 0;
  background-color: rgb(241.65, 241.65, 241.65);
}

.Mail {
  padding: 0;
  position: relative;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border-left: 0;
  border-right: 0;
  border-color: rgb(241.65, 241.65, 241.65);
  background-color: transparent;
}
.Mail:first-child {
  border-top: 0;
}
.Mail > a {
  display: block;
  padding: 15px;
}
.Mail > a:focus, .Mail > a:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.02);
}
.Mail__status {
  position: absolute;
  width: 8px;
  height: 8px;
  border: none;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  overflow: hidden;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: 5px;
  margin-right: 16px;
  padding: 0;
}
.Mail__status:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.Mail__status--read {
  background-color: rgba(0, 0, 0, 0.12);
}
.Mail__status--unread {
  background-color: #4aa9e9;
}
.Mail__avatar {
  position: relative;
  text-align: center;
  width: 38px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.06);
  margin-right: 10px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.Mail__avatar img {
  max-width: 100%;
}
.Mail__avatar-icon {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
}
.Mail__avatar--primary {
  color: #ffffff;
  background-color: #e7662e;
}
.Mail__avatar--info {
  color: #ffffff;
  background-color: #4aa9e9;
}
.Mail__avatar--success {
  color: #ffffff;
  background-color: #23b9a9;
}
.Mail__avatar--danger {
  color: #ffffff;
  background-color: #ff6c60;
}
.Mail__highlight {
  display: block;
  overflow: hidden;
}
.Mail__highlight-attachment {
  float: right;
  margin-right: 5px;
  margin-top: 1px;
  margin-bottom: 0;
  font-size: 12px;
  color: #aaaaa9;
}
.Mail__highlight-time {
  float: right;
  margin-top: 1px;
  margin-bottom: 0;
  font-size: 12px;
  color: #aaaaa9;
}
.Mail__highlight-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
}
.Mail__highlight-excerpt {
  padding-right: 10px;
  margin-top: 3px;
  margin-bottom: 0;
  line-height: 1.3;
  color: #aaaaa9;
  font-size: 13px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Mail.active {
  background-color: #4aa9e9;
  border-color: #4aa9e9;
}
.Mail.active a {
  color: #ffffff;
}
.Mail.active .Mail__highlight-time,
.Mail.active .Mail__highlight-excerpt {
  color: rgba(255, 255, 255, 0.7);
}
.Mail.active:hover {
  background-color: #4aa9e9;
  border-color: #4aa9e9;
}

.Mailbox-details .Box__header {
  padding: 15px 0;
}

.Mail-actoins {
  overflow-x: auto;
  overflow-y: hidden;
  list-style: none;
  white-space: nowrap;
  width: 100%;
}
.Mail-actoins > li {
  display: inline-block;
  float: none;
  white-space: nowrap;
}
.Mail-actoins > li:first-child {
  margin-left: 10px;
  margin-right: 10px;
}
.Mail-actoins > li:first-child::after {
  content: "|";
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 10px;
  margin-right: -10px;
  color: rgba(0, 0, 0, 0.2);
}
.Mail-actoins > li > a {
  padding: 10px 10px;
}
.Mail-actoins > li > a > i {
  width: auto;
  margin-right: 5px;
}
.Mail-actoins > li:hover > a {
  color: #2c2c2c;
  background-color: transparent !important;
}

.Mail-details {
  padding: 15px 30px;
}

.Mailbox-innerContent {
  position: relative;
  height: 100%;
  overflow-y: auto;
}

@media (min-width: 767px) {
  .Mailbox-nav {
    padding: 0 30px 15px;
  }
  .Mailbox-nav-aside {
    display: block;
    width: 250px;
    position: relative;
    top: auto;
    left: auto;
    height: 100%;
    margin-top: 0;
    padding: 0;
  }
  .Mail-details {
    padding: 30px 60px;
  }
  #toggle-mailbox-nav {
    display: none;
  }
}
@media (min-width: 1200px) {
  .Mailbox-list {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }
  .Mail-actoins {
    padding-left: 10px;
  }
  #return-mailbox-list {
    display: none;
  }
}
/*--------------------------------------------
Note
----------------------------------------------*/
.Note {
  padding: 15px 20px 15px 15px;
}
.Note:hover .Note__close {
  opacity: 1;
}
.Note-wrapper {
  position: relative;
}
.Note-aside {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.Note-aside--slideleft {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.Note-aside .btn-add-note {
  margin-left: 5px;
}
.Note-innerContent {
  position: relative;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.Note-header {
  padding: 15px;
  height: 65px;
  background-color: #F2F4F8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.Note-header__title {
  font-size: 18px;
  line-height: 2;
}
.Note-header__title i {
  margin-right: 5px;
}
.Note-header .return-note-list {
  padding-left: 0;
}
.Note-search {
  position: relative;
}
.Note-search:after {
  content: "\f002";
  font-family: fontawesome;
  position: absolute;
  right: 10px;
  top: 6px;
  color: #aaaaa9;
}
.Note-search input {
  padding-right: 30px;
  width: auto;
}
.Note-created {
  line-height: 1.2;
}
.Note-created__on {
  display: block;
  font-size: 14px;
}
.Note-created__date {
  font-size: 12px;
  color: #aaaaa9;
}
.Note-list {
  margin-bottom: 0;
}
.Note-list .list-group-item {
  padding: 0;
  border-left: 0;
  border-right: 0;
}
.Note-list .list-group-item:first-child {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.Note-list .list-group-item:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.Note-list .list-group-item.active {
  background-color: #23b9a9;
  border-color: #23b9a9;
}
.Note-list .list-group-item.active .Note__date {
  color: rgba(255, 255, 255, 0.6);
}
.Note-list .list-group-item:hover .Note-delete {
  opacity: 1;
}
.Note-delete {
  position: absolute;
  right: 12px;
  top: 16px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #ffffff;
  height: 20px;
  line-height: 13px;
  width: 20px;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.Note__name {
  font-weight: bold;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Note__desc {
  font-size: 13px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Note__date {
  font-size: 12px;
  color: #aaaaa9;
}
.Note-write {
  position: relative;
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffec 5%) 0 0;
  -webkit-background-size: 100% 35px;
  background-size: 100% 35px;
  min-height: -webkit-calc(100vh - 165px);
  min-height: calc(100vh - 165px);
}
.Note-write:before {
  content: "";
  position: absolute;
  width: 0px;
  top: 0;
  left: 32px;
  bottom: 0;
  border-left: 1px solid #dacaaa;
}
.Note-write:after {
  content: "";
  position: absolute;
  width: 0px;
  top: 0;
  left: 34px;
  bottom: 0;
  border-left: 1px solid #dacaaa;
}
.Note-write textarea.form-control {
  min-height: -webkit-calc(100vh - 165px);
  min-height: calc(100vh - 165px);
  -webkit-border-radius: 0;
  border-radius: 0;
  height: auto;
  max-width: 100%;
  min-width: 100%;
  vertical-align: top;
  resize: none !important;
  background-color: transparent;
  border: none;
  line-height: 35px;
  padding: 0 20px 0 50px;
}

@media (min-width: 767px) {
  .Note-aside {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    z-index: 10;
    width: 350px;
  }
  .Note-aside .btn-add-note {
    display: none;
  }
  .Note-header .return-note-list {
    display: none;
  }
  .Note-write {
    min-height: -webkit-calc(100vh - 115px);
    min-height: calc(100vh - 115px);
  }
  .Note-write textarea.form-control {
    min-height: -webkit-calc(100vh - 115px);
    min-height: calc(100vh - 115px);
  }
}
@media (max-width: 360px) {
  .Note-search input {
    width: 165px;
  }
}
/*--------------------------------------------
Profile
----------------------------------------------*/
.profile-wrap .profile-title {
  margin: 0;
}
.profile-wrap .profile-thumb {
  text-align: center;
}
.profile-wrap .profile-thumb img {
  width: 100%;
  height: auto;
}
.profile-wrap .quick-contact {
  font-size: 0;
  margin-bottom: 30px;
}
.profile-wrap .quick-contact a {
  width: 33.33%;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  background: #aaaaa9;
  padding: 15px;
  color: #ffffff;
}
.profile-wrap .quick-contact a:hover, .profile-wrap .quick-contact a:focus {
  text-decoration: none;
}
.profile-wrap .quick-contact a i {
  padding-right: 5px;
  display: block;
  padding-bottom: 10px;
  font-size: 16px;
}
.profile-wrap .quick-contact .call {
  background: #e7662e;
}
.profile-wrap .quick-contact .mail {
  background: #4aa9e9;
}
.profile-wrap .quick-contact .chat {
  background: #eac459;
}
.profile-wrap .profile-info {
  margin-bottom: 30px;
  padding: 0 20px;
  font-size: 13px;
}
.profile-wrap .profile-info h4, .profile-wrap .profile-info h5 {
  font-weight: bold;
}
.profile-wrap .profile-info li {
  margin-bottom: 20px;
}
.profile-wrap .profile-info li i {
  width: 40px;
  float: left;
  position: relative;
  font-size: 16px;
  top: 4px;
  color: #aaaaa9;
}
.profile-wrap .profile-info li .p-i-list {
  display: block;
  overflow: hidden;
}
.profile-wrap .profile-info li .p-i-list span {
  display: block;
}

.profile-tabs .nav li.active > a {
  color: inherit;
}
.profile-tabs .tab-content {
  border: none;
}
.profile-tabs .nav-tabs > li.active > a, .profile-tabs .nav-tabs > li.active > a:focus, .profile-tabs .nav-tabs > li.active > a:hover, .profile-tabs .nav-tabs > li > a:hover {
  color: #ffffff;
  background-color: #4aa9e9;
  border: 1px solid transparent;
  border-bottom-color: transparent;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.profile-tabs .nav-tabs {
  border-bottom: 1px solid #4aa9e9;
}
.profile-tabs .tab-content {
  padding: 15px 0;
}

.activity-list .activity-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.activity-list .activity-item > .pull-left {
  margin-right: 10px;
}
.activity-list .activity-item > .pull-left img {
  width: 40px;
  height: 40px;
}
.activity-list .activity-item .media-body {
  font-size: 12px;
}
.activity-list .activity-item .action-row {
  margin-top: 10px;
}
.activity-list .activity-item .well {
  margin-top: 15px;
  margin-bottom: 0;
}
.activity-list .activity-item .photo-gal {
  margin-top: 15px;
}

/*--------------------------------------------
Switches
----------------------------------------------*/
/* https://www.w3schools.com/howto/howto_css_switch.asp */
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
  margin-top: 5px;
  /* Hide default HTML checkbox */
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch {
  /* The slider */
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.switch input:checked + .slider {
  background-color: #e7662e;
}
.switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #e7662e;
  box-shadow: 0 0 1px #e7662e;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.switch {
  /* Rounded sliders */
}
.switch .slider.round {
  -webkit-border-radius: 22px;
  border-radius: 22px;
}
.switch .slider.round:before {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.switch input:disabled + .slider {
  opacity: 0.65;
  cursor: not-allowed;
}

.switch-sm {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 18px;
  margin-top: 5px;
  /* Hide default HTML checkbox */
}
.switch-sm input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-sm {
  /* The slider */
}
.switch-sm .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.switch-sm .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.switch-sm input:checked + .slider {
  background-color: #e7662e;
}
.switch-sm input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #e7662e;
  box-shadow: 0 0 1px #e7662e;
}
.switch-sm input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.switch-sm {
  /* Rounded sliders */
}
.switch-sm .slider.round {
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
.switch-sm .slider.round:before {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.switch-sm input:disabled + .slider {
  opacity: 0.65;
  cursor: not-allowed;
}

/*--------------------------------------------
Dots
----------------------------------------------*/
/* https://www.w3schools.com/howto/howto_css_circles.asp */
.dot-light {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #eaeaea;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-light-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #eaeaea;
  margin: -2px;
  overflow: hidden;
}

.dot-light-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #eaeaea;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-dark {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #626262;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-dark-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #626262;
  margin: -2px;
  overflow: hidden;
}

.dot-dark-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #626262;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-light-yellow {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #f7e7a3;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-light-yellow-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #f7e7a3;
  margin: -2px;
  overflow: hidden;
}

.dot-light-yellow-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #f7e7a3;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-yellow {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #f2bc44;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-yellow-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #f2bc44;
  margin: -2px;
  overflow: hidden;
}

.dot-yellow-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #f2bc44;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-critical-red {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #f3625f;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-critical-red-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #f3625f;
  margin: -2px;
  overflow: hidden;
}

.dot-critical-red-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #f3625f;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-green {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #8bc34a;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-green-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #8bc34a;
  margin: -2px;
  overflow: hidden;
}

.dot-green-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #8bc34a;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-white {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-white-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ffffff;
  margin: -2px;
  overflow: hidden;
}

.dot-white-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ffffff;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-light-green {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #c5e0b4;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-light-green-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #c5e0b4;
  margin: -2px;
  overflow: hidden;
}

.dot-light-green-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #c5e0b4;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-orange {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ff9800;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-orange-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
}

.dot-orange-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-gray {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #898989;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-gray-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #898989;
  margin: -2px;
  overflow: hidden;
}

.dot-gray-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #898989;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-light-gray {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #d9d9d9;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-light-gray-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #d9d9d9;
  margin: -2px;
  overflow: hidden;
}

.dot-light-gray-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #d9d9d9;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-blue {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #287aa9;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-blue-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #287aa9;
  margin: -2px;
  overflow: hidden;
}

.dot-blue-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #287aa9;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-electric-blue {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #0079dc;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-electric-blue-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #0079dc;
  margin: -2px;
  overflow: hidden;
}

.dot-electric-blue-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #0079dc;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-primary {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ff9800;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-primary-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
}

.dot-primary-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-info {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #e7662e;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-info-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #e7662e;
  margin: -2px;
  overflow: hidden;
}

.dot-info-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #e7662e;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-success {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #23b9a9;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-success-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #23b9a9;
  margin: -2px;
  overflow: hidden;
}

.dot-success-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #23b9a9;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-warning {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #eac459;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-warning-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #eac459;
  margin: -2px;
  overflow: hidden;
}

.dot-warning-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #eac459;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-danger {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ff6c60;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-danger-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff6c60;
  margin: -2px;
  overflow: hidden;
}

.dot-danger-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff6c60;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-add {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #e7662e;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-add-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #e7662e;
  margin: -2px;
  overflow: hidden;
}

.dot-add-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #e7662e;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-approve {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #608731;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-approve-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #608731;
  margin: -2px;
  overflow: hidden;
}

.dot-approve-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #608731;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-certify {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #91c253;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-certify-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #91c253;
  margin: -2px;
  overflow: hidden;
}

.dot-certify-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #91c253;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-disapprove {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #e60026;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-disapprove-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #e60026;
  margin: -2px;
  overflow: hidden;
}

.dot-disapprove-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #e60026;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-off {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #424242;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-off-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #424242;
  margin: -2px;
  overflow: hidden;
}

.dot-off-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #424242;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-d {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #8bc34a;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-d-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #8bc34a;
  margin: -2px;
  overflow: hidden;
}

.dot-d-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #8bc34a;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-on {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ff9800;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-on-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
}

.dot-on-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-sb {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #673ab7;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-sb-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #673ab7;
  margin: -2px;
  overflow: hidden;
}

.dot-sb-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #673ab7;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-ym {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ff9800;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-ym-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
}

.dot-ym-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ff9800;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-pc {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #424242;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-pc-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #424242;
  margin: -2px;
  overflow: hidden;
}

.dot-pc-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #424242;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-driver {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #8bc34a;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-driver-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #8bc34a;
  margin: -2px;
  overflow: hidden;
}

.dot-driver-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #8bc34a;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-admin {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #686868;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-admin-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #686868;
  margin: -2px;
  overflow: hidden;
}

.dot-admin-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #686868;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-superuser {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-superuser-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ffffff;
  margin: -2px;
  overflow: hidden;
}

.dot-superuser-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ffffff;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

.dot-muted {
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #aaaaa9;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.dot-muted-surround::before {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #aaaaa9;
  margin: -2px;
  overflow: hidden;
}

.dot-muted-circle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #aaaaa9;
  margin: -2px;
  overflow: hidden;
  margin: 0px 5px 0px 0px;
}

/* The switch - the box around the slider */
.dot-yellow {
  height: 10px;
  width: 10px;
  background-color: #f2bc44;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

.dot-green {
  height: 10px;
  width: 10px;
  background-color: #8bc34a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.dot-grey {
  height: 10px;
  width: 10px;
  background-color: #e0e0e0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

.dot-black {
  height: 10px;
  width: 10px;
  background-color: #404040;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

.dot-red {
  height: 10px;
  width: 10px;
  background-color: #f3625f;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

.big-dot-light-grey {
  height: 10px;
  width: 10px;
  background-color: #898989;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-light-red {
  height: 10px;
  width: 10px;
  background-color: #ff6363;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-blue {
  height: 10px;
  width: 10px;
  background-color: #287aa9;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-electric-blue {
  height: 10px;
  width: 10px;
  background-color: #0079dc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-blue-circle {
  height: 10px;
  width: 10px;
  background-color: #fff;
  border: 1px;
  border-style: solid;
  border-color: #287aa9;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-black-circle {
  height: 10px;
  width: 10px;
  background-color: #fff;
  border: 1px;
  border-style: solid;
  border-color: #898989;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-dark-grey {
  height: 10px;
  width: 10px;
  background-color: #404040;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-off {
  height: 10px;
  width: 10px;
  background-color: #424242;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-on {
  height: 10px;
  width: 10px;
  background-color: #ff9800;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-sb {
  height: 10px;
  width: 10px;
  background-color: #673ab7;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

.big-dot-d {
  height: 10px;
  width: 10px;
  background-color: #8bc34a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}

/*--------------------------------------------
Tables
----------------------------------------------*/
table {
  font-size: inherit;
}

.table {
  margin-bottom: 0px;
}

.dataTables_scrollBody {
  background: none !important;
}

.short-search input {
  max-width: 160px;
}

.ColVis_collection {
  width: 375px !important;
  left: 127px !important;
}

tr.changeRequested {
  color: #e60026;
}

.dataTables_scrollBody {
  overflow-y: scroll;
}

.dt-delete {
  margin-right: 25px;
  color: #e0e0e0;
  cursor: pointer;
}

.table-all-state tr td:nth-last-child(1),
.table-all-state tr td:nth-last-child(2),
.table-all-state tr td:nth-last-child(3),
.table-all-state tr td:nth-last-child(4) {
  text-align: center;
}

.table tbody tr td {
  padding: 3px;
  padding-left: 18px;
}

.table tfoot tr th {
  padding: 3px;
  padding-left: 18px;
}

table tr:first-child td {
  border-top: 0;
}

table tr:last-child td {
  border-bottom: 0;
}

.table-real-time thead th {
  margin-left: 10px !important;
}
.table-real-time td, .table-real-time th {
  text-align: center;
}

.table-real-time-summary, .table-real-time-vehicle {
  font-size: 14px;
}
.table-real-time-summary thead th, .table-real-time-vehicle thead th {
  margin-left: 10px !important;
}
.table-real-time-summary td, .table-real-time-summary th, .table-real-time-vehicle td, .table-real-time-vehicle th {
  text-align: center;
}

.table-borderless td, .table-borderless th, .table-borderless tr, .table-borderless tbody, .table-borderless table {
  border-top: none !important;
  border: none;
}

.tbl-head {
  float: left;
}
.tbl-head div.ColVis {
  float: left;
}

.tbl-top .dataTables_filter {
  float: left;
}

.table-log-header td {
  width: 12.5%;
}
.table-log-header .header-label {
  color: #a6a6a6;
}

.table-first-bold {
  table-layout: fixed;
}
.table-first-bold tr td:first-child {
  font-weight: 600;
  width: 40%;
}

table.dataTable thead th, table.dataTable thead td {
  font-weight: 600;
  font-size: 14px;
}

table.dataTable tbody th, table.dataTable tbody td {
  font-size: 14px;
}

.table-form-two-colums tr td:first-child {
  width: 40%;
}
.table-form-two-colums tr td:nth-child(2) {
  width: 54%;
}

.clickable-row:hover {
  cursor: pointer;
}

ul.ColVis_collection {
  width: 200px;
}

table.dataTable thead .sorting {
  background-image: url("/imgs/sort_both.png");
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 18px;
  cursor: pointer;
}

table.dataTable thead .sorting_asc {
  background-image: url("/imgs/sort_asc.png");
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 18px;
  padding-right: 5px;
  cursor: pointer;
}

table.dataTable thead .sorting_desc {
  background-image: url("/imgs/sort_desc.png");
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 18px;
  cursor: pointer;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  content: none;
}

.dataTables_filter label {
  font-weight: 600;
  font-size: 14px;
}
.dataTables_filter label input[type=search] {
  margin-left: 5px;
  font-size: 14px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: inherit;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #ccc;
}

.general-table {
  margin-bottom: 12px;
}
.general-table tr.selected {
  background-color: #e0e0e0 !important;
}

table.dataTable.no-footer,
button.DTTT_button, div.DTTT_button, a.DTTT_button,
button.ColVis_Button {
  border-color: #ddd !important;
}

table.dataTable thead th, table.dataTable thead td {
  border-bottom: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-color: transparent !important;
  background: transparent !important;
}

button.DTTT_button, div.DTTT_button, a.DTTT_button,
button.ColVis_Button {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: #f3f3f3 !important;
}

button.DTTT_button:hover:not(.DTTT_disabled),
div.DTTT_button:hover:not(.DTTT_disabled),
a.DTTT_button:hover:not(.DTTT_disabled),
.ColVis_Button:hover {
  background: #ddd !important;
}

.tbl-head {
  margin-left: 10px;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 2.5em !important;
}

ul.ColVis_collection, ul.ColVis_collection li {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
  background: #ffffff !important;
  border-color: #ddd !important;
}

ul.ColVis_collection li:hover {
  background: #f3f3f3 !important;
}

.latest-order a {
  color: #4aa9e9;
}

.sorting_disabled {
  padding-left: 18px;
}

.editor-select, .editor-select-all, .cb-lg {
  height: 15px;
  width: 15px;
}

/*--------------------------------------------
Timeline
----------------------------------------------*/
.timeline {
  padding: 0;
  margin: 0 0 20px 0;
}
.timeline .timeline-header {
  display: block;
  width: 14em;
  text-align: center;
}
.timeline .timeline-item {
  display: block;
}
.timeline .timeline-item:after, .timeline .timeline-item:before {
  display: table;
  content: " ";
}
.timeline .timeline-item .timeline-wrapper {
  display: block;
  padding: 15px 0 15px 20px;
  margin-left: 7em;
  border-style: solid;
  border-width: 0 0 0 1px;
}
.timeline .timeline-item .timeline-wrapper:after, .timeline .timeline-item .timeline-wrapper:before {
  display: table;
  content: " ";
}
.timeline .timeline-item .timeline-wrapper:before {
  top: 15px;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: -26px;
  background: #edf1f2;
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
  -webkit-box-shadow: 0 0 0 4px #f0f3f4;
  box-shadow: 0 0 0 4px #f0f3f4;
  position: relative;
}
.timeline .timeline-item .timeline-wrapper .timeline-date {
  font-size: 12px;
  top: 10px;
  display: block;
  float: left;
  width: 6em;
  margin-left: -9em;
  text-align: right;
  position: relative;
}
.timeline .timeline-item .timeline-wrapper .timeline-content {
  display: inline-block;
  padding: 10px;
  position: relative;
}
.timeline .timeline-item .timeline-wrapper .timeline-content .arrow {
  border-width: 9px;
}
.timeline .timeline-item .timeline-wrapper .timeline-content .arrow {
  border-right: 8px solid #fff !important;
}
.timeline .timeline-item .timeline-wrapper .timeline-content .arrow {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  display: block;
  height: 0;
  left: -7px;
  position: absolute;
  width: 0;
}

.timeline-center .timeline-header {
  width: 100%;
  display: inline-block;
}
.timeline-center .timeline-left {
  margin-right: 50% !important;
  margin-left: 0 !important;
}
.timeline-center .timeline-left .timeline-date {
  float: right !important;
  margin-right: -9em;
  margin-left: 0;
  text-align: left !important;
}
.timeline-center .timeline-left .timeline-wrapper {
  float: right;
  padding-right: 20px;
  padding-left: 0;
  margin-right: 1px;
  border-right-width: 1px;
  border-left-width: 0;
}
.timeline-center .timeline-left .timeline-wrapper:before {
  float: right;
  margin-right: -25px;
  margin-left: 0;
}
.timeline-center .timeline-left .timeline-wrapper .timeline-content {
  display: inline-block;
  padding: 10px;
  position: relative;
  text-align: right;
}
.timeline-center .timeline-left .timeline-wrapper .timeline-content .arrow {
  border-left: 8px solid #fff;
  border-right: 0px !important;
}
.timeline-center .timeline-left .timeline-wrapper .timeline-content .arrow {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  display: block;
  height: 0;
  right: -7px;
  position: absolute;
  top: 13px;
  width: 0;
  left: auto;
}
.timeline-center .timeline-item {
  margin-left: 50%;
}
.timeline-center .timeline-item .timeline-wrapper {
  margin-left: -2px;
}

.border-blue {
  border-color: #4aa9e9;
}

.border-green {
  border-color: #23b9a9;
}

.border-yellow {
  border-color: #eac459;
}

.border-purple {
  border-color: #e7662e;
}

.border-red {
  border-color: #ff6c60;
}

/*--------------------------------------------
Calendar
----------------------------------------------*/
.drg-event-title {
  margin-bottom: 23px;
}

.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  padding-top: 10px;
}

.fc-state-default {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #2c2c2c;
  text-shadow: none;
}

.fc-state-default {
  border: 1px solid;
}

.fc-button {
  color: inherit;
  border: 1px solid rgba(0, 0, 0, 0.07);
  cursor: pointer;
  display: inline-block;
  height: 1.9em;
  line-height: 1.9em;
  overflow: hidden;
  padding: 0 0.6em;
  position: relative;
  white-space: nowrap;
}

.fc-state-active {
  background-color: #e7662e;
  border-color: #e7662e;
  color: #ffffff;
}

.fc-header-title h2 {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
}

.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
  border-color: #626262;
  font-weight: normal;
}

.fc-border-separate tbody {
  background-color: #626262;
}

.fc-state-highlight {
  background: none repeat scroll 0 0 #FCF8E3;
}

.external-event {
  padding: 5px 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 5px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  padding: 4px 6px;
  background-color: #4aa9e9;
  border-color: #4aa9e9;
}

.fc-event-time,
.fc-event-title {
  color: #717171;
  padding: 0 1px;
}

.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
  color: #ffffff;
}

.fc-toolbar .fc-left,
.fc-toolbar .fc-right {
  margin-top: 10px;
}

.fc-toolbar h2 {
  margin: 10px 0 0;
  font-size: 20px;
}

.fc .fc-toolbar > * > * {
  margin-left: 0.5em;
}

.fc-unthemed th {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.07) !important;
}

.external-event {
  background: #4aa9e9;
  color: #ffffff;
}

/*--------------------------------------------
Widgets
----------------------------------------------*/
.w-states .btn {
  margin-bottom: 10px;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 20px 10px 26px 10px;
}
.w-states .btn span {
  display: block;
  text-transform: uppercase;
}
.w-states .value {
  font-size: 40px;
  line-height: normal;
  display: block;
  margin-top: 20px;
}
.w-states .info {
  font-size: 12px;
}
.w-states .state-title {
  margin-bottom: 20px;
  display: inline-block;
}
.w-states .progress {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #cbd3dc;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.w-states .progress .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.w-states .panel {
  border: none;
}

/*--------------------------------------------
high charts
----------------------------------------------*/
.highcharts-credits {
  display: none;
}

.highcharts-menu {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #ddd !important;
}
.highcharts-menu hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.highcharts-menu .highcharts-menu-item:hover {
  background: #4aa9e9 !important;
}

.jqstooltip {
  width: auto !important;
  height: auto !important;
}

/*--------------------------------------------
spark line
----------------------------------------------*/
.chart-wrap {
  display: inline-block;
  margin: 21px 18px;
}
.chart-wrap div {
  margin-top: 10px;
}
.chart-wrap small {
  margin: 5px 0;
  display: block;
}

/*--------------------------------------------
nestables
----------------------------------------------*/
.dd3-content {
  background: #ffffff;
  border-color: #e5e9ec;
  color: #6F7B8A;
}

.dd3-handle {
  background: #f3f3f3;
  border-color: #e5e9ec;
}
.dd3-handle:before {
  color: inherit;
}
.dd3-handle:hover {
  background: #e5e9ec;
}

/*--------------------------------------------
short states
----------------------------------------------*/
.short-states h1 {
  color: #626262;
}
.short-states h1.light-txt {
  color: #ffffff;
}
.short-states h4 {
  font-weight: bold;
}
.short-states .label {
  -webkit-border-radius: 3px 0 0 3px !important;
  border-radius: 3px 0 0 3px !important;
  position: relative;
  right: -1px;
  padding: 6px 12px;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1413px) {
  .chart-wrap {
    margin: 21px 5px !important;
  }
}
.light-txt {
  color: #ffffff;
}

.state-icon i {
  font-size: 40px;
  padding: 10px;
  opacity: 0.7;
}

/*--------------------------------------------
task
----------------------------------------------*/
.task-sum-list {
  padding: 0;
}
.task-sum-list > li {
  padding: 7px 0;
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
  position: relative;
}
.task-sum-list > li .tsk-cehck, .task-sum-list > li .tsk-title {
  display: inline-block;
  margin-right: 10px;
}
.task-sum-list > li .tsk-cehck, .task-sum-list > li .tsk-title {
  display: inline-block;
}
.task-sum-list > li .tsk-title label {
  margin: 0 10px;
  position: relative;
  top: -2px;
}
.task-sum-list > li .tsk-action {
  position: absolute;
  right: 10px;
  top: 10px;
}
.task-sum-list > li .tsk-action .btn-group {
  margin-left: 10px;
}
.task-sum-list > li .tsk-action ul {
  padding: 5px 0;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.task-sum-list > li .tsk-action li {
  border-bottom: none;
  padding-bottom: 0;
}
.task-sum-list > li .tsk-action li a {
  padding: 5px 20px;
}
.task-sum-list > li .tsk-action i {
  padding-right: 10px;
  color: #aaaaa9;
}
.task-sum-list > li .tsk-action .btn {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.server-load {
  padding: 20px 20px;
  width: 100%;
  display: inline-block;
}
.server-load ul {
  list-style: none;
}
.server-load ul li {
  margin-bottom: 5px;
}
.server-load ul .indicator {
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.server-info {
  padding: 30px 20px;
}
.server-info h3 {
  margin-top: 0;
}

/*--------------------------------------------
weather-info
----------------------------------------------*/
.weather-info {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.weather-info h1 {
  margin-top: 0;
  font-size: 50px;
  font-weight: normal;
}
.weather-info h2 {
  font-size: 20px;
}
.weather-info i {
  font-size: 70px;
}
.weather-info .weather-icon-center {
  margin-top: 35px;
  display: inline-block;
}

.w-footer {
  padding: 30px 20px;
}
.w-footer h5 {
  color: #626262;
}

/*--------------------------------------------
twitter-feed
----------------------------------------------*/
.twitter-feed {
  padding: 20px 0px 35px 0px;
}
.twitter-feed .item i {
  font-size: 50px;
  margin-bottom: 20px;
}
.twitter-feed .item p {
  font-size: 18px;
}
.twitter-feed .item p span {
  display: block;
  font-size: 14px;
  padding: 20px;
}
.twitter-feed .item a {
  text-decoration: underline;
}
.twitter-feed .carousel-indicators {
  bottom: 0px;
}

/*--------------------------------------------
order-srch-form
----------------------------------------------*/
.order-srch-form {
  margin-top: 20px;
}

#font-icons .fa-hover {
  padding: 10px 0;
}

#font-icons .fa-hover:hover {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.icon-preview-box .preview {
  padding: 10px 0;
}
.icon-preview-box .preview i {
  font-size: 20px;
  padding: 0 10px;
}
.icon-preview-box .preview:hover {
  background: #4aa9e9;
  color: #ffffff;
}

.weather-icon-box h2, .icon-box h2 {
  padding: 0 20px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 10px;
}
.weather-icon-box i, .icon-box i {
  font-size: 20px;
  padding: 0 10px;
}
.weather-icon-box .col-md-4, .icon-box .col-md-4 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.weather-icon-box .col-md-4:hover, .icon-box .col-md-4:hover {
  background: #4aa9e9;
  color: #ffffff;
}

/*--------------------------------------------
search result
----------------------------------------------*/
.srch-lg {
  margin-bottom: 20px;
}
.srch-lg .form-control, .srch-lg .btn {
  height: 50px;
}
.srch-lg .btn {
  padding-left: 30px;
  padding-right: 30px;
}

.seach-note {
  margin-bottom: 30px;
}
.seach-note h4 {
  margin-bottom: 5px;
  font-size: 20px;
}
.seach-note p {
  color: #aaaaa9;
  font-size: 16px;
}

.search-result-list li {
  margin-bottom: 40px;
}
.search-result-list li .title {
  margin-bottom: 15px;
}
.search-result-list li .title h4 {
  margin-bottom: 0;
}
.search-result-list li .title h4 a {
  color: #4aa9e9;
}

/*--------------------------------------------
price-table
----------------------------------------------*/
.price-list {
  margin-top: 50px;
  margin-bottom: 50px;
  display: inline-block;
  width: 100%;
}

.price-table {
  padding: 30px;
}
.price-table h3 {
  margin-top: 0;
}
.price-table p {
  font-size: 16px;
}
.price-table .price-value {
  font-weight: bold;
}
.price-table .price-value small {
  font-size: 16px;
}
.price-table .price-value span {
  font-size: 60px;
}
.price-table ul {
  margin: 40px 0 40px 0;
}
.price-table ul li {
  line-height: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 15px;
}

.price-featured {
  position: relative;
}
.price-featured .featured {
  background: #23b9a9;
  padding: 10px 20px;
  color: #ffffff;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  width: 35%;
  margin: 0 auto;
}

.padd-less {
  padding-left: 15px;
  padding-right: 15px;
}
.padd-less .col-md-3, .padd-less .col-md-4 {
  padding: 0;
}
.padd-less .panel {
  border: 1px solid rgba(0, 0, 0, 0.07);
}

/*--------------------------------------------
directory-list
----------------------------------------------*/
.directory-list, .directory-info-row .social-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.directory-list li {
  border-left: 1px solid rgb(208.5, 208.5, 208.5);
  display: table-cell;
  width: 0.5%;
}
.directory-list li a {
  display: block;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  background: #ffffff;
  color: #626262;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  text-decoration: none;
}
.directory-list li a:hover {
  background: #4aa9e9;
  color: #ffffff;
}

.directory-info-row {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.directory-info-row h4 {
  margin-top: 0;
}
.directory-info-row .thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 20px;
}
.directory-info-row .social-links {
  display: inline-block;
  margin-top: 10px;
}
.directory-info-row .social-links li {
  display: inline-block;
}
.directory-info-row .social-links li a {
  border: 1px solid #c8c8c8;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #626262;
  margin-right: 10px;
}
.directory-info-row .social-links li a:hover {
  border-color: #4aa9e9;
  background: #4aa9e9;
  color: #ffffff;
}

@media screen and (max-width: 991px) {
  .directory-list li {
    display: inline-block;
    float: left;
    width: auto;
  }
  .directory-list li a {
    display: block;
    padding: 5px 15px;
    margin-bottom: 1px;
  }
}
/*--------------------------------------------
chat
----------------------------------------------*/
.chats {
  margin: 0;
  padding: 0;
  margin-top: -15px;
  margin-right: 10px;
}
.chats li {
  list-style: none;
  padding: 8px 0 5px;
  margin: 7px auto;
  font-size: 12px;
}
.chats li img.avatar {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
}
.chats li .name {
  font-size: 13px;
  font-weight: bold;
}
.chats li .datetime {
  font-size: 13px;
  font-weight: 400;
}
.chats li .message {
  display: block;
  padding: 10px 15px !important;
  position: relative;
}
.chats li .message .body {
  display: block;
  margin-top: 10px;
}
.chats li.in img.avatar {
  float: left;
  margin-right: 10px;
  margin-top: 0px;
}
.chats li.in .message {
  text-align: left;
  margin-left: 65px;
}
.chats li.in .message .arrow {
  display: block;
  position: absolute;
  top: 15px;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.chats li.out img.avatar {
  float: right;
  margin-left: 10px;
  margin-top: 0px;
}
.chats li.out .datetime, .chats li.out .name {
  text-align: right;
}
.chats li.out .message {
  margin-right: 65px;
  text-align: right;
}
.chats li.out .message .arrow {
  display: block;
  position: absolute;
  top: 15px;
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(0, 0, 0, 0.07);
}

.normal-chat .message {
  border: 1px solid rgba(0, 0, 0, 0.07);
  padding: 10px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.normal-chat li img.avatar {
  height: 45px;
  width: 45px;
}

.normal-chat li.in img.avatar, .normal-chat li.out img.avatar {
  margin-top: 0px;
}

.normal-chat li.in .message .arrow {
  border-right: 8px solid #4aa9e9 !important;
}

.normal-chat li.in .message {
  border-color: #4aa9e9;
}

.normal-chat li.in .message .arrow {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  display: block;
  height: 0;
  left: -8px;
  position: absolute;
  top: 15px;
  width: 0;
}

.normal-chat li.out .message .arrow {
  border-left: 8px solid rgba(0, 0, 0, 0.07) !important;
}

.normal-chat li.out .message .arrow {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  display: block;
  position: absolute;
  right: -8px;
  top: 15px;
}

.normal-chat li.in .name {
  color: #4aa9e9 !important;
}

.normal-chat li.out .name {
  color: #626262 !important;
}

.normal-chat li .datetime {
  color: #ADADAD;
  font-size: 11px !important;
  font-weight: 400;
}

.cool-chat li.in .message {
  background: #4aa9e9;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.cool-chat li.in .message .arrow {
  border-right: 8px solid #4aa9e9;
}

.cool-chat li.in .message a.name {
  font-weight: bold;
}

.cool-chat li.in .message .datetime {
  opacity: 0.7;
}

.cool-chat li.in .message a.name, .cool-chat li.in .message .datetime {
  color: #ffffff;
}

.cool-chat li.out .message .arrow {
  border-left: 8px solid rgba(0, 0, 0, 0.07);
}

.cool-chat li.out .message {
  background: #eaeaea;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/*--------------------------------------------
Todolist
----------------------------------------------*/
.todo-aside h5 {
  font-weight: bold;
}
.todo-aside a {
  text-decoration: none;
}
.todo-aside a:hover {
  text-decoration: none;
}
.todo-aside .todo-aside-title h5, .todo-aside .todo-aside-title a {
  color: #ffffff;
}
.todo-aside .aside-border {
  border-bottom: 1px solid #e5e5e5;
}
.todo-aside .btn-row {
  padding: 15px;
}
.todo-aside .btn-row a i {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-left: 5px;
}
.todo-aside .btn-row a:hover {
  color: #4aa9e9;
}
.todo-aside .btn-row a:hover i {
  padding-left: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.todo-aside ul {
  margin-top: 20px;
}
.todo-aside ul li a {
  line-height: 40px;
  display: block;
  padding: 0 15px;
  border-left: 2px solid transparent;
}
.todo-aside ul li a:hover {
  background: rgb(211.65, 211.65, 211.65);
  border-left: 2px solid #4aa9e9;
}
.todo-aside ul li a i {
  padding-right: 10px;
  color: #aaaaa9;
}
.todo-aside ul li a .thumb {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
}
.todo-aside ul li a .thumb img {
  width: 100%;
  height: auto;
}

.order-short-info {
  display: inline-block;
  width: 100%;
}

@media (max-width: 480px) {
  .pull-left-xs {
    float: left !important;
  }
  .order-short-info span {
    margin-bottom: 20px;
  }
}
/*--------------------------------------------
File upload
----------------------------------------------*/
#drop {
  background-color: #fff;
  padding: 100px 50px;
  margin-bottom: 30px;
  border: 2px dashed #eaeaea;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*border-image: url('../img/border-image.png') 25 repeat;*/
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #7f858a;
}
#drop a {
  background-color: #4aa9e9;
  padding: 12px 26px;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  margin-top: 12px;
  line-height: 1;
}
#drop a:hover {
  text-decoration: none;
  background-color: rgb(96.736453202, 179.802955665, 235.763546798);
}
#drop input {
  display: none;
}

#upload {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#upload ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#upload ul li {
  position: relative;
  background-color: #eaeaea;
  padding: 15px;
  height: 80px;
  margin-bottom: 15px;
}
#upload ul li input {
  display: none;
}
#upload ul li p {
  width: 144px;
  overflow: hidden;
  white-space: nowrap;
  color: #4aa9e9;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 20px;
  left: 100px;
}
#upload ul li i {
  font-weight: normal;
  font-style: normal;
  color: #7f7f7f;
  display: block;
}
#upload ul li canvas {
  top: 15px;
  left: 32px;
  position: absolute;
}
#upload ul li span {
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 34px;
  right: 33px;
  cursor: pointer;
}
#upload ul li span::before {
  font-family: FontAwesome;
  content: "\f00d";
}
#upload ul li.working span {
  color: #4aa9e9;
}
#upload ul li.working span::before {
  font-family: FontAwesome;
  content: "\f00c";
}
#upload ul li.error {
  color: rgba(255, 108, 96, 0.5);
}

#tzine-download {
  opacity: 0.9;
  background-color: #257691;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
  height: 28px;
  line-height: 28px;
  text-decoration: none !important;
  display: inline-block;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff !important;
  font-weight: bold;
  -webkit-box-shadow: 0 -1px 2px #1e5e74 inset;
  box-shadow: 0 -1px 2px #1e5e74 inset;
  border-top: 1px solid #26849c;
  text-shadow: 1px 1px 1px #1e6176;
  margin-top: 6px;
}

#tzine-download:hover {
  opacity: 1;
}

#tzine-actions {
  position: absolute;
  top: 0;
  width: 500px;
  right: 50%;
  margin-right: -420px;
  text-align: right;
}

#tzine-actions iframe {
  display: inline-block;
  height: 21px;
  width: 95px;
  position: relative;
  float: left;
  margin-top: 11px;
}

/*--------------------------------------------
Chart Rickshaw
----------------------------------------------*/
#rickshaw-realtime_y_axis {
  position: absolute;
  width: 40px;
  top: 0;
  bottom: 0;
  left: 0;
  margin-left: -4px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.85);
}

/*--------------------------------------------
Ckeditor
----------------------------------------------*/
#editor-container {
  width: 100%;
  margin: 10px auto 0;
}

#header-editor {
  overflow: hidden;
  padding: 0 0 30px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}

#headerLeft,
#headerRight {
  width: 100%;
  overflow: hidden;
}

#headerLeft {
  float: left;
  padding: 10px 1px 1px;
}

#headerLeft h2,
#headerLeft h3 {
  margin: 0;
  overflow: hidden;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
}

#headerLeft h2 {
  font-size: 2.6em;
  line-height: 1.1em;
  text-transform: capitalize;
  color: #32323a;
  margin-bottom: 30px;
}

#headerLeft h3 {
  font-size: 1.5em;
  line-height: 1.1em;
  margin: 0.2em 0 0;
  color: #32323a;
}

#headerRight {
  float: right;
  padding: 1px;
}

#headerRight p {
  line-height: 1.8em;
  text-align: justify;
  margin: 0;
}

#headerRight p + p {
  margin-top: 20px;
}

#headerRight > div {
  padding: 20px 0;
  margin: 0;
  font-size: 1.1em;
  color: #757575;
}

#columns {
  color: #757575;
  overflow: hidden;
  padding: 20px 0;
}

#columns h3 {
  color: #32323a;
}

#columns > div {
  float: left;
  width: 33.3%;
}

#columns #column1 > div {
  margin-left: 1px;
}

#columns #column3 > div {
  margin-right: 1px;
}

#columns > div > div {
  margin: 0px 10px;
  padding: 10px 0;
}

#columns blockquote {
  margin-left: 15px;
}

#taglist {
  display: inline-block;
  margin: 0 0 0 20px;
  margin-left: 20px;
  font-weight: bold;
}

.cke_editable.cke_editable_inline.cke_focus {
  background: #fcfcfc;
  border: 1px solid #eaeaea;
  cursor: text;
  outline: medium none;
}

/*--------------------------------------------
Toastr Notifications
----------------------------------------------*/
#toast-container.toast-top-right {
  top: 60px;
  width: -webkit-calc(100% - 25px);
  width: calc(100% - 25px);
  max-width: 400px;
}
#toast-container > div {
  opacity: 0.9;
  min-width: 100%;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6666666667);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.6666666667);
}
#toast-container > div.notification {
  background-color: #404040;
  color: #e0e0e0;
}

.toast-success {
  background-color: #8bc34a;
}
.toast-info {
  background-color: #4aa9e9;
}
.toast-warning {
  background-color: #686868;
}
.toast-error {
  background-color: #ff6c60;
}

/*--------------------------------------------
Select 2
----------------------------------------------*/
.select2-dropdown {
  z-index: 100000000;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
  line-height: 34px;
  color: #626262 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 3.5px;
  padding-right: 3.5px;
  padding-bottom: 3.5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-right: 3.5px;
  margin-top: 3.5px;
}

.select2-results__option {
  padding: 1px 12px;
}

.select2-container .select2-selection {
  border-color: #ccc;
}

.has-error .select2-selection {
  border-color: red !important;
}

.select2-container--open .select2-selection, .select2-container--focus:not(.select2-container--disabled) .select2-selection {
  border-color: #e7662e;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc !important;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.select2-dropdown {
  border: 1px solid #ccc !important;
}

.img-flag {
  height: 15px;
  width: 18px;
}

.select2-result-repository {
  padding-top: 4px;
  padding-bottom: 3px;
}

.select2-result-repository__avatar {
  float: left;
  width: 60px;
  margin-right: 10px;
}

.select2-result-repository__avatar img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.select2-result-repository__meta {
  margin-left: 70px;
}

.select2-result-repository__title {
  color: black;
  font-weight: bold;
  word-wrap: break-word;
  line-height: 1.1;
  margin-bottom: 4px;
}

.select2-result-repository__forks, .select2-result-repository__stargazers {
  margin-right: 1em;
}

.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
  display: inline-block;
  color: #aaa;
  font-size: 11px;
}

.select2-result-repository__description {
  font-size: 13px;
  color: #777;
  margin-top: 4px;
}

.select2-results__option--highlighted .select2-result-repository__title {
  color: white;
}

.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers {
  color: #c6dcef;
}

/*--------------------------------------------
TagsInput
----------------------------------------------*/
.tagsinput {
  overflow-y: auto;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tagsinput span.tag {
  border: 1px solid #23b9a9;
  display: block;
  float: left;
  padding: 3px 8px;
  text-decoration: none;
  background: #23b9a9;
  color: #ffffff;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.tagsinput span.tag a {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  font-size: 11px;
}
.tagsinput span.tag.tag--yellow {
  background-color: #eac459;
  border-color: #eac459;
}
.tagsinput input {
  width: 80px;
  margin: 0px;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 5px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.tagsinput div {
  display: block;
  float: left;
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}

/*--------------------------------------------
Bootstrap TimePicker
----------------------------------------------*/
.bootstrap-timepicker-widget table td input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
  width: 40px;
  height: 36px;
}

.bootstrap-timepicker-widget table td a {
  color: #888;
}

/*--------------------------------------------
Bootstrap Reset
----------------------------------------------*/
.progress-bar-success {
  background-color: #23b9a9;
}

.progress-bar-danger {
  background-color: #ff6c60;
}

.progress-bar-info {
  background-color: #4aa9e9;
}

.progress-bar-warning {
  background-color: #eac459;
}

.progress-bar-primary {
  background-color: #e7662e;
}

.text-danger {
  color: #ff6c60;
}

.text-info {
  color: #4aa9e9;
}

.text-warning {
  color: #eac459;
}

.text-success {
  color: #23b9a9;
}

.text-primary {
  color: #e7662e;
}

/*--------------------------------------------
landing page
----------------------------------------------*/
.land-body {
  background: #ffffff;
}
.land-body .navbar-inverse {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #2e3e4e;
  border: none;
}
.land-body .navbar-inverse .navbar-nav > .active > a,
.land-body .navbar-inverse .navbar-nav > .active > a:focus,
.land-body .navbar-inverse .navbar-nav > .active > a:hover {
  background: #4aa9e9;
}
.land-body .navbar-inverse .navbar-collapse, .land-body .navbar-inverse .navbar-form {
  border-color: #4aa9e9;
}
.land-body .navbar-brand {
  font-weight: bold;
  color: #ffffff;
}
.land-body .navbar-brand img {
  margin-top: -3px;
}
.land-body .tools {
  background: #f4f4f4;
}
.land-body .tools img {
  max-width: 100%;
  height: auto;
}

.site-title {
  padding: 100px 0;
}
.site-title h1 {
  margin-bottom: 30px;
}

.demo-content {
  background: #cccccc;
}
.demo-content .demo-title {
  margin-bottom: 30px;
  font-size: 20px;
}
.demo-content .btn-gap {
  margin: 20px 0;
}

.section-gap {
  padding: 100px 0;
}

.f-icon {
  font-size: 30px;
  color: rgb(127.5, 127.5, 127.5);
}

.admin-features .col-md-4,
.admin-features .col-md-6 {
  min-height: 200px;
  padding: 0 3%;
}

.admin-features h3 {
  font-size: 16px;
  font-weight: 600;
}

.promo-bg {
  background: #2e3e4e;
  color: #ffffff;
}
.promo-bg h2 {
  margin-bottom: 50px;
  font-weight: 300;
  line-height: 45px;
}
.promo-bg .btn {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.f-social-links {
  margin: 30px 0;
}
.f-social-links a {
  margin: 0 10px;
}
.f-social-links a:hover {
  color: #4aa9e9;
}

@media (max-width: 767px) {
  .land-body .navbar-brand {
    margin-left: 15px;
  }
  .land-body .navbar-inverse .navbar-toggle {
    border-color: #2e3e4e !important;
  }
  .land-body .navbar-inverse .navbar-toggle:focus, .land-body .navbar-inverse .navbar-toggle:hover {
    background: rgb(27.0806451613, 36.5, 45.9193548387) !important;
  }
  .land-body .site-title {
    padding: 30px 0;
  }
  .land-body .site-title h1 {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .land-body .section-gap {
    padding: 30px 0;
  }
  .land-body .demo-content .demo-title {
    font-size: 18px;
  }
  .land-body .demo-content .demo-title small {
    font-size: 14px;
  }
  .land-body .promo-bg h2 {
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .land-body .f-social-links {
    margin: 15px 0;
  }
}
/*--------------------------------------------
hos page
----------------------------------------------*/
.ui-container.hos .panel-state-remaining-time .chart-container {
  height: 100%;
}
.ui-container.hos .panel-body.detailled-state {
  min-height: 250px;
}
@media (max-width: 767px) {
  .ui-container.hos .panel-state-remaining-time .panel-body .chart-container {
    min-width: 650px;
  }
  .ui-container.hos .panel-state-remaining-time .panel-body {
    height: 275px;
    margin-right: 0;
    overflow-x: auto;
  }
  .ui-container.hos .panel-body.state-cycle-height {
    height: 150px;
  }
  .ui-container.hos .panel-body.state-stats-height {
    height: 150px;
  }
}
@media (min-width: 768px) {
  .ui-container.hos .hos-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ui-container.hos .state-stats {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ui-container.hos .state-cycle {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ui-container.hos .state-remaining-time {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .ui-container.hos .state-remaining-time.col-sm-12.col-xl-7 {
    width: 58.33333333%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .ui-container.hos .panel-body.state-cycle-height {
    height: 150px;
  }
  .ui-container.hos .panel-body.state-stats-height {
    height: 150px;
  }
  .ui-container.hos .panel-body.detailled-state {
    height: -webkit-calc(100% - 641px);
    height: calc(100% - 641px);
  }
}
@media (min-width: 1200px) and (max-width: 1457px) {
  .ui-container.hos .panel-body.detailled-state {
    height: -webkit-calc(100% - 427px);
    height: calc(100% - 427px);
  }
  .ui-container.hos .state-cycle {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ui-container.hos .state-remaining-time {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media (min-width: 1457px) {
  .ui-container.hos .panel-body.detailled-state {
    height: -webkit-calc(100% - 407px);
    height: calc(100% - 407px);
  }
  .ui-container.hos .state-cycle {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ui-container.hos .state-remaining-time {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media (max-width: 767px) {
  .ui-container.hos-logs .panel-body.hos-logs-certified-height, .ui-container.hos-logs .panel-body.logs-approved-height {
    height: 150px;
  }
}
@media (max-width: 1199px) {
  .ui-container.hos-logs .logs-all {
    margin-bottom: 10px;
  }
  .ui-container.hos-logs .logs-all .logs-all-height {
    min-height: 280px;
    height: -webkit-calc(100% - 612px - 20px);
    height: calc(100% - 612px - 20px);
  }
}
@media (min-width: 768px) {
  .ui-container.hos-logs .hos-logs-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ui-container.hos-logs .logs-certified {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ui-container.hos-logs .logs-daily {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ui-container.hos-logs .logs-approved {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ui-container.hos-logs .panel-body.logs-all-height {
    min-height: 300px;
    height: -webkit-calc(100% - 612px);
    height: calc(100% - 612px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .ui-container.hos-logs .panel-body.hos-logs-certified-height, .ui-container.hos-logs .panel-body.logs-approved-height {
    height: 150px;
  }
}
@media (min-width: 1200px) {
  .ui-container.hos-logs .panel-body.logs-all-height {
    min-height: 300px;
    height: -webkit-calc(100% - 407px);
    height: calc(100% - 407px);
  }
  .ui-container.hos-logs .logs-certified {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ui-container.hos-logs .logs-daily {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ui-container.hos-logs .logs-daily.col-sm-12.col-xl-7 {
    width: 58.333333333%;
  }
  .ui-container.hos-logs .logs-approved {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ui-container.hos-logs .logs-approved .panel-body.logs-approved-height {
    height: 201px;
  }
}
@media (min-width: 1200px) and (min-width: 1477px) {
  .ui-container.hos-logs .logs-approved .panel-body.logs-approved-height {
    height: 225px;
  }
}

.progress-bar {
  background-color: #777;
  -webkit-transition: background 0.25s ease, width 0.5s ease;
  transition: background 0.25s ease, width 0.5s ease;
}

.progress-bar-light {
  background-color: #eaeaea;
}

.progress-bar-dark {
  background-color: #626262;
}

.progress-bar-light-yellow {
  background-color: #f7e7a3;
}

.progress-bar-yellow {
  background-color: #f2bc44;
}

.progress-bar-critical-red {
  background-color: #f3625f;
}

.progress-bar-green {
  background-color: #8bc34a;
}

.progress-bar-white {
  background-color: #ffffff;
}

.progress-bar-light-green {
  background-color: #c5e0b4;
}

.progress-bar-orange {
  background-color: #ff9800;
}

.progress-bar-gray {
  background-color: #898989;
}

.progress-bar-light-gray {
  background-color: #d9d9d9;
}

.progress-bar-blue {
  background-color: #287aa9;
}

.progress-bar-electric-blue {
  background-color: #0079dc;
}

.progress-bar-primary {
  background-color: #ff9800;
}

.progress-bar-info {
  background-color: #e7662e;
}

.progress-bar-success {
  background-color: #23b9a9;
}

.progress-bar-warning {
  background-color: #eac459;
}

.progress-bar-danger {
  background-color: #ff6c60;
}

.progress-bar-add {
  background-color: #e7662e;
}

.progress-bar-approve {
  background-color: #608731;
}

.progress-bar-certify {
  background-color: #91c253;
}

.progress-bar-disapprove {
  background-color: #e60026;
}

.progress-bar-off {
  background-color: #424242;
}

.progress-bar-d {
  background-color: #8bc34a;
}

.progress-bar-on {
  background-color: #ff9800;
}

.progress-bar-sb {
  background-color: #673ab7;
}

.progress-bar-ym {
  background-color: #ff9800;
}

.progress-bar-pc {
  background-color: #424242;
}

.progress-bar-driver {
  background-color: #8bc34a;
}

.progress-bar-admin {
  background-color: #686868;
}

.progress-bar-superuser {
  background-color: #ffffff;
}

.progress-bar-muted {
  background-color: #aaaaa9;
}

.progress.progress-sm {
  height: 10px;
  margin-bottom: 5px;
}

label.progress-label {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 2px;
  margin-top: 5px;
  margin-left: 10px;
}

/*--------------------------------------------
DataTables
----------------------------------------------*/
.dataTables_wrapper table.no-wrap, .dataTables_wrapper thead.no-wrap, .dataTables_wrapper tbody.no-wrap {
  white-space: nowrap;
}
.dataTables_wrapper th.no-wrap.text-center {
  text-align: center;
}
.dataTables_wrapper th.no-wrap.text-center.sorting {
  padding-right: 18px;
}
.dataTables_wrapper th.no-wrap.no-wrap {
  white-space: nowrap;
}
.dataTables_wrapper th.no-wrap.wrap {
  white-space: normal;
}
.dataTables_wrapper td.text-center {
  padding-left: 5px;
}
.dataTables_wrapper td.no-wrap {
  white-space: nowrap;
}
.dataTables_wrapper td.wrap {
  white-space: normal;
}

/*--------------------------------------------
Template
----------------------------------------------*/
.ui-aside-compact [component-type=tabs-panel] .nav > li > a > span {
  padding-left: 0;
  margin-top: 0;
  width: inherit;
}

[component-type=tabs-panel] > header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
[component-type=tabs-panel] > header span.tools.pull-right {
  margin-left: auto;
}
[component-type=tabs-panel] > header div.pull-right {
  margin-left: auto;
}
[component-type=tabs-panel] > header > ul {
  margin: -5px -10px;
}
[component-type=tabs-panel] > header > ul > li {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
[component-type=tabs-panel] > header > ul > li.active {
  background: none;
}
[component-type=tabs-panel] > header > ul > li.active > a {
  background: none;
  color: #626262;
}
[component-type=tabs-panel] > header > ul > li.active > a:hover, [component-type=tabs-panel] > header > ul > li.active > a:focus {
  background-color: #efefef;
  color: #626262;
}
[component-type=tabs-panel] > header > ul > li.active > a:hover.single, [component-type=tabs-panel] > header > ul > li.active > a:focus.single {
  background: none !important;
}
[component-type=tabs-panel] > header > ul > li.active:hover {
  background: none !important;
}
[component-type=tabs-panel] > header > ul > li:hover {
  background: none !important;
}
[component-type=tabs-panel] > header > ul > li > a {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
  padding: 5px 10px;
}
[component-type=tabs-panel] > header > ul > li > a:hover {
  background-color: #efefef;
  color: #626262;
}
[component-type=tabs-panel] > header > ul > li > a:focus {
  background-color: inherit;
  color: inherit;
}
[component-type=tabs-panel] > div.tab-content {
  padding: 0;
  border: none;
}
[component-type=tabs-panel] > .tab-content > div > div > .panel-body {
  overflow: auto;
}

[component-type=modal] .form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
[component-type=modal] .form-horizontal .form-group label {
  font-weight: 600;
}
[component-type=modal] .pull-right {
  margin-right: 5px;
}
[component-type=modal] .input-preview img {
  width: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
[component-type=modal] h4:not(.modal-title) {
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin: 15px 0px;
  padding: 5px 5px;
}

[component-type=panel] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
[component-type=panel] .panel-body {
  height: 100%;
  overflow: auto;
}
[component-type=panel] .form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
[component-type=panel] .form-horizontal .form-group label {
  font-weight: 600;
}
[component-type=panel] h4:not(.modal-title), [component-type=panel] h5:not(.modal-title) {
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin: 15px 0px;
  padding: 5px 5px;
}