.checker span:after,
    .navigation li>.has-ul:after,
    .select2-selection--single .select2-selection__clear:after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .fc table,
    .picker__table,
    .ui-datepicker table {
      border-collapse: collapse
    }

    .fc,
    .handsontable,
    .noUi-target,
    .tokenfield .token-input {
      direction: ltr
    }

    .cropper-container,
    .footable>thead>tr>th,
    .irs,
    .selectboxit-container *,
    .ui-slider-pips .ui-slider-pip {
      -webkit-touch-callout: none
    }

    .cropper-container,
    .fancybox-nav {
      -webkit-tap-highlight-color: transparent
    }

    .c3-tooltip,
    .fc table,
    .picker__table,
    .pika-table {
      border-spacing: 0
    }

    .bullet-marker,
    .bullet-tick line,
    .c3 path.domain,
    .c3-bars path,
    .c3-event-rect,
    .c3-legend-item-tile,
    .c3-xgrid-focus,
    .c3-ygrid,
    .d3-axis line,
    .d3-axis path,
    .d3-grid .tick line,
    .d3-grid-dashed .tick {
      shape-rendering: crispEdges
    }

    .no-transitions * {
      -webkit-transition: none !important;
      -o-transition: none !important;
      transition: none !important
    }

    .AnyTime-btn,
    .bootstrap-select .btn-default,
    .bootstrap-select.btn-group .dropdown-menu>li>a .check-mark,
    .breadcrumb-elements>li>a,
    .breadcrumb>li>a,
    .btn,
    .checker span:after,
    .choice span:after,
    .dataTable .select-checkbox:after,
    .dataTable .select-checkbox:before,
    .dataTables_filter input,
    .dataTables_paginate .paginate_button,
    .datepicker-dropdown .day,
    .daterangepicker td,
    .daterangepicker th,
    .dropdown-content-footer a,
    .dropdown-menu>li>a,
    .dropdown-menu>li>label,
    .dt-autofill-button .btn,
    .dt-autofill-list ul li,
    .dt-button,
    .fc-button,
    .icons-list>li>a,
    .list-group-item,
    .media-link,
    .menu-list li>a,
    .multiselect.btn-default,
    .nav li>a>.badge,
    .nav li>a>.label,
    .nav-pills>li>a,
    .nav-tabs>li>a,
    .nav-tabs>li>a:after,
    .navbar-link,
    .navbar-nav>li>a,
    .noUi-handle,
    .pager>li>a,
    .pager>li>span,
    .pagination>li>a,
    .pagination>li>span,
    .password-indicator-group.input-group-addon,
    .password-indicator-label-absolute,
    .picker__day,
    .picker__footer,
    .picker__footer button,
    .picker__list button,
    .picker__list-item,
    .picker__nav--next,
    .picker__nav--prev,
    .pika-button,
    .plupload_button,
    .plupload_file_action>a,
    .plupload_filelist li,
    .select2-results__option,
    .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice,
    .select2-selection--single:not([class*=bg-]),
    .select2-selection__choice__remove,
    .selectboxit-btn,
    .selectboxit-option-anchor,
    .sp-cancel,
    .sp-choose,
    .sp-input,
    .sp-palette-toggle,
    .sp-replacer,
    .tokenfield .token,
    .tt-suggestion,
    .ui-button,
    .ui-datepicker a,
    .ui-datepicker-buttonpane>button,
    .ui-menu-item,
    .ui-selectmenu-button,
    .wizard .actions a,
    a.badge,
    a.label {
      -webkit-transition: all ease-in-out .15s;
      -o-transition: all ease-in-out .15s;
      transition: all ease-in-out .15s
    }

    .close,
    .tag [data-role=remove] {
      -webkit-transition: opacity ease-in-out .15s;
      -o-transition: opacity ease-in-out .15s;
      transition: opacity ease-in-out .15s
    }

    .checker span {
      -webkit-transition: border-color ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s;
      transition: border-color ease-in-out .15s
    }

    .htContextMenu td,
    .ranges ul li,
    .table td,
    .table th,
    .table tr {
      -webkit-transition: background-color ease-in-out .15s;
      -o-transition: background-color ease-in-out .15s;
      transition: background-color ease-in-out .15s
    }

    .sidebar {
      /* background-color: #234058; */
      color: #fff;
      position: relative;
      width: 100%;
      display: none
    }

    @media (min-width:769px) {
      .sidebar {
        display: table-cell;
        vertical-align: top;
        width: 260px
      }
    }

    .sidebar-main {
      z-index: 99
    }

    .sidebar-secondary {
      z-index: 98
    }

    .sidebar-opposite {
      display: none;
      z-index: 97
    }

    .sidebar:not(.sidebar-default)+.sidebar:not(.sidebar-default) {
      border-left: 1px solid rgba(255, 255, 255, .1)
    }

    .sidebar-default {
      background-color: #fff;
      color: #333;
      border-bottom: 1px solid #ddd
    }

    @media (min-width:769px) {
      .sidebar-opposite-visible .sidebar-opposite {
        display: table-cell
      }

      .sidebar-default {
        border-bottom: 0;
        border-right: 1px solid #ddd
      }

      .content-wrapper+.sidebar-default {
        border-left: 1px solid #ddd
      }
    }

    .sidebar-content {
      position: relative;
      padding-bottom: 8px
    }

    .sidebar-all-hidden .sidebar-main,
    .sidebar-all-hidden .sidebar-secondary,
    .sidebar-detached-hidden .sidebar-detached>.sidebar,
    .sidebar-main-hidden .sidebar-main,
    .sidebar-secondary-hidden .sidebar-secondary {
      display: none
    }

    @media (max-width:768px) {

      .sidebar-mobile-detached .sidebar-detached>.sidebar,
      .sidebar-mobile-main .sidebar-main,
      .sidebar-mobile-opposite .sidebar-opposite,
      .sidebar-mobile-secondary .sidebar-secondary {
        display: block
      }
    }

    .category-title {
      position: relative;
      margin: 0;
      padding: 12px 46px 12px 20px;
      border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .category-title>span {
      display: block;
      margin-top: 2px;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 11px;
      line-height: 1.82
    }

    .category-title .icons-list,
    .category-title>i {
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -8px
    }

    .category-content,
    .navigation,
    .navigation li {
      position: relative;
      /* text-shadow: #00000082 1px 1px 1px; */
      font-size: 14px;
    }

    .sidebar-default .category-title {
      border-bottom-color: #ddd
    }

    .category-content {
      padding: 20px
    }

    .navigation {
      margin: 0;
      padding: 10px 0;
      list-style: none
    }

    .sidebar-user+.sidebar-category .navigation {
      padding-top: 0
    }

    .navigation .hidden-ul {
      display: none
    }

    .navigation li+li {
      margin-top: 1px
    }

    .navigation li+.navigation-header {
      margin-top: 10px
    }

    .navigation li a {
      color: rgba(255, 255, 255, .75);
      display: block;
      -webkit-transition: background .15s linear, color .15s linear;
      -o-transition: background .15s linear, color .15s linear;
      transition: background .15s linear, color .15s linear
    }

    .navigation li a:focus,
    .navigation li a:hover {
      background-color: rgba(0, 0, 0, .1);
      color: #fff
    }

    .navigation li a>i {
      float: left;
      top: 0;
      margin-top: 2px;
      margin-right: 15px;
      -webkit-transition: opacity .2s ease-in-out;
      -o-transition: opacity .2s ease-in-out;
      transition: opacity .2s ease-in-out
    }

    .navigation li a>i.pull-right {
      margin-right: 0;
      margin-left: 15px
    }

    .navigation li.disabled>a,
    .navigation li.disabled>a:focus,
    .navigation li.disabled>a:hover {
      color: inherit;
      background-color: transparent;
      cursor: not-allowed;
      opacity: .3;
      filter: alpha(opacity=30)
    }

    .navigation li>.has-ul {
      position: relative;
      padding-right: 36px
    }

    .navigation li>.has-ul:after {
      content: "\e9c7";
      font-family: icomoon;
      font-size: 16px;
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      right: 20px;
      line-height: 1;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: -webkit-transform .2s ease-in-out;
      -o-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out
    }

    .navigation li.active>.has-ul:after {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg)
    }

    .navigation li.navigation-divider {
      margin: 10px 0;
      height: 1px;
      background-color: rgba(255, 255, 255, .1)
    }

    .sidebar-default .navigation li.navigation-divider {
      background-color: #eee
    }

    .navigation>li>a {
      padding: 12px 20px;
      min-height: 44px;
      font-weight: 500
    }

    .navigation>li.active>a,
    .navigation>li.active>a:focus,
    .navigation>li.active>a:hover {
      /*background-color: #1b2c3a;*/
      background-color: #3a1b1b66;
      color: #fff
    }

    .navigation>li.active>a>[class*=text-] {
      color: #fff
    }

    .navigation>li.active>a .badge,
    .navigation>li.active>a .label {
      background-color: transparent;
      border-color: transparent;
      color: #fff;
      -webkit-transition: background-color ease-in-out .2s;
      -o-transition: background-color ease-in-out .2s;
      transition: background-color ease-in-out .2s
    }

    .navigation>li ul {
      list-style: none;
      margin: 0;
      padding: 0;
      background-color: rgba(0, 0, 0, .15);
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
      box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
    }

    .navigation>li ul li a {
      padding: 10px 20px 10px 51px;
      min-height: 40px
    }

    .navigation>li ul .navigation-header {
      padding-left: 51px
    }

    .navigation>li>ul>li>ul>.navigation-header,
    .navigation>li>ul>li>ul>li>a {
      padding-left: 71px
    }

    .navigation>li>ul>li>ul>li>ul .navigation-header,
    .navigation>li>ul>li>ul>li>ul>li>a {
      padding-left: 91px
    }

    .navigation>li>ul li:first-child {
      padding-top: 10px
    }

    .navigation>li>ul li:last-child {
      padding-bottom: 10px
    }

    .navigation>li>ul li.active>a,
    .navigation>li>ul li.active>a:focus,
    .navigation>li>ul li.active>a:hover {
      background-color: rgba(0, 0, 0, .2);
      color: #fff
    }

    .navigation .navigation-header {
      min-height: 30px;
      padding: 10px 20px;
      border-bottom: 0;
      text-transform: uppercase;
      font-size: 11px;
      line-height: 1.82
    }

    .navigation .navigation-header>span {
      display: block;
      margin-top: 2px
    }

    .navigation .navigation-header>i {
      display: none
    }

    .navigation.nav>.active>.hidden-ul,
    .sidebar-detached .navigation.nav>.active>.hidden-ul {
      display: block
    }

    .navigation .navigation-header>i.pull-right {
      margin-top: 2px
    }

    .navigation-bordered li+.navigation-header,
    .navigation-bordered>li+li {
      margin-top: 0
    }

    .navigation .navigation-header,
    .navigation .navigation-header a {
      color: rgba(255, 255, 255, .5);
      font-weight: 400
    }

    .multiselect-container>li>a.multiselect-all label,
    .val-demo>span {
      font-weight: 500
    }

    .navigation .navigation-header a:focus,
    .navigation .navigation-header a:hover {
      color: #fff
    }

    .navigation .navigation-header a i {
      float: none;
      margin: 0
    }

    .sidebar-default .navigation .navigation-header,
    .sidebar-default .navigation .navigation-header a {
      color: #999
    }

    .sidebar-default .navigation .navigation-header a:focus,
    .sidebar-default .navigation .navigation-header a:hover {
      color: #333
    }

    .navigation .badge,
    .navigation .label {
      float: right
    }

    .sidebar-default .navigation li>a {
      color: #333
    }

    .sidebar-default .navigation li>a:focus,
    .sidebar-default .navigation li>a:hover {
      background-color: #f8f8f8
    }

    .sidebar-default .navigation li.active>a,
    .sidebar-default .navigation li.active>a:focus,
    .sidebar-default .navigation li.active>a:hover {
      background-color: #f5f5f5;
      color: #333
    }

    .sidebar-default .navigation li.disabled>a,
    .sidebar-default .navigation li.disabled>a:focus,
    .sidebar-default .navigation li.disabled>a:hover,
    .sidebar-default .navigation>li ul {
      background-color: transparent
    }

    .sidebar-default .navigation li.active>a>[class*=text-] {
      color: #333
    }

    .sidebar-default .navigation li .label-transparent {
      color: #333
    }

    .sidebar-default .navigation>li.active>a,
    .sidebar-default .navigation>li.active>a:focus,
    .sidebar-default .navigation>li.active>a:hover {
      background-color: #f5f5f5;
      color: #333
    }

    .sidebar-default .navigation>li.active>a .label-transparent {
      color: #333
    }

    .navigation-icons-right>li>a,
    .navigation-icons-right>li>a.has-ul {
      padding-right: 20px
    }

    .navigation-icons-right>li>a>i {
      float: right;
      margin-right: 0;
      margin-left: 15px
    }

    .navigation-icons-right>li.active>.has-ul:after,
    .navigation-icons-right>li>a.has-ul:after {
      content: none
    }

    .navigation-bordered>li {
      border-top: 1px solid rgba(255, 255, 255, .05)
    }

    .navigation-bordered>li:last-child {
      border-bottom: 1px solid rgba(255, 255, 255, .05)
    }

    .navigation-bordered>li.navigation-header {
      background-color: rgba(0, 0, 0, .1)
    }

    .navigation-bordered>li ul {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .sidebar-default .navigation-bordered>li {
      border-top: 1px solid #eee
    }

    .sidebar-default .navigation-bordered>li.navigation-header {
      background-color: #fafafa
    }

    .navigation-lg>li>a,
    .navigation-lg>li>a>span {
      padding-top: 14px;
      padding-bottom: 14px;
      min-height: 48px
    }

    .navigation-lg>li ul li a,
    .navigation-sm>li>a,
    .navigation-sm>li>a>span {
      padding-top: 10px;
      padding-bottom: 10px;
      min-height: 40px
    }

    .navigation-sm>li ul li a {
      padding-top: 6px;
      padding-bottom: 6px;
      min-height: 32px
    }

    .navigation-xs>li>a,
    .navigation-xs>li>a>span {
      padding-top: 8px;
      padding-bottom: 8px;
      min-height: 36px
    }

    .navigation-xs>li ul li a {
      padding-top: 6px;
      padding-bottom: 6px;
      min-height: 32px
    }

    @media (min-width:769px) {
      .sidebar-fixed .sidebar-content {
        position: fixed;
        width: 260px;
        max-height: 100%;
        overflow: auto;
        top: 48px;
        bottom: 48px;
        margin-bottom: -48px
      }

      .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
        width: 56px
      }

      .sidebar-fixed.sidebar-default .sidebar-content {
        width: 259px
      }

      .sidebar-fixed-expanded .sidebar-fixed.sidebar-main {
        position: fixed;
        display: block;
        height: 100%;
        z-index: 1001
      }

      .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content {
        position: fixed
      }

      .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main {
        width: 260px
      }

      .sidebar-fixed-expanded .content-wrapper {
        padding-left: 56px
      }

      .has-detached-left .container-detached {
        float: right;
        margin-left: -260px;
        width: 100%
      }

      .has-detached-left .content-detached {
        margin-left: 280px
      }

      .has-detached-left .sidebar-detached {
        float: left
      }

      .has-detached-right .container-detached {
        float: left;
        margin-right: -260px;
        width: 100%
      }

      .has-detached-right .content-detached {
        margin-right: 280px
      }

      .has-detached-right .sidebar-detached {
        float: right
      }

      .has-detached-right .sidebar-detached.affix {
        right: 20px
      }

      .sidebar-detached-hidden .container-detached {
        float: none;
        margin: 0
      }

      .sidebar-detached-hidden .content-detached {
        margin: 0
      }

      .sidebar-detached-hidden .sidebar-detached {
        float: none
      }
    }

    .sidebar-xs-indicator .sidebar-fixed .sidebar-content {
      top: 0 !important
    }

    @media (max-width:768px) {

      .navigation.nav>li>.hidden-ul,
      .sidebar-detached .navigation.nav>li>.hidden-ul {
        display: block
      }
    }

    .sidebar-detached.affix {
      position: static
    }

    @media (min-width:769px) {
      .sidebar-detached {
        display: block;
        position: relative;
        margin-bottom: 0
      }

      .sidebar-detached>.sidebar-default {
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
      }

      .sidebar-detached>.sidebar {
        margin-bottom: 0;
        display: block;
        border-radius: 3px
      }

      .sidebar-detached.affix {
        position: fixed;
        top: 20px;
        bottom: 20px;
        -webkit-transition: bottom ease-in-out .15s;
        -o-transition: bottom ease-in-out .15s;
        transition: bottom ease-in-out .15s
      }

      .sidebar-detached.affix>.sidebar {
        max-height: 100%;
        overflow-y: auto
      }

      .sidebar-detached.fixed-sidebar-space {
        bottom: 80px
      }

      .navbar-bottom .sidebar-detached.fixed-sidebar-space {
        bottom: 86px
      }

      .navbar-bottom-lg .sidebar-detached.fixed-sidebar-space {
        bottom: 90px
      }

      .navbar-bottom-sm .sidebar-detached.fixed-sidebar-space {
        bottom: 84px
      }

      .navbar-bottom-xs .sidebar-detached.fixed-sidebar-space {
        bottom: 82px
      }

      .navbar-fixed .sidebar-detached {
        top: 86px
      }

      .navbar-fixed-lg .sidebar-detached {
        top: 90px
      }

      .navbar-fixed-sm .sidebar-detached {
        top: 84px
      }

      .navbar-fixed-xs .sidebar-detached {
        top: 82px
      }

      .sidebar-separate {
        background-color: transparent
      }

      .sidebar-separate .sidebar-category {
        background-color: #263238;
        border-radius: 3px;
        margin-bottom: 20px
      }

      .sidebar-separate.sidebar-default {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
      }

      .sidebar-separate.sidebar-default .sidebar-category {
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
      }

      .sidebar-xs .sidebar-main {
        width: 56px
      }

      .sidebar-xs .sidebar-main .sidebar-category {
        display: none
      }

      .sidebar-xs .sidebar-main .sidebar-category-visible {
        display: block
      }

      .sidebar-xs .sidebar-main .category-title {
        padding: 0
      }

      .sidebar-xs .sidebar-main .category-title>i {
        padding: 13px 0;
        float: none;
        display: block;
        top: 0
      }

      .sidebar-xs .sidebar-main .category-title>span {
        display: none
      }

      .sidebar-xs .sidebar-main .category-title .icons-list {
        position: static;
        text-align: center;
        margin-top: 0;
        padding-top: 14px;
        padding-bottom: 14px
      }

      .sidebar-xs .sidebar-main .category-title .icons-list>li {
        display: block;
        margin-left: 0
      }

      .sidebar-xs .sidebar-main .category-title .icons-list>li+li {
        margin-top: 10px
      }

      .sidebar-xs .sidebar-main .category-title.h6 .icons-list {
        padding-top: 23.54px;
        padding-bottom: 23.54px
      }

      .sidebar-xs .sidebar-main .category-title.h5 .icons-list {
        padding-top: 25.08px;
        padding-bottom: 25.08px
      }

      .sidebar-xs .sidebar-main .navigation>li>a {
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0
      }

      .sidebar-xs .sidebar-main .navigation>li>a>span {
        display: none;
        position: absolute;
        top: 0;
        right: -260px;
        background-color: #26A69A;
        border: 1px solid #26A69A;
        padding: 11px 20px;
        width: 260px;
        text-align: left;
        color: #fff;
        cursor: pointer;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
      }

      .sidebar-xs .sidebar-main .navigation>li>a>span .badge,
      .sidebar-xs .sidebar-main .navigation>li>a>span .label {
        background-color: transparent;
        border-color: transparent;
        color: #fff;
        padding-left: 0;
        padding-right: 0
      }

      .sidebar-xs .sidebar-main .navigation>li>a>i {
        margin: 2px 0;
        display: block;
        float: none
      }

      .sidebar-xs .sidebar-main .navigation>li.active>.has-ul:after,
      .sidebar-xs .sidebar-main .navigation>li>.has-ul:after {
        content: none
      }

      .sidebar-xs .sidebar-main .navigation>li .has-ul>span {
        border-radius: 0 3px 0 0;
        cursor: default
      }

      .sidebar-xs .sidebar-main .navigation>li.active>ul,
      .sidebar-xs .sidebar-main .navigation>li.disabled:hover>a>span,
      .sidebar-xs .sidebar-main .navigation>li.disabled:hover>ul {
        display: none !important
      }

      .sidebar-xs .sidebar-main .navigation>li:hover>ul {
        display: block !important
      }

      .sidebar-xs .sidebar-main .navigation>li:hover>a>span {
        display: block
      }

      .sidebar-xs .sidebar-main .navigation>li:hover:not(.active)>a {
        background-color: rgba(0, 0, 0, .1);
        color: #fff
      }

      .sidebar-xs .sidebar-main .navigation>li>ul {
        position: absolute;
        right: -260px;
        top: 44px;
        width: 260px;
        display: none;
        background-color: #263238;
        border-left: 1px solid rgba(255, 255, 255, .1);
        border-radius: 0 0 3px
      }

      .sidebar-xs .sidebar-main .navigation>li>ul>li>a {
        padding-left: 20px;
        padding-right: 20px
      }

      .sidebar-xs .sidebar-main .navigation>li>ul>li>ul>li>a {
        padding-left: 30px
      }

      .sidebar-xs .sidebar-main .navigation>li>ul>li>ul>li>ul>li>a {
        padding-left: 60px
      }

      .sidebar-xs .sidebar-main .navigation>.navigation-header {
        padding: 0;
        text-align: center
      }

      .sidebar-xs .sidebar-main .navigation>.navigation-header>i {
        display: block;
        top: 0;
        padding: 13px 0
      }

      .sidebar-xs .sidebar-main .navigation>.navigation-header>span {
        display: none
      }

      .sidebar-xs .sidebar-main .sidebar-user .category-content {
        padding-left: 0;
        padding-right: 0
      }

      .sidebar-xs .sidebar-main .sidebar-user .media-left,
      .sidebar-xs .sidebar-main .sidebar-user .media-right {
        padding: 0;
        text-align: center;
        display: block
      }

      .sidebar-xs .sidebar-main .sidebar-user .media-left>img,
      .sidebar-xs .sidebar-main .sidebar-user .media-right>img {
        max-width: 100%;
        height: auto !important
      }

      .sidebar-xs .sidebar-main .sidebar-user .media-left>.img-sm,
      .sidebar-xs .sidebar-main .sidebar-user .media-right>.img-sm {
        margin-top: 1px;
        margin-bottom: 1px
      }

      .sidebar-xs .sidebar-main .sidebar-user .media-left>.img-xs,
      .sidebar-xs .sidebar-main .sidebar-user .media-right>.img-xs {
        margin-top: 3px;
        margin-bottom: 3px
      }

      .sidebar-xs .sidebar-main .sidebar-user .media-body,
      .sidebar-xs .sidebar-main .sidebar-user .media-right {
        display: none
      }

      .sidebar-xs .sidebar-main .navigation-lg>li>ul {
        top: 48px
      }

      .sidebar-xs .sidebar-main .navigation-sm>li>ul {
        top: 40px
      }

      .sidebar-xs .sidebar-main .navigation-xs>li>ul {
        top: 36px
      }

      .sidebar-xs .sidebar-main.sidebar-default .navigation>li>a>span {
        background-color: #f5f5f5;
        border-color: #ddd;
        color: #333
      }

      .sidebar-xs .sidebar-main.sidebar-default .navigation>li>a>span .badge,
      .sidebar-xs .sidebar-main.sidebar-default .navigation>li>a>span .label {
        color: #333
      }

      .sidebar-xs .sidebar-main.sidebar-default .navigation>li>ul {
        background-color: #fff;
        border: 1px solid #ddd;
        border-top: 0
      }

      .sidebar-xs .sidebar-main.sidebar-default .navigation>li:hover:not(.active)>a {
        background-color: #f5f5f5;
        color: #333
      }
    }

    .sidebar .row {
      margin-left: -5px;
      margin-right: -5px
    }

    .sidebar .row [class*=col-] {
      padding-left: 5px;
      padding-right: 5px
    }

    @media (max-width:768px) {
      .sidebar .sp-container {
        display: block;
        width: 220px;
        margin-left: auto;
        margin-right: auto
      }
    }

    .sidebar .sp-flat .sp-picker-container {
      display: block;
      width: 218px
    }

    .sidebar .panel-group .panel {
      border-radius: 0;
      border-width: 0 0 1px
    }

    .sidebar .panel-group .panel:first-child {
      border-top-width: 1px
    }

    .sidebar .panel-group .panel+.panel {
      margin-top: 0
    }

    .sidebar .media-list-bordered>li {
      border-top: 0;
      border-bottom: 1px solid #eee
    }

    .sidebar:not(.sidebar-default) .media .media-annotation,
    .sidebar:not(.sidebar-default) .media .text-muted {
      color: rgba(255, 255, 255, .8)
    }

    .sidebar:not(.sidebar-default) .media .media-body>a,
    .sidebar:not(.sidebar-default) .media .media-left>a,
    .sidebar:not(.sidebar-default) .media .media-right>a {
      color: #fff
    }

    .sidebar:not(.sidebar-default) .media .media-link:focus,
    .sidebar:not(.sidebar-default) .media .media-link:hover {
      background-color: rgba(0, 0, 0, .1)
    }

    .sidebar:not(.sidebar-default) .media .media-badge {
      border-color: #263238
    }

    .sidebar:not(.sidebar-default) .media-list-bordered>li {
      border-color: rgba(255, 255, 255, .1)
    }

    .sidebar .thumbnail {
      margin-bottom: 10px
    }

    .sidebar .form-group:last-child,
    .sidebar .sidebar-category .checkbox:last-child,
    .sidebar .sidebar-category .radio:last-child,
    .sidebar .thumbnail:last-child {
      margin-bottom: 0
    }

    .sidebar .thumbnail .zoom-image i {
      font-size: 16px;
      margin-top: -8px;
      margin-left: -8px
    }

    .layout-boxed .page-container,
    .layout-boxed>.navbar {
      margin-left: auto;
      margin-right: auto
    }

    .sidebar .sidebar-category .checkbox,
    .sidebar .sidebar-category .radio {
      margin-top: 0
    }

    .sidebar .nav-tabs {
      border-width: 0 0 1px
    }

    .page-container {
      position: relative
    }

    .content-wrapper {
      width: 100%
    }

    @media (min-width:769px) {
      .sidebar .nav-tabs {
        border-width: 1px
      }

      .sidebar .nav-tabs>li>a {
        border-bottom-color: rgba(255, 255, 255, .1);
        background-color: rgba(0, 0, 0, .2);
        color: rgba(255, 255, 255, .6);
        border-top: 0;
        border-radius: 0
      }

      .sidebar .nav-tabs>li>a:focus,
      .sidebar .nav-tabs>li>a:hover {
        color: #fff;
        border-bottom-color: rgba(255, 255, 255, .1)
      }

      .sidebar .nav-tabs>.active>a,
      .sidebar .nav-tabs>.active>a:focus,
      .sidebar .nav-tabs>.active>a:hover {
        border-top: 0;
        border-bottom: 0;
        background-color: transparent;
        border-color: rgba(255, 255, 255, .1);
        color: #fff
      }

      .sidebar .nav-tabs>.active:first-child>a {
        border-left-color: transparent !important
      }

      .sidebar .nav-tabs>.active:last-child>a {
        border-right-color: transparent !important
      }

      .sidebar .nav-tabs>.open>a {
        color: #fff
      }

      .sidebar .nav-tabs>.open:not(.active)>a {
        background-color: rgba(0, 0, 0, .2)
      }

      .sidebar-default .nav-tabs>.open>a,
      .sidebar-default .nav-tabs>li>a:focus,
      .sidebar-default .nav-tabs>li>a:hover {
        border-bottom-color: #ddd;
        color: #333
      }

      .sidebar-default .nav-tabs>li>a {
        background-color: #fafafa;
        border-bottom-color: #ddd;
        color: #999
      }

      .sidebar-default .nav-tabs>.active>a,
      .sidebar-default .nav-tabs>.active>a:focus,
      .sidebar-default .nav-tabs>.active>a:hover {
        border-color: #ddd;
        color: #333
      }

      .sidebar-default .nav-tabs>.open:not(.active)>a {
        background-color: #fafafa
      }

      .sidebar-default .nav-justified>li:first-child .dropdown-menu:not(.dropdown-menu-right) {
        left: -1px
      }

      .sidebar-default .nav-justified>li:last-child .dropdown-menu-right {
        right: -1px
      }

      .page-container {
        width: 100%;
        display: table;
        table-layout: fixed
      }

      @-moz-document url-prefix() {
        .page-container {
          height: 1px
        }
      }

      .page-content {
        display: table-row
      }

      .content-wrapper {
        display: table-cell;
        vertical-align: top
      }

      .layout-boxed .page-container,
      .layout-boxed>.navbar {
        width: 769px
      }
    }

    .checker,
    .demo-velocity-box span,
    .pace-demo {
      vertical-align: middle
    }

    .content {
      padding: 0 20px 0px
    }

    .content:after {
      content: '';
      display: table;
      clear: both
    }

    .content:first-child {
      padding-top: 20px
    }

    body[class*=navbar-bottom] .content {
      padding-bottom: 20px
    }

    .layout-boxed {
      background: url(../images/backgrounds/boxed_bg.png)
    }

    .layout-boxed .page-container {
      background-color: #f5f5f5;
      min-width: 0
    }

    @media (min-width:1025px) {

      .layout-boxed .page-container,
      .layout-boxed>.navbar {
        width: 1025px
      }
    }

    @media (min-width:1200px) {

      .layout-boxed .page-container,
      .layout-boxed>.navbar {
        width: 1200px
      }
    }

    @media (-webkit-min-device-pixel-ratio:2),
    (min-resolution:192dpi) {
      .layout-boxed {
        background: url(../images/backgrounds/boxed_bg_retina.png)
      }
    }

    .footer {
      position: absolute;
      bottom: 30px
    }

    .footer:not(.navbar-fixed-bottom) {
      z-index: 1000
    }

    .footer.navbar {
      left: 0;
      right: 0;
      bottom: 0
    }

    body[class*=navbar-bottom] .footer:not(.navbar) {
      display: none
    }

    .overlay-demo,
    .spinner,
    .spinner-reverse {
      display: inline-block
    }

    .footer-boxed {
      left: 0;
      right: 0;
      padding-left: 20px;
      padding-right: 20px
    }

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

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

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

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

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

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

    .spinner {
      -webkit-animation: rotation 1s linear infinite;
      -o-animation: rotation 1s linear infinite;
      animation: rotation 1s linear infinite
    }

    .spinner-reverse {
      -webkit-animation: rotation_reverse 1s linear infinite;
      -o-animation: rotation_reverse 1s linear infinite;
      animation: rotation_reverse 1s linear infinite
    }

    @-webkit-keyframes rotation {
      0% {
        -webkit-transform: rotate(0)
      }

      100% {
        -webkit-transform: rotate(360deg)
      }
    }

    @-moz-keyframes rotation {
      0% {
        -moz-transform: rotate(0)
      }

      100% {
        -moz-transform: rotate(360deg)
      }
    }

    @-ms-keyframes rotation {
      0% {
        -ms-transform: rotate(0)
      }

      100% {
        -ms-transform: rotate(360deg)
      }
    }

    @-o-keyframes rotation {
      0% {
        -o-transform: rotate(0)
      }

      100% {
        -o-transform: rotate(360deg)
      }
    }

    @keyframes rotation {
      0% {
        transform: rotate(0)
      }

      100% {
        transform: rotate(360deg)
      }
    }

    @-webkit-keyframes rotation_reverse {
      0% {
        -webkit-transform: rotate(0)
      }

      100% {
        -webkit-transform: rotate(-360deg)
      }
    }

    @-moz-keyframes rotation_reverse {
      0% {
        -moz-transform: rotate(0)
      }

      100% {
        -moz-transform: rotate(-360deg)
      }
    }

    @-ms-keyframes rotation_reverse {
      0% {
        -ms-transform: rotate(0)
      }

      100% {
        -ms-transform: rotate(-360deg)
      }
    }

    @-o-keyframes rotation_reverse {
      0% {
        -o-transform: rotate(0)
      }

      100% {
        -o-transform: rotate(-360deg)
      }
    }

    @keyframes rotation_reverse {
      0% {
        transform: rotate(0)
      }

      100% {
        transform: rotate(-360deg)
      }
    }

    @-webkit-keyframes bounceIn {
      0% {
        opacity: 0
      }

      100% {
        opacity: 1
      }
    }

    @-webkit-keyframes bounceOut {
      0% {
        opacity: 1
      }

      100% {
        opacity: 0
      }
    }

    .jqueryui-demo-container {
      font-size: 0
    }

    .jqueryui-demo-element {
      width: 90px;
      height: 90px;
      border-radius: 100px;
      background-color: #fafafa;
      border: 2px dashed #ddd;
      color: #777;
      font-size: 12px;
      vertical-align: middle;
      margin: auto;
      position: relative;
      z-index: 10
    }

    .jqueryui-demo-element+.jqueryui-demo-element {
      margin: 20px auto 0
    }

    .jqueryui-demo-element>span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      left: 0;
      right: 0
    }

    @media (min-width:769px) {
      .jqueryui-demo-element {
        display: inline-block
      }

      .jqueryui-demo-element+.jqueryui-demo-element {
        margin: 0 0 0 20px
      }
    }

    .selectable-demo-list {
      list-style: none;
      display: inline-block;
      margin: 0;
      padding: 0;
      width: 200px
    }

    .selectable-demo-list>.ui-selectee,
    .selectable-demo-list>.ui-sortable-handle,
    .ui-handle-excluded {
      padding: 6px 12px;
      background-color: #fcfcfc;
      border: 1px solid #ddd;
      border-radius: 2px;
      cursor: pointer;
      color: #777;
      font-size: 12px
    }

    .selectable-demo-list>.ui-selectee.ui-selecting,
    .selectable-demo-list>.ui-sortable-handle.ui-selecting {
      background-color: #29B6F6;
      border-color: #039BE5;
      color: #fff
    }

    .selectable-demo-list>.ui-selectee.ui-selected,
    .selectable-demo-list>.ui-sortable-handle.ui-selected {
      background-color: #03A9F4;
      border-color: #0288D1;
      color: #fff
    }

    .selectable-demo-list>li+li {
      margin-top: 5px
    }

    .selectable-demo-list>.ui-sortable-helper:first-child+li {
      margin-top: 0
    }

    .selectable-demo-connected+.selectable-demo-connected {
      margin-top: 20px
    }

    @media (min-width:769px) {
      .selectable-demo-connected+.selectable-demo-connected {
        margin-top: 0;
        margin-left: 20px
      }
    }

    .droppable-demo-target {
      width: 110px;
      height: 110px;
      background-color: #E3F2FD;
      border-color: #2196F3;
      color: #1565C0;
      z-index: 9
    }

    .droppable-demo-drop {
      background-color: #E8F5E9;
      border-color: #4CAF50;
      color: #2E7D32
    }

    .demo-color {
      height: 150px;
      position: relative;
      border-top-right-radius: 3px;
      border-top-left-radius: 3px
    }

    .demo-color>span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      padding: 6px;
      background-color: rgba(0, 0, 0, .2);
      font-size: 12px;
      color: #fff
    }

    .overlay-demo {
      background-color: #333;
      border-radius: 3px
    }

    .overlay-demo-light {
      background-color: #f5f5f5
    }

    .glyphs>div {
      padding: 7px 12px;
      cursor: pointer
    }

    .glyphs>div>i {
      margin-right: 10px;
      width: 1em;
      text-align: center
    }

    .glyphs>div:hover {
      background-color: #009688;
      color: #fff;
      border-radius: 2px
    }

    .glyphs>div:hover span {
      color: #fff
    }

    .grid-demo [class*=col-]>div:not(.row) {
      margin-bottom: 20px;
      padding: 10px;
      text-align: center;
      background-color: #F7F7FC;
      border: 1px solid #ddd;
      color: #333
    }

    .demo-velocity-box {
      padding: 12px 15px;
      margin-bottom: 20px;
      position: relative;
      border: 1px solid #ccc;
      text-align: center;
      background-color: #fcfcfc;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 0 0 #2196F3;
      box-shadow: 0 0 0 0 #2196F3
    }

    .blockui-growl,
    .blockui-message {
      display: none;
      background-color: #455A64;
      color: #fff;
      border-radius: 3px
    }

    .demo-velocity-box>span {
      float: left
    }

    .demo-velocity-box .icons-list {
      float: right;
      margin-top: 2px
    }

    .demo-velocity-box .icons-list a {
      opacity: .8;
      filter: alpha(opacity=80)
    }

    .demo-velocity-box .icons-list a:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .blockui-growl {
      text-align: left;
      padding: 15px
    }

    .blockui-growl h6 {
      margin-top: 2px;
      margin-bottom: 8px
    }

    .blockui-message {
      padding: 15px 15px 10px
    }

    .blockui-message>i {
      display: block;
      margin-bottom: 10px
    }

    .blockui-animation-container,
    .multiple-messages-container {
      display: none
    }

    .blockui-animation-container {
      background-color: #555;
      padding: 10px;
      line-height: 1;
      border-radius: 3px
    }

    .val-demo {
      display: block;
      margin-top: 20px
    }

    .pace {
      -webkit-pointer-events: none;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .bootstrap-switch,
    .theme_perspective {
      -webkit-user-select: none;
      -ms-user-select: none
    }

    .pace .pace-progress {
      background: #4FC3F7;
      position: fixed;
      z-index: 2000;
      top: 0;
      width: 100%;
      right: 100%;
      height: 2px
    }

    .pace-inactive {
      display: none
    }

    .pace-demo {
      display: inline-block;
      background-color: #37474F;
      border-radius: 3px;
      margin-top: 1px;
      margin-bottom: 1px;
      padding: 20px;
      position: relative
    }

    .pace-demo .pace_progress {
      display: none
    }

    .theme_xbox,
    .theme_xbox_sm,
    .theme_xbox_xs {
      position: relative;
      width: 44px;
      height: 44px
    }

    .theme_xbox .pace_activity,
    .theme_xbox_sm .pace_activity,
    .theme_xbox_xs .pace_activity {
      width: 44px;
      height: 44px;
      -webkit-animation: rotation 1.5s ease-in-out infinite;
      -o-animation: rotation 1.5s ease-in-out infinite;
      animation: rotation 1.5s ease-in-out infinite
    }

    .theme_xbox .pace_activity,
    .theme_xbox .pace_activity:after,
    .theme_xbox .pace_activity:before,
    .theme_xbox_sm .pace_activity,
    .theme_xbox_sm .pace_activity:after,
    .theme_xbox_sm .pace_activity:before,
    .theme_xbox_xs .pace_activity,
    .theme_xbox_xs .pace_activity:after,
    .theme_xbox_xs .pace_activity:before {
      border-radius: 50%;
      border: 1px solid transparent;
      border-top-color: #fff
    }

    .theme_xbox .pace_activity:before,
    .theme_xbox_sm .pace_activity:before,
    .theme_xbox_xs .pace_activity:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      -webkit-animation: rotation 2s ease-in-out infinite;
      -o-animation: rotation 2s ease-in-out infinite;
      animation: rotation 2s ease-in-out infinite
    }

    .theme_xbox .pace_activity:after,
    .theme_xbox_sm .pace_activity:after,
    .theme_xbox_xs .pace_activity:after {
      content: "";
      position: absolute;
      top: 12px;
      left: 12px;
      right: 12px;
      bottom: 12px;
      -webkit-animation: rotation 1s ease-in-out infinite;
      -o-animation: rotation 1s ease-in-out infinite;
      animation: rotation 1s ease-in-out infinite
    }

    .theme_xbox_with_text span {
      display: block;
      margin-top: 7px;
      color: #fff
    }

    .theme_xbox_sm .pace_activity,
    .theme_xbox_sm .pace_activity:after,
    .theme_xbox_sm .pace_activity:before {
      border-width: 2px
    }

    .theme_xbox .pace_activity,
    .theme_xbox .pace_activity:after,
    .theme_xbox .pace_activity:before {
      border-width: 3px
    }

    .theme_perspective {
      pointer-events: none;
      -moz-user-select: none;
      user-select: none;
      width: 30px;
      height: 30px
    }

    .theme_perspective .pace_activity {
      width: 20px;
      height: 20px;
      display: inline-block;
      margin-top: 5px;
      margin-bottom: 5px;
      background-color: #fff;
      -webkit-animation: perspective 1.2s infinite ease-in-out;
      -o-animation: perspective 1.2s infinite ease-in-out;
      animation: perspective 1.2s infinite ease-in-out
    }

    @keyframes perspective {
      0% {
        transform: perspective(120px)
      }

      50% {
        transform: perspective(120px) rotateY(180deg)
      }

      100% {
        transform: perspective(120px) rotateY(180deg) rotateX(180deg)
      }
    }

    @-webkit-keyframes perspective {
      0% {
        -webkit-transform: perspective(120px)
      }

      50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
      }

      100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
      }
    }

    @-moz-keyframes perspective {
      0% {
        -moz-transform: perspective(120px)
      }

      50% {
        -moz-transform: perspective(120px) rotateY(180deg)
      }

      100% {
        -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
      }
    }

    .theme_corners_with_text span,
    .theme_perspective_with_text span,
    .theme_radar_with_text span,
    .theme_squares_with_text span,
    .theme_tail_with_text span {
      display: block;
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      color: #fff
    }

    .theme_squares {
      width: 30px;
      height: 30px
    }

    .theme_squares .pace_activity:after,
    .theme_squares .pace_activity:before {
      position: absolute;
      content: "";
      border: 2px solid #fff;
      width: 20px;
      height: 20px;
      margin-left: -10px;
      margin-top: 5px
    }

    .theme_corners,
    .theme_tail,
    .theme_tail .pace_activity,
    .theme_tail_circle,
    .theme_tail_circle .pace_activity {
      height: 30px;
      width: 30px
    }

    .theme_squares .pace_activity:before {
      width: 30px;
      height: 30px;
      margin-left: -15px;
      margin-top: 0;
      -webkit-animation: rotation_reverse 2s linear infinite;
      -o-animation: rotation_reverse 2s linear infinite;
      animation: rotation_reverse 2s linear infinite
    }

    .theme_squares .pace_activity:after {
      -webkit-animation: rotation 2s linear infinite;
      -o-animation: rotation 2s linear infinite;
      animation: rotation 2s linear infinite
    }

    .theme_tail .pace_activity {
      border-radius: 50%;
      border: 3px solid transparent;
      border-left-color: #fff;
      -webkit-animation: rotation 1.1s infinite linear;
      -o-animation: rotation 1.1s infinite linear;
      animation: rotation 1.1s infinite linear
    }

    .theme_tail_circle .pace_activity {
      border-radius: 50%;
      border: 3px solid rgba(0, 0, 0, .1);
      border-left-color: #fff;
      -webkit-animation: rotation 1.1s infinite linear;
      -o-animation: rotation 1.1s infinite linear;
      animation: rotation 1.1s infinite linear
    }

    .theme_corners .pace_activity {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-top: 9px;
      margin-bottom: 3px;
      background-color: #fff;
      border-radius: 10px;
      -webkit-animation: corners 1.5s ease infinite;
      -o-animation: corners 1.5s ease infinite;
      animation: corners 1.5s ease infinite
    }

    @keyframes corners {
      0% {
        transform: rotate(0)
      }

      50% {
        transform: scale(1.5) rotate(180deg);
        border-radius: 0
      }

      100% {
        transform: rotate(360deg)
      }
    }

    @-webkit-keyframes corners {
      0% {
        -webkit-transform: rotate(0)
      }

      50% {
        -webkit-transform: scale(2) rotate(180deg);
        border-radius: 0
      }

      100% {
        -webkit-transform: rotate(360deg)
      }
    }

    @-moz-keyframes corners {
      0% {
        -moz-transform: rotate(0)
      }

      50% {
        -moz-transform: scale(2) rotate(180deg);
        border-radius: 0
      }

      100% {
        -moz-transform: rotate(360deg)
      }
    }

    .theme_radar {
      width: 30px;
      height: 30px
    }

    .theme_radar .pace_activity {
      display: inline-block;
      margin-top: 3px;
      margin-bottom: 3px;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 2px solid transparent;
      border-top-color: #fff;
      border-bottom-color: #fff;
      -webkit-animation: rotation 1.1s infinite linear;
      -o-animation: rotation 1.1s infinite linear;
      animation: rotation 1.1s infinite linear
    }

    .theme_bar,
    .theme_bar_sm,
    .theme_bar_xs {
      position: relative;
      width: 200px;
      height: 6px;
      background-color: rgba(0, 0, 0, .4);
      border-radius: 100px;
      -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, .1);
      box-shadow: 0 0 5px rgba(255, 255, 255, .1)
    }

    .theme_bar .pace_progress,
    .theme_bar_sm .pace_progress,
    .theme_bar_xs .pace_progress {
      max-width: 198px;
      display: block;
      position: absolute;
      left: 1px;
      top: 1px;
      height: 4px;
      background: #3FCF96;
      color: #fff;
      line-height: 32px;
      border-radius: 100px
    }

    .checker,
    .checker span {
      display: inline-block;
      position: relative
    }

    .theme_bar_sm {
      height: 5px
    }

    .theme_bar_sm .pace_progress {
      height: 3px
    }

    .theme_bar_xs {
      height: 4px
    }

    .theme_bar_xs .pace_progress {
      height: 2px
    }

    .checker,
    .checker input,
    .checker span,
    .choice,
    .choice input,
    .choice span {
      width: 18px;
      height: 18px
    }

    .checker {
      cursor: pointer
    }

    .checker span {
      color: #455A64;
      border: 2px solid #607D8B;
      text-align: center;
      border-radius: 2px
    }

    .checker span:after {
      content: "\e600";
      font-family: icomoon;
      font-size: 16px;
      line-height: 1;
      position: absolute;
      top: -1px;
      left: -1px;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .checker span.checked:after {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .checker input[type=checkbox],
    .choice input[type=radio] {
      border: none;
      background: 0 0;
      display: -moz-inline-box;
      display: inline-block;
      margin: 0;
      vertical-align: top;
      cursor: pointer;
      position: absolute;
      top: -2px;
      left: -2px;
      z-index: 2;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .bootstrap-switch,
    .choice,
    .select2-container,
    .switchery {
      vertical-align: middle
    }

    .checkbox .checker,
    .checkbox-inline .checker {
      position: absolute;
      top: 1px;
      left: 0
    }

    .form-horizontal .checkbox .checker,
    .form-horizontal .checkbox-inline .checker {
      top: 9px
    }

    .checkbox-right .checker {
      left: auto;
      right: 0
    }

    .checker.disabled {
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .checker.disabled,
    .checker.disabled input[type=checkbox] {
      cursor: not-allowed
    }

    .checkbox-inline:active .checker.disabled span:after,
    .checkbox>label:active .checker.disabled span:after {
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .checkbox-inline:active .checker.disabled span.checked:after,
    .checkbox>label:active .checker.disabled span.checked:after {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .checker[class*=border-] span {
      border-color: inherit;
      color: inherit
    }

    .dropdown-menu>.active:not(.disabled) .checker span,
    .dropdown-menu[class*=bg-] .checker span,
    .navbar-inverse .navbar-form .form-group>.checkbox .checker span,
    .navbar-inverse .navbar-form .form-group>.checkbox-inline .checker span,
    .page-header-inverse .form-group>.checkbox .checker span,
    .page-header-inverse .form-group>.checkbox-inline .checker span,
    .sidebar:not(.sidebar-default) .checkbox .checker span,
    .sidebar:not(.sidebar-default) .checkbox-inline .checker span {
      border-color: #fff;
      color: #fff
    }

    .choice {
      position: relative;
      display: inline-block;
      cursor: pointer;
      border-radius: 100%
    }

    .choice span {
      border: 2px solid #607D8B;
      display: -moz-inline-box;
      display: inline-block;
      border-radius: 100%;
      text-align: center;
      position: relative
    }

    .choice span:after {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      border: 4px solid;
      border-color: inherit;
      width: 0;
      height: 0;
      border-radius: 100%;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .choice span.checked:after {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .radio .choice,
    .radio-inline .choice {
      position: absolute;
      top: 1px;
      left: 0
    }

    .form-horizontal .radio .choice,
    .form-horizontal .radio-inline .choice {
      top: 9px
    }

    .radio-right .choice {
      left: auto;
      right: 0
    }

    .choice.disabled {
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .choice.disabled,
    .choice.disabled input[type=radio] {
      cursor: not-allowed
    }

    .radio-inline:active .choice.disabled span:after,
    .radio>label:active .choice.disabled span:after {
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .radio-inline:active .choice.disabled span.checked:after,
    .radio>label:active .choice.disabled span.checked:after {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .choice[class*=border-] span,
    .choice[class*=border-] span:after {
      border-color: inherit
    }

    .dropdown-menu>.active .choice span,
    .dropdown-menu[class*=bg-] .choice span,
    .navbar-inverse .navbar-form .form-group>.radio .choice span,
    .navbar-inverse .navbar-form .form-group>.radio-inline .choice span,
    .page-header-inverse .form-group>.radio .choice span,
    .page-header-inverse .form-group>.radio-inline .choice span,
    .sidebar:not(.sidebar-default) .radio .choice span,
    .sidebar:not(.sidebar-default) .radio-inline .choice span {
      border-color: #fff
    }

    .uploader {
      width: 100%;
      position: relative;
      display: table
    }

    .uploader .filename {
      color: #999;
      height: 36px;
      padding: 7px 12px;
      width: 100%;
      display: table-cell;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: default;
      border: 1px solid #ddd;
      border-right: 0;
      background-color: #fff;
      text-align: left;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px
    }

    .uploader .action {
      display: table-cell;
      cursor: pointer;
      z-index: 1;
      border-radius: 0 3px 3px 0
    }

    .uploader .action.btn {
      margin-top: 0
    }

    .uploader:focus .action,
    .uploader:hover .action {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
    }

    .uploader:focus .action.btn-default,
    .uploader:hover .action.btn-default {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
    }

    .uploader:active .action {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
    }

    .uploader:active .action.btn-default {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
    }

    .uploader input[type=file] {
      width: 100%;
      margin-top: 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      height: 36px;
      border: 0;
      cursor: pointer;
      z-index: 10;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .uploader.disabled .filename {
      background-color: #fafafa;
      cursor: not-allowed
    }

    .uploader-lg .action,
    .uploader-lg .filename,
    .uploader-lg input[type=file] {
      height: 40px
    }

    .uploader-lg .filename {
      padding: 9px 15px;
      font-size: 14px;
      line-height: 1.4285715
    }

    .uploader-sm .action,
    .uploader-sm .filename,
    .uploader-sm input[type=file] {
      height: 34px
    }

    .uploader-sm .filename {
      padding: 6px 11px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .uploader-xs .action,
    .uploader-xs .filename,
    .uploader-xs input[type=file] {
      height: 32px
    }

    .switchery,
    .switchery>small {
      background-color: #fff;
      height: 22px
    }

    .uploader-xs .filename {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .switchery {
      border: 1px solid #ddd;
      border-radius: 100px;
      cursor: pointer;
      display: inline-block;
      width: 44px;
      position: relative;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
    }

    .checkbox-switchery .switchery {
      position: absolute;
      left: 0;
      margin-top: -2px
    }

    .switchery>small {
      border-radius: 100px;
      width: 22px;
      position: absolute;
      top: 0;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
    }

    .checkbox.checkbox-switchery {
      margin-bottom: 14px;
      padding-left: 0
    }

    .checkbox.checkbox-switchery.disabled .switchery {
      cursor: not-allowed
    }

    .checkbox-inline[class*=switchery-],
    .checkbox[class*=switchery-] {
      padding-left: 0;
      padding-right: 0
    }

    .switchery-lg.checkbox-switchery {
      margin-bottom: 18px
    }

    .switchery-lg.checkbox-switchery .switchery {
      margin-top: -4px
    }

    label.switchery-lg {
      margin-bottom: 0
    }

    .switchery-lg .switchery {
      height: 26px;
      width: 52px
    }

    .switchery-lg .switchery>small {
      height: 26px;
      width: 26px
    }

    .switchery-sm.checkbox-switchery {
      margin-bottom: 10px
    }

    .switchery-sm.checkbox-switchery .switchery {
      margin-top: 0
    }

    label.switchery-sm {
      margin-bottom: 0
    }

    .switchery-sm .switchery {
      height: 18px;
      width: 36px
    }

    .switchery-sm .switchery>small {
      height: 18px;
      width: 18px
    }

    .switchery-xs.checkbox-switchery {
      margin-bottom: 6px
    }

    .checkbox-switchery.checkbox-inline,
    label.switchery-xs {
      margin-bottom: 0
    }

    .switchery-xs.checkbox-switchery .switchery {
      margin-top: 2px
    }

    .switchery-xs .switchery {
      height: 14px;
      width: 28px
    }

    .switchery-xs .switchery>small {
      height: 14px;
      width: 14px
    }

    .checkbox-switchery label,
    label.checkbox-switchery {
      position: relative;
      padding-left: 56px;
      margin: 0;
      cursor: pointer
    }

    .checkbox-switchery.switchery-lg label,
    label.checkbox-switchery.switchery-lg {
      padding-left: 64px
    }

    .checkbox-switchery.switchery-sm label,
    label.checkbox-switchery.switchery-sm {
      padding-left: 48px
    }

    .checkbox-switchery.switchery-xs label,
    label.checkbox-switchery.switchery-xs {
      padding-left: 40px
    }

    .checkbox-switchery.checkbox-right .switchery {
      left: auto;
      right: 0
    }

    .checkbox-switchery.checkbox-right label,
    label.checkbox-switchery.checkbox-right {
      padding-left: 0;
      padding-right: 56px
    }

    .checkbox-switchery.checkbox-right.switchery-lg label,
    label.checkbox-switchery.checkbox-right.switchery-lg {
      padding-left: 0;
      padding-right: 64px
    }

    .checkbox-switchery.checkbox-right.switchery-sm label,
    label.checkbox-switchery.checkbox-right.switchery-sm {
      padding-left: 0;
      padding-right: 48px
    }

    .checkbox-switchery.checkbox-right.switchery-xs label,
    label.checkbox-switchery.checkbox-right.switchery-xs {
      padding-left: 0;
      padding-right: 40px
    }

    .switchery-double .switchery {
      position: relative;
      margin: -7px 7px -5px
    }

    .switchery-double.checkbox-switchery label,
    label.switchery-double.checkbox-switchery {
      padding: 0
    }

    .switchery-double.switchery-lg .switchery {
      margin-top: -8px;
      margin-bottom: -6px
    }

    .switchery-double.switchery-sm .switchery {
      margin-top: -6px;
      margin-bottom: -4px
    }

    .switchery-double.switchery-xs .switchery {
      margin-top: -5px;
      margin-bottom: -3px
    }

    .bootstrap-switch {
      display: inline-block;
      cursor: pointer;
      margin-top: -2px;
      margin-right: 7px;
      border-radius: 3px;
      border: 1px solid transparent;
      position: relative;
      text-align: left;
      overflow: hidden;
      -moz-user-select: none;
      user-select: none;
      -webkit-transition: all ease-in-out 50ms;
      -o-transition: all ease-in-out 50ms;
      transition: all ease-in-out 50ms
    }

    .select2-selection--multiple,
    .select2-selection--single {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      outline: 0
    }

    .bootstrap-switch .bootstrap-switch-container {
      display: inline-block;
      top: 0;
      border-radius: 3px;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }

    .bootstrap-switch.bootstrap-switch-focused {
      outline: 0
    }

    .bootstrap-switch .bootstrap-switch-handle-off,
    .bootstrap-switch .bootstrap-switch-handle-on,
    .bootstrap-switch .bootstrap-switch-label {
      cursor: pointer;
      display: inline-block !important;
      height: 100%;
      padding: 7px 12px
    }

    .bootstrap-switch input[type=radio],
    .bootstrap-switch input[type=checkbox] {
      position: absolute !important;
      top: 0;
      left: 0;
      z-index: -1;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .bootstrap-switch input[type=radio].form-control,
    .bootstrap-switch input[type=checkbox].form-control {
      height: auto
    }

    .bootstrap-switch.bootstrap-switch-disabled,
    .bootstrap-switch.bootstrap-switch-indeterminate,
    .bootstrap-switch.bootstrap-switch-readonly {
      cursor: default !important
    }

    .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
    .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
    .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
      cursor: default !important;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
      -webkit-transition: margin-left .2s;
      -o-transition: margin-left .2s;
      transition: margin-left .2s
    }

    .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
      border-radius: 0 2px 2px 0
    }

    .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
      border-radius: 2px 0 0 2px
    }

    .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
      border-bottom-left-radius: 2px;
      border-top-left-radius: 2px
    }

    .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
      border-bottom-right-radius: 2px;
      border-top-right-radius: 2px
    }

    .bootstrap-switch-handle-off,
    .bootstrap-switch-handle-on {
      text-align: center;
      z-index: 1
    }

    .bootstrap-switch-handle-off.bootstrap-switch-default,
    .bootstrap-switch-handle-on.bootstrap-switch-default {
      color: #333;
      background-color: #eee
    }

    .bootstrap-switch-handle-off.bootstrap-switch-primary,
    .bootstrap-switch-handle-on.bootstrap-switch-primary {
      color: #fff;
      background-color: #2196F3
    }

    .bootstrap-switch-handle-off.bootstrap-switch-danger,
    .bootstrap-switch-handle-on.bootstrap-switch-danger {
      color: #fff;
      background-color: #F44336
    }

    .bootstrap-switch-handle-off.bootstrap-switch-success,
    .bootstrap-switch-handle-on.bootstrap-switch-success {
      color: #fff;
      background-color: #4CAF50
    }

    .bootstrap-switch-handle-off.bootstrap-switch-warning,
    .bootstrap-switch-handle-on.bootstrap-switch-warning {
      color: #fff;
      background-color: #FF5722
    }

    .bootstrap-switch-handle-off.bootstrap-switch-info,
    .bootstrap-switch-handle-on.bootstrap-switch-info {
      color: #fff;
      background-color: #00BCD4
    }

    .bootstrap-switch-label {
      text-align: center;
      z-index: 100;
      color: #333;
      background-color: #fff;
      position: relative;
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset
    }

    .bootstrap-switch-label:hover {
      background-color: #fcfcfc
    }

    .bootstrap-switch-label:active {
      background-color: #fafafa
    }

    .bootstrap-switch-label:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 3px;
      height: 10px;
      margin-top: -5px;
      margin-left: -1px;
      display: inline-block;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd
    }

    .bootstrap-switch-large .bootstrap-switch-handle-off,
    .bootstrap-switch-large .bootstrap-switch-handle-on,
    .bootstrap-switch-large .bootstrap-switch-label {
      padding: 9px 15px
    }

    .bootstrap-switch-mini .bootstrap-switch-handle-off,
    .bootstrap-switch-mini .bootstrap-switch-handle-on,
    .bootstrap-switch-mini .bootstrap-switch-label {
      padding: 5px 10px
    }

    .bootstrap-switch-small .bootstrap-switch-handle-off,
    .bootstrap-switch-small .bootstrap-switch-handle-on,
    .bootstrap-switch-small .bootstrap-switch-label {
      padding: 6px 11px
    }

    .checkbox-switch>label,
    label.checkbox-switch.checkbox-inline {
      padding: 0
    }

    .checkbox-switch.checkbox-right .bootstrap-switch {
      margin-right: 0;
      margin-left: 7px
    }

    .select2-container {
      outline: 0;
      position: relative;
      display: inline-block;
      text-align: left
    }

    .select2-selection--single {
      cursor: pointer;
      display: block;
      height: 36px;
      padding: 7px 0;
      line-height: 1.5384616;
      position: relative;
      border: 1px solid transparent;
      white-space: nowrap;
      border-radius: 3px;
      user-select: none
    }

    .select2-container--open .select2-selection--single,
    .select2-selection--single:focus,
    .select2-selection--single:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
    }

    .select2-selection--single:not([class*=bg-]) {
      background-color: #fff;
      color: #333
    }

    .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
      border-color: #ddd
    }

    .select2-container--open .select2-selection--single[class*=bg-],
    .select2-selection--single[class*=bg-]:focus,
    .select2-selection--single[class*=bg-]:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .025) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .025) inset
    }

    .select2-selection--single[class*=bg-] .select2-selection__placeholder {
      color: #fff
    }

    .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder {
      color: rgba(255, 255, 255, .75)
    }

    .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 12px;
      padding-right: 31px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .select2-selection--single .select2-selection__rendered>i {
      margin-right: 10px
    }

    .select2-selection--single .select2-selection__clear {
      position: relative;
      cursor: pointer;
      float: right;
      font-size: 0;
      line-height: 1;
      margin-top: 2px;
      margin-left: 5px;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .select2-selection--single .select2-selection__clear:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .select2-selection--single .select2-selection__clear:after {
      content: '\ed6b';
      font-family: icomoon;
      display: inline-block;
      font-size: 16px
    }

    .select2-selection--single .select2-selection__placeholder {
      color: #999
    }

    .select2-selection--single .select2-selection__arrow:after {
      content: '\e9c5';
      font-family: Icomoon;
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -8px;
      font-size: 16px;
      line-height: 1;
      color: inherit;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .bs-searchbox:after,
    .select2-search--dropdown:after,
    .selectboxit-default-arrow:after,
    .validation-error-label:before,
    .validation-valid-label:before {
      font-family: icomoon;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .select2-container--disabled .select2-selection--single .select2-selection__clear,
    .select2-selection--single .select2-selection__arrow b {
      display: none
    }

    .select2-container--open .select2-selection--single .select2-selection__arrow:after {
      content: '\e9c6'
    }

    .select2-container--disabled .select2-selection--single {
      cursor: not-allowed;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .select2-container--disabled .select2-selection--single:not([class*=bg-]) {
      background-color: #fafafa;
      color: #999
    }

    .select2-container--disabled .select2-selection--single[class*=bg-] {
      -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset;
      box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset
    }

    .select2-selection--multiple {
      display: block;
      border: 1px solid transparent;
      border-radius: 3px;
      cursor: text;
      user-select: none
    }

    .picker,
    .select2-results__option,
    .selectboxit-container * {
      -moz-user-select: none;
      -ms-user-select: none
    }

    .select2-selection--multiple:not([class*=bg-]) {
      background-color: #fff
    }

    .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
      border-color: #ddd
    }

    .select2-selection--multiple .select2-selection__rendered {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      list-style: none;
      margin: 0;
      padding: 0 2px 2px;
      width: 100%
    }

    .select2-selection--multiple .select2-selection__placeholder {
      color: #999
    }

    .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
      background-color: #fafafa;
      color: #999
    }

    .select2-container--disabled .select2-selection--multiple[class*=bg-] {
      -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset;
      box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset
    }

    .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
      opacity: .9;
      filter: alpha(opacity=90)
    }

    .select2-container--disabled .select2-selection--multiple,
    .select2-container--disabled .select2-selection--multiple .select2-search__field,
    .select2-container--disabled .select2-selection--multiple .select2-selection__choice {
      cursor: not-allowed
    }

    .select2-selection--multiple .select2-selection__choice {
      background-color: #455A64;
      color: #fff;
      border-radius: 3px;
      cursor: default;
      float: left;
      margin-right: 2px;
      margin-top: 2px;
      padding: 7px 12px
    }

    .select2-selection--multiple .select2-selection__choice>i {
      margin-right: 10px
    }

    .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      cursor: pointer;
      float: right;
      font-size: 14px;
      margin-top: 3px;
      line-height: 1;
      margin-left: 7px;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .select2-container--disabled .select2-selection--multiple .select2-selection__choice,
    .select2-search--dropdown:after {
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      display: none
    }

    .select2-selection--multiple .select2-search--inline {
      float: left
    }

    .select2-selection--multiple .select2-search--inline .select2-search__field {
      font-size: 100%;
      margin-top: 2px;
      padding: 7px 0;
      background-color: transparent;
      border: 0;
      outline: 0;
      margin-left: 7px;
      -webkit-appearance: textfield
    }

    .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none
    }

    .select2-dropdown {
      background-color: #fff;
      color: #333;
      border: 1px solid #ddd;
      border-radius: 3px;
      display: block;
      position: absolute;
      left: -100000px;
      width: 100%;
      z-index: 9999;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .select2-container--open .select2-dropdown--below,
    .select2-container--open.select2-container--above .select2-selection--multiple,
    .select2-container--open.select2-container--above .select2-selection--single {
      border-top-left-radius: 0;
      border-top-right-radius: 0
    }

    .select2-container--open .select2-dropdown--above,
    .select2-container--open.select2-container--below .select2-selection--multiple,
    .select2-container--open.select2-container--below .select2-selection--single {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .select2-results {
      display: block
    }

    .select2-results__options {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .select2-results>.select2-results__options {
      padding-bottom: 7px;
      max-height: 250px;
      overflow-y: auto
    }

    .select2-results:first-child>.select2-results__options,
    .select2-search--hide+.select2-results>.select2-results__options {
      padding-top: 7px
    }

    .select2-results__option {
      padding: 7px 12px;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none
    }

    .select2-results__option+.select2-results__option {
      margin-top: 1px
    }

    .select2-results__option i {
      margin-right: 10px
    }

    .select2-results__option i.icon-undefined {
      display: none
    }

    .select2-results__option[role=group] {
      padding: 0
    }

    .select2-results__option.select2-results__option--highlighted {
      background-color: #f5f5f5
    }

    .select2-results__option[aria-disabled=true] {
      color: #999;
      cursor: not-allowed
    }

    .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
      color: rgba(255, 255, 255, .6)
    }

    .select2-results__option[aria-selected=true] {
      background-color: #2196F3;
      color: #fff
    }

    .select2-results__options--nested>.select2-results__option {
      padding-left: 24px;
      padding-right: 24px
    }

    .select2-results__group {
      display: block;
      padding: 7px 12px;
      font-size: 11px;
      line-height: 1.82;
      text-transform: uppercase;
      cursor: default;
      margin-top: 7px;
      margin-bottom: 7px
    }

    .select2-results__option:first-child>.select2-results__group {
      margin-top: 0
    }

    .select2-results__message {
      color: #999;
      cursor: default
    }

    .select2-dropdown[class*=bg-] .select2-results__message {
      color: rgba(255, 255, 255, .75)
    }

    .select2-results__option.loading-results {
      padding-top: 0
    }

    .select2-results__option.loading-results+.select2-results__option {
      margin-top: 7px
    }

    .select2-results__option--load-more {
      text-align: center;
      margin-top: 7px;
      cursor: default
    }

    .select2-container--open .select2-dropdown {
      left: 0
    }

    .select2-container--open .select2-dropdown--above {
      border-bottom: 0
    }

    .select2-container--open .select2-dropdown--above[class*=bg-] {
      border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .select2-container--open .select2-dropdown--below {
      border-top: none
    }

    .select2-container--open .select2-dropdown--below[class*=bg-] {
      border-top: 1px solid rgba(255, 255, 255, .2)
    }

    .select2-search--dropdown {
      display: block;
      position: relative;
      padding: 12px
    }

    .select2-search--dropdown:after {
      content: '\e98e';
      position: absolute;
      top: 50%;
      left: 24px;
      color: inherit;
      display: block;
      font-size: 12px;
      margin-top: -6px;
      line-height: 1
    }

    .select2-search--dropdown+.select2-results .select2-results__message:first-child {
      padding-top: 0
    }

    .select2-search--dropdown .select2-search__field {
      height: 36px;
      padding: 7px 12px 7px 36px;
      border-radius: 3px;
      border: 1px solid #ddd;
      outline: 0;
      width: 100%
    }

    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none
    }

    .select2-search--dropdown.select2-search--hide {
      display: none
    }

    .select-lg.select2-selection--single {
      height: 40px;
      padding: 9px 0;
      font-size: 14px
    }

    .select-lg.select2-selection--single .select2-selection__rendered {
      padding-left: 15px;
      padding-right: 34px
    }

    .select-lg.select2-selection--single .select2-selection__arrow:after {
      right: 15px
    }

    .select-lg.select2-selection--multiple .select2-selection__choice {
      padding: 9px 15px;
      font-size: 14px
    }

    .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 9px 0;
      font-size: 14px
    }

    .select-sm.select2-selection--single {
      height: 34px;
      padding: 6px 0;
      font-size: 12px;
      line-height: 1.6666667
    }

    .select-sm.select2-selection--single .select2-selection__rendered {
      padding-left: 11px;
      padding-right: 26px
    }

    .select-sm.select2-selection--single .select2-selection__arrow:after {
      right: 11px
    }

    .select-sm.select2-selection--multiple .select2-selection__choice {
      padding: 6px 11px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 6px 0
    }

    .select-xs.select2-selection--single {
      height: 32px;
      padding: 5px 0;
      font-size: 12px;
      line-height: 1.6666667
    }

    .select-xs.select2-selection--single .select2-selection__rendered {
      padding-left: 10px;
      padding-right: 24px
    }

    .select-xs.select2-selection--single .select2-selection__arrow:after {
      right: 10px
    }

    .select-xs.select2-selection--multiple .select2-selection__choice {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 5px 0;
      font-size: 12px;
      line-height: 1.6666667
    }

    .select2-selection--multiple[class*=bg-] .select2-selection__choice {
      background-color: rgba(0, 0, 0, .25)
    }

    .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
      background-color: rgba(0, 0, 0, .2);
      border-color: transparent;
      color: #fff
    }

    .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
      background-color: rgba(0, 0, 0, .2)
    }

    .select2-dropdown[class*=bg-] .select2-results__option--highlighted {
      background-color: rgba(0, 0, 0, .1)
    }

    .select2-close-mask {
      border: 0;
      margin: 0;
      padding: 0;
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      min-height: 100%;
      min-width: 100%;
      height: auto;
      width: auto;
      z-index: 99;
      background-color: #fff;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .select2-hidden-accessible {
      border: 0 !important;
      clip: rect(0 0 0 0) !important;
      height: 1px !important;
      margin: -1px !important;
      overflow: hidden !important;
      padding: 0 !important;
      position: fixed !important;
      width: 1px !important
    }

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

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

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

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

    .select2-result-repository__title {
      font-weight: 500;
      word-wrap: break-word;
      margin-bottom: 2px
    }

    .select2-result-repository__forks,
    .select2-result-repository__stargazers,
    .select2-result-repository__watchers {
      display: inline-block;
      font-size: 12px
    }

    .select2-result-repository__description {
      font-size: 12px
    }

    .select2-result-repository__forks,
    .select2-result-repository__stargazers {
      margin-right: 15px
    }

    .multiselect {
      width: 100%;
      min-width: 100%;
      text-align: left;
      padding-left: 12px;
      padding-right: 29px;
      text-overflow: ellipsis;
      overflow: hidden
    }

    .multiselect.btn-default,
    .multiselect.btn-default.disabled {
      background-color: #fff;
      border-color: #ddd
    }

    .btn-group.open .multiselect.btn-default,
    .multiselect.btn-default:active {
      border-color: #ddd
    }

    .multiselect .caret {
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -8px;
      width: 16px;
      text-align: right
    }

    .multiselect.btn-lg {
      padding-left: 15px;
      padding-right: 30px
    }

    .multiselect.btn-lg .caret {
      right: 15px
    }

    .multiselect.btn-sm {
      padding-left: 11px;
      padding-right: 22px
    }

    .multiselect.btn-sm .caret {
      right: 11px
    }

    .multiselect.btn-xs {
      padding-left: 10px;
      padding-right: 20px
    }

    .multiselect.btn-xs .caret {
      right: 10px
    }

    .multiselect-container {
      min-width: 180px;
      max-height: 250px;
      overflow-y: auto
    }

    .multiselect-container>li,
    .multiselect-container>li>a {
      padding: 0
    }

    .multiselect-container>li>a>label {
      margin: 0;
      height: 100%;
      cursor: pointer;
      padding: 8px 12px 8px 40px
    }

    .navbar-form .multiselect-container>li>a>label {
      display: block
    }

    .multiselect-container>li>a .checker,
    .multiselect-container>li>a .choice {
      top: 50%;
      margin-top: -9px;
      left: 12px
    }

    .multiselect-container>li.disabled>a {
      background-color: transparent
    }

    .multiselect-container>li.disabled>a>label {
      cursor: not-allowed
    }

    .multiselect-container>li.multiselect-group.active>label,
    .multiselect-container>li.multiselect-group>label {
      margin: 14px 0 0;
      padding: 8px 15px;
      font-size: 11px;
      line-height: 1.82;
      color: #999;
      text-transform: uppercase;
      background-color: transparent;
      cursor: default
    }

    .multiselect-container>li.multiselect-group.disabled {
      color: #999
    }

    .multiselect-container>li.multiselect-group:first-child.active>label,
    .multiselect-container>li.multiselect-group:first-child>label {
      margin-top: 7px
    }

    .multiselect-container>li.multiselect-group.multiselect-group-clickable>label {
      cursor: pointer
    }

    .multiselect-container>li.multiselect-group.disabled label,
    .multiselect-container>li.multiselect-group.disabled:focus label,
    .multiselect-container>li.multiselect-group.disabled:hover label {
      background-color: transparent;
      cursor: not-allowed
    }

    .multi-select-full>.btn-group {
      width: 100%
    }

    .multi-select-full>.btn-group .multiselect-container {
      width: inherit
    }

    .multi-select-fixed>.btn-group>.btn {
      width: 250px
    }

    .multi-select-auto>.btn-group>.btn {
      width: auto
    }

    div[class*=border-]>.btn-group,
    div[class*=border-]>.btn-group>.multiselect {
      border-color: inherit
    }

    li.multiselect-filter {
      position: relative;
      padding: 5px 12px;
      margin-bottom: 5px
    }

    li.multiselect-filter i {
      font-size: 12px;
      position: absolute;
      left: 24px;
      top: 50%;
      margin-top: -6px;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    li.multiselect-filter .form-control {
      padding-left: 36px
    }

    .input-group-addon+.btn-group .multiselect:first-child,
    .input-group-addon+.multi-select-auto .multiselect:first-child,
    .input-group-addon+.multi-select-fixed .multiselect:first-child,
    .input-group-addon+.multi-select-full .multiselect:first-child,
    .input-group-btn+.btn-group .multiselect:first-child,
    .input-group-btn+.multi-select-auto .multiselect:first-child,
    .input-group-btn+.multi-select-fixed .multiselect:first-child,
    .input-group-btn+.multi-select-full .multiselect:first-child {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }

    .btn-group-multiselect {
      width: 100%
    }

    .btn-group-multiselect .btn {
      float: none
    }

    .btn-group-multiselect .multiselect {
      min-width: 0
    }

    .btn-group>.btn-group:nth-child(2)>.multiselect.btn {
      border-bottom-left-radius: 2px;
      border-top-left-radius: 2px
    }

    .selectboxit-container {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      border-radius: 3px
    }

    .selectboxit-container * {
      outline: 0;
      white-space: nowrap;
      -webkit-user-select: none;
      user-select: none
    }

    .selectboxit-container .selectboxit {
      width: 100%;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative
    }

    .selectboxit-container .selectboxit:focus {
      outline: 0
    }

    .selectboxit-container .selectboxit-options a,
    .selectboxit-container span {
      display: block
    }

    .selectboxit-container .selectboxit-options {
      width: 100%;
      max-height: 250px;
      padding: 7px 0;
      overflow-x: hidden;
      overflow-y: auto;
      z-index: 999;
      text-align: left
    }

    .selectboxit-options .selectboxit-disabled,
    .selectboxit-options .selectboxit-disabled:focus,
    .selectboxit-options .selectboxit-disabled:hover,
    .selectboxit.selectboxit-disabled,
    .selectboxit.selectboxit-disabled:focus,
    .selectboxit.selectboxit-disabled:hover {
      cursor: not-allowed;
      -webkit-box-shadow: none;
      box-shadow: none;
      opacity: .65;
      filter: alpha(opacity=65)
    }

    .selectboxit-rendering {
      display: inline-block !important;
      visibility: visible !important;
      position: absolute !important;
      top: -9999px !important;
      left: -9999px !important
    }

    .selectboxit-list {
      background-color: #fff;
      border: 1px solid #ddd;
      margin: 2px 0 0;
      width: 100%;
      min-width: 200px;
      list-style: none;
      position: absolute;
      cursor: pointer;
      display: none;
      border-radius: 3px;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .selectboxit-optgroup-header,
    .selectboxit-option {
      margin: 0;
      list-style-type: none
    }

    .selectboxit-list .selectboxit-option-anchor {
      color: #333
    }

    .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
      display: block;
      background-color: #f5f5f5;
      color: #333
    }

    .selectboxit-list>.selectboxit-selected>.selectboxit-option-anchor {
      background-color: #2196F3;
      color: #fff
    }

    .selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
      color: #999;
      cursor: not-allowed
    }

    .selectbox-container[class*=border-]>.selectboxit-list {
      border-color: inherit
    }

    .selectbox-container[class*=bg-]>.selectboxit-list {
      background-color: inherit;
      border-color: inherit
    }

    .selectbox-container[class*=bg-]>.selectboxit-list .selectboxit-option-anchor {
      color: #fff
    }

    .selectbox-container[class*=bg-]>.selectboxit-list>.selectboxit-focus .selectboxit-option-anchor {
      background-color: rgba(0, 0, 0, .1)
    }

    .selectboxit-btn {
      background-color: #fff;
      border: 1px solid #ddd;
      color: #333;
      border-radius: 3px;
      height: 36px;
      padding: 7px 29px 7px 12px
    }

    .selectboxit-btn:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
    }

    .selectboxit-btn.selectboxit-open,
    .selectboxit-btn:focus {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
    }

    .selectboxit-container[class*=bg-] .selectboxit-btn {
      background-color: inherit;
      border-color: inherit;
      color: inherit
    }

    .selectboxit-container[class*=border-] .selectboxit-btn {
      border-color: inherit
    }

    .selectboxit-btn[class*=bg-]:hover,
    .selectboxit-container[class*=bg-] .selectboxit-btn:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
    }

    .selectboxit-btn[class*=bg-].selectboxit-open,
    .selectboxit-btn[class*=bg-]:focus,
    .selectboxit-container[class*=bg-] .selectboxit-btn.selectboxit-open,
    .selectboxit-container[class*=bg-] .selectboxit-btn:focus {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
    }

    .input-group .selectboxit-container>.selectboxit-btn {
      border-radius: 0
    }

    .input-group .selectboxit-container:last-child>.selectboxit-btn {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .input-group>select:first-child+.selectboxit-container>.selectboxit-btn {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px
    }

    .selectboxit-text {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      float: left
    }

    .selectboxit-default-arrow {
      position: relative;
      font-style: normal
    }

    .selectboxit-default-arrow:after {
      content: '\e9c5';
      display: block;
      font-size: 16px;
      line-height: 1
    }

    .selectboxit-open .selectboxit-default-arrow:after {
      content: '\e9c6'
    }

    .selectboxit-option .selectboxit-option-anchor {
      padding: 7px 12px
    }

    .selectboxit-optgroup-header {
      padding: 7px 12px;
      font-weight: 700;
      color: #333;
      font-size: 11px;
      line-height: 1.82;
      text-transform: uppercase
    }

    .selectboxit-optgroup-header:hover {
      cursor: default
    }

    .bootstrap-select.btn-group .dropdown-menu>li.disabled a,
    .bootstrap-select.btn-group>.disabled {
      cursor: not-allowed
    }

    .selectboxit-optgroup-option .selectboxit-option-anchor {
      padding-left: 24px;
      padding-right: 24px
    }

    .selectboxit-arrow-container {
      position: absolute;
      top: 50%;
      width: 16px;
      right: 12px;
      margin-top: -8px;
      text-align: right;
      line-height: 1
    }

    .selectboxit-arrow-container .selectboxit-arrow[class*=icon-] {
      top: 0
    }

    .selectboxit-arrow-container .caret:after {
      text-align: right
    }

    .selectboxit-option-icon-container {
      float: left
    }

    .selectboxit-option-icon-container>[class*=icon-] {
      margin-right: 10px;
      width: auto
    }

    .selectboxit-option-icon-container .selectboxit-option-icon-url {
      height: 20px;
      width: 20px;
      background-size: 20px 20px;
      border-radius: 100px;
      background-repeat: no-repeat;
      background-position: center;
      display: block
    }

    .selectboxit-option-first {
      border-top-right-radius: 2px;
      border-top-left-radius: 2px
    }

    .selectboxit-optgroup-header+.selectboxit-option-first {
      border-top-right-radius: 0;
      border-top-left-radius: 0
    }

    .selectboxit-option-last {
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px
    }

    .selectbox-fixed+.selectboxit-container,
    .selectbox-fixed+.selectboxit-options {
      width: 250px
    }

    .selectbox-auto+.selectboxit-container,
    .selectbox-auto+.selectboxit-options {
      width: auto
    }

    .bootstrap-select,
    .bootstrap-select.form-control:not([class*=col-]) {
      width: 100%
    }

    .selectbox-lg+.selectboxit-container .selectboxit {
      padding: 9px 30px 9px 15px;
      height: 40px;
      font-size: 14px
    }

    .selectbox-lg+.selectboxit-container .selectboxit .selectboxit-arrow-container {
      right: 15px
    }

    .selectbox-sm+.selectboxit-container .selectboxit {
      padding: 6px 22px 6px 11px;
      height: 34px
    }

    .selectbox-sm+.selectboxit-container .selectboxit .selectboxit-arrow-container {
      right: 11px
    }

    .selectbox-xs+.selectboxit-container .selectboxit {
      padding: 5px 25px 5px 10px;
      height: 32px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .selectbox-xs+.selectboxit-container .selectboxit .selectboxit-arrow-container {
      right: 10px
    }

    .bootstrap-select>.btn {
      width: 100%;
      padding-right: 34px
    }

    .bootstrap-select>.btn.btn-default,
    .bootstrap-select>.btn.btn-default.disabled {
      background-color: #fff;
      border-color: #ddd
    }

    .bootstrap-select>.btn.btn-default:active,
    .btn-group.open .bootstrap-select>.btn.btn-default {
      border-color: #ddd
    }

    .bootstrap-select.form-control {
      padding: 0;
      border: 0
    }

    .bootstrap-select .popover-title {
      font-size: 11px;
      line-height: 1.82;
      margin: 7px 0;
      padding: 7px 12px
    }

    .bootstrap-select[class*=border-] .btn,
    .bootstrap-select[class*=border-] .dropdown-menu {
      border-color: inherit
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
      width: 220px
    }

    .bootstrap-select.fit-width {
      width: auto !important
    }

    .bootstrap-select.btn-group.bs-container {
      position: absolute
    }

    .bootstrap-select.btn-group:not(.input-group-btn),
    .bootstrap-select.btn-group[class*=col-] {
      float: none;
      display: inline-block;
      margin-left: 0
    }

    .bootstrap-select.btn-group.dropdown-menu-right,
    .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
      float: right
    }

    .bootstrap-select.btn-group>.disabled:focus {
      outline: 0
    }

    .bootstrap-select.btn-group .btn .filter-option {
      display: inline-block;
      overflow: hidden;
      width: 100%;
      text-align: left;
      text-overflow: ellipsis
    }

    .bootstrap-select.btn-group .btn .filter-option>i,
    .bootstrap-select.btn-group .dropdown-menu>li>a [class*=icon-] {
      margin-right: 7px;
      float: left;
      margin-top: 2px;
      top: 0
    }

    .bootstrap-select.btn-group .btn .caret {
      position: absolute;
      top: 50%;
      width: 16px;
      text-align: right;
      right: 12px;
      margin-top: -8px
    }

    .bootstrap-select.btn-group[class*=col-] .btn {
      width: 100%
    }

    .bootstrap-select.btn-group .btn-lg>.caret {
      right: 15px
    }

    .bootstrap-select.btn-group .btn-sm>.caret {
      right: 11px
    }

    .bootstrap-select.btn-group .btn-xs>.caret {
      right: 10px
    }

    .bootstrap-select.btn-group .dropdown-menu {
      min-width: 100%
    }

    .bootstrap-select.btn-group .dropdown-menu>li>a .check-mark {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      right: 12px;
      margin-right: 0;
      color: #fff;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .bootstrap-select.btn-group .dropdown-menu>li>a .text {
      display: inline-block
    }

    .bootstrap-select.btn-group .dropdown-menu>li>a>.badge,
    .bootstrap-select.btn-group .dropdown-menu>li>a>.label {
      float: none
    }

    .bootstrap-select.btn-group .dropdown-menu>li>a.special-class,
    .bootstrap-select.btn-group .dropdown-menu>li>a.special-class:hover {
      font-weight: 700;
      color: #fff;
      background: #F44336;
      -webkit-transition: none;
      -o-transition: none;
      transition: none
    }

    .bootstrap-select.btn-group .dropdown-menu>li small {
      padding-left: 10px
    }

    .bootstrap-select.btn-group .dropdown-menu>.active>a small {
      color: #fff
    }

    .bootstrap-select.btn-group .dropdown-menu.inner {
      position: static;
      border: 0;
      padding: 0;
      margin: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .bootstrap-select.btn-group .dropdown-menu .notify {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      padding: 7px 12px;
      background-color: #f8f8f8;
      border-top: 1px solid #ddd;
      pointer-events: none
    }

    .bootstrap-select.btn-group .dropdown-header~li>a {
      padding-left: 24px
    }

    .bootstrap-select.btn-group .no-results {
      padding: 7px 12px;
      background: #f8f8f8;
      margin-bottom: -7px;
      border-top: 1px solid #ddd
    }

    .bootstrap-select.btn-group.fit-width .btn .caret,
    .bootstrap-select.btn-group.fit-width .btn .filter-option {
      position: static
    }

    .bootstrap-select.btn-group.show-tick .dropdown-menu>li a .text {
      margin-right: 40px
    }

    .bootstrap-select.btn-group.show-tick .dropdown-menu>li.active a .check-mark {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .input-group .bootstrap-select>.btn {
      border-radius: 0
    }

    .input-group>.bootstrap-select:first-child>.btn,
    .input-group>.bs-select-hidden:first-child+.bootstrap-select>.btn {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px
    }

    .input-group>.bootstrap-select:last-child>.btn {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .error .bootstrap-select .btn {
      border: 1px solid #F44336
    }

    .control-group.error .bootstrap-select .dropdown-toggle {
      border-color: #F44336
    }

    .bs-actionsbox,
    .bs-searchbox {
      padding: 5px 12px;
      margin-bottom: 5px
    }

    .bs-searchbox {
      position: relative
    }

    .bs-searchbox>.form-control {
      padding-left: 36px
    }

    .bs-searchbox:after {
      content: '\e98e';
      position: absolute;
      top: 50%;
      left: 24px;
      color: inherit;
      display: block;
      font-size: 12px;
      margin-top: -6px;
      line-height: 1;
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .bs-actionsbox {
      float: left;
      width: 100%;
      position: relative
    }

    .bs-actionsbox .btn-group button {
      width: 50%
    }

    .bs-searchbox+.bs-actionsbox {
      padding: 0 12px 7px
    }

    .mobile-device {
      position: absolute;
      top: 0;
      left: 0;
      display: block !important;
      width: 100%;
      height: 100% !important;
      opacity: 0
    }

    select.bs-select-hidden,
    select.selectpicker {
      display: none !important
    }

    .bootstrap-select>select {
      position: absolute !important;
      bottom: 0;
      left: 50%;
      display: block !important;
      width: .5px !important;
      height: 100% !important;
      padding: 0 !important;
      opacity: 0 !important;
      border: none
    }

    .visual-password-indicator {
      display: inline-block;
      background-color: #999;
      width: 40px;
      height: 4px
    }

    .password-indicator-group {
      min-width: 80px;
      -webkit-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
    }

    .label-indicator-absolute {
      position: relative
    }

    .label-indicator-absolute .password-indicator-label-absolute {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 7px;
      -webkit-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
    }

    .form-horizontal .label-indicator-absolute .label {
      right: 27px
    }

    .twitter-typeahead {
      width: 100%
    }

    .tt-hint,
    .tt-query,
    .typeahead {
      outline: 0
    }

    .tt-hint {
      color: #999
    }

    .tt-dropdown-menu {
      width: 100%;
      margin-top: 1px;
      min-width: 180px;
      padding: 7px 0;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      max-height: 300px;
      overflow-y: auto;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .alpaca-array-actionbar,
    .wizard,
    .wizard>.content {
      overflow: hidden
    }

    .typeahead-scrollable .tt-dropdown-menu {
      max-height: 250px
    }

    .typeahead-rtl .tt-dropdown-menu {
      text-align: right
    }

    .tt-suggestion {
      padding: 8px 15px;
      cursor: pointer
    }

    .tt-suggestion.tt-cursor {
      background-color: #f5f5f5
    }

    .editable,
    .editable-bg-transition {
      background-color: transparent
    }

    .tt-suggestion p {
      margin: 0
    }

    .tt-dataset-group .tt-suggestion {
      padding-left: 24px;
      padding-right: 24px
    }

    .tt-heading {
      font-size: 11px;
      line-height: 1.82;
      padding: 8px 15px;
      text-transform: uppercase;
      display: block;
      font-weight: 700;
      margin-top: 2px;
      margin-bottom: 2px
    }

    .typeahead-template .empty-message {
      padding: 8px 15px;
      text-align: center
    }

    .validation-error-label,
    .validation-valid-label {
      margin-top: 7px;
      margin-bottom: 7px;
      display: block;
      color: #F44336;
      position: relative;
      padding-left: 26px
    }

    .validation-valid-label {
      color: #4CAF50
    }

    .validation-error-label:before,
    .validation-valid-label:before {
      position: absolute;
      top: 2px;
      left: 0;
      display: inline-block;
      line-height: 1;
      font-size: 16px
    }

    .validation-error-label:empty,
    .validation-valid-label:empty {
      display: none
    }

    .validation-error-label:before {
      content: '\ed63'
    }

    .validation-valid-label:before {
      content: '\ee73'
    }

    .form-horizontal .editable {
      padding-top: 8px;
      display: inline-block
    }

    .editable-pre-wrapped {
      white-space: pre-wrap
    }

    .editableform .form-group:last-child {
      margin-bottom: 0
    }

    .editableform .form-control {
      min-width: 200px
    }

    .editableform .checkbox,
    .editableform .radio {
      margin-top: 0;
      margin-bottom: 0
    }

    .editableform .checkbox>div,
    .editableform .radio>div {
      margin-top: 8px;
      margin-bottom: 8px;
      position: relative
    }

    .editable-buttons {
      display: inline-block;
      vertical-align: top;
      margin-left: 7px
    }

    .editable-buttons.editable-buttons-bottom {
      display: block;
      margin-top: 20px;
      margin-left: 0;
      text-align: center
    }

    .editable-buttons .editable-cancel {
      margin-left: 7px
    }

    .editable-input {
      vertical-align: top;
      display: inline-block;
      width: auto;
      white-space: normal
    }

    .editable-clear-x:after,
    .editableform-loading:after {
      display: block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: icomoon;
      font-size: 16px
    }

    .editable-input .help-block {
      margin-bottom: 0
    }

    .editable-input .input-group {
      width: 250px
    }

    .editable-input .elastic {
      height: 100px
    }

    .editableform-loading,
    .editableform-loading:after {
      margin: auto;
      width: 16px;
      height: 16px
    }

    .editableform-loading:after {
      content: '\eb55';
      line-height: 1;
      -webkit-animation: rotation 1s ease infinite;
      -o-animation: rotation 1s ease infinite;
      animation: rotation 1s ease infinite
    }

    .editable-error {
      color: #F44336
    }

    .editable-error-block {
      max-width: 300px;
      margin: 7px 0 0;
      width: auto;
      white-space: normal
    }

    .editable-bg-transition {
      color: inherit;
      -webkit-transition: background-color .2s ease-out;
      -o-transition: background-color .2s ease-out;
      transition: background-color .2s ease-out
    }

    .editable-clear {
      clear: both;
      text-decoration: none;
      text-align: right
    }

    .editable-clear-x {
      position: absolute;
      right: 9px;
      top: 10px;
      line-height: 1;
      cursor: pointer;
      z-index: 100;
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .editable-clear-x:hover,
    .tokenfield .token>.close:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .editable-clear-x:after {
      content: '\ed6b'
    }

    .editable-click,
    .editable-click:hover,
    a.editable-click,
    a.editable-click:hover {
      border-bottom: 1px dashed #1E88E5
    }

    .editable-click.editable-disabled,
    .editable-click.editable-disabled:hover,
    a.editable-click.editable-disabled,
    a.editable-click.editable-disabled:hover {
      color: #999;
      cursor: default;
      border-bottom: 0
    }

    .editable-click .label {
      margin-top: 1px;
      margin-bottom: 1px
    }

    .editable-empty,
    .editable-empty:focus,
    .editable-empty:hover {
      font-style: italic;
      color: #F44336
    }

    a.editable-empty,
    a.editable-empty:focus,
    a.editable-empty:hover {
      border-bottom-color: #F44336
    }

    .combodate {
      white-space: nowrap
    }

    .combodate .day,
    .combodate .hour,
    .combodate .minute,
    .combodate .year {
      min-width: 80px
    }

    .combodate .form-control {
      display: inline-block
    }

    .input-daterange input {
      text-align: center
    }

    .input-daterange input:first-child {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px
    }

    .input-daterange input:last-child {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .editable-address {
      display: block
    }

    .editable-address>label>span {
      width: 70px;
      display: inline-block;
      margin-bottom: 7px
    }

    .editable-date {
      padding: 0;
      margin: 0;
      float: left
    }

    .editable-checklist label {
      white-space: nowrap
    }

    .editable-checklist label>input[type=checkbox] {
      vertical-align: middle;
      margin: 0
    }

    .editable-wysihtml5 {
      width: 566px;
      height: 250px
    }

    .editable-container.editable-popup {
      max-width: none !important
    }

    .editable-container.editable-inline {
      display: inline-block;
      vertical-align: middle;
      width: auto
    }

    .editable-container.editable-inline .editableform-loading {
      background-position: left 5px
    }

    .editable-container.editable-inline .add-on .icon-th {
      margin-top: 3px;
      margin-left: 1px
    }

    .editable-container.popover {
      width: auto;
      min-width: 200px
    }

    .alpaca-hidden {
      display: none
    }

    .alpaca-field-select .multiselect-container {
      width: 100%
    }

    .has-error .multiselect-container>.active .checkbox {
      color: #fff
    }

    .has-error .btn-group.open .multiselect.btn,
    .has-error .multiselect.btn-default:active {
      color: #D84315;
      border-color: #D84315
    }

    .alpaca-disabled .checkbox .switchery,
    .alpaca-disabled .checkbox label,
    .alpaca-disabled .radio .switchery,
    .alpaca-disabled .radio label {
      cursor: not-allowed;
      color: #999
    }

    .alpaca-invalid .form-control {
      color: #D84315
    }

    .alpaca-clear {
      clear: both
    }

    .alpaca-float-right {
      float: right
    }

    .alpaca-field .glyphicon {
      font-family: icomoon;
      font-size: 16px;
      vertical-align: middle;
      top: -1px;
      display: inline-block;
      margin-right: 7px
    }

    .alpaca-field .glyphicon-info-sign:before {
      content: '\e9ba'
    }

    .alpaca-field .glyphicon-exclamation-sign:before,
    .alpaca-field.has-error .glyphicon-info-sign:before {
      content: '\ed63'
    }

    .alpaca-icon-required {
      font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
      float: right;
      margin-right: 0;
      margin-left: 5px
    }

    .alpaca-field-optiontree .optiontree+.form-control,
    .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector+.optiontree-selector {
      margin-left: 10px
    }

    .alpaca-icon-required:before {
      content: '*'
    }

    .alpaca-controlfield-editor {
      position: relative;
      width: 100%;
      height: 300px;
      border: 1px solid #ccc
    }

    .alpaca-controlfield-editor .control-field-editor-el {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0
    }

    .ace_editor {
      border: 1px solid #ccc
    }

    .alpaca-field-ckeditor.alpaca-invalid>.cke {
      border-color: #D84315
    }

    .alpaca-field-optiontree.optiontree-horizontal .optiontree {
      display: inline-block
    }

    .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector {
      display: inline-block;
      margin-top: 2px;
      margin-bottom: 2px
    }

    .alpaca-field-optiontree.optiontree-horizontal input {
      display: inline-block;
      width: auto
    }

    .alpaca-array-actionbar,
    .alpaca-array-actionbar.btn-group,
    .alpaca-field-select .btn-group {
      width: 100%
    }

    .alpaca-field-optiontree.optiontree-horizontal label {
      display: block
    }

    .alpaca-field-radio.disabled .alpaca-control.radio {
      color: grey
    }

    .alpaca-field-radio.disabled .alpaca-control.radio label {
      cursor: inherit
    }

    .alpaca-control.radio {
      min-height: inherit;
      height: inherit;
      margin-left: 10px;
      padding: 0
    }

    .has-error .multiselect {
      border-color: #D84315;
      color: #D84315
    }

    .alpaca-container-label {
      margin-top: 20px
    }

    .alpaca-display h3,
    legend.alpaca-container-label {
      margin-top: 0
    }

    .alpaca-array-toolbar {
      margin-bottom: 10px
    }

    .alpaca-array-actionbar.alpaca-array-actionbar-top {
      padding-bottom: 10px
    }

    .alpaca-array-actionbar.alpaca-array-actionbar-bottom {
      padding-top: 10px
    }

    .alpaca-field-array,
    .alpaca-field-object {
      border: 1px solid #eee;
      border-radius: 3px;
      padding: 10px
    }

    .alpaca-container,
    .alpaca-container-item>.alpaca-container>.alpaca-field-object,
    .alpaca-field-array .alpaca-top,
    .alpaca-field-array .alpaca-top .alpaca-container,
    .alpaca-field-object .alpaca-top,
    .alpaca-field-object .alpaca-top .alpaca-container {
      border: 0
    }

    .alpaca-control-buttons-container {
      margin-top: 10px
    }

    .alpaca-form-buttons-container {
      margin-top: 20px;
      text-align: right
    }

    .alpaca-container>.form-group {
      margin-left: 0;
      margin-right: 0
    }

    .alpaca-field-hidden {
      display: none
    }

    .alpaca-container-item:not(:first-child) {
      margin-top: 10px
    }

    .alpaca-container .alpaca-container-item:last-child {
      margin-bottom: 0
    }

    .alpaca-field.alpaca-field-upload .fileupload-active-zone {
      margin-top: 50px;
      margin-bottom: 50px
    }

    .alpaca-field.alpaca-field-upload .template-download TD.error,
    .alpaca-field.alpaca-field-upload .template-upload TD.error {
      color: #D84315;
      word-break: break-all
    }

    .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas {
      height: 250px
    }

    .alpaca-field.alpaca-field-image .alpaca-image-display {
      margin-top: 20px
    }

    .alpaca-field-text-max-length-indicator {
      font-size: 12px;
      margin-top: 7px;
      margin-bottom: 7px
    }

    .tokenfield {
      height: auto
    }

    .tokenfield.form-control {
      height: auto;
      padding: 0 0 2px
    }

    .tokenfield:after {
      content: '';
      display: table;
      clear: both
    }

    .bootstrap-tagsinput .tag [data-role=remove]:after,
    .tokenfield .token>.close:after {
      content: '\ed6a';
      font-family: icomoon;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .tokenfield .token {
      margin: 2px 0 0 2px;
      cursor: default;
      float: left;
      position: relative;
      border-radius: 2px
    }

    .tokenfield .token:not([class*=bg-]) {
      background-color: #eee;
      color: #333
    }

    .tokenfield .token:not([class*=bg-]):focus,
    .tokenfield .token:not([class*=bg-]):hover {
      background-color: #03A9F4;
      color: #fff
    }

    .tokenfield .token.invalid {
      background-color: transparent;
      border: 1px solid transparent;
      border-radius: 0;
      border-bottom: 1px dotted #F44336
    }

    .tokenfield .token.invalid.active {
      background-color: #eee;
      border: 1px solid #eee
    }

    .tokenfield .token .token-label {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 5px 30px 5px 11px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .tokenfield .token>.close {
      font-size: 0;
      cursor: pointer;
      position: absolute;
      top: 50%;
      color: inherit;
      right: 11px;
      line-height: 1;
      margin-top: -5.5px
    }

    .tokenfield.disabled,
    .tokenfield.disabled .token,
    .tokenfield.disabled .token .close,
    .tokenfield.disabled .token-input {
      cursor: not-allowed
    }

    .tokenfield .token>.close:after {
      display: block;
      font-size: 11px
    }

    .tokenfield .twitter-typeahead {
      width: auto
    }

    .tokenfield .token-input {
      background: 0 0;
      width: 90px !important;
      max-width: 50%;
      min-width: 60px;
      padding: 5px 11px;
      margin-top: 2px;
      margin-left: 2px;
      font-size: 12px;
      line-height: 1.6666667;
      border: 0;
      outline: 0
    }

    .tokenfield.readonly .token .token-label {
      padding-right: 11px
    }

    .tokenfield.readonly .token .close {
      display: none
    }

    .tokenfield.disabled .token,
    .tokenfield.disabled .token .close {
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .tokenfield.disabled .token:focus,
    .tokenfield.disabled .token:hover {
      background-color: #eee;
      color: #333
    }

    .input-group-lg .token-input,
    .input-group-lg .token>.token-label,
    .input-group-lg .token>span,
    .tokenfield.input-lg .token-input,
    .tokenfield.input-lg .token>.token-label,
    .tokenfield.input-lg .token>span {
      font-size: 13px;
      line-height: 20px;
      padding: 7px 12px
    }

    .input-group-lg .token>.token-label,
    .input-group-lg .token>span,
    .tokenfield.input-lg .token>.token-label,
    .tokenfield.input-lg .token>span {
      padding-right: 29px
    }

    .input-group-lg .token>.close,
    .tokenfield.input-lg .token>.close {
      right: 12px
    }

    .input-group-lg.readonly .token>.token-label,
    .tokenfield.input-lg.readonly .token>.token-label {
      padding-right: 12px
    }

    .input-group-sm .token>.token-label,
    .input-group-sm .token>span,
    .tokenfield.input-sm .token>.token-label,
    .tokenfield.input-sm .token>span {
      padding: 4px 27.5px 4px 11px
    }

    .input-group-sm .token-input,
    .tokenfield.input-sm .token-input {
      padding: 4px 11px
    }

    .input-group-sm .token>.close,
    .tokenfield.input-sm .token>.close {
      right: 11px
    }

    .input-group-sm.readonly .token>.token-label,
    .tokenfield.input-sm.readonly .token>.token-label {
      padding-right: 11px
    }

    .bootstrap-tagsinput {
      background-color: #fff;
      border: 1px solid #ddd;
      display: inline-block;
      padding: 0 0 2px;
      vertical-align: middle;
      border-radius: 3px;
      width: 100%
    }

    .bootstrap-tagsinput input {
      border: 0;
      outline: 0;
      background-color: transparent;
      padding: 5px 11px;
      margin-top: 2px;
      margin-left: 2px;
      width: auto !important;
      min-width: 100px;
      font-size: 12px;
      line-height: 1.6666667;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .bootstrap-tagsinput input:focus {
      border: none;
      box-shadow: none
    }

    .bootstrap-tagsinput .twitter-typeahead {
      width: auto
    }

    .bootstrap-tagsinput .tt-dropdown-menu {
      margin-top: 5px;
      min-width: 200px
    }

    .bootstrap-tagsinput .tag {
      margin: 2px 0 0 2px;
      border: 0;
      border-radius: 2px;
      padding: 5px 30px 5px 11px;
      float: left;
      font-size: 12px;
      line-height: 1.6666667;
      font-weight: 400;
      text-transform: none;
      position: relative
    }

    .bootstrap-tagsinput .tag:not([class*=bg-]) {
      background-color: #546E7A;
      color: #fff
    }

    .bootstrap-tagsinput .tag [data-role=remove] {
      cursor: pointer;
      color: inherit;
      position: absolute;
      top: 50%;
      right: 11px;
      line-height: 1;
      margin-top: -5.5px;
      opacity: .7;
      filter: alpha(opacity=70)
    }

    .stepy-header li:after,
    .wizard>.steps>ul>li:after {
      right: 0
    }

    .bootstrap-tagsinput .tag [data-role=remove]:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .bootstrap-tagsinput .tag [data-role=remove]:after {
      display: block;
      font-size: 11px;
      color: #fff
    }

    .bootstrap-touchspin .input-group-btn-vertical {
      white-space: nowrap;
      width: 1%;
      vertical-align: middle;
      display: table-cell
    }

    .bootstrap-touchspin .input-group-btn-vertical>.btn {
      height: 36px;
      line-height: 1.5384616;
      margin-left: -1px;
      border-radius: 0
    }

    .bootstrap-touchspin .input-group-btn-vertical i {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -8px;
      margin-top: -8px;
      font-weight: 400
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
      border: 1px solid #ddd;
      border-radius: 0
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
      border: 1px solid #ddd;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .bootstrap-touchspin.input-group-lg .input-group-btn-vertical>.btn {
      height: 40px;
      line-height: 1.4285715;
      padding-left: 15px;
      padding-right: 15px
    }

    .bootstrap-touchspin.input-group-sm .input-group-btn-vertical>.btn {
      height: 34px;
      line-height: 1.6666667;
      padding-left: 11px;
      padding-right: 11px
    }

    .bootstrap-touchspin-prefix {
      border-right: 0
    }

    .bootstrap-touchspin-postfix {
      border-left: 0
    }

    .bootstrap-duallistbox-container .box1 {
      margin-bottom: 20px
    }

    .bootstrap-duallistbox-container select.form-control {
      padding: 7px;
      border-top-right-radius: 0;
      border-top-left-radius: 0
    }

    .bootstrap-duallistbox-container option {
      display: block;
      padding: 7px 12px;
      border-radius: 2px
    }

    .bootstrap-duallistbox-container.moveonselect .move,
    .bootstrap-duallistbox-container.moveonselect .remove {
      display: none
    }

    .bootstrap-duallistbox-container.moveonselect .moveall,
    .bootstrap-duallistbox-container.moveonselect .removeall {
      width: 100%;
      border-top-right-radius: 3px !important;
      border-top-left-radius: 3px !important
    }

    .bootstrap-duallistbox-container.moveonselect .btn-group .btn+.btn {
      border-left-width: 1px
    }

    .bootstrap-duallistbox-container .buttons {
      width: 100%;
      margin-bottom: -1px
    }

    .bootstrap-duallistbox-container .clear1,
    .bootstrap-duallistbox-container .clear2 {
      display: none;
      margin-top: 20px
    }

    .bootstrap-duallistbox-container .clear1,
    .bootstrap-duallistbox-container .clear1:focus,
    .bootstrap-duallistbox-container .clear1:hover,
    .bootstrap-duallistbox-container .clear2,
    .bootstrap-duallistbox-container .clear2:focus,
    .bootstrap-duallistbox-container .clear2:hover {
      background-color: transparent;
      border: 0;
      color: #1E88E5;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer,
    .sidebar .bootstrap-duallistbox-container .box1 {
      padding-bottom: 5px
    }

    .bootstrap-duallistbox-container .box1.filtered .clear1,
    .bootstrap-duallistbox-container .box2.filtered .clear2 {
      display: inline-block
    }

    .bootstrap-duallistbox-container .move,
    .bootstrap-duallistbox-container .moveall,
    .bootstrap-duallistbox-container .remove,
    .bootstrap-duallistbox-container .removeall {
      width: 50%
    }

    .bootstrap-duallistbox-container .btn-group .btn {
      margin: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .bootstrap-duallistbox-container .btn-group .btn+.btn {
      border-left-width: 0
    }

    .bootstrap-duallistbox-container .btn-group .btn>i {
      float: none;
      text-align: center
    }

    .bootstrap-duallistbox-container .filter {
      margin-bottom: 20px;
      position: relative
    }

    .bootstrap-duallistbox-container .filter.placeholder {
      color: #999
    }

    .bootstrap-duallistbox-container .info-container .info {
      display: inline-block;
      margin-top: 20px
    }

    .bootstrap-duallistbox-container .info-container .info .label {
      margin-right: 7px
    }

    .sidebar .bootstrap-duallistbox-container {
      text-align: center
    }

    .sidebar .bootstrap-duallistbox-container .box1,
    .sidebar .bootstrap-duallistbox-container .box2 {
      float: none;
      width: 100%
    }

    .sidebar .bootstrap-duallistbox-container .box1:after {
      content: '\e9c9';
      font-size: 16px;
      font-family: icomoon;
      display: block;
      text-align: center;
      line-height: 1;
      margin: 10px 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    @media (min-width:1025px) {

      .bootstrap-duallistbox-container .box1,
      .sidebar .bootstrap-duallistbox-container .box1 {
        margin-bottom: 0
      }
    }

    .bootstrap-maxlength {
      margin-top: 7px;
      font-size: 12px;
      font-weight: 500
    }

    .wizard {
      width: 100%
    }

    .wizard>.content>.title,
    .wizard>.steps .current-info {
      position: absolute;
      left: -99999px
    }

    .wizard>.content {
      position: relative;
      width: auto;
      padding: 0
    }

    .wizard>.content>.body {
      padding: 0 20px
    }

    .wizard>.content>iframe {
      border: 0;
      width: 100%;
      height: 100%
    }

    .wizard>.steps {
      position: relative;
      display: block;
      width: 100%
    }

    .wizard>.steps>ul {
      display: table;
      width: 100%;
      table-layout: fixed;
      margin: 0;
      padding: 0;
      list-style: none
    }

    .wizard>.steps>ul>li {
      display: table-cell;
      width: auto;
      vertical-align: top;
      text-align: center;
      position: relative
    }

    .wizard>.steps>ul>li a {
      position: relative;
      padding-top: 48px;
      margin-top: 20px;
      margin-bottom: 20px;
      display: block
    }

    .wizard>.steps>ul>li:after,
    .wizard>.steps>ul>li:before {
      content: '';
      display: block;
      position: absolute;
      top: 43px;
      width: 50%;
      height: 2px;
      background-color: #00BCD4;
      z-index: 9
    }

    .wizard>.steps>ul>li:before {
      left: 0
    }

    .wizard>.steps>ul>li:first-child:before,
    .wizard>.steps>ul>li:last-child:after {
      content: none
    }

    .wizard>.steps>ul>li.current:after,
    .wizard>.steps>ul>li.current~li:after,
    .wizard>.steps>ul>li.current~li:before {
      background-color: #eee
    }

    .wizard>.steps>ul>li.current>a {
      color: #333;
      cursor: default
    }

    .wizard>.steps>ul>li.current .number {
      font-size: 0;
      border-color: #00BCD4;
      background-color: #fff;
      color: #00BCD4
    }

    .wizard>.steps>ul>li.current .number:after {
      content: '\e913';
      font-family: icomoon;
      display: inline-block;
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      line-height: 34px;
      -webkit-transition: all .15s ease-in-out;
      -o-transition: all .15s ease-in-out;
      transition: all .15s ease-in-out
    }

    .stepy-header li div:after,
    .wizard>.steps>ul>li.done .number:after {
      font-family: icomoon;
      -webkit-font-smoothing: antialiased;
      line-height: 34px;
      -webkit-transition: all .15s ease-in-out;
      -moz-osx-font-smoothing: grayscale
    }

    .wizard>.steps>ul>li.disabled a,
    .wizard>.steps>ul>li.disabled a:focus,
    .wizard>.steps>ul>li.disabled a:hover {
      color: #999;
      cursor: default
    }

    .wizard>.steps>ul>li.done a,
    .wizard>.steps>ul>li.done a:focus,
    .wizard>.steps>ul>li.done a:hover {
      color: #999
    }

    .wizard>.steps>ul>li.done .number {
      font-size: 0;
      background-color: #00BCD4;
      border-color: #00BCD4;
      color: #fff
    }

    .wizard>.steps>ul>li.done .number:after {
      content: '\ed6f';
      display: inline-block;
      font-size: 16px;
      -o-transition: all .15s ease-in-out;
      transition: all .15s ease-in-out
    }

    .wizard>.steps>ul>li.error .number {
      border-color: #F44336;
      color: #F44336
    }

    @media (max-width:768px) {
      .wizard>.steps>ul {
        margin-bottom: 20px
      }

      .wizard>.steps>ul>li {
        display: block;
        float: left;
        width: 50%
      }

      .wizard>.steps>ul>li>a {
        margin-bottom: 0
      }

      .wizard>.steps>ul>li:first-child:before,
      .wizard>.steps>ul>li:last-child:after {
        content: ''
      }

      .wizard>.steps>ul>li:last-child:after {
        background-color: #00BCD4
      }
    }

    @media (max-width:480px) {
      .wizard>.steps>ul>li {
        width: 100%
      }

      .wizard>.steps>ul>li.current:after {
        background-color: #00BCD4
      }
    }

    .wizard>.steps .number {
      background-color: #fff;
      color: #ccc;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -19px;
      width: 38px;
      height: 38px;
      border: 2px solid #eee;
      font-size: 14px;
      border-radius: 50%;
      z-index: 10;
      line-height: 34px;
      text-align: center
    }

    .panel-flat>.wizard>.steps>ul {
      border-top: 1px solid #ddd
    }

    .wizard>.actions {
      position: relative;
      display: block;
      text-align: right;
      padding: 0 20px 20px
    }

    .wizard>.actions>ul {
      float: right;
      list-style: none;
      padding: 0;
      margin: 0
    }

    .daterangepicker .calendar,
    .daterangepicker .ranges,
    .daterangepicker.opensleft .calendars,
    .wizard>.actions>ul>li {
      float: left
    }

    .wizard>.actions>ul:after {
      content: '';
      display: table;
      clear: both
    }

    .wizard>.actions>ul>li+li {
      margin-left: 10px
    }

    .wizard>.actions>ul>li>a {
      background: #2196F3;
      color: #fff;
      display: block;
      padding: 7px 12px;
      border-radius: 3px;
      border: 1px solid transparent
    }

    .wizard>.actions>ul>li>a:focus,
    .wizard>.actions>ul>li>a:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
    }

    .wizard>.actions>ul>li>a:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
    }

    .wizard>.actions>ul>li>a[href="#previous"] {
      background-color: #fcfcfc;
      color: #333;
      border: 1px solid #ddd
    }

    .wizard>.actions>ul>li>a[href="#previous"]:focus,
    .wizard>.actions>ul>li>a[href="#previous"]:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
    }

    .wizard>.actions>ul>li>a[href="#previous"]:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
    }

    .wizard>.actions>ul>li.disabled>a,
    .wizard>.actions>ul>li.disabled>a:focus,
    .wizard>.actions>ul>li.disabled>a:hover {
      color: #999
    }

    .wizard>.actions>ul>li.disabled>a[href="#previous"],
    .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,
    .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .panel-flat>.ui-formwizard {
      border-top: 1px solid #ddd
    }

    .form-wizard-title {
      margin: 0 0 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd
    }

    .form-wizard-count {
      float: left;
      display: block;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: 2px solid #4CAF50;
      color: #4CAF50;
      text-align: center;
      line-height: 34px;
      margin-right: 10px
    }

    .ui-formwizard .step {
      padding: 20px 20px 0
    }

    .form-wizard-actions {
      text-align: right;
      padding: 0 20px 20px
    }

    .panel-body .form-wizard-actions {
      padding: 0
    }

    .form-wizard-actions .btn+.btn {
      margin-left: 5px
    }

    .stepy-step {
      padding: 0 20px 20px
    }

    .stepy-header {
      list-style: none;
      padding: 0;
      margin: 0;
      display: table;
      table-layout: fixed;
      width: 100%
    }

    .panel-flat>.stepy-header {
      border-top: 1px solid #ddd
    }

    .stepy-header li {
      cursor: pointer;
      display: table-cell;
      vertical-align: top;
      width: auto;
      padding: 20px 0;
      text-align: center;
      position: relative
    }

    .stepy-header li span {
      display: block;
      margin-top: 10px;
      color: #999
    }

    .stepy-header li:after,
    .stepy-header li:before {
      content: '';
      display: block;
      position: absolute;
      top: 43px;
      width: 50%;
      height: 2px;
      background-color: #00BCD4;
      z-index: 9
    }

    .stepy-header li:before {
      left: 0
    }

    .stepy-header li:first-child:before,
    .stepy-header li:last-child:after {
      content: none
    }

    .stepy-header li div {
      background-color: #00BCD4;
      font-size: 0;
      position: relative;
      color: #fff;
      margin-left: auto;
      margin-right: auto;
      width: 38px;
      height: 38px;
      border: 2px solid #00BCD4;
      z-index: 10;
      line-height: 34px;
      text-align: center;
      border-radius: 50%
    }

    .stepy-header li div:after {
      content: '\ed6c';
      display: inline-block;
      font-size: 16px;
      -o-transition: all .15s ease-in-out;
      transition: all .15s ease-in-out
    }

    .stepy-header li.stepy-active:after,
    .stepy-header li.stepy-active~li:after,
    .stepy-header li.stepy-active~li:before {
      background-color: #f5f5f5
    }

    .stepy-header li.stepy-active~li div {
      border-color: #eee;
      background-color: #fff;
      color: #ccc;
      font-size: 14px
    }

    .stepy-header li.stepy-active~li div:after {
      content: none
    }

    .stepy-header li.stepy-active div {
      cursor: auto;
      border-color: #00BCD4;
      background-color: #fff;
      color: #00BCD4
    }

    .stepy-header li.stepy-active div:after {
      content: '\e913'
    }

    .stepy-header li.stepy-active span {
      color: #333
    }

    @media (max-width:769px) {
      .stepy-header {
        margin-bottom: 20px
      }

      .stepy-header li {
        display: block;
        float: left;
        width: 50%;
        padding-bottom: 0
      }

      .stepy-header li:first-child:before,
      .stepy-header li:last-child:after {
        content: ''
      }

      .stepy-header li.stepy-active:last-child:after {
        background-color: #00BCD4
      }
    }

    @media (max-width:480px) {
      .stepy-header li {
        width: 100%
      }

      .stepy-header li.stepy-active:after {
        background-color: #00BCD4
      }
    }

    .stepy-navigator {
      text-align: right
    }

    .stepy-navigator .btn+.btn {
      margin-left: 5px
    }

    @font-face {
      font-family: summernote;
      font-style: normal;
      font-weight: 400;
      src: url(../css/icons/summernote/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb);
      src: url(../css/icons/summernote/summernote.eot?#iefix) format("embedded-opentype"), url(../css/icons/summernote/summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb) format("woff"), url(../css/icons/summernote/summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb) format("truetype")
    }

    [class*=" note-icon-"]:before,
    [class^=note-icon-]:before {
      display: inline-block;
      font: normal normal normal 14px summernote;
      font-size: inherit;
      text-decoration: inherit;
      text-rendering: auto;
      text-transform: none;
      vertical-align: middle;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .note-icon-align-center:before {
      content: "\f101"
    }

    .note-icon-align-indent:before {
      content: "\f102"
    }

    .note-icon-align-justify:before {
      content: "\f103"
    }

    .note-icon-align-left:before {
      content: "\f104"
    }

    .note-icon-align-outdent:before {
      content: "\f105"
    }

    .note-icon-align-right:before {
      content: "\f106"
    }

    .note-icon-align:before {
      content: "\f107"
    }

    .note-icon-arrows-alt:before {
      content: "\f108"
    }

    .note-icon-bold:before {
      content: "\f109"
    }

    .note-icon-caret:before {
      content: "\f10a"
    }

    .note-icon-chain-broken:before {
      content: "\f10b"
    }

    .note-icon-circle:before {
      content: "\f10c"
    }

    .note-icon-close:before {
      content: "\f10d"
    }

    .note-icon-code:before {
      content: "\f10e"
    }

    .note-icon-eraser:before {
      content: "\f10f"
    }

    .note-icon-font:before {
      content: "\f110"
    }

    .note-icon-frame:before {
      content: "\f111"
    }

    .note-icon-italic:before {
      content: "\f112"
    }

    .note-icon-link:before {
      content: "\f113"
    }

    .note-icon-magic:before {
      content: "\f114"
    }

    .note-icon-menu-check:before {
      content: "\f115"
    }

    .note-icon-minus:before {
      content: "\f116"
    }

    .note-icon-orderedlist:before {
      content: "\f117"
    }

    .note-icon-pencil:before {
      content: "\f118"
    }

    .note-icon-picture:before {
      content: "\f119"
    }

    .note-icon-question:before {
      content: "\f11a"
    }

    .note-icon-redo:before {
      content: "\f11b"
    }

    .note-icon-special-character:before {
      content: "\f11c"
    }

    .note-icon-square:before {
      content: "\f11d"
    }

    .note-icon-strikethrough:before {
      content: "\f11e"
    }

    .note-icon-subscript:before {
      content: "\f11f"
    }

    .note-icon-summernote:before {
      content: "\f120"
    }

    .note-icon-superscript:before {
      content: "\f121"
    }

    .note-icon-table:before {
      content: "\f122"
    }

    .note-icon-text-height:before {
      content: "\f123"
    }

    .note-icon-trash:before {
      content: "\f124"
    }

    .note-icon-underline:before {
      content: "\f125"
    }

    .note-icon-undo:before {
      content: "\f126"
    }

    .note-icon-unorderedlist:before {
      content: "\f127"
    }

    .note-icon-video:before {
      content: "\f128"
    }

    .note-editor {
      border: 1px solid #ddd;
      border-radius: 3px
    }

    .note-editor .note-dropzone,
    .note-editor .note-dropzone.hover {
      color: #2196F3;
      border: 2px dashed #2196F3
    }

    .note-editor .note-dropzone {
      position: absolute;
      z-index: 1;
      display: none;
      background-color: #fff;
      pointer-events: none;
      opacity: .95;
      filter: alpha(opacity=95)
    }

    .note-editor .note-dropzone .note-dropzone-message {
      display: table-cell;
      font-size: 25px;
      font-weight: 500;
      text-align: center;
      vertical-align: middle
    }

    .note-editor.dragover .note-dropzone {
      display: table
    }

    .note-editor .note-toolbar {
      background-color: #fcfcfc;
      border-bottom: 1px solid #ddd;
      padding: 0 20px 15px;
      margin: 0;
      border-radius: 3px
    }

    .note-editor.fullscreen {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1050;
      width: 100%
    }

    .note-editor.fullscreen .note-editable {
      background-color: #fff
    }

    .note-editor.codeview .note-editable,
    .note-editor.fullscreen .note-resizebar {
      display: none
    }

    .note-editor.codeview .note-codable {
      display: block
    }

    .note-editor .note-statusbar {
      background-color: #fcfcfc
    }

    .note-editor .note-statusbar .note-resizebar {
      width: 100%;
      height: 8px;
      cursor: s-resize;
      border-top: 1px solid #ddd
    }

    .note-editor .note-statusbar .note-resizebar .note-icon-bar {
      width: 20px;
      margin: 1px auto;
      border-top: 1px solid #aaa
    }

    .note-editor .note-editable {
      padding: 20px;
      overflow: auto;
      outline: 0;
      min-height: 150px
    }

    .note-editor .note-editable[contenteditable=false] {
      background-color: #eee
    }

    .note-editor .note-codable {
      display: none;
      width: 100%;
      padding: 20px;
      margin-bottom: 0;
      font-family: Menlo, Monaco, monospace, sans-serif;
      color: #fff;
      background-color: #333;
      border: 0;
      border-radius: 0;
      resize: none;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .note-editor .modal-title {
      font-size: 17px
    }

    .note-air-editor {
      outline: 0
    }

    .note-popover {
      max-width: none
    }

    .note-popover .popover-content {
      padding: 0 15px 15px;
      margin: 0
    }

    .note-popover .popover-content a {
      display: inline-block;
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle
    }

    .note-dialog>div,
    .note-popover .popover-content .dropdown-menu li a i,
    .note-toolbar .dropdown-menu li a i {
      display: none
    }

    .note-popover .popover-content>.btn-group:last-child {
      margin-right: 0
    }

    .note-popover .arrow {
      left: 20px
    }

    .note-popover .popover-content>.note-btn-group,
    .note-toolbar>.note-btn-group {
      margin-top: 15px;
      margin-right: 15px;
      margin-left: 0
    }

    .note-popover .popover-content>.note-btn-group .note-icon-caret:before,
    .note-toolbar>.note-btn-group .note-icon-caret:before {
      width: 9px;
      margin-left: 2px;
      margin-right: 2px
    }

    .note-popover .popover-content>.note-btn-group i+.note-icon-caret,
    .note-toolbar>.note-btn-group i+.note-icon-caret {
      margin-left: 2px;
      margin-right: -5px
    }

    .note-popover .popover-content .note-style blockquote,
    .note-popover .popover-content .note-style h1,
    .note-popover .popover-content .note-style h2,
    .note-popover .popover-content .note-style h3,
    .note-popover .popover-content .note-style h4,
    .note-popover .popover-content .note-style h5,
    .note-popover .popover-content .note-style h6,
    .note-toolbar .note-style blockquote,
    .note-toolbar .note-style h1,
    .note-toolbar .note-style h2,
    .note-toolbar .note-style h3,
    .note-toolbar .note-style h4,
    .note-toolbar .note-style h5,
    .note-toolbar .note-style h6 {
      margin: 0
    }

    .note-popover .popover-content .note-table,
    .note-toolbar .note-table {
      min-width: 0
    }

    .note-popover .popover-content .note-table.dropdown-menu,
    .note-toolbar .note-table.dropdown-menu {
      padding: 10px
    }

    .note-popover .popover-content .note-table .note-dimension-picker,
    .note-toolbar .note-table .note-dimension-picker {
      font-size: 18px;
      margin-bottom: 10px
    }

    .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
    .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
      position: absolute !important;
      z-index: 3;
      width: 10em;
      height: 10em;
      cursor: pointer
    }

    .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
    .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
      position: relative !important;
      z-index: 1;
      width: 5em;
      height: 5em;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
    }

    .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted,
    .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted {
      position: absolute !important;
      z-index: 2;
      width: 1em;
      height: 1em;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
    }

    .note-popover .popover-content .note-table .note-dimension-display,
    .note-toolbar .note-table .note-dimension-display {
      text-align: center
    }

    .note-popover .popover-content .note-color .dropdown-menu,
    .note-toolbar .note-color .dropdown-menu {
      min-width: 330px
    }

    .note-popover .popover-content .note-color .dropdown-menu .btn-group,
    .note-toolbar .note-color .dropdown-menu .btn-group {
      margin: 7px 12px
    }

    .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
    .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
      margin-bottom: 10px;
      font-weight: 500
    }

    .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
    .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
      padding: 6px 11px;
      cursor: pointer;
      background-color: #fcfcfc;
      text-align: center;
      margin-bottom: 10px
    }

    .note-popover .popover-content .note-para .dropdown-menu,
    .note-toolbar .note-para .dropdown-menu {
      min-width: 290px;
      padding: 10px;
      text-align: center
    }

    .note-popover .popover-content .note-para .dropdown-menu>div:first-child,
    .note-toolbar .note-para .dropdown-menu>div:first-child {
      margin-right: 10px
    }

    .note-popover .popover-content .dropdown-menu,
    .note-toolbar .dropdown-menu {
      min-width: 90px
    }

    .note-popover .popover-content .dropdown-menu.right,
    .note-toolbar .dropdown-menu.right {
      right: 0;
      left: auto
    }

    .note-popover .popover-content .dropdown-menu.right:before,
    .note-toolbar .dropdown-menu.right:before {
      right: 9px;
      left: auto !important
    }

    .note-popover .popover-content .dropdown-menu.right:after,
    .note-toolbar .dropdown-menu.right:after {
      right: 10px;
      left: auto !important
    }

    .note-popover .popover-content .dropdown-menu li a.checked,
    .note-toolbar .dropdown-menu li a.checked {
      background-color: #f5f5f5
    }

    .note-popover .popover-content .note-color-palette,
    .note-toolbar .note-color-palette {
      line-height: 1
    }

    .note-popover .popover-content .note-color-palette div .note-color-btn,
    .note-toolbar .note-color-palette div .note-color-btn {
      width: 17px;
      height: 17px;
      padding: 0;
      margin: 0;
      border: 1px solid #fff
    }

    .note-popover .popover-content .note-color-palette div .note-color-btn:hover,
    .note-toolbar .note-color-palette div .note-color-btn:hover {
      border: 1px solid #333
    }

    .note-popover .popover-content>.btn-group {
      margin-top: 15px;
      margin-right: 15px
    }

    .note-dialog .note-image-dialog .mote-dropzone {
      min-height: 100px;
      margin-bottom: 10px;
      font-size: 25px;
      color: #eee;
      text-align: center;
      border: 4px dashed #eee
    }

    .note-dialog .note-help-dialog {
      color: #ccc;
      background-color: #333 !important;
      border: 0;
      opacity: .9;
      filter: alpha(opacity=90)
    }

    .note-dialog .note-help-dialog a {
      color: #fff
    }

    .note-dialog .note-help-dialog .title {
      padding-bottom: 7px;
      font-size: 15px;
      font-weight: 500;
      color: #fff;
      border-bottom: 1px solid #fff
    }

    .note-dialog .note-help-dialog .modal-content {
      background-color: transparent;
      border: 1px solid #fff;
      border-radius: 3px;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .note-dialog .note-help-dialog .modal-close {
      color: #999;
      cursor: pointer
    }

    .note-dialog .note-help-dialog .note-shortcut-layout {
      width: 100%
    }

    .note-dialog .note-help-dialog .note-shortcut-layout td {
      vertical-align: top
    }

    .note-dialog .note-help-dialog .note-shortcut {
      margin-top: 8px
    }

    .note-dialog .note-help-dialog .note-shortcut th {
      color: #eee;
      text-align: left
    }

    .note-dialog .note-help-dialog .note-shortcut td:first-child {
      min-width: 110px;
      padding-right: 10px;
      font-family: "Courier New";
      color: #eee;
      text-align: right
    }

    .AnyTime-x-btn:after,
    .daterange-custom-display:after,
    .picker__nav--next:before,
    .picker__nav--prev:before,
    .sp-clear-display:after,
    .sp-dd:after {
      font-family: icomoon;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .note-group-select-from-files label {
      display: block
    }

    .note-handle .note-control-selection {
      position: absolute;
      display: none;
      border: 1px solid #333
    }

    .note-handle .note-control-selection>div {
      position: absolute
    }

    .note-handle .note-control-selection .note-control-selection-bg {
      width: 100%;
      height: 100%;
      background-color: #333;
      opacity: .3;
      filter: alpha(opacity=30)
    }

    .note-handle .note-control-selection .note-control-handle,
    .note-handle .note-control-selection .note-control-holder,
    .note-handle .note-control-selection .note-control-sizing {
      width: 7px;
      height: 7px;
      border: 1px solid #333
    }

    .note-handle .note-control-selection .note-control-sizing {
      background-color: #fff
    }

    .note-handle .note-control-selection .note-control-nw {
      top: -5px;
      left: -5px;
      border-right: 0;
      border-bottom: 0
    }

    .note-handle .note-control-selection .note-control-ne {
      top: -5px;
      right: -5px;
      border-bottom: 0;
      border-left: 0
    }

    .note-handle .note-control-selection .note-control-sw {
      bottom: -5px;
      left: -5px;
      border-top: 0;
      border-right: 0
    }

    .note-handle .note-control-selection .note-control-se {
      right: -5px;
      bottom: -5px;
      cursor: se-resize
    }

    .daterangepicker table tbody td,
    .daterangepicker table tbody th,
    .daterangepicker th.next,
    .daterangepicker th.prev {
      cursor: pointer
    }

    .note-handle .note-control-selection .note-control-selection-info {
      right: 0;
      bottom: 0;
      padding: 5px;
      margin: 5px;
      color: #fff;
      background-color: #333;
      border-radius: 3px;
      opacity: .7;
      filter: alpha(opacity=70)
    }

    .wysihtml5 {
      width: 100%;
      height: auto;
      min-height: 350px;
      max-height: 450px;
      resize: vertical;
      background-color: #fff;
      border: 1px solid #ddd;
      padding: 20px;
      overflow: scroll;
      outline: 0;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px
    }

    .wysihtml5-sandbox {
      width: 100% !important
    }

    .bootstrap-wysihtml5-insert-image-modal .modal-dialog,
    .bootstrap-wysihtml5-insert-link-modal .modal-dialog {
      width: 566px
    }

    .wysihtml5-toolbar {
      margin: 0;
      padding: 15px 20px 0;
      display: block;
      background-color: #fcfcfc;
      border: 1px solid #ddd;
      border-bottom: 0;
      border-top-right-radius: 3px;
      border-top-left-radius: 3px
    }

    .wysihtml5-toolbar>li {
      display: inline-block;
      list-style: none;
      margin: 0 15px 15px 0
    }

    .wysihtml5-toolbar .dropdown-menu {
      max-height: 200px;
      overflow-y: auto
    }

    .wysihtml5-toolbar .dropdown-menu .color-select>li>a:focus,
    .wysihtml5-toolbar .dropdown-menu .color-select>li>a:hover {
      background-color: #f5f5f5;
      color: #333
    }

    .wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu {
      display: none !important
    }

    .wysihtml5-toolbar .dropdown-toggle>[class*=icon-] {
      margin-right: 7px
    }

    .wysihtml5-toolbar .dropdown-toggle .caret {
      margin-left: 7px
    }

    .wysihtml5-toolbar a[data-wysihtml5-command=bold] {
      font-weight: 700
    }

    .wysihtml5-toolbar a[data-wysihtml5-command=italic] {
      font-style: italic
    }

    .wysihtml5-toolbar a[data-wysihtml5-command=underline] {
      text-decoration: underline
    }

    .wysihtml5-toolbar a.btn.wysihtml5-command-active {
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
    }

    .wysihtml5-toolbar a.wysihtml5-colors-title {
      padding-left: 40px
    }

    .wysihtml5-toolbar .wysihtml5-colors {
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      pointer-events: none;
      left: 12px;
      top: 10px;
      border-radius: 100px
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=black] {
      background: #000 !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=silver] {
      background: silver !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=gray] {
      background: gray !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=maroon] {
      background: maroon !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=red] {
      background: red !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=purple] {
      background: purple !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=green] {
      background: green !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=olive] {
      background: olive !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=navy] {
      background: navy !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=blue] {
      background: #00f !important
    }

    .wysihtml5-toolbar div[data-wysihtml5-command-value=orange] {
      background: orange !important
    }

    .wysihtml5-toolbar .wysiwyg-color-black {
      color: #000
    }

    .wysihtml5-toolbar .wysiwyg-color-silver {
      color: silver
    }

    .wysihtml5-toolbar .wysiwyg-color-gray {
      color: gray
    }

    .wysihtml5-toolbar .wysiwyg-color-white {
      color: #fff
    }

    .wysihtml5-toolbar .wysiwyg-color-maroon {
      color: maroon
    }

    .wysihtml5-toolbar .wysiwyg-color-red {
      color: red
    }

    .wysihtml5-toolbar .wysiwyg-color-purple {
      color: purple
    }

    .wysihtml5-toolbar .wysiwyg-color-fuchsia {
      color: #f0f
    }

    .wysihtml5-toolbar .wysiwyg-color-green {
      color: green
    }

    .wysihtml5-toolbar .wysiwyg-color-lime {
      color: #0f0
    }

    .wysihtml5-toolbar .wysiwyg-color-olive {
      color: olive
    }

    .wysihtml5-toolbar .wysiwyg-color-yellow {
      color: #ff0
    }

    .wysihtml5-toolbar .wysiwyg-color-navy {
      color: navy
    }

    .wysihtml5-toolbar .wysiwyg-color-blue {
      color: #00f
    }

    .wysihtml5-toolbar .wysiwyg-color-teal {
      color: teal
    }

    .wysihtml5-toolbar .wysiwyg-color-aqua {
      color: #0ff
    }

    .wysihtml5-toolbar .wysiwyg-color-orange {
      color: orange
    }

    .ace_editor {
      height: 400px;
      position: relative
    }

    .daterangepicker {
      position: absolute;
      left: 0;
      margin-top: 5px;
      width: auto;
      padding: 0
    }

    .daterangepicker.dropdown-menu {
      max-width: none;
      background-color: transparent;
      border: 0;
      z-index: 1000;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .daterangepicker .calendar,
    .ranges {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .daterangepicker.dropup {
      margin-top: -7px
    }

    .daterangepicker.opensright .calendars {
      float: right
    }

    .daterangepicker.single .calendar {
      float: none;
      margin-left: 0;
      margin-right: 0
    }

    .daterangepicker.single .ranges {
      display: none
    }

    .daterangepicker.show-calendar .calendar {
      display: block
    }

    .daterangepicker .calendar {
      display: none;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      margin: 7px;
      padding: 14px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .daterangepicker td.available:focus,
    .daterangepicker td.available:hover,
    .daterangepicker td.in-range {
      background-color: #f5f5f5
    }

    .daterangepicker table {
      width: 100%;
      margin: 0
    }

    .daterangepicker td,
    .daterangepicker th {
      white-space: nowrap;
      text-align: center
    }

    .daterangepicker td.week,
    .daterangepicker th.week {
      font-size: 80%;
      color: #ccc
    }

    .daterangepicker th {
      color: #999;
      font-weight: 400;
      font-size: 12px
    }

    .daterangepicker th>i {
      top: 0
    }

    .daterangepicker th.available:focus,
    .daterangepicker th.available:hover {
      color: #333
    }

    .daterangepicker td.disabled,
    .daterangepicker td.off {
      color: #ccc
    }

    .daterangepicker td.disabled {
      cursor: not-allowed
    }

    .daterangepicker td.active,
    .daterangepicker td.active:focus,
    .daterangepicker td.active:hover {
      background-color: #26A69A;
      color: #fff;
      border-radius: 3px
    }

    .daterangepicker .table-condensed tr>td,
    .daterangepicker .table-condensed tr>th {
      padding: 10px;
      line-height: 1
    }

    .daterangepicker .table-condensed thead tr:last-child th {
      padding-top: 14px
    }

    .daterangepicker .table-condensed .month {
      font-size: 15px;
      line-height: 1;
      color: #333;
      padding-top: 15px;
      padding-bottom: 15px;
      font-weight: 400
    }

    .daterangepicker select {
      display: inline-block
    }

    .daterangepicker select.monthselect {
      margin-right: 2%;
      width: 56%
    }

    .daterangepicker select.yearselect {
      width: 40%
    }

    .daterangepicker select.ampmselect,
    .daterangepicker select.hourselect,
    .daterangepicker select.minuteselect,
    .daterangepicker select.secondselect {
      width: 60px;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0
    }

    .daterangepicker .daterangepicker_input {
      position: relative
    }

    .daterangepicker .daterangepicker_input i {
      position: absolute;
      right: 11px;
      top: auto;
      bottom: 10px;
      color: #999
    }

    .daterangepicker .daterangepicker_input input {
      padding-left: 11px;
      padding-right: 34px
    }

    .daterangepicker .calendar-time {
      text-align: center;
      margin: 12px 0
    }

    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed
    }

    .daterange-custom,
    .ranges ul li {
      cursor: pointer
    }

    .ranges {
      background-color: #fff;
      position: relative;
      border: 1px solid #ddd;
      border-radius: 3px;
      width: 200px;
      margin-top: 7px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .ranges .daterangepicker-inputs+.range_inputs,
    .ranges ul+.daterangepicker-inputs {
      border-top: 1px solid #e5e5e5
    }

    .picker,
    .picker__holder {
      width: 100%;
      position: absolute
    }

    .AnyTime-win,
    .picker__holder {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .opensright .ranges {
      margin-left: 0
    }

    .opensleft .ranges {
      margin-right: 0
    }

    .ranges ul {
      list-style: none;
      margin: 0;
      padding: 7px 0
    }

    .ranges ul li {
      color: #333;
      padding: 8px 12px;
      margin-top: 1px
    }

    .ranges ul li:first-child {
      margin-top: 0
    }

    .ranges ul li:focus,
    .ranges ul li:hover {
      background-color: #f5f5f5
    }

    .ranges ul li.active {
      color: #fff;
      background-color: #26A69A
    }

    .ranges .daterangepicker-inputs {
      padding: 19px 12px 12px
    }

    .ranges .daterangepicker-inputs .daterangepicker_input+.daterangepicker_input {
      margin-top: 19px
    }

    .ranges .daterangepicker-inputs .daterangepicker_input>span {
      display: block;
      font-size: 12px;
      margin-bottom: 7px;
      color: #999
    }

    .ranges .range_inputs {
      padding: 12px
    }

    .ranges .range_inputs .btn {
      display: block;
      width: 100%
    }

    .ranges .range_inputs .btn+.btn {
      margin-top: 12px
    }

    @media (min-width:769px) {
      .ranges {
        margin: 7px
      }
    }

    .daterange-custom:after {
      content: '';
      display: table;
      clear: both
    }

    .daterange-custom .badge,
    .daterange-custom .label {
      margin: 4px 0 0 7px;
      vertical-align: top
    }

    .daterange-custom .label-icon {
      margin-top: 0;
      margin-right: 5px
    }

    .daterange-custom-display {
      display: inline-block;
      position: relative;
      padding-left: 21px;
      line-height: 1
    }

    .daterange-custom-display:after {
      content: '\e9c9';
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -8px;
      -webkit-transition: all ease-in-out .2s;
      -o-transition: all ease-in-out .2s;
      transition: all ease-in-out .2s
    }

    .daterange-custom.is-opened .daterange-custom-display:after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg)
    }

    .daterange-custom-display>i {
      display: inline-block;
      font-size: 28px;
      font-weight: 400;
      font-style: normal;
      letter-spacing: -.015em
    }

    .daterange-custom-display b {
      display: inline-block;
      margin-left: 4px;
      font-weight: 400
    }

    .daterange-custom-display b>i {
      font-size: 11px;
      display: block;
      line-height: 12px;
      text-transform: uppercase;
      font-style: normal;
      font-weight: 400
    }

    .daterange-custom-display em {
      line-height: 30px;
      vertical-align: top;
      margin: 0 4px
    }

    @media (max-width:769px) {

      .opensleft,
      .opensright {
        left: 0 !important;
        right: 0
      }

      .daterangepicker.opensleft .calendar,
      .daterangepicker.opensleft .calendars,
      .daterangepicker.opensleft .ranges,
      .daterangepicker.opensright .calendar,
      .daterangepicker.opensright .calendars,
      .daterangepicker.opensright .ranges,
      .opensleft .calendars,
      .opensright .calendars {
        float: none
      }

      .daterangepicker {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
      }

      .daterangepicker .calendar {
        margin-left: 0;
        margin-right: 0
      }

      .daterangepicker .ranges {
        width: 100%
      }
    }

    .picker {
      text-align: left;
      top: 100%;
      margin-top: -1px;
      z-index: 990;
      -webkit-user-select: none;
      user-select: none
    }

    .AnyTime-pkr,
    .picker--time .picker__button--clear,
    .picker__footer,
    .picker__header,
    .picker__table,
    .picker__weekday {
      text-align: center
    }

    .picker__input {
      cursor: default
    }

    .picker__holder {
      overflow-y: auto;
      display: none;
      background-color: #fff;
      border: 1px solid #ddd;
      border-top-width: 0;
      border-bottom-width: 0;
      max-width: 290px;
      max-height: 0;
      -webkit-overflow-scrolling: touch;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .picker--opened .picker__holder {
      max-height: 480px;
      border-top-width: 1px;
      border-bottom-width: 1px;
      display: block
    }

    .picker__box {
      padding: 14px
    }

    .picker__header {
      position: relative;
      font-size: 15px;
      line-height: 1;
      padding-top: 15px;
      padding-bottom: 15px
    }

    .picker__month,
    .picker__year {
      font-weight: 500;
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px
    }

    .picker__year {
      color: #999;
      font-size: 12px;
      font-weight: 400
    }

    .picker__select--month,
    .picker__select--year {
      border-color: #ddd;
      height: 32px;
      font-size: 13px;
      line-height: 1.6666667;
      margin-left: 5px;
      margin-right: 5px;
      outline: 0
    }

    .picker__select--month {
      width: 35%
    }

    .picker__select--year {
      width: 22.5%
    }

    .picker__nav--next,
    .picker__nav--prev {
      position: absolute;
      padding: 8px;
      top: 50%;
      margin-top: -16px;
      border-radius: 2px;
      line-height: 1
    }

    .picker__nav--next:before,
    .picker__nav--prev:before {
      display: block;
      font-size: 16px;
      width: 16px;
      text-align: center
    }

    .picker__button--clear:before,
    .picker__button--close:before,
    .picker__button--today:before {
      display: inline-block;
      margin-right: 5px;
      position: relative
    }

    .picker__nav--next:hover,
    .picker__nav--prev:hover {
      cursor: pointer;
      background-color: #f5f5f5
    }

    .picker__nav--prev {
      left: 0
    }

    .picker__nav--prev:before {
      content: '\e9c8'
    }

    .picker__nav--next {
      right: 0
    }

    .picker__nav--next:before {
      content: '\e9cb'
    }

    .picker__nav--disabled,
    .picker__nav--disabled:before,
    .picker__nav--disabled:before:hover,
    .picker__nav--disabled:hover {
      cursor: default;
      background: 0 0;
      border-right-color: #f5f5f5;
      border-left-color: #f5f5f5
    }

    .picker__table {
      table-layout: fixed;
      font-size: inherit;
      width: 100%;
      margin-bottom: 14px
    }

    .picker__table td {
      margin: 0;
      padding: 0
    }

    .picker__weekday {
      width: 14.285714286%;
      font-size: 12px;
      padding-bottom: 10px;
      padding-top: 14px;
      color: #999;
      font-weight: 400
    }

    .picker__day {
      padding: 7px
    }

    .picker__day--today {
      position: relative;
      background-color: #f5f5f5
    }

    .picker__day--today:before {
      content: "";
      position: absolute;
      top: 2px;
      right: 2px;
      width: 0;
      height: 0;
      border-top: 6px solid #26A69A;
      border-left: 6px solid transparent
    }

    .picker__day--outfocus {
      color: #ccc
    }

    .picker__day--infocus:hover,
    .picker__day--outfocus:hover {
      cursor: pointer;
      color: #333;
      background-color: #f5f5f5
    }

    .picker__day--highlighted:before {
      border-top-color: #fff
    }

    .picker__day--highlighted,
    .picker__day--selected {
      border-radius: 3px
    }

    .picker--focused .picker__day--highlighted,
    .picker__day--highlighted,
    .picker__day--highlighted:hover {
      cursor: pointer;
      color: #fff;
      background-color: #26A69A
    }

    .picker--focused .picker__day--selected,
    .picker__day--selected,
    .picker__day--selected:hover {
      background-color: #26A69A;
      color: #fff
    }

    .picker__day--disabled,
    .picker__day--disabled:hover {
      background: #fafafa;
      color: #999;
      cursor: default
    }

    .picker__day--disabled:before {
      border-top-color: #999
    }

    .picker__day--highlighted .picker__day--disabled,
    .picker__day--highlighted .picker__day--disabled:hover {
      background-color: #bbb
    }

    .picker__footer button {
      border: 0;
      background: #fff;
      padding: 6px 11px;
      border-radius: 3px;
      font-weight: 500;
      cursor: pointer;
      display: inline-block
    }

    .picker__footer button:focus,
    .picker__footer button:hover {
      outline: 0;
      background-color: #f5f5f5
    }

    .picker__footer button:before {
      height: 0
    }

    .picker__button--today:before {
      content: '';
      top: -1px;
      width: 0;
      border-top: 6px solid #2196F3;
      border-left: 6px solid transparent
    }

    .picker__button--close:before {
      content: '\D7';
      top: 1px;
      line-height: 1;
      font-size: 16px
    }

    .picker__button--clear:before {
      content: '';
      top: -3px;
      width: 8px;
      border-top: 2px solid #F44336
    }

    .picker--time {
      min-width: 256px;
      max-width: 320px
    }

    .picker--time .picker__box {
      padding: 0
    }

    .picker__list {
      list-style: none;
      padding: 7px 0;
      margin: 0;
      max-height: 250px;
      overflow-y: auto
    }

    .picker__list-item {
      position: relative;
      padding: 7px 12px
    }

    .picker__list-item:focus,
    .picker__list-item:hover {
      cursor: pointer;
      background-color: #f5f5f5;
      z-index: 10
    }

    .picker--time .picker__button--clear {
      display: block;
      width: 100%;
      margin: 7px 0 -7px;
      padding: 6px 11px;
      background-color: #fcfcfc;
      outline: 0;
      border: 0;
      border-top: 1px solid #eee
    }

    .picker--time .picker__button--clear:focus,
    .picker--time .picker__button--clear:hover {
      background-color: #f5f5f5
    }

    .picker__list-item--highlighted {
      z-index: 10
    }

    .picker--focused .picker__list-item--highlighted,
    .picker__list-item--highlighted,
    .picker__list-item--highlighted:hover {
      cursor: pointer;
      color: #fff;
      background-color: #26A69A
    }

    .picker--focused .picker__list-item--selected,
    .picker__list-item--selected,
    .picker__list-item--selected:hover {
      background-color: #26A69A;
      color: #fff;
      z-index: 10
    }

    .picker--focused .picker__list-item--disabled,
    .picker__list-item--disabled,
    .picker__list-item--disabled:hover {
      background-color: #fafafa;
      color: #999;
      cursor: not-allowed;
      z-index: auto
    }

    .AnyTime-pkr * {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .AnyTime-pkr .AnyTime-date {
      float: left
    }

    .AnyTime-pkr .AnyTime-date+.AnyTime-time {
      margin-left: 50px;
      float: left
    }

    .AnyTime-win {
      padding: 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      display: inline-block;
      border-radius: 3px;
      z-index: 10;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .AnyTime-btn,
    .AnyTime-x-btn {
      border-radius: 2px;
      cursor: pointer
    }

    .AnyTime-cloak {
      position: absolute;
      opacity: .7;
      filter: alpha(opacity=70)
    }

    .AnyTime-hdr {
      font-size: 15px;
      margin: 15px 10px;
      line-height: 1
    }

    .AnyTime-x-btn {
      display: none;
      font-size: 0;
      float: right;
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .AnyTime-x-btn:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .AnyTime-x-btn:after {
      content: '\ed6b';
      font-size: 16px;
      line-height: 1
    }

    .AnyTime-lbl {
      font-size: 13px;
      margin-bottom: 10px;
      font-weight: 500;
      margin-top: 25px
    }

    .AnyTime-lbl:first-child {
      margin-top: 7px
    }

    .AnyTime-yrs .ui-state-highlight,
    .AnyTime-yrs .ui-state-highlight:hover {
      background-color: #F44336;
      color: #fff
    }

    .AnyTime-mons .ui-state-highlight,
    .AnyTime-mons .ui-state-highlight:hover {
      background-color: #26A69A;
      color: #fff
    }

    .AnyTime-time .ui-state-highlight,
    .AnyTime-time .ui-state-highlight:hover {
      background-color: #607D8B;
      color: #fff
    }

    .AnyTime-body-yr-selector .ui-state-highlight,
    .AnyTime-body-yr-selector .ui-state-highlight:hover,
    .AnyTime-dom-table .ui-state-highlight,
    .AnyTime-dom-table .ui-state-highlight:hover {
      background-color: #2196F3;
      color: #fff
    }

    .AnyTime-btn:hover,
    .AnyTime-dom-btn:hover {
      background-color: #f5f5f5
    }

    .AnyTime-yrs-ahead-btn,
    .AnyTime-yrs-past-btn {
      display: inline-block
    }

    .AnyTime-yr-cur-btn,
    .AnyTime-yr-next-btn,
    .AnyTime-yr-prior-btn {
      display: inline-block;
      min-width: 50px
    }

    .AnyTime-mons:after {
      content: "";
      display: table;
      clear: both
    }

    .AnyTime-dom-table {
      width: 100%
    }

    .AnyTime-pkr th.AnyTime-dow {
      color: #999;
      font-size: 12px;
      padding: 7px;
      font-weight: 400
    }

    .AnyTime-mon-btn {
      float: left
    }

    .AnyTime-mon7-btn {
      clear: left
    }

    .AnyTime-dom-btn-empty {
      display: none
    }

    .AnyTime-hrs,
    .AnyTime-hrs-am,
    .AnyTime-hrs-pm,
    .AnyTime-mins,
    .AnyTime-mins-ones,
    .AnyTime-mins-tens,
    .AnyTime-offs,
    .AnyTime-secs,
    .AnyTime-secs-ones,
    .AnyTime-secs-tens,
    .AnyTime-time {
      display: inline-block
    }

    .AnyTime-btn {
      padding: 7px 12px
    }

    .sp-alpha-handle,
    .sp-container,
    .sp-input {
      background-color: #fff
    }

    .AnyTime-hr-btn,
    .AnyTime-min-one-btn,
    .AnyTime-min-ten-btn,
    .AnyTime-sec-one-btn,
    .AnyTime-sec-ten-btn {
      min-width: 40px
    }

    .AnyTime-hrs-pm,
    .AnyTime-mins-ones,
    .AnyTime-secs-ones {
      margin-left: 2px
    }

    .AnyTime-mins-tens,
    .AnyTime-secs-tens {
      margin-left: 20px
    }

    .AnyTime-off-cur-btn {
      display: inline-block;
      overflow: hidden
    }

    .AnyTime-off-select-btn {
      display: inline-block;
      vertical-align: top
    }

    .AnyTime-off-selector {
      margin: 10px;
      position: absolute
    }

    .AnyTime-body-off-selector {
      margin: 0;
      overflow-x: hidden;
      overflow-y: auto;
      white-space: nowrap
    }

    .AnyTime-off-off-btn {
      text-align: left
    }

    .AnyTime-yr-selector {
      position: absolute;
      width: 90%
    }

    .AnyTime-body-yr-selector {
      margin: 0
    }

    .AnyTime-yr-cent,
    .AnyTime-yr-dec,
    .AnyTime-yr-era,
    .AnyTime-yr-mil,
    .AnyTime-yr-yr {
      display: inline-block;
      vertical-align: top;
      width: 20%
    }

    .AnyTime-era-btn {
      margin-left: 10px
    }

    @media (max-width:769px) {
      .AnyTime-pkr .AnyTime-date {
        float: none
      }

      .AnyTime-mon-btn {
        float: none;
        display: inline-block
      }

      .AnyTime-date+.AnyTime-time {
        margin-left: 0;
        margin-top: 25px;
        float: none
      }
    }

    .sp-initial,
    .sp-input-container {
      margin-top: 10px
    }

    .sp-alpha-inner,
    .sp-clear-enabled .sp-clear,
    .sp-color,
    .sp-hue,
    .sp-preview-inner,
    .sp-sat,
    .sp-thumb-inner,
    .sp-top-inner,
    .sp-val {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0
    }

    .sp-container.sp-buttons-disabled .sp-button-container,
    .sp-container.sp-input-disabled .sp-input-container,
    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
    .sp-initial-disabled .sp-initial,
    .sp-palette-disabled .sp-palette-container,
    .sp-palette-only .sp-picker-container {
      display: none
    }

    .sp-hidden {
      display: none !important
    }

    .sp-cf:after,
    .sp-cf:before {
      content: "";
      display: table
    }

    .sp-cf:after {
      clear: both
    }

    .sp-alpha,
    .sp-preview,
    .sp-thumb-el {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
    }

    .sp-alpha-inner,
    .sp-preview-inner,
    .sp-thumb-inner {
      display: block
    }

    .sp-container {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      z-index: 1000;
      border: 1px solid #ddd;
      border-radius: 3px;
      overflow: hidden;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .sp-container.sp-flat {
      position: relative;
      overflow-x: auto;
      max-width: 100%;
      white-space: nowrap
    }

    .sp-palette-container,
    .sp-picker-container {
      display: block;
      white-space: nowrap;
      vertical-align: top;
      position: relative;
      padding: 10px 10px 300px;
      margin-bottom: -290px
    }

    .datepicker table .cw,
    .sp-replacer,
    .ui-button,
    .ui-buttonset {
      vertical-align: middle
    }

    @media (min-width:769px) {

      .sp-palette-container,
      .sp-picker-container {
        display: inline-block
      }
    }

    .sp-alpha-enabled .sp-alpha,
    .sp-top {
      display: block
    }

    .sp-picker-container {
      width: 220px
    }

    .sp-alpha,
    .sp-alpha-handle,
    .sp-clear,
    .sp-container,
    .sp-container button,
    .sp-container.sp-dragging .sp-input,
    .sp-dragger,
    .sp-preview,
    .sp-replacer,
    .sp-slider {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .sp-top {
      position: relative;
      width: 100%
    }

    .sp-alpha,
    .sp-alpha-handle,
    .sp-dragger,
    .sp-slider {
      position: absolute
    }

    .sp-color {
      right: 20%
    }

    .sp-hue {
      left: 85%;
      height: 100%
    }

    .sp-clear-enabled .sp-hue {
      top: 40px;
      height: 75%
    }

    .sp-fill {
      padding-top: 80%
    }

    .sp-alpha-enabled .sp-top {
      margin-bottom: 26px
    }

    .sp-alpha,
    .sp-clear {
      display: none
    }

    .sp-alpha-handle {
      top: -4px;
      bottom: -4px;
      width: 5px;
      left: 50%;
      cursor: pointer;
      border: 1px solid #999;
      border-radius: 5px
    }

    .sp-initial-disabled .sp-input-container,
    .sp-input {
      width: 100%
    }

    .sp-alpha {
      bottom: -16px;
      right: 0;
      left: 0;
      height: 6px
    }

    .sp-clear-display {
      cursor: pointer
    }

    .sp-clear-display:after {
      content: '\ee6e';
      display: block;
      font-size: 16px;
      line-height: 30px
    }

    .sp-initial .sp-clear-display:after,
    .sp-preview .sp-clear-display:after {
      content: none
    }

    .sp-clear-enabled .sp-clear {
      display: block;
      left: 85%;
      height: 30px;
      text-align: center;
      color: #999;
      -webkit-box-shadow: 0 0 0 1px #ddd inset;
      box-shadow: 0 0 0 1px #ddd inset
    }

    .sp-input,
    .sp-replacer.sp-active .sp-dd,
    .sp-replacer:hover .sp-dd {
      color: #333
    }

    .sp-input {
      border: 1px solid #ddd;
      padding: 7px 12px;
      border-radius: 3px;
      outline: 0
    }

    .sp-initial span {
      width: 50%;
      height: 25px;
      display: block;
      float: left
    }

    .sp-initial span .sp-thumb-inner {
      height: 25px;
      width: 100%;
      display: block
    }

    .sp-dragger {
      height: 5px;
      width: 5px;
      border: 1px solid #fff;
      background-color: #333;
      cursor: pointer;
      top: 0;
      left: 0
    }

    .sp-slider {
      top: 0;
      cursor: pointer;
      height: 4px;
      left: -2px;
      right: -2px;
      border: 1px solid #999;
      background-color: #fff;
      border-radius: 3px
    }

    .sp-dd,
    .sp-preview,
    .sp-thumb-el {
      position: relative
    }

    .sp-replacer {
      overflow: hidden;
      cursor: pointer;
      padding: 5px;
      display: inline-block;
      border: 1px solid #ddd;
      background-color: #fafafa;
      border-radius: 3px
    }

    .sp-replacer.sp-active,
    .sp-replacer:hover {
      border-color: #c4c4c4;
      color: #333
    }

    .sp-replacer[class*=bg-],
    .sp-replacer[class*=bg-]:focus,
    .sp-replacer[class*=bg-]:hover {
      border-color: transparent
    }

    .sp-replacer[class*=bg-] .sp-dd,
    .sp-replacer[class*=bg-].sp-active .sp-dd {
      color: #fff
    }

    .sp-dd,
    .sp-replacer.sp-disabled .sp-dd,
    .sp-replacer.sp-disabled[class*=bg-] .sp-dd {
      color: #999
    }

    .sp-replacer.sp-disabled {
      cursor: default;
      opacity: .8;
      filter: alpha(opacity=80)
    }

    .sp-replacer.sp-disabled:not([class*=bg-]):focus,
    .sp-replacer.sp-disabled:not([class*=bg-]):hover {
      border-color: #ddd
    }

    .sp-preview {
      width: 26px;
      height: 24px;
      margin-right: 5px;
      float: left;
      z-index: 0
    }

    .sp-preview .sp-clear-display,
    .sp-preview .sp-preview-inner {
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
    }

    .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner {
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .5);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .5)
    }

    .sp-dd {
      float: left;
      font-size: 0;
      margin: 3px 1px
    }

    .sp-dd:after {
      content: '\e9c5';
      display: block;
      font-size: 16px;
      line-height: 1
    }

    .sp-sat {
      background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
      background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
      background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
      background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
      background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
      background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
      -webkit-box-shadow: 0 0 0 1px #ccc inset;
      box-shadow: 0 0 0 1px #ccc inset
    }

    .sp-val {
      background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));
      background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
      background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
      background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
      background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
      background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
    }

    .sp-hue {
      background: -moz-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
      background: -ms-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
      background: -o-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(.17, #ff0), color-stop(.33, #0f0), color-stop(.5, #0ff), color-stop(.67, #00f), color-stop(.83, #f0f), to(red));
      background: -webkit-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
      background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
    }

    .sp-1 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
    }

    .sp-2 {
      height: 16%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
    }

    .sp-3 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
    }

    .sp-4 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
    }

    .sp-5 {
      height: 16%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
    }

    .sp-6 {
      height: 17%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
    }

    .sp-palette {
      max-width: 220px
    }

    .sp-palette-only .sp-palette-container {
      border: 0
    }

    @media (min-width:769px) {
      .sp-palette-container {
        border-right: 1px solid #ddd
      }
    }

    .sp-palette .sp-thumb-el {
      display: inline-block;
      position: relative;
      cursor: pointer;
      width: 16px;
      height: 16px
    }

    .sp-thumb-el .sp-thumb-inner {
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset
    }

    .sp-thumb-el .sp-thumb-inner:hover {
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
    }

    .sp-palette .sp-thumb-el+.sp-thumb-el {
      margin-left: 5px
    }

    .sp-palette .sp-thumb-el.sp-thumb-active {
      -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset
    }

    .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner {
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
    }

    .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after,
    .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
      content: '\e600';
      display: block;
      font-family: icomoon;
      font-size: 16px;
      line-height: 1;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
      color: #333
    }

    .sp-palette-row {
      font-size: 0
    }

    .sp-palette-row+.sp-palette-row {
      margin-top: 5px
    }

    .sp-palette-row:empty {
      margin-top: 0
    }

    .sp-cancel,
    .sp-choose,
    .sp-palette-toggle {
      border: 0;
      border-radius: 2px;
      padding: 6px 11px;
      float: left;
      width: 48%;
      text-align: center;
      outline: 0
    }

    .sp-button-container,
    .sp-palette-button-container {
      margin-top: 10px;
      text-align: center
    }

    .sp-container[class*=bg-] .sp-button-container a,
    .sp-container[class*=bg-] .sp-button-container button,
    .sp-container[class*=bg-] .sp-palette-button-container a,
    .sp-container[class*=bg-] .sp-palette-button-container button {
      background-color: rgba(0, 0, 0, .25);
      color: #fff;
      border-color: transparent
    }

    .sp-cancel:focus,
    .sp-cancel:hover,
    .sp-palette-toggle:focus,
    .sp-palette-toggle:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      color: #333
    }

    .sp-cancel:active,
    .sp-palette-toggle:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
    }

    .sp-choose {
      border: 1px solid transparent
    }

    .sp-choose:focus,
    .sp-choose:hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
    }

    .sp-choose:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
    }

    .sp-cancel,
    .sp-palette-toggle {
      border: 1px solid #ddd;
      color: #333;
      background-color: #fcfcfc;
      margin-right: 4%
    }

    .sp-palette-toggle {
      margin-right: 0;
      width: auto;
      float: none
    }

    .sp-choose {
      color: #fff;
      background-color: #607D8B
    }

    .datepicker>div {
      display: none
    }

    .datepicker.datepicker-dropdown {
      top: 0;
      left: 0;
      margin: 0;
      padding: 14px
    }

    .datepicker table {
      margin: 0
    }

    .datepicker table tr td.day:hover {
      background-color: #f5f5f5;
      cursor: pointer
    }

    .datepicker table tr td.new,
    .datepicker table tr td.old {
      color: #999
    }

    .datepicker table tr td.disabled,
    .datepicker table tr td.disabled:hover {
      background-color: transparent;
      color: #999;
      cursor: default
    }

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today.active,
    .datepicker table tr td.range.today.active:hover,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover,
    .datepicker table tr td.range.today:hover,
    .datepicker table tr td.today,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today:hover {
      background-color: #f5f5f5
    }

    .datepicker table tr td.range,
    .datepicker table tr td.range.disabled,
    .datepicker table tr td.range.disabled:hover,
    .datepicker table tr td.range:hover {
      background-color: #f5f5f5;
      border-radius: 0
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active:hover {
      background-color: #26A69A;
      color: #fff
    }

    .datepicker table tr td span {
      display: block;
      width: 31%;
      padding: 7px 12px;
      float: left;
      margin: 1%;
      cursor: pointer;
      border-radius: 3px
    }

    .datepicker table tr td span:hover {
      background-color: #f5f5f5
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
      background-color: transparent;
      color: #999;
      cursor: default
    }

    .datepicker table tr td span.new,
    .datepicker table tr td span.old {
      color: #999
    }

    .datepicker table th.datepicker-switch {
      font-size: 15px;
      font-weight: 400
    }

    .datepicker table tfoot tr th,
    .datepicker table thead tr:first-child th {
      cursor: pointer;
      padding-top: 15px;
      padding-bottom: 15px;
      line-height: 1
    }

    .datepicker table .cw {
      width: 16px;
      padding: 0 2px 0 5px
    }

    .datepicker table thead tr:first-child th.cw {
      cursor: default;
      background-color: transparent
    }

    .datepicker .table-condensed td,
    .datepicker .table-condensed th {
      text-align: center;
      padding: 10px;
      border-radius: 3px;
      border: 0;
      line-height: 1
    }

    .datepicker .table-condensed th.dow {
      padding-top: 14px;
      color: #999
    }

    .table-striped .datepicker table tr td,
    .table-striped .datepicker table tr th {
      background-color: transparent
    }

    .datepaginator .pagination>li .dp-no-select:hover,
    .datepaginator .pagination>li .dp-off {
      background-color: #fafafa
    }

    .datepaginator {
      height: 72px;
      text-align: center
    }

    .datepaginator-sm {
      height: 68px
    }

    .datepaginator-lg {
      height: 76px
    }

    .datepaginator .pagination {
      white-space: nowrap
    }

    .datepaginator .pagination>li {
      display: inline-block
    }

    .datepaginator .pagination>li>a {
      min-width: auto;
      text-align: center;
      border-radius: 3px;
      margin-left: 0;
      border: 0
    }

    .datepaginator .pagination>li .dp-nav-square-edges {
      border-radius: 0
    }

    .datepaginator .pagination>li .dp-no-select {
      color: #ccc;
      background-color: #fafafa
    }

    .datepaginator .pagination>li #dp-calendar {
      position: absolute;
      right: 6px;
      top: 6px
    }

    .datepaginator .pagination>li>.dp-nav {
      height: 72px;
      padding: 29px 0;
      width: 38px;
      line-height: 1;
      border-radius: 3px
    }

    .datepaginator .pagination>li>a.dp-nav-sm {
      height: 68px;
      padding: 27px 0
    }

    .datepaginator .pagination>li>a.dp-nav-lg {
      height: 76px;
      padding: 31px 0
    }

    .datepaginator .pagination>li>a.dp-item {
      height: 72px;
      padding: 15px 0;
      width: 35px
    }

    .datepaginator .pagination>li>a.dp-item-sm {
      height: 68px;
      padding: 13px 0
    }

    .datepaginator .pagination>li>a.dp-item-lg {
      height: 76px;
      padding: 17px 0
    }

    .datepaginator .pagination>li>.dp-today,
    .datepaginator .pagination>li>.dp-today:focus,
    .datepaginator .pagination>li>.dp-today:hover {
      background-color: #2196F3;
      color: #fff
    }

    .datepaginator .pagination>li>.dp-selected,
    .datepaginator .pagination>li>.dp-selected:focus,
    .datepaginator .pagination>li>.dp-selected:hover {
      background-color: #26A69A;
      color: #fff;
      width: 140px
    }

    .ui-pnotify {
      top: 20px;
      right: 20px;
      position: absolute;
      height: auto;
      z-index: 2;
      border-radius: 3px
    }

    body>.ui-pnotify {
      position: fixed;
      z-index: 100040
    }

    .ui-pnotify.alert-rounded>.ui-pnotify-container {
      border-radius: 100px
    }

    .ui-pnotify[class*=bg-]>.ui-pnotify-container {
      background-color: inherit;
      border-color: transparent;
      color: #fff
    }

    .ui-pnotify[class*=alpha-]>.ui-pnotify-container,
    .ui-pnotify[class*=text-]>.ui-pnotify-container {
      background-color: inherit;
      border-color: inherit;
      color: inherit
    }

    .ui-pnotify.stack-bottom-left,
    .ui-pnotify.stack-top-left {
      left: 20px;
      right: auto
    }

    .ui-pnotify.stack-bottom-left,
    .ui-pnotify.stack-bottom-right {
      bottom: 20px;
      top: auto
    }

    .ui-pnotify.stack-modal {
      left: 50%;
      right: auto;
      margin-left: -150px
    }

    .ui-pnotify.stack-custom-right {
      top: auto;
      left: auto;
      bottom: 200px;
      right: 200px
    }

    .ui-pnotify.stack-custom-left {
      top: 200px;
      left: 200px;
      right: auto;
      bottom: auto
    }

    .ui-pnotify.stack-custom-top {
      right: 0;
      left: 0;
      top: 0
    }

    .ui-pnotify.stack-custom-bottom {
      right: 0;
      left: 0;
      bottom: 0;
      top: auto
    }

    .ui-pnotify.ui-pnotify-in {
      display: block !important
    }

    .ui-pnotify.ui-pnotify-move {
      -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
    }

    .ui-pnotify.ui-pnotify-fade-slow {
      -webkit-transition: opacity linear .6s;
      -o-transition: opacity linear .6s;
      transition: opacity linear .6s;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
      -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
    }

    .ui-pnotify.ui-pnotify-fade-normal {
      -webkit-transition: opacity linear .4s;
      -o-transition: opacity linear .4s;
      transition: opacity linear .4s;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
      -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
    }

    .ui-pnotify.ui-pnotify-fade-fast {
      -webkit-transition: opacity linear .2s;
      -o-transition: opacity linear .2s;
      transition: opacity linear .2s;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
      -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
      transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
    }

    .ui-pnotify.ui-pnotify-fade-in {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .ui-pnotify-container {
      padding: 15px 20px;
      height: 100%;
      position: relative;
      left: 0;
      margin: 0;
      border-radius: 3px
    }

    .ui-pnotify-container:after {
      content: " ";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both
    }

    .ui-pnotify-container.ui-pnotify-sharp {
      border-radius: 0
    }

    .ui-pnotify-title {
      display: block;
      margin-top: 0;
      margin-bottom: 7px;
      font-size: 15px
    }

    .ui-pnotify-text {
      display: block
    }

    .ui-pnotify-icon {
      display: block;
      float: left;
      line-height: 1
    }

    .ui-pnotify-icon>[class^=icon-] {
      margin-top: 4px;
      margin-right: 15px
    }

    .ui-pnotify-closer,
    .ui-pnotify-sticker {
      float: right;
      margin-left: 8px;
      margin-top: 4px;
      line-height: 1;
      outline: 0
    }

    .ui-pnotify-modal-overlay {
      background-color: rgba(0, 0, 0, .5);
      top: 0;
      left: 0;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1
    }

    body>.ui-pnotify-modal-overlay {
      position: fixed;
      z-index: 100039
    }

    .brighttheme {
      border: 1px solid
    }

    .ui-pnotify[class*=bg-]>.brighttheme {
      background-color: inherit;
      border-color: inherit;
      color: inherit
    }

    .brighttheme-notice {
      background-color: #FFF3E0;
      border-color: #FF9800
    }

    .brighttheme-info {
      background-color: #E3F2FD;
      border-color: #1E88E5
    }

    .brighttheme-success {
      background-color: #E8F5E9;
      border-color: #4CAF50
    }

    .brighttheme-error {
      background-color: #FBE9E7;
      border-color: #FF5722
    }

    .brighttheme-icon-closer,
    .brighttheme-icon-sticker {
      position: relative;
      display: inline-block;
      width: 10px;
      height: 10px;
      outline: 0
    }

    .brighttheme-icon-closer:after,
    .brighttheme-icon-sticker:after {
      font-family: Icomoon;
      font-size: 10px;
      display: block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .brighttheme-icon-closer:after {
      content: "\ed6a"
    }

    .brighttheme-icon-sticker:after {
      content: "\ee70"
    }

    .brighttheme-icon-sticker.brighttheme-icon-stuck:after {
      content: "\ee75"
    }

    .ui-pnotify[class*=alert-styled-] {
      border-width: 0;
      padding: 0
    }

    .ui-pnotify.alert-styled-left .brighttheme {
      border-left-width: 44px
    }

    .ui-pnotify.alert-styled-left:after {
      left: 0
    }

    .ui-pnotify.alert-styled-right .brighttheme {
      border-right-width: 44px
    }

    .ui-pnotify.alert-styled-right:after {
      right: 0
    }

    .brighttheme .ui-pnotify-action-bar {
      padding-top: 15px
    }

    .brighttheme .ui-pnotify-action-bar input,
    .brighttheme .ui-pnotify-action-bar textarea {
      display: block;
      width: 100%;
      border: 1px solid #ddd;
      background-color: #fff;
      margin-bottom: 15px !important;
      color: #333;
      padding: 7px 12px
    }

    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input,
    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea {
      border-color: #fff;
      color: #fff
    }

    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder,
    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder {
      color: #fff;
      opacity: 1
    }

    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder,
    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder {
      color: #fff
    }

    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder,
    .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder {
      color: #fff
    }

    .ui-pnotify[class*=bg-] .form-control {
      border-bottom-color: #fff;
      color: #fff
    }

    .ui-pnotify[class*=bg-] .form-control::-moz-placeholder {
      color: #fff;
      opacity: 1
    }

    .ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder {
      color: #fff
    }

    .ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder {
      color: #fff
    }

    .ui-pnotify-history-container {
      position: absolute;
      top: 0;
      right: 20px;
      width: 70px;
      border-top: none;
      padding: 0;
      z-index: 10000;
      border-top-right-radius: 0;
      border-top-left-radius: 0
    }

    .ui-pnotify-history-container.ui-pnotify-history-fixed {
      position: fixed
    }

    .ui-pnotify-history-container .ui-pnotify-history-header {
      padding: 2px;
      text-align: center
    }

    .ui-pnotify-history-container button {
      cursor: pointer;
      display: block;
      width: 100%
    }

    .ui-pnotify-history-container .ui-pnotify-history-pulldown {
      display: block;
      margin: 0 auto
    }

    @media (max-width:480px) {
      .ui-pnotify-mobile-able.ui-pnotify {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: auto !important;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        font-smoothing: antialiased
      }

      .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
        border-bottom-width: 5px;
        -webkit-box-shadow: none;
        box-shadow: none
      }

      .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left,
      .ui-pnotify-mobile-able.ui-pnotify.stack-top-left {
        left: 0;
        right: 0
      }

      .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left,
      .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto
      }

      .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow,
      .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow {
        border-top-width: 5px;
        border-bottom-width: 1px
      }

      .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade {
        opacity: .2;
        filter: alpha(opacity=20)
      }

      .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide {
        display: none !important
      }

      .ui-pnotify-mobile-able .ui-pnotify-container {
        border-radius: 0
      }
    }

    .jGrowl {
      z-index: 2001;
      position: absolute
    }

    .sweet-alert,
    .sweet-overlay,
    body>.jGrowl {
      position: fixed
    }

    .jGrowl.top-left {
      left: 20px;
      top: 20px
    }

    .jGrowl.top-center {
      left: 50%;
      top: 20px;
      margin-left: -150px
    }

    .jGrowl.top-right {
      right: 20px;
      top: 20px
    }

    .jGrowl.center {
      top: 40%;
      width: 300px;
      left: 50%;
      margin-left: -150px;
      margin-top: -35px
    }

    .jGrowl.center .jGrowl-closer,
    .jGrowl.center .jGrowl-notification {
      margin-left: auto;
      margin-right: auto
    }

    .jGrowl.bottom-left {
      left: 20px;
      bottom: 20px
    }

    .jGrowl.bottom-center {
      left: 50%;
      bottom: 20px;
      margin-left: -150px
    }

    .jGrowl.bottom-right {
      right: 20px;
      bottom: 20px
    }

    @media print {
      .jGrowl {
        display: none
      }
    }

    .jGrowl-notification {
      margin-bottom: 10px;
      width: 300px;
      text-align: left;
      display: none
    }

    .jGrowl-notification .jGrowl-header {
      font-size: 15px;
      margin-bottom: 5px
    }

    .jGrowl-notification .jGrowl-header:empty {
      margin: 0
    }

    .jGrowl-notification .jGrowl-close {
      font-weight: 300;
      background: 0 0;
      border: 0;
      font-size: 17px;
      cursor: pointer;
      line-height: 1;
      padding: 0;
      float: right;
      color: inherit;
      outline: 0;
      margin-left: 10px;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .jGrowl-notification .jGrowl-close:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .jGrowl-closer {
      padding: 5px 0;
      cursor: pointer;
      margin-top: 5px;
      text-align: center;
      background-color: #fff;
      width: 300px;
      border-radius: 3px;
      border: 1px solid #ddd;
      color: #999
    }

    .alert-rounded+.jGrowl-closer {
      border-radius: 5px
    }

    body.stop-scrolling {
      height: 100%;
      overflow: hidden
    }

    .sweet-overlay {
      background-color: rgba(0, 0, 0, .4);
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: none;
      z-index: 1050
    }

    .sweet-alert {
      background-color: #fff;
      width: 470px;
      padding: 20px;
      border-radius: 3px;
      text-align: center;
      left: 50%;
      top: 50%;
      margin-left: -235px;
      margin-top: -200px;
      overflow: hidden;
      display: none;
      z-index: 1060
    }

    .sweet-alert h2 {
      margin-top: 10px;
      font-size: 19px;
      text-align: center;
      display: block;
      position: relative
    }

    .sweet-alert p {
      text-align: center;
      position: relative
    }

    .sweet-alert fieldset {
      border: none;
      position: relative
    }

    .sweet-alert button {
      background-color: #2196F3;
      color: #fff;
      border: 0;
      border-radius: 3px;
      padding: 7px 15px;
      margin: 10px 5px 0;
      box-shadow: none !important
    }

    .sweet-alert button:hover {
      background-color: #1E88E5
    }

    .sweet-alert button:focus {
      outline: 0
    }

    .sweet-alert button:active {
      background-color: #42A5F5
    }

    .sweet-alert button.cancel {
      background-color: transparent;
      color: #333
    }

    .sweet-alert button[disabled] {
      cursor: default;
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .sweet-alert button.confirm[disabled] {
      color: transparent
    }

    .sweet-alert button.confirm[disabled]~.la-ball-fall {
      visibility: visible;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .sweet-alert button::-moz-focus-inner {
      border: 0
    }

    .sweet-alert[data-has-cancel-button=false] button {
      -webkit-box-shadow: none !important;
      box-shadow: none !important
    }

    .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] {
      padding-bottom: 40px
    }

    .sweet-alert .sa-error-container {
      background-color: #f5f5f5;
      overflow: hidden;
      padding: 0 10px;
      max-height: 0;
      border-radius: 3px;
      -webkit-transition: padding .15s, max-height .15s;
      -o-transition: padding .15s, max-height .15s;
      transition: padding .15s, max-height .15s
    }

    .sweet-alert .sa-error-container p {
      display: inline-block;
      margin-bottom: 0
    }

    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      -webkit-transition: padding .2s, max-height .2s;
      -o-transition: padding .2s, max-height .2s;
      transition: padding .2s, max-height .2s
    }

    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      border-radius: 50%;
      background-color: #FF7043;
      color: #fff;
      text-align: center;
      margin-right: 7px
    }

    .sweet-alert .sa-input-error {
      position: absolute;
      top: 20px;
      right: 12px;
      width: 16px;
      height: 16px;
      -webkit-transform: scale(.5);
      -ms-transform: scale(.5);
      -o-transform: scale(.5);
      transform: scale(.5);
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: all .1s;
      -o-transition: all .1s;
      transition: all .1s;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .sweet-alert .sa-input-error:after,
    .sweet-alert .sa-input-error:before {
      content: "";
      width: 16px;
      height: 2px;
      background-color: #EF5350;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -1px;
      left: 50%;
      margin-left: -8px
    }

    .sweet-alert .sa-input-error:before {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    .sweet-alert .sa-input-error:after {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
    }

    .sweet-alert .sa-input-error.show {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .sweet-alert input {
      width: 100%;
      border-radius: 3px;
      border: 1px solid #ddd;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 13px;
      padding: 7px 12px;
      display: none;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s
    }

    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd;
      opacity: 1
    }

    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd
    }

    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd
    }

    .sweet-alert input:focus {
      outline: 0
    }

    .sweet-alert input:focus:-ms-input-placeholder,
    .sweet-alert input:focus::-moz-placeholder,
    .sweet-alert input:focus::-webkit-input-placeholder {
      -webkit-transition: opacity ease .3s 30ms;
      -o-transition: opacity ease .3s 30ms;
      transition: opacity ease .3s 30ms;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .sweet-alert.show-input input {
      display: block
    }

    .sweet-alert .sa-confirm-button-container {
      display: inline-block;
      position: relative
    }

    .sweet-alert .la-ball-fall {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -27px;
      margin-top: 0;
      visibility: hidden;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .sweet-alert .sa-icon {
      width: 80px;
      height: 80px;
      border: 4px solid #ddd;
      border-radius: 50%;
      margin: 10px auto 20px;
      padding: 0;
      position: relative;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
    }

    .sweet-alert .sa-icon.sa-error {
      border-color: #F44336
    }

    .sweet-alert .sa-icon.sa-error .sa-x-mark {
      position: relative;
      display: block
    }

    .sweet-alert .sa-icon.sa-error .sa-line {
      position: absolute;
      height: 5px;
      width: 47px;
      background-color: #F44336;
      display: block;
      top: 37px;
      border-radius: 2px
    }

    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
      left: 17px;
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
    }

    .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
      right: 16px;
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    .sweet-alert .sa-icon.sa-success:after,
    .sweet-alert .sa-icon.sa-success:before {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg)
    }

    .sweet-alert .sa-icon.sa-warning {
      border-color: #FF5722
    }

    .sweet-alert .sa-icon.sa-warning .sa-body {
      position: absolute;
      width: 5px;
      height: 47px;
      left: 50%;
      top: 10px;
      border-radius: 2px;
      margin-left: -2px;
      background-color: #FF5722
    }

    .sweet-alert .sa-icon.sa-warning .sa-dot {
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      margin-left: -3px;
      left: 50%;
      bottom: 10px;
      background-color: #FF5722
    }

    .sweet-alert .sa-icon.sa-info:after,
    .sweet-alert .sa-icon.sa-info:before {
      content: "";
      background-color: #2196F3;
      position: absolute
    }

    .sweet-alert .sa-icon.sa-info {
      border-color: #2196F3
    }

    .sweet-alert .sa-icon.sa-info:before {
      width: 5px;
      height: 29px;
      left: 50%;
      bottom: 17px;
      border-radius: 2px;
      margin-left: -2px
    }

    .sweet-alert .sa-icon.sa-info:after {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      margin-left: -3px;
      top: 19px
    }

    .sweet-alert .sa-icon.sa-success:after,
    .sweet-alert .sa-icon.sa-success:before {
      content: '';
      position: absolute;
      width: 60px;
      height: 120px;
      background-color: #fff
    }

    .sweet-alert .sa-icon.sa-success:before {
      border-radius: 120px 0 0 120px;
      top: -7px;
      left: -33px;
      transform: rotate(-45deg);
      -webkit-transform-origin: 60px 60px;
      -moz-transform-origin: 60px 60px;
      -ms-transform-origin: 60px 60px;
      transform-origin: 60px 60px
    }

    .sweet-alert .sa-icon.sa-success:after {
      border-radius: 0 120px 120px 0;
      top: -11px;
      left: 30px;
      transform: rotate(-45deg);
      -webkit-transform-origin: 0 60px;
      -moz-transform-origin: 0 60px;
      -ms-transform-origin: 0 60px;
      transform-origin: 0 60px
    }

    .sweet-alert .sa-icon.sa-success .sa-placeholder {
      width: 80px;
      height: 80px;
      border: 4px solid rgba(76, 175, 80, .2);
      border-radius: 50%;
      position: absolute;
      left: -4px;
      top: -4px;
      z-index: 2;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
    }

    .sweet-alert .sa-icon.sa-success .sa-fix {
      width: 5px;
      height: 90px;
      background-color: #fff;
      position: absolute;
      left: 28px;
      top: 8px;
      z-index: 1;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    .sweet-alert .sa-icon.sa-success .sa-line {
      height: 5px;
      background-color: #4CAF50;
      display: block;
      border-radius: 2px;
      position: absolute;
      z-index: 2
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
      width: 25px;
      left: 14px;
      top: 46px;
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
      width: 47px;
      right: 8px;
      top: 38px;
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: 0;
      background-position: center center;
      background-repeat: no-repeat
    }

    @media (max-width:480px) {
      .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 20px;
        right: 20px
      }
    }

    @-webkit-keyframes showSweetAlert {
      0% {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
      }

      45% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
      }

      80% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
      }

      100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
      }
    }

    @keyframes showSweetAlert {
      0% {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
      }

      45% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
      }

      80% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
      }

      100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
      }
    }

    .showSweetAlert[data-animation=pop] {
      -webkit-animation: showSweetAlert .3s;
      -o-animation: showSweetAlert .3s;
      animation: showSweetAlert .3s
    }

    .showSweetAlert[data-animation=none] {
      -webkit-animation: none;
      -o-animation: none;
      animation: none
    }

    @-webkit-keyframes hideSweetAlert {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
      }

      100% {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
      }
    }

    @keyframes hideSweetAlert {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
      }

      100% {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
      }
    }

    .hideSweetAlert[data-animation=pop] {
      -webkit-animation: hideSweetAlert .2s;
      -o-animation: hideSweetAlert .2s;
      animation: hideSweetAlert .2s
    }

    .hideSweetAlert[data-animation=none] {
      -webkit-animation: none;
      -o-animation: none;
      animation: none
    }

    @-webkit-keyframes slideFromTop {
      0% {
        top: 0
      }

      100% {
        top: 50%
      }
    }

    @keyframes slideFromTop {
      0% {
        top: 0
      }

      100% {
        top: 50%
      }
    }

    .showSweetAlert[data-animation=slide-from-top] {
      -webkit-animation: slideFromTop .3s;
      -o-animation: slideFromTop .3s;
      animation: slideFromTop .3s
    }

    @-webkit-keyframes slideToTop {
      0% {
        top: 50%
      }

      100% {
        top: 0
      }
    }

    @keyframes slideToTop {
      0% {
        top: 50%
      }

      100% {
        top: 0
      }
    }

    .hideSweetAlert[data-animation=slide-from-top] {
      -webkit-animation: slideToTop .4s;
      -o-animation: slideToTop .4s;
      animation: slideToTop .4s
    }

    @-webkit-keyframes slideFromBottom {
      0% {
        top: 70%
      }

      100% {
        top: 50%
      }
    }

    @keyframes slideFromBottom {
      0% {
        top: 70%
      }

      100% {
        top: 50%
      }
    }

    .showSweetAlert[data-animation=slide-from-bottom] {
      -webkit-animation: slideFromBottom .3s;
      -o-animation: slideFromBottom .3s;
      animation: slideFromBottom .3s
    }

    @-webkit-keyframes slideToBottom {
      0% {
        top: 50%
      }

      100% {
        top: 70%
      }
    }

    @keyframes slideToBottom {
      0% {
        top: 50%
      }

      100% {
        top: 70%
      }
    }

    .hideSweetAlert[data-animation=slide-from-bottom] {
      -webkit-animation: slideToBottom .3s;
      -o-animation: slideToBottom .3s;
      animation: slideToBottom .3s
    }

    @-webkit-keyframes animateSuccessTip {

      0%,
      54% {
        width: 0;
        left: 1px;
        top: 19px
      }

      70% {
        width: 50px;
        left: -8px;
        top: 37px
      }

      84% {
        width: 17px;
        left: 21px;
        top: 48px
      }

      100% {
        width: 25px;
        left: 14px;
        top: 45px
      }
    }

    @keyframes animateSuccessTip {

      0%,
      54% {
        width: 0;
        left: 1px;
        top: 19px
      }

      70% {
        width: 50px;
        left: -8px;
        top: 37px
      }

      84% {
        width: 17px;
        left: 21px;
        top: 48px
      }

      100% {
        width: 25px;
        left: 14px;
        top: 45px
      }
    }

    .animateSuccessTip {
      -webkit-animation: animateSuccessTip .75s;
      -o-animation: animateSuccessTip .75s;
      animation: animateSuccessTip .75s
    }

    @-webkit-keyframes animateSuccessLong {

      0%,
      65% {
        width: 0;
        right: 46px;
        top: 54px
      }

      84% {
        width: 55px;
        right: 0;
        top: 35px
      }

      100% {
        width: 47px;
        right: 8px;
        top: 38px
      }
    }

    @keyframes animateSuccessLong {

      0%,
      65% {
        width: 0;
        right: 46px;
        top: 54px
      }

      84% {
        width: 55px;
        right: 0;
        top: 35px
      }

      100% {
        width: 47px;
        right: 8px;
        top: 38px
      }
    }

    .animateSuccessLong {
      -webkit-animation: animateSuccessLong .75s;
      -o-animation: animateSuccessLong .75s;
      animation: animateSuccessLong .75s
    }

    @-webkit-keyframes rotatePlaceholder {

      0%,
      5% {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
      }

      100%,
      12% {
        -webkit-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg)
      }
    }

    @keyframes rotatePlaceholder {

      0%,
      5% {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
      }

      100%,
      12% {
        -webkit-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg)
      }
    }

    .sa-icon.sa-success.animate::after {
      -webkit-animation: rotatePlaceholder 4.25s ease-in;
      -o-animation: rotatePlaceholder 4.25s ease-in;
      animation: rotatePlaceholder 4.25s ease-in
    }

    @-webkit-keyframes animateErrorIcon {
      0% {
        -webkit-transform: rotateX(100deg);
        -ms-transform: rotateX(100deg);
        -o-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      100% {
        -webkit-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
        filter: alpha(opacity=100)
      }
    }

    @keyframes animateErrorIcon {
      0% {
        -webkit-transform: rotateX(100deg);
        -ms-transform: rotateX(100deg);
        -o-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      100% {
        -webkit-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
        filter: alpha(opacity=100)
      }
    }

    .animateErrorIcon {
      -webkit-animation: animateErrorIcon .5s;
      -o-animation: animateErrorIcon .5s;
      animation: animateErrorIcon .5s
    }

    @-webkit-keyframes animateXMark {

      0%,
      50% {
        margin-top: 26px;
        -webkit-transform: scale(.4);
        -ms-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      80% {
        margin-top: -6px;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15)
      }

      100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
      }
    }

    @keyframes animateXMark {

      0%,
      50% {
        margin-top: 26px;
        -webkit-transform: scale(.4);
        -ms-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      80% {
        margin-top: -6px;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15)
      }

      100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
      }
    }

    .animateXMark {
      -webkit-animation: animateXMark .5s;
      -o-animation: animateXMark .5s;
      animation: animateXMark .5s
    }

    @-webkit-keyframes pulseWarning {
      0% {
        border-color: #F8D486
      }

      100% {
        border-color: #F8BB86
      }
    }

    @keyframes pulseWarning {
      0% {
        border-color: #F8D486
      }

      100% {
        border-color: #F8BB86
      }
    }

    .pulseWarning {
      -webkit-animation: pulseWarning .75s infinite alternate;
      -o-animation: pulseWarning .75s infinite alternate;
      animation: pulseWarning .75s infinite alternate
    }

    @-webkit-keyframes pulseWarningIns {
      0% {
        background-color: #F8D486
      }

      100% {
        background-color: #F8BB86
      }
    }

    @keyframes pulseWarningIns {
      0% {
        background-color: #F8D486
      }

      100% {
        background-color: #F8BB86
      }
    }

    .pulseWarningIns {
      -webkit-animation: pulseWarningIns .75s infinite alternate;
      -o-animation: pulseWarningIns .75s infinite alternate;
      animation: pulseWarningIns .75s infinite alternate
    }

    @-webkit-keyframes rotate-loading {
      0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
      }

      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
      }
    }

    @keyframes rotate-loading {
      0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
      }

      100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
      }
    }

    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
      -ms-transform: rotate(45deg)
    }

    .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
      -ms-transform: rotate(-45deg)
    }

    .sweet-alert .sa-icon.sa-success {
      border-color: transparent
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
      -ms-transform: rotate(45deg)
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
      -ms-transform: rotate(-45deg)
    }

    .la-ball-fall {
      display: block;
      font-size: 0;
      color: #fff;
      width: 54px;
      height: 12px
    }

    .la-ball-fall.la-dark {
      color: #333
    }

    .la-ball-fall>div {
      display: inline-block;
      float: none;
      background-color: #fff;
      border: 0 solid #fff;
      width: 6px;
      height: 6px;
      margin: 2px;
      border-radius: 100%;
      -webkit-animation: ball-fall 1s ease-in-out infinite;
      -o-animation: ball-fall 1s ease-in-out infinite;
      animation: ball-fall 1s ease-in-out infinite;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .la-ball-fall>div:nth-child(1) {
      -webkit-animation-delay: -.2s;
      animation-delay: -.2s
    }

    .la-ball-fall>div:nth-child(2) {
      -webkit-animation-delay: -.1s;
      animation-delay: -.1s
    }

    .la-ball-fall>div:nth-child(3) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s
    }

    .la-ball-fall.la-sm {
      width: 26px;
      height: 8px
    }

    .la-ball-fall.la-sm>div {
      width: 4px;
      height: 4px;
      margin: 2px
    }

    .la-ball-fall.la-2x {
      width: 108px;
      height: 36px
    }

    .la-ball-fall.la-2x>div {
      width: 20px;
      height: 20px;
      margin: 8px
    }

    .la-ball-fall.la-3x {
      width: 162px;
      height: 54px
    }

    .la-ball-fall.la-3x>div {
      width: 30px;
      height: 30px;
      margin: 12px
    }

    @-webkit-keyframes ball-fall {
      0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      10%,
      90% {
        opacity: .5;
        filter: alpha(opacity=50)
      }

      20%,
      80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
      }

      100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }
    }

    @-moz-keyframes ball-fall {
      0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      10%,
      90% {
        opacity: .5;
        filter: alpha(opacity=50)
      }

      20%,
      80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
      }

      100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }
    }

    @-o-keyframes ball-fall {
      0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      10%,
      90% {
        opacity: .5;
        filter: alpha(opacity=50)
      }

      20%,
      80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
      }

      100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }
    }

    @keyframes ball-fall {
      0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }

      10%,
      90% {
        opacity: .5;
        filter: alpha(opacity=50)
      }

      20%,
      80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
      }

      100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
      }
    }

    .bootbox .modal-title {
      font-size: 15px
    }

    .ui-slider-pips.ui-slider-horizontal {
      margin-bottom: 32px;
      margin-left: 10px;
      margin-right: 10px
    }

    .ui-slider-pips .ui-slider-label,
    .ui-slider-pips .ui-slider-pip-hide {
      display: none
    }

    .ui-slider-pips .ui-slider-pip-label .ui-slider-label {
      display: block
    }

    .ui-slider-pips .ui-slider-pip {
      height: 10px;
      line-height: 10px;
      font-size: 85%;
      width: 20px;
      margin-left: -11px;
      position: absolute;
      overflow: visible;
      text-align: center;
      top: 20px;
      left: 20px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .ui-slider-pips .ui-slider-pip:hover .ui-slider-label {
      font-weight: 500
    }

    .ui-slider-pips .ui-slider-line {
      background-color: #999;
      width: 1px;
      height: 3px;
      position: absolute;
      left: 50%
    }

    .ui-slider-pips .ui-slider-label {
      position: absolute;
      top: 8px;
      left: 50%;
      width: 20px;
      margin-left: -10px
    }

    .ui-slider-pips.ui-slider-vertical {
      margin: 10px 40px 10px 10px
    }

    .ui-slider-pips.ui-slider-vertical .ui-slider-pip {
      text-align: left;
      top: auto;
      left: 18px;
      margin-left: 0;
      margin-bottom: -4px
    }

    .ui-slider-pips.ui-slider-vertical .ui-slider-line {
      width: 3px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0
    }

    .ui-slider-pips.ui-slider-vertical .ui-slider-label {
      top: 50%;
      margin-left: 0;
      margin-top: -5px;
      width: 20px;
      left: 5px
    }

    .ui-slider-float .ui-slider-handle:focus,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
      outline: 0
    }

    .ui-slider-float .ui-slider-tip,
    .ui-slider-float .ui-slider-tip-label {
      position: absolute;
      visibility: hidden;
      top: -45px;
      display: block;
      width: 34px;
      margin-left: -16px;
      left: 50%;
      height: 30px;
      line-height: 32px;
      background: #333;
      border-radius: 3px;
      text-align: center;
      font-size: 12px;
      color: #fff;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all ease-in-out .2s .2s;
      -o-transition: all ease-in-out .2s .2s;
      transition: all ease-in-out .2s .2s
    }

    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-float .ui-slider-handle:hover .ui-slider-tip {
      top: -40px;
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transition-delay: .2s;
      transition-delay: .2s
    }

    .ui-slider-float .ui-slider-pip .ui-slider-tip-label {
      top: 42px
    }

    .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
      top: 32px;
      font-weight: 400
    }

    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after,
    .ui-slider-float .ui-slider-tip:after {
      content: '';
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-top-color: #333;
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -5px
    }

    .ui-slider-float.ui-slider-vertical .ui-slider-tip,
    .ui-slider-float.ui-slider-vertical .ui-slider-tip-label {
      top: 50%;
      margin-top: -16px;
      width: 34px;
      margin-left: 0;
      left: -50px;
      -webkit-transition: all ease-in-out .2s .2s;
      -o-transition: all ease-in-out .2s .2s;
      transition: all ease-in-out .2s .2s
    }

    .ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip,
    .ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label,
    .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label {
      top: 50%;
      margin-top: -16px;
      left: -45px
    }

    .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label {
      left: 47px
    }

    .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label {
      left: 37px
    }

    .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after,
    .ui-slider-float.ui-slider-vertical .ui-slider-tip:after {
      border-left-color: #333;
      bottom: 9px;
      left: auto;
      margin-right: -9px;
      border-top-color: transparent;
      right: 0;
      margin-left: 0
    }

    .noUi-target {
      border-radius: 100px;
      position: relative;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
    }

    .noUi-target,
    .noUi-target * {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .irs,
    .line-numbers .line-numbers-rows {
      -webkit-user-select: none;
      -ms-user-select: none
    }

    .noUi-base {
      width: 100%;
      height: 100%;
      position: relative
    }

    .noUi-origin {
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      bottom: 0;
      border-radius: 100px
    }

    .noUi-state-drag * {
      cursor: inherit !important
    }

    .noUi-background {
      background-color: #eee;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
    }

    .noUi-connect {
      background-color: #607D8B
    }

    [disabled] .noUI-background {
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .noUi-handle:active:after,
    .noUi-handle:focus:after,
    .noUi-handle:hover:after {
      opacity: .9;
      filter: alpha(opacity=90)
    }

    [disabled] .noUi-handle {
      cursor: not-allowed
    }

    .noUi-horizontal {
      height: 6px
    }

    .noUi-horizontal .noUi-handle {
      top: -6px;
      left: -9px
    }

    .noUi-horizontal.noUi-extended {
      padding: 0 15px
    }

    .noUi-horizontal.noUi-extended .noUi-origin {
      right: -15px
    }

    .noUi-horizontal.has-pips {
      margin-bottom: 35px
    }

    .noUi-vertical {
      display: inline-block;
      width: 6px;
      height: 150px
    }

    .noUi-vertical+.noUi-vertical {
      margin-left: 20px
    }

    .noUi-vertical .noUi-handle {
      top: -9px;
      left: -6px
    }

    .noUi-vertical.noUi-extended {
      padding: 15px 0
    }

    .noUi-vertical.noUi-extended .noUi-origin {
      bottom: -15px
    }

    .noUi-vertical.has-pips {
      margin-right: 35px
    }

    .noUi-dragable {
      cursor: w-resize
    }

    .noUi-vertical .noUi-dragable {
      cursor: n-resize
    }

    .noUi-handle {
      width: 18px;
      height: 18px;
      background-color: #fcfcfc;
      cursor: pointer;
      top: -6px;
      position: relative;
      z-index: 1;
      border-radius: 50%;
      border: 1px solid #bbb
    }

    .noUi-handle:after,
    .noUi-marker,
    .noUi-pips,
    .noUi-tooltip,
    .noUi-value {
      position: absolute
    }

    .noUi-stacking .noUi-handle {
      z-index: 10
    }

    .noUi-handle:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      top: 50%;
      left: 50%;
      margin-top: -3px;
      margin-left: -3px;
      background-color: #546E7A;
      border-radius: 50%
    }

    .noUi-handle:focus,
    .noUi-handle:hover {
      background-color: #f8f8f8
    }

    .noUi-handle:active {
      background-color: #fefefe
    }

    .noui-slider-white .noUi-handle:after {
      content: none
    }

    .irs-slider:after,
    .noUi-tooltip:after {
      content: ''
    }

    .noui-slider-lg .noUi-handle {
      width: 24px;
      height: 24px;
      top: -8px
    }

    .noui-slider-lg .noUi-handle:after {
      width: 8px;
      height: 8px;
      margin-top: -4px;
      margin-left: -4px
    }

    .noui-slider-lg.noUi-horizontal {
      height: 8px
    }

    .noui-slider-lg.noUi-horizontal .noUi-handle {
      left: -12px
    }

    .noui-slider-lg.noUi-vertical {
      width: 8px
    }

    .noui-slider-lg.noUi-vertical .noUi-handle {
      top: -12px;
      left: -8px
    }

    .noui-slider-sm .noUi-handle,
    .noui-slider-xs .noUi-handle {
      width: 12px;
      height: 12px;
      top: -4px
    }

    .noui-slider-sm .noUi-handle:after,
    .noui-slider-xs .noUi-handle:after {
      width: 4px;
      height: 4px;
      margin-top: -2px;
      margin-left: -2px
    }

    .noui-slider-sm.noUi-horizontal {
      height: 4px
    }

    .noui-slider-sm.noUi-horizontal .noUi-handle {
      top: -4px;
      left: -6px
    }

    .noui-slider-sm.noUi-vertical {
      width: 4px
    }

    .noui-slider-sm.noUi-vertical .noUi-handle {
      top: -6px;
      left: -4px
    }

    .noui-slider-xs.noUi-horizontal {
      height: 2px
    }

    .noui-slider-xs.noUi-horizontal .noUi-handle {
      top: -5px;
      left: -6px
    }

    .noui-slider-xs.noUi-vertical {
      width: 2px
    }

    .noui-slider-xs.noUi-vertical .noUi-handle {
      top: -6px;
      left: -5px
    }

    .noui-slider-solid .noUi-handle {
      background-color: #999;
      border-color: #999;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .noui-slider-solid .noUi-handle:after {
      background-color: #fff;
      -webkit-transition: opacity ease-in-out .2s;
      -o-transition: opacity ease-in-out .2s;
      transition: opacity ease-in-out .2s
    }

    .noui-slider-solid .noUi-handle:focus:after,
    .noui-slider-solid .noUi-handle:hover:after {
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .noui-slider-solid.noui-slider-primary .noUi-handle {
      background-color: #2196F3;
      border-color: #2196F3
    }

    .noui-slider-solid.noui-slider-danger .noUi-handle {
      background-color: #F44336;
      border-color: #F44336
    }

    .noui-slider-solid.noui-slider-success .noUi-handle {
      background-color: #4CAF50;
      border-color: #4CAF50
    }

    .noui-slider-solid.noui-slider-warning .noUi-handle {
      background-color: #FF5722;
      border-color: #FF5722
    }

    .noui-slider-solid.noui-slider-info .noUi-handle {
      background-color: #00BCD4;
      border-color: #00BCD4
    }

    .noui-slider-primary .noUi-connect,
    .noui-slider-primary.noUi-connect {
      background-color: #2196F3
    }

    .noui-slider-danger .noUi-connect,
    .noui-slider-danger.noUi-connect {
      background-color: #F44336
    }

    .noui-slider-success .noUi-connect,
    .noui-slider-success.noUi-connect {
      background-color: #4CAF50
    }

    .noui-slider-warning .noUi-connect,
    .noui-slider-warning.noUi-connect {
      background-color: #FF5722
    }

    .noui-slider-info .noUi-connect,
    .noui-slider-info.noUi-connect {
      background-color: #00BCD4
    }

    .noUi-tooltip {
      display: none;
      border-radius: 3px;
      background: #333;
      color: #fff;
      top: -43px;
      padding: 7px 12px;
      left: 50%;
      margin-left: -27px;
      text-align: center;
      font-size: 12px;
      width: 54px
    }

    .irs,
    .noUi-handle:hover .noUi-tooltip {
      display: block
    }

    .noUi-tooltip:after {
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-top-color: #333;
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -5px
    }

    .noUi-pips {
      color: #999
    }

    .noUi-value {
      width: 40px;
      text-align: center;
      font-size: 11px
    }

    .noUi-value-sub {
      color: #ccc;
      font-size: 11px
    }

    .noUi-marker {
      background-color: #ccc
    }

    .noUi-pips-horizontal {
      padding-top: 10px;
      height: 35px;
      top: 100%;
      left: 0;
      width: 100%
    }

    .noUi-value-horizontal {
      margin-left: -20px;
      padding-top: 15px
    }

    .noUi-value-horizontal.noUi-value-sub {
      padding-top: 10px
    }

    .noUi-marker-horizontal.noUi-marker {
      width: 1px;
      height: 3px
    }

    .noUi-marker-horizontal.noUi-marker-sub {
      height: 6px
    }

    .noUi-marker-horizontal.noUi-marker-large {
      height: 10px
    }

    .noUi-pips-vertical {
      padding-left: 10px;
      height: 100%;
      top: 0;
      left: 100%
    }

    .noUi-value-vertical {
      width: 15px;
      margin-left: 15px;
      margin-top: -6px
    }

    .noUi-marker-vertical.noUi-marker {
      width: 3px;
      height: 1px
    }

    .noUi-marker-vertical.noUi-marker-sub {
      width: 6px
    }

    .noUi-marker-vertical.noUi-marker-large {
      width: 10px
    }

    .irs {
      position: relative;
      height: 49px;
      -moz-user-select: none;
      user-select: none
    }

    .irs-hidden-input {
      position: absolute !important;
      display: block !important;
      top: 0 !important;
      left: 0 !important;
      width: 0 !important;
      height: 0 !important;
      font-size: 0 !important;
      line-height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      outline: 0 !important;
      z-index: -9999 !important;
      background: 0 0 !important;
      border-style: solid !important;
      border-color: transparent !important
    }

    .irs-bar,
    .irs-line {
      height: 6px;
      display: block;
      border-radius: 100px
    }

    .irs-line {
      position: relative;
      overflow: hidden;
      outline: 0;
      top: 36px;
      background-color: #eee
    }

    .irs-line-left,
    .irs-line-mid,
    .irs-line-right {
      position: absolute;
      display: block;
      top: 0
    }

    .irs-line-left {
      left: 0;
      width: 11%
    }

    .irs-line-mid {
      left: 9%;
      width: 82%
    }

    .irs-bar,
    .irs-bar-edge,
    .irs-shadow {
      left: 0;
      position: absolute
    }

    .irs-line-right {
      right: 0;
      width: 11%
    }

    .irs-bar {
      top: 36px;
      width: 0;
      background-color: #03A9F4
    }

    .irs-bar-edge {
      display: block;
      top: 25px;
      height: 12px;
      width: 9px
    }

    .irs-shadow {
      display: none;
      top: 36px;
      width: 0;
      height: 6px;
      background-color: #333;
      border-radius: 100px;
      opacity: .25;
      filter: alpha(opacity=25)
    }

    .irs-slider {
      position: absolute;
      display: block;
      width: 18px;
      height: 18px;
      background-color: #fcfcfc;
      border: 1px solid #bbb;
      top: 30px;
      border-radius: 100px;
      cursor: pointer;
      z-index: 1
    }

    .irs-slider:after {
      display: inline-block;
      width: 6px;
      height: 6px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -3px;
      margin-left: -3px;
      background-color: #666;
      border-radius: 100px
    }

    .irs-from,
    .irs-max,
    .irs-min,
    .irs-single,
    .irs-to {
      padding: 5px;
      border-radius: 2px;
      font-size: 11px;
      top: 0;
      line-height: 1
    }

    .irs-slider:focus,
    .irs-slider:hover {
      background-color: #f7f7f7
    }

    .irs-slider:active {
      background-color: #fafafa
    }

    .irs-slider.type_last {
      z-index: 2
    }

    .irs-from,
    .irs-max,
    .irs-min,
    .irs-single,
    .irs-to {
      position: absolute;
      display: block;
      cursor: default
    }

    .irs-max,
    .irs-min {
      color: #999;
      background-color: #eee
    }

    .irs-min {
      left: 0
    }

    .irs-max {
      right: 0
    }

    .irs-from,
    .irs-single,
    .irs-to {
      left: 0;
      white-space: nowrap;
      color: #fff;
      background-color: #333
    }

    .irs-from:after,
    .irs-single:after,
    .irs-to:after {
      content: "";
      position: absolute;
      display: block;
      bottom: -8px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -4px;
      overflow: hidden;
      border: 4px solid transparent;
      border-top-color: #333
    }

    .irs-grid,
    .irs-grid-pol,
    .irs-grid-text {
      left: 0;
      position: absolute
    }

    .irs-grid {
      display: none;
      bottom: 0;
      width: 100%;
      height: 24px
    }

    .irs-with-grid {
      height: 75px
    }

    .irs-with-grid .irs-grid {
      display: block
    }

    .irs-grid-pol {
      top: 0;
      width: 1px;
      height: 8px;
      background-color: #999
    }

    .irs-grid-pol.small {
      height: 4px
    }

    .irs-grid-text {
      bottom: 0;
      white-space: nowrap;
      text-align: center;
      font-size: 11px;
      color: #999;
      line-height: 1;
      padding: 0 3px
    }

    .irs-disable-mask {
      position: absolute;
      display: block;
      top: 0;
      left: -1%;
      width: 102%;
      height: 100%;
      cursor: default;
      background: 0 0;
      z-index: 2
    }

    .irs-disabled {
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .ui-draggable-handle,
    .ui-sortable-handle {
      -ms-touch-action: none;
      touch-action: none
    }

    .ui-sortable .ui-state-disabled {
      color: #999;
      cursor: not-allowed;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .sortable-placeholder {
      position: relative
    }

    .sortable-placeholder:before {
      content: '';
      display: inline-block;
      background-color: rgba(255, 255, 255, .8);
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      border: 1px dashed rgba(0, 0, 0, .2)
    }

    .sidebar .sortable-placeholder:before {
      border-left: 0;
      border-right: 0;
      background-color: rgba(0, 0, 0, .05)
    }

    .sidebar-category.ui-sortable-helper {
      background-color: rgba(0, 0, 0, .4)
    }

    .sidebar-default .sidebar-category.ui-sortable-helper {
      background-color: #fcfcfc
    }

    .panel+.sortable-placeholder {
      margin-bottom: 20px
    }

    .sortable-placeholder+.panel {
      margin-top: 20px
    }

    .panel-group>.sortable-placeholder:before {
      border-radius: 3px
    }

    .panel-group .panel+.sortable-placeholder {
      margin-top: 5px;
      margin-bottom: 5px
    }

    .panel-group .sortable-placeholder+.panel {
      margin-top: 5px
    }

    .table .ui-sortable-helper {
      width: 100%;
      background-color: #fff;
      display: table
    }

    .table .sortable-placeholder {
      margin: 0
    }

    .table .sortable-placeholder:before {
      content: none
    }

    .table.ui-sortable,
    .ui-resizable {
      position: relative
    }

    .ui-resizable,
    .ui-resizable .ui-dialog-content {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
    }

    .ui-resizable-handle {
      position: absolute;
      font-size: .1px;
      display: block;
      -ms-touch-action: none;
      touch-action: none
    }

    .ui-resizable-handle.ui-icon {
      display: inline-block;
      border-style: solid;
      border-width: 0 0 6px 6px;
      border-color: transparent transparent #333
    }

    .ui-resizable-autohide .ui-resizable-handle,
    .ui-resizable-disabled .ui-resizable-handle {
      display: none
    }

    .ui-resizable-helper {
      border: 1px dashed #ccc
    }

    .ui-resizable-n {
      cursor: n-resize;
      height: 7px;
      width: 100%;
      top: -5px;
      left: 0
    }

    .ui-resizable-s {
      cursor: s-resize;
      height: 7px;
      width: 100%;
      bottom: -5px;
      left: 0
    }

    .ui-resizable-e {
      cursor: e-resize;
      width: 7px;
      right: -5px;
      top: 0;
      height: 100%
    }

    .ui-resizable-w {
      cursor: w-resize;
      width: 7px;
      left: -5px;
      top: 0;
      height: 100%
    }

    .ui-resizable-se {
      cursor: se-resize;
      right: 1px;
      bottom: 1px
    }

    .ui-resizable-sw {
      cursor: sw-resize;
      width: 9px;
      height: 9px;
      left: -5px;
      bottom: -5px
    }

    .ui-resizable-nw {
      cursor: nw-resize;
      width: 9px;
      height: 9px;
      left: -5px;
      top: -5px
    }

    .ui-resizable-ne {
      cursor: ne-resize;
      width: 9px;
      height: 9px;
      right: -5px;
      top: -5px
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before,
    .ui-autocomplete-processing:after {
      font-family: Icomoon;
      width: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .ui-selectable {
      -ms-touch-action: none;
      touch-action: none
    }

    .ui-selectable-helper {
      position: absolute;
      z-index: 100;
      border: 1px dashed #333
    }

    .ui-accordion .ui-accordion-header {
      display: block;
      cursor: pointer;
      margin: 5px 0 0;
      outline: 0;
      position: relative;
      background-color: #fff;
      padding: 15px 20px;
      border: 1px solid #ddd;
      border-radius: 3px
    }

    .ui-accordion .ui-accordion-header:first-child {
      margin-top: 0
    }

    .ui-accordion .ui-accordion-header.ui-accordion-header-active {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -8px
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
      content: '\e9b8';
      display: block;
      font-size: 16px;
      line-height: 1
    }

    .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before {
      content: '\e9b7'
    }

    .ui-accordion .ui-accordion-icons {
      padding-right: 46px
    }

    .ui-accordion .ui-accordion-content {
      padding: 20px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-top: 0;
      overflow: auto;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px
    }

    .accordion-sortable-group+.accordion-sortable-group {
      margin-top: 5px
    }

    .ui-autocomplete {
      position: absolute;
      display: none;
      padding: 7px 0;
      z-index: 1000;
      max-height: 250px;
      overflow-y: auto;
      overflow-x: hidden
    }

    .ui-autocomplete .ui-autocomplete-category {
      padding: 8px 12px;
      font-size: 11px;
      line-height: 1.82;
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 2px;
      margin-bottom: 2px
    }

    .ui-autocomplete .ui-autocomplete-category~.ui-menu-item {
      padding-left: 24px
    }

    .ui-autocomplete-processing:after {
      content: '\eb51';
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 12px;
      text-align: right;
      margin-top: -8px;
      font-size: 16px;
      line-height: 1;
      color: inherit;
      -webkit-animation: rotation 1s linear infinite;
      -o-animation: rotation 1s linear infinite;
      animation: rotation 1s linear infinite
    }

    .input-group .ui-autocomplete-input+.input-addon>.btn,
    .input-group .ui-autocomplete-input+.input-group-btn>.btn {
      border-left: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }

    .ui-button {
      display: inline-block;
      position: relative;
      touch-action: manipulation;
      margin-bottom: 0;
      padding: 7px 12px;
      border-radius: 3px;
      cursor: pointer;
      text-align: center;
      background-color: #fcfcfc;
      border: 1px solid #ddd;
      color: #333
    }

    .ui-button.ui-state-focus,
    .ui-button.ui-state-hover {
      color: #333;
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
    }

    .ui-button.ui-state-active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
    }

    .ui-button.ui-state-disabled {
      cursor: not-allowed;
      opacity: .65;
      filter: alpha(opacity=65);
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .ui-button[class*=bg-].ui-state-focus,
    .ui-button[class*=bg-].ui-state-hover {
      color: #fff;
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
    }

    .ui-button[class*=bg-].ui-state-active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
    }

    .ui-button.ui-button-link {
      background-color: transparent;
      border-color: transparent
    }

    .ui-button.ui-button-link.ui-state-focus,
    .ui-button.ui-button-link.ui-state-hover {
      color: #166dba
    }

    .ui-button.ui-button-link.ui-state-active,
    .ui-button.ui-button-link.ui-state-focus,
    .ui-button.ui-button-link.ui-state-hover {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .ui-button::-moz-focus-inner {
      border: 0;
      padding: 0
    }

    .ui-button-icon-primary .ui-button-icons-only,
    .ui-button-text-icon-primary .ui-button-icon-primary,
    .ui-button-text-icons .ui-button-icon-primary {
      margin-right: 7px
    }

    .ui-button-icons-only .ui-button-icon-secondary,
    .ui-button-text-icon-secondary .ui-button-icon-secondary,
    .ui-button-text-icons .ui-button-icon-secondary {
      margin-left: 7px
    }

    .ui-button-icon-only {
      padding-left: 9px;
      padding-right: 9px
    }

    .ui-button-icon-only .ui-button-text,
    .ui-button-icons-only .ui-button-text {
      display: none
    }

    .ui-buttonset,
    .ui-buttonset-split {
      position: relative;
      display: inline-block
    }

    .ui-buttonset .ui-button {
      border-radius: 0;
      margin-left: -1px;
      float: left
    }

    .ui-buttonset .ui-button:first-child,
    .ui-buttonset .ui-helper-hidden-accessible:first-child+.ui-button {
      margin-left: 0
    }

    .ui-buttonset .ui-button:first-child,
    .ui-buttonset .ui-helper-hidden-accessible:first-child+.ui-button:not(:last-child) {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px
    }

    .ui-buttonset .ui-button:last-child {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .ui-buttonset-split>ul {
      position: absolute;
      text-align: left;
      min-width: 180px
    }

    .ui-datepicker {
      min-width: 270px;
      background-color: #fff;
      padding: 14px;
      display: none;
      border: 1px solid #ddd;
      border-radius: 3px;
      z-index: 190 !important;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker table td .ui-state-hover {
      background-color: #f5f5f5
    }

    .sidebar .ui-datepicker {
      min-width: 0
    }

    .ui-datepicker .ui-datepicker-header {
      position: relative
    }

    .ui-datepicker .ui-datepicker-title {
      margin: 0 40px;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 15px;
      text-align: center;
      line-height: 1
    }

    .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
      font-weight: 500
    }

    .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
      font-size: 12px;
      color: #999;
      margin-left: 5px
    }

    .ui-datepicker .ui-datepicker-title select {
      outline: 0;
      height: 30px;
      border-color: #ddd
    }

    .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
    .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
      width: 48%;
      font-size: 13px;
      font-weight: 400;
      color: #333
    }

    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
      position: absolute;
      top: 50%;
      margin-top: -15px;
      line-height: 1;
      color: #333;
      padding: 7px;
      border-radius: 2px
    }

    .ui-datepicker .ui-datepicker-next:after,
    .ui-datepicker .ui-datepicker-prev:after {
      font-family: icomoon;
      display: block;
      font-size: 16px;
      width: 16px;
      text-align: center;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
      display: none
    }

    .ui-datepicker .ui-datepicker-prev {
      left: 0
    }

    .ui-datepicker .ui-datepicker-prev:after {
      content: '\e9c8'
    }

    .ui-datepicker .ui-datepicker-next {
      right: 0
    }

    .ui-datepicker .ui-datepicker-next:after {
      content: '\e9cb'
    }

    .ui-datepicker table {
      width: 100%;
      margin: 0
    }

    .ui-datepicker table th {
      text-align: center;
      font-weight: 400;
      border: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 12px;
      color: #999
    }

    .ui-datepicker table td {
      border: 0;
      padding: 1px;
      position: relative
    }

    .ui-datepicker table td a,
    .ui-datepicker table td span {
      display: block;
      padding: 6px;
      text-align: center;
      text-decoration: none;
      border-radius: 3px;
      color: #333;
      min-width: 34px
    }

    .ui-datepicker table td.ui-state-disabled span {
      color: #ccc
    }

    .ui-datepicker table td.ui-datepicker-week-col {
      padding: 6px;
      color: #999
    }

    .ui-datepicker table td.ui-datepicker-current-day .ui-state-active {
      background-color: #26A69A;
      color: #fff
    }

    .ui-datepicker table td.ui-datepicker-today .ui-state-highlight {
      background-color: #2196F3;
      color: #fff
    }

    .ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after {
      content: "";
      position: absolute;
      top: 3px;
      right: 3px;
      width: 0;
      height: 0;
      border-top: 6px solid #fff;
      border-left: 6px solid transparent
    }

    .ui-datepicker table td a.ui-priority-secondary {
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      border: 1px solid #ddd;
      background-color: #fcfcfc;
      font-weight: 400;
      margin-top: 14px;
      cursor: pointer;
      padding: 7px 12px;
      width: auto;
      overflow: visible;
      outline: 0;
      border-radius: 3px
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-multi .ui-datepicker-group {
      float: left
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
    }

    .ui-datepicker .ui-datepicker-buttonpane button:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
    }

    .ui-datepicker.ui-datepicker-multi {
      width: auto !important
    }

    .datepicker-inline {
      width: 264px;
      max-width: 100%;
      overflow-x: auto
    }

    .full-width.datepicker-inline,
    .popover .datepicker-inline,
    .sidebar .datepicker-inline {
      width: 100%
    }

    .ui-datepicker-trigger {
      position: absolute;
      top: 4px;
      right: 5px;
      z-index: 4;
      padding: 6px;
      cursor: pointer
    }

    .ui-datepicker-row-break {
      clear: both;
      width: 100%;
      font-size: 0
    }

    .ui-datepicker-multi .ui-datepicker-group+.ui-datepicker-group {
      padding-left: 15px
    }

    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
      border-left-width: 0
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
      clear: left
    }

    .dataTables_scroll,
    .dataTables_wrapper,
    .dataTables_wrapper:after,
    .fc-clear,
    .pika-single:after,
    .plupload_clear,
    .plupload_clearer,
    .ui-helper-clearfix:after {
      clear: both
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
      width: 46%
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
      width: 33.3%
    }

    .ui-datepicker-multi-4 .ui-datepicker-group {
      width: 25%
    }

    .ui-dialog {
      position: fixed;
      top: 0;
      left: 0;
      background-color: #fff;
      border-radius: 3px;
      border: 1px solid transparent;
      outline: 0;
      overflow: hidden;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
      box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
    }

    @media (max-width:768px) {
      .ui-dialog {
        width: 90% !important
      }
    }

    .ui-dialog-titlebar {
      position: relative;
      padding: 20px 20px 0
    }

    .ui-draggable .ui-dialog-titlebar {
      cursor: move
    }

    .ui-dialog-title {
      float: left;
      font-size: 15px;
      white-space: nowrap;
      width: 90%;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .ui-dialog-titlebar-close {
      position: absolute;
      background-color: transparent;
      border: 0;
      right: 20px;
      top: 50%;
      padding: 0;
      margin-top: 2px
    }

    .ui-dialog-titlebar-close:after {
      content: '\ed6b';
      font-family: Icomoon;
      display: block;
      width: 16px;
      font-size: 16px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .ui-dialog-titlebar-close.ui-state-focus,
    .ui-dialog-titlebar-close.ui-state-hover {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .pika-single,
    .ui-menu {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .ui-dialog-content {
      position: relative;
      border: 0;
      padding: 20px;
      background: 0 0;
      overflow: auto
    }

    .ui-dialog-content .form-group:last-child,
    .ui-dialog-content p:last-child {
      margin-bottom: 0
    }

    .ui-dialog-buttonpane {
      padding: 0 20px 20px
    }

    .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: right
    }

    .ui-dialog-buttonpane button+button {
      margin-left: 5px;
      cursor: pointer
    }

    .ui-menu {
      list-style: none;
      padding: 7px 0;
      margin: 0;
      display: block;
      outline: 0;
      min-width: 180px;
      white-space: nowrap;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      z-index: 1000;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .ui-menu .ui-menu {
      position: absolute;
      top: -8px !important
    }

    .ui-menu .ui-menu-item {
      position: relative;
      margin: 0;
      cursor: pointer;
      padding: 8px 15px;
      min-height: 0;
      outline: 0
    }

    .ui-menu .ui-menu-item>a {
      display: block;
      color: #333
    }

    .ui-menu .ui-menu-item>.ui-menu-icon {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      right: 15px
    }

    .ui-menu .ui-menu-item>.ui-menu-icon:after {
      content: '\e9c7';
      font-family: icomoon;
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: .8;
      filter: alpha(opacity=80)
    }

    .ui-selectmenu-button:after,
    .ui-spinner-button:after {
      font-family: Icomoon;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .ui-slider .ui-slider-handle.ui-state-active:after,
    .ui-slider .ui-slider-handle.ui-state-focus:after,
    .ui-slider .ui-slider-handle.ui-state-hover:after {
      opacity: .9;
      filter: alpha(opacity=90)
    }

    .ui-menu .ui-menu-item.ui-state-disabled,
    .ui-menu .ui-menu-item.ui-state-disabled a {
      color: #999;
      cursor: not-allowed
    }

    .ui-menu .ui-menu-header {
      padding: 8px 15px;
      font-size: 11px;
      line-height: 1.82;
      text-transform: uppercase;
      color: #999;
      margin-top: 7px
    }

    .ui-menu .ui-menu-header.highlight {
      margin-top: 0;
      background-color: #f8f8f8;
      color: #999
    }

    .ui-menu .ui-menu-header.highlight:first-child {
      margin-top: 0
    }

    .ui-menu .highlight+.ui-menu-item,
    .ui-menu .ui-menu-item+.highlight {
      margin-top: 7px
    }

    .ui-menu .ui-menu-header>i[class*=icon-],
    .ui-menu .ui-menu-item>a>i[class*=icon-] {
      margin-top: 2px;
      float: left;
      margin-right: 10px;
      top: 0
    }

    .ui-menu .ui-menu-header>i[class*=icon-].pull-right,
    .ui-menu .ui-menu-item>a>i[class*=icon-].pull-right {
      margin-right: 0;
      margin-left: 10px
    }

    .ui-menu .ui-menu-divider {
      margin: 7px 0;
      height: 0;
      font-size: 0;
      line-height: 0;
      border-top: 1px solid #e5e5e5
    }

    .ui-menu .ui-state-active,
    .ui-menu .ui-state-focus {
      color: #333;
      background-color: #f5f5f5
    }

    .ui-menu.ui-state-disabled,
    .ui-menu.ui-state-disabled .ui-menu-item,
    .ui-menu.ui-state-disabled a {
      color: #999;
      cursor: not-allowed
    }

    .ui-progressbar {
      height: 18px;
      overflow: hidden;
      position: relative;
      background-color: #eee;
      border-radius: 3px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
    }

    .ui-progressbar-value {
      float: left;
      width: 0;
      background-color: #2196F3;
      color: #fff;
      overflow: hidden;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease
    }

    .ui-progressbar-overlay,
    .ui-progressbar-value {
      height: 100%;
      background-size: 40px 40px
    }

    .ui-progressbar-overlay,
    .ui-progressbar-striped .ui-progressbar-overlay,
    .ui-progressbar-striped .ui-progressbar-value {
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
    }

    .ui-progressbar-active .ui-progressbar-value,
    .ui-progressbar-overlay {
      -webkit-animation: progress-bar-stripes 2s linear infinite;
      -o-animation: progress-bar-stripes 2s linear infinite;
      animation: progress-bar-stripes 2s linear infinite
    }

    .ui-progressbar-indeterminate .ui-progressbar-value {
      background-image: none
    }

    .ui-selectmenu-menu {
      padding: 0;
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
      display: none
    }

    .ui-selectmenu-menu .ui-menu {
      max-height: 250px;
      overflow-y: auto;
      overflow-x: hidden
    }

    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
      font-size: 11px;
      font-weight: 700;
      line-height: 1.82;
      padding: 7px 12px;
      margin: 2px 0;
      text-transform: uppercase;
      height: auto;
      border: 0
    }

    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup~.ui-menu-item {
      padding-left: 24px
    }

    .ui-selectmenu-open {
      display: block
    }

    .ui-selectmenu-button {
      display: inline-block;
      position: relative;
      text-decoration: none;
      cursor: pointer;
      height: 36px;
      padding: 7px 34px 7px 12px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      outline: 0
    }

    .ui-selectmenu-button.ui-state-focus,
    .ui-selectmenu-button.ui-state-hover {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
    }

    .ui-selectmenu-button:after {
      content: '\e9c5';
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 12px;
      text-align: right;
      margin-top: -8px;
      font-size: 16px;
      line-height: 1;
      color: inherit
    }

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

    .ui-selectmenu-disabled {
      cursor: not-allowed;
      background-color: #fafafa;
      color: #999
    }

    .ui-selectmenu-disabled.ui-state-focus,
    .ui-selectmenu-disabled.ui-state-hover {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .ui-selectmenu-lg .ui-selectmenu-button {
      height: 40px
    }

    .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text {
      padding: 9px 40px 9px 15px
    }

    .ui-selectmenu-sm .ui-selectmenu-button {
      height: 34px
    }

    .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text {
      padding: 6px 32px 6px 12px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .ui-selectmenu-xs .ui-selectmenu-button {
      height: 32px
    }

    .ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text {
      padding: 5px 30px 5px 10px;
      font-size: 12px;
      line-height: 1.6666667
    }

    .ui-selectmenu-images .ui-menu-item>span {
      display: inline-block;
      margin-right: 10px;
      border-radius: 2px;
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      float: left
    }

    .ui-selectmenu-images .demo-img-amazon {
      background: url(../images/brands/amazon.png) no-repeat
    }

    .ui-selectmenu-images .demo-img-youtube {
      background: url(../images/brands/youtube.png) no-repeat
    }

    .ui-selectmenu-images .demo-img-twitter {
      background: url(../images/brands/twitter.png) no-repeat
    }

    .ui-selectmenu-images .demo-img-bing {
      background: url(../images/brands/bing.png) no-repeat
    }

    .ui-selectmenu-images .demo-img-spotify {
      background: url(../images/brands/spotify.png) no-repeat
    }

    .ui-slider {
      position: relative;
      text-align: left;
      background-color: #eee;
      border-radius: 100px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
    }

    .ui-slider .ui-slider-handle {
      position: absolute;
      z-index: 2;
      width: 18px;
      height: 18px;
      cursor: pointer;
      border-radius: 50%;
      background-color: #fcfcfc;
      border: 1px solid #bbb;
      outline: 0
    }

    .ui-slider .ui-slider-handle.ui-state-focus,
    .ui-slider .ui-slider-handle.ui-state-hover {
      background-color: #f8f8f8
    }

    .ui-slider .ui-slider-handle.ui-state-active {
      background-color: #fefefe
    }

    .ui-slider .ui-slider-handle:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -3px;
      margin-left: -3px;
      background-color: #546E7A;
      border-radius: 50%
    }

    .ui-slider .ui-slider-range {
      position: absolute;
      z-index: 1;
      display: block;
      border: 0;
      background-color: #607D8B;
      border-radius: 100px
    }

    .ui-spinner,
    .ui-tabs {
      position: relative
    }

    .ui-slider.ui-slider-disabled {
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .ui-slider-horizontal {
      height: 6px
    }

    .ui-slider-horizontal .ui-slider-handle {
      top: -6px;
      margin-left: -9px
    }

    .ui-slider-horizontal .ui-slider-range {
      top: 0;
      height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
      left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
      right: 0
    }

    .ui-slider-vertical {
      width: 6px;
      height: 150px;
      display: inline-block;
      margin: 0 10px
    }

    .ui-slider-vertical .ui-slider-handle {
      left: -6px;
      margin-bottom: -9px
    }

    .ui-slider-vertical .ui-slider-range {
      left: 0;
      width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
      bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
      top: 0
    }

    .ui-slider-solid .ui-slider-handle {
      background-color: #999;
      border-color: #999;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .ui-slider-solid .ui-slider-handle:after {
      background-color: #fff;
      -webkit-transition: opacity ease-in-out .2s;
      -o-transition: opacity ease-in-out .2s;
      transition: opacity ease-in-out .2s
    }

    .ui-slider-solid .ui-slider-handle.ui-state-active:after,
    .ui-slider-solid .ui-slider-handle.ui-state-hover:after {
      background-color: #fff;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .ui-handle-white .ui-slider-handle:after {
      content: none
    }

    .ui-slider-lg .ui-slider-handle {
      width: 24px;
      height: 24px
    }

    .ui-slider-lg .ui-slider-handle:after {
      width: 8px;
      height: 8px;
      margin-top: -4px;
      margin-left: -4px
    }

    .ui-slider-lg.ui-slider-horizontal {
      height: 8px
    }

    .ui-slider-lg.ui-slider-horizontal .ui-slider-handle {
      top: -8px;
      margin-left: -12px
    }

    .ui-slider-lg.ui-slider-vertical {
      width: 8px
    }

    .ui-slider-lg.ui-slider-vertical .ui-slider-handle {
      left: -8px;
      margin-bottom: -12px
    }

    .ui-slider-sm .ui-slider-handle,
    .ui-slider-xs .ui-slider-handle {
      width: 12px;
      height: 12px
    }

    .ui-slider-sm .ui-slider-handle:after,
    .ui-slider-xs .ui-slider-handle:after {
      width: 4px;
      height: 4px;
      margin-top: -2px;
      margin-left: -2px
    }

    .ui-slider-sm.ui-slider-horizontal {
      height: 4px
    }

    .ui-slider-sm.ui-slider-horizontal .ui-slider-handle {
      top: -4px;
      margin-left: -6px
    }

    .ui-slider-sm.ui-slider-vertical {
      width: 4px
    }

    .ui-slider-sm.ui-slider-vertical .ui-slider-handle {
      left: -4px;
      margin-bottom: -6px
    }

    .ui-slider-xs.ui-slider-horizontal {
      height: 2px
    }

    .ui-slider-xs.ui-slider-horizontal .ui-slider-handle {
      top: -5px;
      margin-left: -6px
    }

    .ui-slider-xs.ui-slider-vertical {
      width: 2px
    }

    .ui-slider-xs.ui-slider-vertical .ui-slider-handle {
      left: -5px;
      margin-bottom: -6px
    }

    .ui-slider-primary .ui-slider-range,
    .ui-slider-solid.ui-slider-primary .ui-slider-handle {
      background-color: #2196F3;
      border-color: #2196F3
    }

    .ui-slider-danger .ui-slider-range,
    .ui-slider-solid.ui-slider-danger .ui-slider-handle {
      background-color: #F44336;
      border-color: #F44336
    }

    .ui-slider-solid.ui-slider-success .ui-slider-handle,
    .ui-slider-success .ui-slider-range {
      background-color: #4CAF50;
      border-color: #4CAF50
    }

    .ui-slider-solid.ui-slider-warning .ui-slider-handle,
    .ui-slider-warning .ui-slider-range {
      background-color: #FF5722;
      border-color: #FF5722
    }

    .ui-slider-info .ui-slider-range,
    .ui-slider-solid.ui-slider-info .ui-slider-handle {
      background-color: #00BCD4;
      border-color: #00BCD4
    }

    .ui-spinner {
      display: table
    }

    .ui-spinner-input {
      padding-right: 30px;
      display: table-cell;
      width: 100%;
      border-radius: 3px 0 0 3px;
      border-right: 0
    }

    .ui-spinner-button {
      font-size: 0;
      color: #333;
      cursor: pointer;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 0;
      display: table-cell;
      width: 1%;
      padding: 0 7px
    }

    .ui-spinner-button:after {
      display: inline-block;
      width: 16px;
      font-size: 16px;
      line-height: 1
    }

    .ui-spinner-button+.ui-spinner-button {
      border-left: 0
    }

    .ui-spinner-button .ui-button-text {
      display: none
    }

    .ui-spinner-button.ui-state-focus,
    .ui-spinner-button.ui-state-hover {
      color: #333
    }

    .ui-spinner-button.ui-state-disabled {
      background-color: #fafafa;
      color: #999;
      cursor: not-allowed;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .ui-spinner-up:after {
      content: '\e9f7'
    }

    .ui-spinner-down {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .ui-spinner-down:after {
      content: '\e9e2'
    }

    .ui-tabs .ui-tabs-nav {
      margin-bottom: 20px;
      border-bottom: 1px solid #ddd
    }

    .ui-tabs .ui-tabs-nav li {
      list-style: none;
      position: relative;
      padding: 0;
      white-space: nowrap;
      margin-bottom: -1px
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
      display: block;
      color: #888;
      padding: 9px 15px;
      border: 1px solid transparent;
      border-top-width: 2px
    }

    .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled),
    .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled) {
      color: #333
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
      color: #333;
      background-color: #fff;
      cursor: default;
      border-color: #2196F3 #ddd transparent
    }

    .ui-tabs .ui-tabs-nav .ui-state-disabled {
      color: #999;
      cursor: not-allowed;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor {
      background-color: #fff;
      border-bottom-color: #ddd
    }

    @media (max-width:768px) {
      .ui-tabs .ui-tabs-nav {
        position: relative;
        background-color: #fff;
        padding: 7px 0;
        border: 1px solid #ddd;
        border-radius: 3px
      }

      .ui-tabs .ui-tabs-nav li {
        margin-bottom: 0
      }

      .ui-tabs .ui-tabs-nav li+li {
        margin-top: 1px
      }

      .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        border-width: 0 0 0 2px;
        border-left-color: transparent
      }

      .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor,
      .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor {
        background-color: #fafafa
      }

      .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor {
        border-left-color: #2196F3;
        background-color: #f5f5f5
      }

      .ui-tabs .ui-tabs-nav:before {
        content: 'Contents';
        color: inherit;
        font-size: 12px;
        line-height: 1.6666667;
        font-weight: 500;
        margin-top: 8px;
        margin-left: 15px;
        margin-bottom: 15px;
        text-transform: uppercase;
        opacity: .5;
        filter: alpha(opacity=50)
      }
    }

    .fab-menu-btn,
    .fab-menu-inner>li .btn {
      border-width: 0
    }

    .ui-tabs .ui-tabs-panel {
      display: block
    }

    .ui-tooltip {
      position: absolute;
      z-index: 1070;
      max-width: 200px;
      padding: 3px 8px;
      color: #fff;
      text-align: center;
      background-color: #333;
      border-radius: 3px
    }

    .ui-widget-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .fab-icon-close,
    .fab-menu[data-fab-state=open] .fab-icon-open,
    .fab-menu[data-fab-toggle=hover]:hover .fab-icon-open,
    .ui-helper-zfix {
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .ui-helper-hidden-accessible {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px
    }

    .fab-menu,
    .ui-helper-reset {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .ui-helper-reset {
      border: 0;
      outline: 0
    }

    .ui-helper-clearfix:after,
    .ui-helper-clearfix:before {
      content: "";
      display: table;
      border-collapse: collapse
    }

    .ui-helper-zfix {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute
    }

    .ui-front {
      z-index: 1040
    }

    .fab-menu {
      position: relative;
      display: inline-block;
      white-space: nowrap;
      z-index: 999
    }

    .fab-menu-absolute {
      position: absolute
    }

    .fab-menu-absolute.affix {
      position: fixed
    }

    .fab-menu-fixed {
      position: fixed;
      z-index: 1030
    }

    .fab-menu-top-left,
    .fab-menu-top-right {
      margin-top: -24px
    }

    .fab-menu-top-left.affix,
    .fab-menu-top-right.affix {
      top: 20px;
      margin-top: 0
    }

    .content-wrapper>.fab-menu-top-left,
    .content-wrapper>.fab-menu-top-right {
      top: -24px
    }

    .content-wrapper>.fab-menu-top-left.affix,
    .content-wrapper>.fab-menu-top-right.affix {
      top: 20px
    }

    .navbar-affixed-top .fab-menu-top-left.affix,
    .navbar-affixed-top .fab-menu-top-right.affix,
    .navbar-top .fab-menu-top-left.affix,
    .navbar-top .fab-menu-top-right.affix {
      top: 66px
    }

    .navbar-affixed-top-lg .fab-menu-top-left.affix,
    .navbar-affixed-top-lg .fab-menu-top-right.affix,
    .navbar-top-lg .fab-menu-top-left.affix,
    .navbar-top-lg .fab-menu-top-right.affix {
      top: 70px
    }

    .navbar-affixed-top-sm .fab-menu-top-left.affix,
    .navbar-affixed-top-sm .fab-menu-top-right.affix,
    .navbar-top-sm .fab-menu-top-left.affix,
    .navbar-top-sm .fab-menu-top-right.affix {
      top: 64px
    }

    .navbar-affixed-top-xs .fab-menu-top-left.affix,
    .navbar-affixed-top-xs .fab-menu-top-right.affix,
    .navbar-top-xs .fab-menu-top-left.affix,
    .navbar-top-xs .fab-menu-top-right.affix {
      top: 62px
    }

    .fab-menu-bottom-left,
    .fab-menu-bottom-right {
      bottom: 20px;
      -webkit-transition: bottom ease-in-out .15s;
      -o-transition: bottom ease-in-out .15s;
      transition: bottom ease-in-out .15s
    }

    .fab-icon-close,
    .fab-icon-open,
    .fab-menu .fab-menu-inner>li {
      -webkit-transition: all ease-in-out .3s;
      -o-transition: all ease-in-out .3s
    }

    .fab-menu-bottom-left.reached-bottom,
    .fab-menu-bottom-right.reached-bottom {
      bottom: 80px
    }

    .navbar-bottom .fab-menu-bottom-left.reached-bottom,
    .navbar-bottom .fab-menu-bottom-right.reached-bottom {
      bottom: 86px
    }

    .navbar-bottom-lg .fab-menu-bottom-left.reached-bottom,
    .navbar-bottom-lg .fab-menu-bottom-right.reached-bottom {
      bottom: 90px
    }

    .navbar-bottom-sm .fab-menu-bottom-left.reached-bottom,
    .navbar-bottom-sm .fab-menu-bottom-right.reached-bottom {
      bottom: 84px
    }

    .navbar-bottom-xs .fab-menu-bottom-left.reached-bottom,
    .navbar-bottom-xs .fab-menu-bottom-right.reached-bottom {
      bottom: 82px
    }

    .fab-menu-bottom-right,
    .fab-menu-top-right {
      right: 20px
    }

    .fab-menu-inner {
      list-style: none;
      margin: 0;
      padding: 0
    }

    .fab-menu-inner>li {
      display: block;
      position: absolute;
      top: 2px;
      left: 0;
      right: 0;
      text-align: center;
      padding-top: 20px;
      margin-top: -20px
    }

    .fab-menu-inner>li .btn-float {
      padding: 0;
      width: 44px;
      height: 44px;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
    }

    .fab-menu-inner>li .btn-float:focus,
    .fab-menu-inner>li .btn-float:hover {
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
      box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
    }

    .fab-menu-inner>li .btn-float>i {
      margin: 14px
    }

    .fab-menu-inner>li .btn-float.btn-flat>i {
      margin: 12px
    }

    .fab-menu-inner>li .badge,
    .fab-menu-inner>li .label,
    .fab-menu-inner>li .status-mark {
      position: absolute
    }

    @media (min-width:769px) {
      .ui-tabs .ui-tabs-nav li {
        float: left
      }

      .fab-menu-inner>li .badge,
      .fab-menu-inner>li .label,
      .fab-menu-inner>li .status-mark {
        -webkit-box-shadow: 0 0 0 2px #f5f5f5;
        box-shadow: 0 0 0 2px #f5f5f5
      }
    }

    .fab-menu-inner>li .badge,
    .fab-menu-inner>li .label {
      top: 16px;
      right: -4px
    }

    .fab-menu-inner>li .status-mark {
      top: 22px;
      right: 2px
    }

    .fab-menu-bottom-left .fab-menu-inner>li,
    .fab-menu-bottom-right .fab-menu-inner>li {
      padding-top: 0;
      margin-top: 0;
      padding-bottom: 20px;
      margin-bottom: -20px
    }

    .fab-menu-bottom-left .fab-menu-inner>li .badge,
    .fab-menu-bottom-left .fab-menu-inner>li .label,
    .fab-menu-bottom-right .fab-menu-inner>li .badge,
    .fab-menu-bottom-right .fab-menu-inner>li .label {
      top: -4px
    }

    .fab-menu-bottom-left .fab-menu-inner>li .status-mark,
    .fab-menu-bottom-right .fab-menu-inner>li .status-mark {
      top: 2px
    }

    .fab-menu-inner .dropdown-menu {
      margin-top: 0;
      margin-right: 10px;
      top: 19px;
      left: auto;
      right: 100%
    }

    .fab-menu-inner .dropdown-menu-right {
      margin-right: 0;
      margin-left: 10px;
      right: auto;
      left: 100%
    }

    .fab-menu-btn {
      z-index: 1001;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
    }

    .fab-menu-btn.btn-float {
      padding: 24px
    }

    .fab-menu-btn.btn-float>i {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -8px;
      margin-left: -8px
    }

    .fab-menu-btn:focus,
    .fab-menu-btn:hover,
    .fab-menu[data-fab-state=open] .fab-menu-btn,
    .fab-menu[data-fab-toggle=hover]:hover .fab-menu-btn {
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
      box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
    }

    .fab-icon-close,
    .fab-icon-open {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
      transition: all ease-in-out .3s
    }

    .fab-menu[data-fab-state=open] .fab-icon-close,
    .fab-menu[data-fab-state=open] .fab-icon-open,
    .fab-menu[data-fab-toggle=hover]:hover .fab-icon-close,
    .fab-menu[data-fab-toggle=hover]:hover .fab-icon-open {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
    }

    .fab-menu[data-fab-state=open] .fab-icon-close,
    .fab-menu[data-fab-toggle=hover]:hover .fab-icon-close {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .fab-menu .fab-menu-inner>li {
      visibility: hidden;
      opacity: 0;
      filter: alpha(opacity=0);
      transition: all ease-in-out .3s
    }

    .fab-menu .fab-menu-inner>li:nth-child(1) {
      -webkit-transition-delay: 50ms;
      transition-delay: 50ms
    }

    .fab-menu .fab-menu-inner>li:nth-child(2) {
      -webkit-transition-delay: .1s;
      transition-delay: .1s
    }

    .fab-menu .fab-menu-inner>li:nth-child(3) {
      -webkit-transition-delay: .15s;
      transition-delay: .15s
    }

    .fab-menu .fab-menu-inner>li:nth-child(4) {
      -webkit-transition-delay: .2s;
      transition-delay: .2s
    }

    .fab-menu .fab-menu-inner>li:nth-child(5) {
      -webkit-transition-delay: .25s;
      transition-delay: .25s
    }

    .fab-menu[data-fab-state=open] .fab-menu-inner>li,
    .fab-menu[data-fab-toggle=hover]:hover .fab-menu-inner>li {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
    .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
    .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
    .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
    .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
    .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) {
      top: 68px;
      -webkit-transition-delay: 50ms;
      transition-delay: 50ms
    }

    .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
    .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
    .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
    .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
    .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
    .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) {
      top: 132px;
      -webkit-transition-delay: .1s;
      transition-delay: .1s
    }

    .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
    .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
    .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
    .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
    .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
    .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) {
      top: 196px;
      -webkit-transition-delay: .15s;
      transition-delay: .15s
    }

    .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
    .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
    .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
    .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
    .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
    .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) {
      top: 260px;
      -webkit-transition-delay: .2s;
      transition-delay: .2s
    }

    .fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
    .fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
    .fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
    .fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
    .fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
    .fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) {
      top: 324px;
      -webkit-transition-delay: .25s;
      transition-delay: .25s
    }

    .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
    .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
    .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
    .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
    .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
    .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) {
      top: -60px;
      -webkit-transition-delay: 50ms;
      transition-delay: 50ms
    }

    .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
    .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
    .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
    .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
    .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
    .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) {
      top: -124px;
      -webkit-transition-delay: .1s;
      transition-delay: .1s
    }

    .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
    .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
    .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
    .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
    .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
    .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) {
      top: -188px;
      -webkit-transition-delay: .15s;
      transition-delay: .15s
    }

    .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
    .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
    .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
    .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
    .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
    .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) {
      top: -252px;
      -webkit-transition-delay: .2s;
      transition-delay: .2s
    }

    .fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
    .fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
    .fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
    .fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
    .fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
    .fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) {
      top: -316px;
      -webkit-transition-delay: .25s;
      transition-delay: .25s
    }

    .fab-menu-inner div[data-fab-label]:after {
      content: attr(data-fab-label);
      position: absolute;
      top: 50%;
      margin-top: -7px;
      right: 66px;
      color: #fff;
      background-color: #333;
      padding: 7px 12px;
      visibility: hidden;
      border-radius: 3px;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all ease-in-out .3s;
      -o-transition: all ease-in-out .3s;
      transition: all ease-in-out .3s
    }

    .fab-menu-inner div[data-fab-label].fab-label-visible:after,
    .fab-menu[data-fab-state=open] .fab-menu-inner div[data-fab-label]:hover:after,
    .fab-menu[data-fab-toggle=hover] .fab-menu-inner div[data-fab-label]:hover:after {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after,
    .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after {
      margin-top: -27px
    }

    .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after,
    .fab-menu-inner div[data-fab-label].fab-label-right:after,
    .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after {
      right: auto;
      left: 66px
    }

    .fab-menu-inner div[data-fab-label].fab-label-light:after {
      background-color: #fff;
      color: #333
    }

    code[class*=language-],
    pre[class*=language-] {
      text-shadow: 0 1px #fff;
      word-break: normal;
      line-height: 1.5;
      direction: ltr
    }

    @media print {

      code[class*=language-],
      pre[class*=language-] {
        text-shadow: none
      }
    }

    .token.cdata,
    .token.comment,
    .token.doctype,
    .token.prolog,
    .token.punctuation {
      color: #999
    }

    .token.boolean,
    .token.constant,
    .token.number,
    .token.property,
    .token.symbol,
    .token.tag {
      color: #905
    }

    .token.attr-name,
    .token.builtin,
    .token.selector,
    .token.string {
      color: #690
    }

    .language-css .token.string,
    .style .token.string,
    .token.entity,
    .token.operator,
    .token.url,
    .token.variable {
      color: #a67f59;
      background: rgba(255, 255, 255, .5)
    }

    .token.atrule,
    .token.attr-value,
    .token.keyword {
      color: #07a
    }

    .token.function {
      color: #DD4A68
    }

    .token.important,
    .token.regex {
      color: #e90
    }

    .token.important {
      font-weight: 700
    }

    .token.entity {
      cursor: help
    }

    .namespace {
      opacity: .7;
      filter: alpha(opacity=70)
    }

    .line-highlight {
      position: absolute;
      left: 0;
      right: 0;
      margin-top: 20px;
      background: rgba(133, 238, 149, .12);
      pointer-events: none;
      white-space: pre;
      line-height: inherit
    }

    .line-highlight:after,
    .line-highlight:before {
      content: attr(data-start);
      position: absolute;
      top: 0;
      left: 10px;
      padding: 2px;
      text-align: center;
      font-size: 10px;
      color: #999
    }

    pre.line-numbers,
    pre.line-numbers>code {
      position: relative
    }

    .line-highlight[data-end]:after {
      content: attr(data-end);
      top: auto;
      bottom: 0
    }

    pre.line-numbers {
      padding-left: 50px;
      counter-reset: linenumber
    }

    .line-numbers .line-numbers-rows {
      position: absolute;
      pointer-events: none;
      top: 0;
      font-size: 100%;
      left: -50px;
      width: 36px;
      letter-spacing: -1px;
      border-right: 1px solid #999;
      -moz-user-select: none;
      user-select: none
    }

    .cropper-container,
    .gu-unselectable {
      -webkit-user-select: none;
      -ms-user-select: none
    }

    .line-numbers .line-numbers-rows>span {
      pointer-events: none;
      display: block;
      counter-increment: linenumber
    }

    .line-numbers .line-numbers-rows>span:before {
      content: counter(linenumber);
      color: #999;
      display: block;
      padding-right: 10px;
      text-align: right
    }

    pre[class*=language-] {
      overflow: auto;
      position: relative;
      border-left-width: 3px;
      border-left-color: #2196F3;
      background-color: #fdfdfd;
      background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
      background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
      background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
      background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
      background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
      background-size: 3em 3em;
      background-origin: content-box;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }

    pre[class*=language-]>code[data-language] {
      display: block
    }

    pre[class*=language-]>code[data-language]:before {
      content: attr(data-language);
      background-color: #f8f8f8;
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 11px;
      border-radius: 0 0 0 2px;
      padding: 4px 8px;
      text-shadow: none;
      color: #333;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd
    }

    pre[class*=language-].line-numbers>code[data-language]:before {
      top: -15px;
      right: -15px
    }

    pre[data-line] {
      position: relative;
      padding-left: 36px
    }

    .fancytree-container {
      list-style: none;
      white-space: nowrap;
      padding: 0;
      margin: 0;
      overflow: auto;
      position: relative
    }

    .btn-ladda[data-style=expand-down],
    .btn-ladda[data-style=expand-left],
    .btn-ladda[data-style=expand-right],
    .btn-ladda[data-style=expand-up],
    .btn-ladda[data-style=fade],
    .btn-ladda[data-style=radius],
    .btn-ladda[data-style=slide-down],
    .btn-ladda[data-style=slide-right],
    .btn-ladda[data-style=slide-up],
    .btn-ladda[data-style=zoom-in],
    .btn-ladda[data-style=zoom-out] {
      overflow: hidden
    }

    .fancytree-container:focus {
      outline: 0
    }

    .fancytree-container ul {
      list-style: none;
      padding: 0 0 0 20px;
      margin: 0
    }

    .fancytree-container ul li {
      margin-top: 1px
    }

    .ui-fancytree-disabled .fancytree-container {
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .ui-fancytree-disabled .fancytree-container,
    .ui-fancytree-disabled .fancytree-expander,
    .ui-fancytree-disabled .fancytree-title {
      cursor: not-allowed
    }

    .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title {
      background-color: #f5f5f5;
      color: #333
    }

    .ui-helper-hidden {
      display: none
    }

    .fancytree-checkbox:after,
    .fancytree-drag-helper-img:after,
    .fancytree-drop-after:after,
    .fancytree-drop-before:after,
    .fancytree-expander:after,
    .fancytree-icon:after,
    .fancytree-loading .fancytree-expander:after,
    .fancytree-statusnode-wait .fancytree-icon:after {
      font-family: icomoon;
      display: inline-block;
      font-size: 16px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .fancytree-checkbox,
    .fancytree-custom-icon,
    .fancytree-icon {
      margin-top: 5px;
      float: left
    }

    .fancytree-checkbox {
      margin: 4px 10px 0 2px
    }

    .fancytree-custom-icon {
      display: inline-block
    }

    img.fancytree-icon {
      width: 16px;
      height: 16px;
      margin-left: 3px;
      margin-top: 3px;
      vertical-align: top;
      border-style: none
    }

    .fancytree-expander {
      cursor: pointer;
      float: left;
      margin-top: 5px;
      width: 16px;
      line-height: 1
    }

    .fancytree-exp-c .fancytree-expander:after,
    .fancytree-exp-cd .fancytree-expander:after,
    .fancytree-exp-cdl .fancytree-expander:after,
    .fancytree-exp-cl .fancytree-expander:after {
      content: '\e9c7'
    }

    .fancytree-exp-e .fancytree-expander:after,
    .fancytree-exp-ed .fancytree-expander:after,
    .fancytree-exp-edl .fancytree-expander:after,
    .fancytree-exp-el .fancytree-expander:after {
      content: '\e9c5'
    }

    .fancytree-statusnode-error .fancytree-icon:after {
      content: '\ed63'
    }

    .fancytree-loading .fancytree-expander,
    .fancytree-statusnode-wait .fancytree-icon {
      margin-left: auto;
      margin-right: auto;
      width: 16px;
      height: 16px;
      display: inline-block;
      text-align: center
    }

    .fancytree-loading .fancytree-expander:after,
    .fancytree-statusnode-wait .fancytree-icon:after {
      content: '\ed6c';
      -webkit-transition: all .15s ease-in-out;
      -o-transition: all .15s ease-in-out;
      transition: all .15s ease-in-out
    }

    .fancytree-icon {
      display: inline-block;
      width: 16px;
      height: 16px
    }

    .fancytree-ico-c .fancytree-icon:after,
    .fancytree-ico-e .fancytree-icon:after {
      content: '\ea1a'
    }

    .fancytree-has-children.fancytree-ico-c .fancytree-icon:after {
      content: '\ea0f'
    }

    .fancytree-has-children.fancytree-ico-e .fancytree-icon:after {
      content: '\ea11'
    }

    .fancytree-ico-cf .fancytree-icon:after,
    .fancytree-ico-ef .fancytree-icon:after {
      content: '\ea3d'
    }

    .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after {
      content: '\ea41'
    }

    .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after {
      content: '\ea43'
    }

    .fancytree-checkbox {
      width: 18px;
      height: 18px;
      border: 2px solid #777;
      display: block;
      text-align: center;
      position: relative;
      cursor: pointer;
      border-radius: 2px
    }

    .fancytree-checkbox:after,
    .fancytree-partsel.fancytree-selected .fancytree-checkbox:after {
      content: "\e600";
      margin-top: -1px;
      margin-left: -1px;
      display: none
    }

    .fancytree-partsel>.fancytree-checkbox:after {
      content: "";
      width: 8px;
      height: 8px;
      display: none;
      background-color: #888;
      margin: 3px
    }

    .fancytree-partsel.fancytree-selected .fancytree-checkbox:after {
      background-color: transparent;
      width: auto;
      height: auto
    }

    .fancytree-partsel .fancytree-checkbox:after,
    .fancytree-partsel.fancytree-selected .fancytree-checkbox:after,
    .fancytree-selected .fancytree-checkbox:after {
      display: block
    }

    .fancytree-radio .fancytree-checkbox {
      border-radius: 100%
    }

    .fancytree-radio .fancytree-checkbox:after {
      content: '';
      width: 8px;
      height: 8px;
      background-color: #888;
      margin: 3px;
      border-radius: 100px
    }

    .fancytree-drag-helper {
      border: 1px solid #ddd;
      background-color: #fff;
      padding: 4px 5px;
      opacity: .8;
      filter: alpha(opacity=80)
    }

    .fancytree-drag-helper-img:after {
      position: absolute;
      top: 50%;
      margin-top: -9px;
      right: -26px
    }

    .fancytree-drop-accept .fancytree-drag-helper-img:after {
      content: '\ee73';
      color: #4CAF50
    }

    .fancytree-drop-reject .fancytree-drag-helper-img:after {
      content: '\ed63';
      color: #F44336
    }

    #fancytree-drop-marker.fancytree-drop-after,
    #fancytree-drop-marker.fancytree-drop-before {
      width: 200px;
      border-top: 1px solid #333;
      position: absolute !important
    }

    .fancytree-drag-source {
      background-color: #ddd
    }

    .fancytree-drag-source .fancytree.title {
      color: #333
    }

    .fancytree-drop-target.fancytree-drop-accept a {
      background-color: #2196F3 !important;
      color: #fff !important;
      text-decoration: none
    }

    .fancytree-node {
      display: inherit;
      width: 100%;
      position: relative
    }

    .fancytree-title {
      border: 0;
      padding: 4px 6px;
      border-radius: 2px;
      margin-left: 4px;
      display: inline-block;
      cursor: pointer
    }

    .fancytree-title>input {
      border: 0;
      outline: 0;
      padding: 0;
      background-color: transparent
    }

    .fancytree-selected .fancytree-title {
      background-color: #ddd;
      color: #333
    }

    .fancytree-treefocus .fancytree-selected .fancytree-title {
      background-color: #2196F3;
      color: #fff
    }

    .fancytree-active .fancytree-title {
      background-color: #ddd
    }

    .sidebar:not(.sidebar-default) .fancytree-active .fancytree-title,
    .sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title {
      background-color: rgba(255, 255, 255, .2);
      color: #fff
    }

    .sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title {
      background-color: #2196F3;
      color: #fff
    }

    .fancytree-ext-table .fancytree-node {
      display: inline-block;
      width: auto
    }

    .fancytree-ext-table .fancytree-title {
      display: inline
    }

    .fancytree-ext-table.fancytree-container {
      white-space: normal
    }

    .fancybox-error,
    .fc .fc-axis,
    .fc-button,
    .fc-day-grid-event>.fc-content,
    .fc-time-grid-event.fc-short .fc-content,
    .file-footer-caption {
      white-space: nowrap
    }

    .fancytree-ext-table .fancytree-custom-icon,
    .fancytree-ext-table .fancytree-expander,
    .fancytree-ext-table .fancytree-icon {
      margin-top: 1px
    }

    .fancytree-ext-table .fancytree-checkbox {
      margin: 0 auto;
      float: none
    }

    .fancytree-ext-table .checker {
      display: block;
      margin: 0 auto
    }

    .fancytree-ext-table tbody tr td:first-child {
      text-align: center
    }

    .fancytree-ext-table tbody tr.fancytree-active,
    .fancytree-ext-table tbody tr.fancytree-focused {
      background-color: #f5f5f5
    }

    .fancytree-ext-table tbody tr.fancytree-selected {
      background-color: #2196F3;
      color: #fff
    }

    .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox {
      color: #fff;
      border-color: #fff
    }

    .fancytree-ext-table tbody tr.fancytree-selected .checker span {
      border-color: #fff;
      color: #fff
    }

    .btn-ladda,
    .btn-ladda .ladda-label,
    .btn-ladda .ladda-spinner {
      -webkit-transition: all cubic-bezier(.175, .885, .32, 1.275) .3s;
      -o-transition: all cubic-bezier(.175, .885, .32, 1.275) .3s;
      transition: all cubic-bezier(.175, .885, .32, 1.275) .3s
    }

    .btn-ladda .ladda-spinner {
      position: absolute;
      z-index: 2;
      display: inline-block;
      top: 50%;
      pointer-events: none;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda .ladda-label {
      z-index: 3
    }

    .btn-ladda .ladda-progress {
      position: absolute;
      width: 0;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, .2);
      visibility: hidden;
      -webkit-transition: all linear .3s;
      -o-transition: all linear .3s;
      transition: all linear .3s;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .fc table,
    .fc-scroller>* {
      width: 100%
    }

    .btn-ladda[data-loading] .ladda-progress {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=zoom-in],
    .btn-ladda[data-style=zoom-in] .ladda-label,
    .btn-ladda[data-style=zoom-in] .ladda-spinner,
    .btn-ladda[data-style=zoom-out],
    .btn-ladda[data-style=zoom-out] .ladda-label,
    .btn-ladda[data-style=zoom-out] .ladda-spinner {
      -webkit-transition: .3s ease all;
      -o-transition: .3s ease all;
      transition: .3s ease all
    }

    .btn-ladda[data-style=zoom-in] .ladda-label,
    .btn-ladda[data-style=zoom-out] .ladda-label {
      position: relative;
      display: inline-block
    }

    .btn-ladda[data-style=zoom-in] .ladda-spinner,
    .btn-ladda[data-style=zoom-out] .ladda-spinner {
      left: 50%
    }

    .btn-ladda[data-style=zoom-in][data-loading] .ladda-label,
    .btn-ladda[data-style=zoom-out][data-loading] .ladda-label {
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner,
    .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner,
    .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner,
    .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner,
    .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=zoom-in] .ladda-spinner {
      -webkit-transform: scale(.2);
      -ms-transform: scale(.2);
      -o-transform: scale(.2);
      transform: scale(.2)
    }

    .btn-ladda[data-style=zoom-in][data-loading] .ladda-label {
      -webkit-transform: scale(2.2);
      -ms-transform: scale(2.2);
      -o-transform: scale(2.2);
      transform: scale(2.2)
    }

    .btn-ladda[data-style=zoom-out] .ladda-spinner {
      -webkit-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5)
    }

    .btn-ladda[data-style=zoom-out][data-loading] .ladda-label {
      -webkit-transform: scale(.5);
      -ms-transform: scale(.5);
      -o-transform: scale(.5);
      transform: scale(.5)
    }

    .btn-ladda[data-style=expand-left] .ladda-spinner {
      left: 20px
    }

    .btn-ladda[data-style=expand-left][data-loading] {
      padding-left: 35px
    }

    .btn-ladda[data-style=expand-right] .ladda-spinner {
      right: 20px
    }

    .btn-ladda[data-style=expand-right][data-loading] {
      padding-right: 35px
    }

    .btn-ladda[data-style=expand-up] .ladda-spinner {
      top: -16px;
      left: 50%
    }

    .btn-ladda[data-style=expand-up][data-loading] {
      padding-top: 40px
    }

    .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner {
      top: 12px;
      margin-top: 8px
    }

    .btn-ladda[data-style=expand-down] .ladda-spinner {
      top: 44px;
      left: 50%
    }

    .btn-ladda[data-style=expand-down][data-loading] {
      padding-bottom: 40px
    }

    .btn-ladda[data-style=slide-left] {
      overflow: hidden
    }

    .btn-ladda[data-style=slide-left] .ladda-label {
      left: 0;
      position: relative
    }

    .btn-ladda[data-style=slide-left] .ladda-spinner {
      right: 0
    }

    .btn-ladda[data-style=slide-left][data-loading] .ladda-label {
      left: -100%;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner {
      right: 50%;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=slide-right] .ladda-label {
      right: 0;
      position: relative
    }

    .btn-ladda[data-style=slide-right] .ladda-spinner {
      left: 0
    }

    .btn-ladda[data-style=slide-right][data-loading] .ladda-label {
      right: -100%;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner {
      left: 50%;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=slide-up] .ladda-label {
      top: 0;
      position: relative
    }

    .btn-ladda[data-style=slide-up] .ladda-spinner {
      top: 100%;
      left: 50%
    }

    .btn-ladda[data-style=slide-up][data-loading] .ladda-label {
      top: -16px;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner {
      top: 16px;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=slide-down] .ladda-label {
      top: 0;
      position: relative
    }

    .btn-ladda[data-style=slide-down] .ladda-spinner {
      top: -100%;
      left: 50%
    }

    .btn-ladda[data-style=slide-down][data-loading] .ladda-label {
      top: 16px;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner {
      top: 16px;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=fade] .ladda-spinner {
      left: 50%
    }

    .btn-ladda[data-style=fade][data-loading] .ladda-label {
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda[data-style=fade][data-loading] .ladda-spinner {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .btn-ladda[data-style=radius] {
      border-radius: 2px;
      -webkit-transition: all ease-in-out .5s;
      -o-transition: all ease-in-out .5s;
      transition: all ease-in-out .5s
    }

    .btn-ladda[data-style=radius] .ladda-spinner {
      left: 50%
    }

    .btn-ladda[data-style=radius][data-loading] {
      border-radius: 5px
    }

    .btn-ladda[data-style=radius][data-loading] .ladda-label {
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .btn-ladda[data-style=radius][data-loading] .ladda-spinner {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .fc-bgevent,
    .fc-highlight {
      opacity: .3;
      filter: alpha(opacity=30)
    }

    .headroom {
      -webkit-transition: top .2s ease-in-out, bottom .2s ease-in-out;
      -o-transition: top .2s ease-in-out, bottom .2s ease-in-out;
      transition: top .2s ease-in-out, bottom .2s ease-in-out
    }

    .navbar.headroom-top-pinned {
      top: 0
    }

    .navbar.headroom-top-unpinned {
      top: -48px;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .navbar-lg.navbar.headroom-top-unpinned {
      top: -52px
    }

    .navbar-sm.navbar.headroom-top-unpinned {
      top: -46px
    }

    .navbar-xs.navbar.headroom-top-unpinned {
      top: -44px
    }

    .navbar.headroom-bottom-pinned {
      bottom: -48px;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .navbar-lg.navbar.headroom-bottom-pinned {
      bottom: -52px
    }

    .navbar-sm.navbar.headroom-bottom-pinned {
      bottom: -46px
    }

    .navbar-xs.navbar.headroom-bottom-pinned {
      bottom: -44px
    }

    .navbar.headroom-bottom-unpinned {
      bottom: 0
    }

    .fc {
      text-align: left
    }

    .fc th,
    .fc-basic-view .fc-week-number,
    .fc-time-grid-event .fc-resizer,
    .fc-toolbar,
    a.fc-more {
      text-align: center
    }

    .fc-view>table {
      min-width: 769px
    }

    .fc-events-container {
      background-color: #fcfcfc;
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 3px
    }

    .fc-events-container .fc-event {
      margin: 0;
      padding: 4px 11px
    }

    .fc-events-container .fc-event+.fc-event {
      margin-top: 10px
    }

    .fc-unthemed .fc-popover,
    .fc-unthemed .fc-row,
    .fc-unthemed hr,
    .fc-unthemed tbody,
    .fc-unthemed td,
    .fc-unthemed th,
    .fc-unthemed thead {
      border-color: #ddd
    }

    .fc-unthemed thead,
    .fc-unthemed thead td,
    .fc-unthemed thead th {
      border-bottom-color: #bbb
    }

    .fc-unthemed hr {
      background-color: #f5f5f5
    }

    .fc-unthemed .fc-popover {
      background-color: #fff;
      border-radius: 3px
    }

    .fc-unthemed .fc-popover .fc-header {
      background-color: #f5f5f5
    }

    .fc-unthemed .fc-today {
      background-color: #E8F5E9
    }

    .fc-highlight {
      background-color: #e5e5e5
    }

    .fc-bgevent {
      background-color: #81C784
    }

    .fc-nonbusiness {
      background-color: #ccc
    }

    .fc-icon {
      display: block
    }

    .fc-icon:after {
      display: inline-block;
      font-family: icomoon;
      line-height: 1;
      font-size: 16px;
      vertical-align: middle;
      position: relative;
      top: -1px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .fc-icon-left-single-arrow:after {
      content: "\e9c0"
    }

    .fc-icon-right-single-arrow:after {
      content: "\e9c3"
    }

    .fc-icon-left-double-arrow:after {
      content: "\000AB"
    }

    .fc-icon-right-double-arrow:after {
      content: "\000BB"
    }

    .fc-icon-x:after {
      content: "\ed6b";
      font-size: 12px;
      display: block
    }

    .fc-button {
      margin: 0;
      border: 1px solid #ddd;
      padding: 7px 12px;
      cursor: pointer;
      outline: 0
    }

    .fc-button::-moz-focus-inner {
      margin: 0;
      padding: 0
    }

    .fc-state-default {
      border: 1px solid #ddd;
      background-color: #fcfcfc
    }

    .fc-state-default.fc-corner-left {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px
    }

    .fc-state-default.fc-corner-right {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .fc-state-hover {
      background-color: #f8f8f8
    }

    .fc-state-active,
    .fc-state-down {
      background-color: #f5f5f5
    }

    .fc-button.fc-state-active,
    .fc-button.fc-state-down {
      border-color: #ddd;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset
    }

    .fc-state-disabled {
      color: #999;
      cursor: not-allowed;
      opacity: .65;
      filter: alpha(opacity=65);
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .fc-event.fc-draggable,
    .fc-event[href],
    .fc-popover .fc-header .fc-close {
      cursor: pointer
    }

    .fc-button-group {
      display: inline-block
    }

    .fc .fc-button-group>* {
      float: left;
      margin: 0 0 0 -1px
    }

    .fc .fc-button-group>:first-child {
      margin-left: 0
    }

    .fc-popover {
      position: absolute;
      border: 1px solid #ddd;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
      box-shadow: 0 1px 5px rgba(0, 0, 0, .05)
    }

    .fc-popover .fc-header {
      padding: 10px
    }

    .fc-ltr .fc-popover .fc-header .fc-title {
      float: left
    }

    .fc-ltr .fc-popover .fc-header .fc-close {
      float: right
    }

    .fc-unthemed .fc-popover .fc-header .fc-close {
      margin-top: 2px;
      opacity: .6;
      filter: alpha(opacity=60)
    }

    .fc-unthemed .fc-popover .fc-header .fc-close:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .fc hr {
      height: 0;
      margin: 0;
      padding: 0 0 2px;
      border-style: solid;
      border-width: 1px 0
    }

    .fc-bg table,
    .fc-row .fc-bgevent-skeleton table,
    .fc-row .fc-highlight-skeleton table {
      height: 100%
    }

    .fc-bg,
    .fc-bgevent-skeleton,
    .fc-helper-skeleton,
    .fc-highlight-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      right: 0
    }

    .fc-event,
    .fc-row,
    .fc-scroller>* {
      position: relative
    }

    .fc-bg {
      bottom: 0
    }

    .fc table {
      table-layout: fixed
    }

    .fc td,
    .fc th {
      border-style: solid;
      border-width: 1px;
      padding: 0;
      vertical-align: top
    }

    .fc th {
      padding: 12px 20px;
      font-weight: 500
    }

    .fc td.fc-today {
      border-style: double
    }

    .fc-row {
      border-style: solid;
      border-width: 0
    }

    .fc-row table {
      border-left: 0 hidden transparent;
      border-right: 0 hidden transparent;
      border-bottom: 0 hidden transparent
    }

    .fc-row:first-child table {
      border-top: 0 hidden transparent
    }

    .fc-row .fc-bg {
      z-index: 1
    }

    .fc-row .fc-bgevent-skeleton,
    .fc-row .fc-highlight-skeleton {
      bottom: 0
    }

    .fc-row .fc-bgevent-skeleton td,
    .fc-row .fc-highlight-skeleton td {
      border: 0
    }

    .fc-row .fc-bgevent-skeleton {
      z-index: 2
    }

    .fc-row .fc-highlight-skeleton {
      z-index: 3
    }

    .fc-row .fc-content-skeleton td,
    .fc-row .fc-helper-skeleton td {
      background: 0 0;
      border-color: transparent;
      border-bottom: 0
    }

    .fc-row .fc-content-skeleton tbody td,
    .fc-row .fc-helper-skeleton tbody td {
      border-top: 0
    }

    .fc-row .fc-content-skeleton {
      position: relative;
      z-index: 4
    }

    .fc-row .fc-helper-skeleton {
      z-index: 5
    }

    .fc-scroller {
      overflow-y: scroll;
      overflow-x: hidden;
      min-height: 500px
    }

    .fc-day-grid-event>.fc-content,
    .fc-row.fc-rigid,
    .fc-scroller>*,
    .fc-time-grid-event {
      overflow: hidden
    }

    .fc-event {
      display: block;
      border: 1px solid #039BE5;
      background-color: #039BE5;
      font-weight: 400;
      border-radius: 2px
    }

    .fc-day-grid-event .fc-time,
    .fc-time-grid-event .fc-time {
      font-weight: 500
    }

    .fc-event,
    .fc-event:hover {
      color: #fff;
      text-decoration: none
    }

    .fc-not-allowed,
    .fc-not-allowed .fc-event {
      cursor: not-allowed
    }

    .fc-day-grid-event {
      margin: 0 5px 5px;
      padding: 4px 8px
    }

    .fc-day-grid-event>.fc-content {
      text-overflow: ellipsis
    }

    .fc-day-grid-event .fc-resizer {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 7px
    }

    .fc-ltr .fc-day-grid-event .fc-resizer {
      right: -3px;
      cursor: e-resize
    }

    @media (min-width:1200px) {
      .fc-day-grid-event>.fc-content {
        background-color: inherit
      }

      .fc-day-grid-event .fc-time {
        float: right;
        padding-left: 5px;
        display: inline-block;
        z-index: 2;
        position: relative;
        background-color: inherit
      }

      .fc-day-grid-event .fc-title {
        z-index: 1;
        position: relative
      }
    }

    a.fc-more {
      margin: 1px 5px;
      background-color: #fafafa;
      display: block;
      padding: 5px;
      border-radius: 3px;
      color: #999;
      font-size: 12px
    }

    a.fc-more:hover {
      background-color: #f5f5f5;
      color: #333
    }

    .fc-limited {
      display: none
    }

    .fc-day-grid .fc-row {
      z-index: 1
    }

    .fc-more-popover {
      z-index: 2;
      width: 220px
    }

    .fc-more-popover .fc-event-container {
      padding: 10px 5px
    }

    .fc-toolbar {
      margin-bottom: 20px
    }

    .fc-toolbar h2 {
      margin: 5px 0;
      font-size: 17px
    }

    .fc-toolbar .fc-left {
      float: left;
      width: 33%
    }

    .fc-toolbar .fc-right {
      float: right;
      width: 33%
    }

    .fc-toolbar .fc-right .fc-button-group {
      float: right
    }

    .fc-toolbar .fc-left>.fc-button,
    .fc-toolbar .fc-right>.fc-button {
      margin-left: 10px
    }

    .fc-toolbar .fc-center {
      display: inline-block;
      vertical-align: middle
    }

    .fc-toolbar>*>* {
      float: left
    }

    .fc-toolbar>*>:first-child {
      margin-left: 0
    }

    .fc-toolbar button {
      position: relative
    }

    .fc-toolbar button:focus {
      z-index: 5
    }

    .fc-toolbar .fc-state-hover,
    .fc-toolbar .ui-state-hover {
      z-index: 2
    }

    .fc-toolbar .fc-state-down {
      z-index: 3
    }

    .fc-toolbar .fc-state-active,
    .fc-toolbar .ui-state-active {
      z-index: 4
    }

    .fc-view-container *,
    .fc-view-container :after,
    .fc-view-container :before {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
    }

    .fc-view,
    .fc-view>table {
      position: relative;
      z-index: 1
    }

    .fc-basicDay-view .fc-content-skeleton,
    .fc-basicWeek-view .fc-content-skeleton {
      padding-top: 5px;
      padding-bottom: 10px
    }

    .fc-basic-view tbody .fc-row {
      min-height: 100px;
      min-width: 100px
    }

    .fc-row.fc-rigid .fc-content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      right: 0
    }

    .fc-basic-view .fc-day-number,
    .fc-basic-view .fc-week-number {
      padding: 10px
    }

    .fc-axis,
    .fc-basic-view .fc-day-number {
      text-align: right
    }

    .fc-basic-view .fc-week-number span {
      display: inline-block;
      min-width: 1.25em
    }

    .fc-basic-view .fc-day-number.fc-other-month {
      opacity: .3;
      filter: alpha(opacity=30)
    }

    .fc-agenda-view .fc-day-grid {
      position: relative;
      z-index: 2
    }

    .fc-agenda-view .fc-day-grid .fc-row {
      min-height: 3em
    }

    .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
      padding-top: 5px;
      padding-bottom: 0
    }

    .fc .fc-axis {
      vertical-align: middle;
      padding: 10px
    }

    .fc-time-grid,
    .fc-time-grid-container {
      position: relative;
      z-index: 1
    }

    .fc-time-grid {
      min-height: 100%
    }

    .fc-time-grid table {
      border: 0 hidden transparent
    }

    .fc-time-grid>.fc-bg {
      z-index: 1
    }

    .fc-time-grid .fc-slats,
    .fc-time-grid>hr {
      position: relative;
      z-index: 2
    }

    .fc-time-grid .fc-bgevent-skeleton,
    .fc-time-grid .fc-content-skeleton {
      position: absolute;
      top: 0;
      left: 0;
      right: 0
    }

    .fc-time-grid .fc-bgevent-skeleton {
      z-index: 3
    }

    .fc-time-grid .fc-highlight-skeleton {
      z-index: 4
    }

    .fc-time-grid .fc-content-skeleton {
      z-index: 5
    }

    .fc-time-grid .fc-helper-skeleton {
      z-index: 6
    }

    .fc-slats td {
      border-bottom: 0
    }

    .fc-slats .fc-minor td {
      border-top-style: dotted
    }

    .fc-time-grid .fc-highlight-container {
      position: relative
    }

    .fc-time-grid .fc-highlight {
      position: absolute;
      left: 0;
      right: 0
    }

    .fc-time-grid .fc-bgevent-container,
    .fc-time-grid .fc-event-container {
      position: relative
    }

    .fc-time-grid .fc-bgevent,
    .fc-time-grid .fc-event {
      position: absolute;
      z-index: 1;
      margin: 5px;
      padding: 10px;
      min-height: 45px;
      -webkit-box-shadow: 0 0 0 1px #fff;
      box-shadow: 0 0 0 1px #fff
    }

    .fc-time-grid .fc-bgevent {
      left: 0;
      right: 0
    }

    .fc-time-grid-event.fc-not-start {
      border-top-width: 0;
      padding-top: 1px;
      border-top-right-radius: 0;
      border-top-left-radius: 0
    }

    .fc-time-grid-event.fc-not-end {
      border-bottom-width: 0;
      padding-bottom: 1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .fc-time-grid-event>.fc-content {
      position: relative;
      z-index: 2
    }

    .fc-time-grid-event.fc-short .fc-time,
    .fc-time-grid-event.fc-short .fc-title {
      display: inline-block;
      vertical-align: top
    }

    .fc-time-grid-event.fc-short .fc-time:before {
      content: attr(data-start)
    }

    .fc-time-grid-event.fc-short .fc-time:after {
      content: "\000A0-\000A0"
    }

    .fc-time-grid-event.fc-short .fc-time span {
      display: none
    }

    .fc-time-grid-event.fc-short .fc-title {
      font-size: .85em;
      padding: 0
    }

    .fc-time-grid-event .fc-resizer {
      position: absolute;
      z-index: 3;
      left: 0;
      right: 0;
      bottom: 0;
      height: 8px;
      overflow: hidden;
      line-height: 10px;
      font-size: 12px;
      font-family: monospace;
      cursor: s-resize;
      background-color: rgba(0, 0, 0, .05);
      padding: 1px
    }

    .fc-time-grid-event .fc-resizer:hover {
      background-color: rgba(0, 0, 0, .1)
    }

    .fc-time-grid-event .fc-resizer:after {
      content: "="
    }

    @media (max-width:768px) {

      .fc-toolbar .fc-left,
      .fc-toolbar .fc-left .fc-button-group,
      .fc-toolbar .fc-left>.fc-button,
      .fc-toolbar .fc-right,
      .fc-toolbar .fc-right .fc-button-group,
      .fc-toolbar .fc-right>.fc-button {
        float: none;
        width: auto;
        vertical-align: top
      }

      .fc-toolbar .fc-left,
      .fc-toolbar .fc-right {
        display: block;
        margin-bottom: 10px
      }

      .fc-view-container {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
      }

      .fc-view-container>.fc-view>table {
        margin-left: -1px
      }

      .fc td,
      .fc th {
        border-right-width: 0
      }
    }

    .gu-mirror {
      position: fixed !important;
      margin: 0 !important;
      z-index: 9999 !important;
      opacity: .8;
      filter: alpha(opacity=80)
    }

    .gu-unselectable.dropdown-menu li:nth-last-child(2) {
      margin-bottom: 0
    }

    .nav-pills-toolbar>li.gu-mirror:not(.active)>a {
      border: 0
    }

    .gu-hide {
      display: none !important
    }

    .gu-unselectable {
      -moz-user-select: none;
      user-select: none
    }

    .gu-transit {
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .dragula-handle {
      color: #999;
      cursor: pointer
    }

    .dragula-handle:focus,
    .dragula-handle:hover {
      color: #333
    }

    .plupload_wrapper {
      width: 100%;
      border: 2px dashed #ddd;
      border-radius: 3px
    }

    .panel>div>.plupload_wrapper {
      border: 0
    }

    .panel.panel-flat>div>.plupload_wrapper {
      border-top: 1px solid #ddd
    }

    .plupload_delete a:after,
    .plupload_done a:after,
    .plupload_failed a:after,
    .plupload_file_action:after,
    .plupload_filelist li.plupload_droptext:before,
    .plupload_filelist:empty:before,
    .plupload_header:after {
      font-family: icomoon;
      display: inline-block;
      font-size: 16px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .file-preview-other:after,
    .file-thumb-loading:after,
    .file-uploading:after {
      font-family: icomoon;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .plupload_header {
      display: none;
      position: relative;
      background-color: #0097A7;
      margin: -1px -1px 0;
      border-top-right-radius: 3px;
      border-top-left-radius: 3px
    }

    .plupload_header:after {
      content: '\ec78';
      color: #fff;
      font-size: 32px;
      position: absolute;
      top: 50%;
      left: 20px;
      margin-top: -16px
    }

    .plupload_header_content {
      padding: 15px 20px 15px 72px;
      color: #fff
    }

    .plupload_header_title {
      font-size: 15px;
      font-weight: 500
    }

    .plupload_header_text {
      font-size: 11px;
      line-height: 1.82
    }

    .plupload_clearer,
    .plupload_progress_bar {
      display: block;
      font-size: 0;
      line-height: 0
    }

    .plupload_button {
      display: inline-block;
      color: #fff;
      background-color: #2196F3;
      border: 1px solid transparent;
      padding: 6px 11px;
      border-radius: 2px;
      margin-right: 5px
    }

    .plupload_file_action *,
    .plupload_progress,
    .plupload_upload_status {
      display: none
    }

    .plupload_button:focus,
    .plupload_button:hover {
      color: #fff;
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
    }

    .plupload_button:active {
      -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
      box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
    }

    a.plupload_disabled,
    a.plupload_disabled:focus,
    a.plupload_disabled:hover {
      color: #999;
      border-color: #ddd;
      background: #fcfcfc;
      cursor: default;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .plupload_start {
      background-color: #26A69A
    }

    .plupload_filelist {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .plupload_scroll .plupload_filelist {
      height: 250px;
      background: #fff;
      overflow-y: auto
    }

    @media (max-width:768px) {
      .plupload_scroll .plupload_filelist {
        height: 200px
      }
    }

    .plupload_filelist li {
      padding: 12px 20px;
      background-color: #fff
    }

    .plupload_filelist li:hover {
      background-color: #f5f5f5
    }

    .plupload_filelist li.plupload_droptext:hover {
      background-color: transparent
    }

    .plupload_filelist li.plupload_droptext,
    .plupload_filelist:empty {
      position: relative;
      height: 250px;
      text-align: center;
      background-color: transparent;
      text-indent: -99999px
    }

    .plupload_filelist li.plupload_droptext:before,
    .plupload_filelist:empty:before {
      content: '\ea0e';
      font-size: 80px;
      padding-top: 65px;
      position: absolute;
      top: 0;
      width: 80px;
      height: 80px;
      left: 50%;
      margin-left: -40px;
      z-index: 2;
      color: #ddd;
      text-indent: 0;
      font-weight: 400
    }

    .plupload_filelist li.plupload_droptext:after,
    .plupload_filelist:empty:after {
      content: 'Drag files to upload';
      font-size: 19px;
      position: absolute;
      top: 50%;
      padding-top: 145px;
      left: 50%;
      margin: -100px 0 0 -150px;
      width: 300px;
      height: 200px;
      color: #bbb;
      text-indent: 0
    }

    @media (max-width:768px) {

      .plupload_filelist li.plupload_droptext,
      .plupload_filelist:empty {
        height: 200px
      }

      .plupload_filelist li.plupload_droptext:after,
      .plupload_filelist li.plupload_droptext:before,
      .plupload_filelist:empty:after,
      .plupload_filelist:empty:before {
        width: 100%;
        height: 200px;
        left: 0;
        margin: 0;
        top: 0
      }

      .plupload_filelist li.plupload_droptext:before,
      .plupload_filelist:empty:before {
        font-size: 64px;
        padding-top: 40px
      }

      .plupload_filelist li.plupload_droptext:after,
      .plupload_filelist:empty:after {
        font-size: 17px;
        border-width: 3px 0;
        padding-top: 120px
      }

      .plupload_filelist_footer .plupload_file_action,
      .plupload_filelist_footer .plupload_file_size,
      .plupload_filelist_footer .plupload_file_status,
      .plupload_filelist_footer .plupload_progress {
        display: none
      }
    }

    .plupload_filelist_footer,
    .plupload_filelist_header {
      padding: 15px 20px
    }

    .plupload_filelist:empty:after {
      content: 'Add files to upload'
    }

    .plupload_filelist_header .plupload_file_action,
    .plupload_filelist_header .plupload_file_name,
    .plupload_filelist_header .plupload_file_size,
    .plupload_filelist_header .plupload_file_status {
      font-weight: 500
    }

    .plupload_filelist_footer .plupload_file_size,
    .plupload_filelist_footer .plupload_file_status,
    .plupload_filelist_footer .plupload_upload_status {
      padding: 7px 0;
      font-weight: 500
    }

    .plupload_file_action {
      position: relative;
      float: right;
      margin-left: 30px;
      margin-top: 2px;
      color: #999;
      width: 16px;
      height: 16px
    }

    .plupload_file_action:after {
      content: '\ec67';
      position: absolute;
      left: 0;
      top: 0
    }

    .plupload_filelist_footer .plupload_file_action {
      margin-top: 9px
    }

    .plupload_filelist .plupload_file_action:after {
      content: none
    }

    .plupload_delete .plupload_file_action>a {
      color: #333;
      line-height: 1;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .plupload_delete .plupload_file_action>a:hover {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .plupload_uploading {
      background-color: #E8F5E9
    }

    .plupload_delete a:after {
      content: '\ed6b'
    }

    .plupload_failed a {
      color: #F44336;
      cursor: default
    }

    .plupload_failed a:after {
      content: '\e9cf'
    }

    .plupload_done {
      color: #999
    }

    .plupload_done a {
      color: #4DB6AC;
      cursor: default
    }

    .plupload_done a:after {
      content: '\e9db'
    }

    .plupload_progress_container {
      margin-top: 14px;
      background-color: #eee
    }

    .plupload_progress_bar {
      width: 0;
      height: 4px;
      background: #4DB6AC;
      border-radius: 5px
    }

    .file-preview-frame,
    .file-preview-image,
    .file-preview-other {
      height: 160px;
      vertical-align: middle
    }

    .file-input.has-error .form-control {
      border-color: #ddd;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    @media (min-width:769px) {
      .plupload_file_name {
        float: left;
        overflow: hidden
      }

      .plupload_filelist .plupload_file_name {
        width: 205px;
        white-space: nowrap;
        text-overflow: ellipsis
      }

      .plupload_file_size,
      .plupload_file_status,
      .plupload_progress {
        float: right;
        width: 80px
      }

      .plupload_file_action,
      .plupload_file_size,
      .plupload_file_status {
        text-align: right
      }

      .file-input .btn>.glyphicon,
      .file-input .btn>[class*=icon-] {
        margin-right: 5px
      }
    }

    .file-object {
      margin: 0 0 -7px;
      padding: 0
    }

    .btn-file {
      position: relative;
      overflow: hidden
    }

    .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      text-align: right;
      opacity: 0;
      background: none;
      cursor: inherit;
      display: block
    }

    .file-caption-name {
      display: inline-block;
      overflow: hidden;
      word-break: break-all
    }

    .file-caption-name .glyphicon,
    .file-caption-name [class*=icon-] {
      margin-right: 7px
    }

    .file-input-new .file-caption-name {
      color: #999
    }

    .file-input-new .file-caption-name>.glyphicon,
    .file-input-new .file-caption-name>[class*=icon-] {
      display: none
    }

    .file-error-message {
      position: relative;
      background-color: #f2dede;
      color: #a94442;
      text-align: center;
      border-radius: 3px;
      padding: 10px;
      margin: 0 5px 5px
    }

    .file-drop-zone .file-error-message {
      margin-top: 5px
    }

    .file-error-message .close {
      margin-top: 1px;
      color: #a94442
    }

    .file-error-message pre,
    .file-error-message ul {
      margin: 7px 0;
      text-align: left
    }

    .file-caption-disabled {
      background-color: #fafafa;
      cursor: not-allowed
    }

    .file-caption-disabled .file-caption-name {
      color: #ccc
    }

    .file-preview-detail-modal {
      text-align: left
    }

    .file-preview {
      border-radius: 2px;
      border: 1px solid #ddd;
      width: 100%;
      margin-bottom: 20px;
      position: relative;
      text-align: center
    }

    .file-preview>.close {
      font-weight: 400;
      font-size: 17px;
      position: absolute;
      top: 0;
      right: 0;
      background-color: #fff;
      padding: 8px;
      line-height: .6;
      border-radius: 3px;
      color: #555;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .file-preview-frame {
      margin: 7px 0 7px 7px;
      display: table;
      float: left
    }

    .changeType,
    .file-footer-buttons {
      float: right
    }

    .file-drop-zone .file-preview-frame {
      border: 1px solid #ddd;
      border-radius: 3px
    }

    .file-preview-image {
      border-radius: 3px
    }

    @media (max-width:768px) {
      .file-preview-image {
        max-width: 100%
      }
    }

    .file-preview-text {
      text-align: left;
      width: 160px;
      margin-bottom: 2px;
      color: #428bca;
      background-color: #fff;
      overflow-x: hidden
    }

    .file-preview-other {
      display: table-cell;
      text-align: center;
      width: 160px
    }

    .file-preview-other:after {
      content: "\ea0c";
      display: block;
      font-size: 64px
    }

    .file-preview-other .glyphicon {
      display: none
    }

    .file-preview-status {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(250, 250, 250, .8);
      border-top: 1px solid #ddd;
      padding: 7px 12px;
      font-size: 12px;
      color: #333 !important
    }

    .file-preview-status:empty {
      padding: 0;
      background-color: transparent;
      border: 0
    }

    .file-thumb-loading:before,
    .file-uploading:before {
      content: "";
      display: inline-block;
      background-color: #263238;
      width: 32px;
      height: 32px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -16px 0 0 -16px;
      border-radius: 3px;
      -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, .5);
      box-shadow: 0 1px 5px rgba(255, 255, 255, .5)
    }

    .file-thumb-loading:after,
    .file-uploading:after {
      content: "\eb55";
      display: inline-block;
      position: absolute;
      color: #fff;
      top: 50%;
      left: 50%;
      margin: -8px 0 0 -8px;
      font-size: 16px;
      line-height: 1;
      -webkit-animation: rotation 1s linear infinite;
      -o-animation: rotation 1s linear infinite;
      animation: rotation 1s linear infinite
    }

    #fancybox-loading div:after,
    .dropzone .dz-default.dz-message:before,
    .fancybox-close:after,
    .fancybox-nav span:after,
    .footable.breakpoint>tbody>tr .footable-toggle:before {
      font-family: icomoon
    }

    .file-upload-indicator {
      padding-top: 6px;
      padding-bottom: 6px;
      cursor: default;
      text-align: left;
      padding-left: 8px
    }

    .file-input-ajax-new .file-caption-name>.glyphicon,
    .file-input-ajax-new .file-caption-name>[class*=icon-],
    .file-input-ajax-new .fileinput-remove,
    .file-input-ajax-new .fileinput-remove-button,
    .file-input-ajax-new .fileinput-upload-button,
    .file-input-new .close,
    .file-input-new .file-preview,
    .file-input-new .fileinput-remove-button,
    .file-input-new .fileinput-upload-button,
    .file-input-new .glyphicon-file {
      display: none
    }

    .file-actions {
      margin-top: 5px;
      border-top: 1px solid #eee
    }

    .file-actions .btn>.glyphicon,
    .file-actions .btn>[class*=icon-] {
      margin-right: 0
    }

    .file-footer-caption {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 160px;
      text-align: center;
      font-size: 11px;
      padding: 12px 7px 7px;
      margin-left: auto;
      margin-right: auto
    }

    .file-preview-error {
      opacity: .65;
      filter: alpha(opacity=65);
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .dropzone .dz-default.dz-message,
    .dropzone .dz-message {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .file-drop-zone {
      border: 1px dashed #ddd;
      border-radius: 3px;
      height: 100%;
      vertical-align: middle;
      margin: 5px;
      padding: 5px
    }

    .file-drop-zone-title {
      color: #999;
      font-size: 21px;
      font-weight: 300;
      padding: 85px 10px
    }

    .file-highlighted {
      border-color: #ccc;
      background-color: #fafafa
    }

    .file-thumb-progress {
      position: absolute;
      top: -5px;
      left: 0;
      right: 0
    }

    .dropzone,
    .file-thumbnail-footer {
      position: relative
    }

    .file-thumb-progress .progress,
    .file-thumb-progress .progress-bar {
      height: 5px;
      border-radius: 0;
      font-size: 0
    }

    .kv-upload-progress {
      margin-bottom: 20px
    }

    .btn-file ::-ms-browse {
      width: 100%;
      height: 100%
    }

    .dropzone {
      border: 3px dashed #eee;
      min-height: 250px;
      border-radius: 2px;
      background-color: #fcfcfc;
      padding: 5px
    }

    .dropzone.dz-clickable,
    .dropzone.dz-clickable .dz-message,
    .dropzone.dz-clickable .dz-message span {
      cursor: pointer
    }

    .dropzone.dz-clickable * {
      cursor: default
    }

    .dropzone.dz-drag-hover {
      border-color: rgba(0, 0, 0, .15);
      background: rgba(0, 0, 0, .04)
    }

    .sidebar .dropzone {
      min-height: 190px;
      text-align: center;
      border-width: 2px
    }

    .sidebar .dropzone .dz-default.dz-message:before {
      font-size: 64px;
      width: 64px;
      height: 64px;
      margin-left: -32px;
      top: 50px
    }

    .sidebar .dropzone .dz-default.dz-message span {
      font-size: 15px
    }

    .sidebar .dropzone .dz-default.dz-message>span {
      margin-top: 130px
    }

    .dropzone .dz-default.dz-message {
      position: absolute;
      height: 230px;
      width: 100%;
      margin-top: -115px;
      top: 50%;
      left: 0;
      padding: 20px;
      text-align: center;
      border-radius: 5px;
      -webkit-transition: opacity .3s ease-in-out;
      -o-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out
    }

    .dropzone .dz-default.dz-message:before {
      content: '\ea0e';
      font-size: 64px;
      position: absolute;
      top: 48px;
      width: 64px;
      height: 64px;
      display: inline-block;
      left: 50%;
      margin-left: -32px;
      line-height: 1;
      z-index: 2;
      color: #ddd;
      text-indent: 0;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .dropzone .dz-default.dz-message span {
      font-size: 15px;
      color: #bbb;
      text-align: center;
      margin-top: 140px;
      display: block;
      font-weight: 500;
      text-shadow: 0 1px 1px #fff
    }

    .dropzone .dz-default.dz-message span>span {
      margin-top: 2px;
      display: block;
      color: #ccc;
      font-size: 15px
    }

    @media (min-width:769px) {
      .dropzone {
        min-height: 320px
      }

      .dropzone .dz-default.dz-message:before {
        font-size: 80px;
        top: 48px;
        width: 80px;
        height: 80px;
        margin-left: -32px
      }

      .dropzone .dz-default.dz-message span {
        font-size: 19px;
        margin-top: 130px
      }
    }

    .dropzone.dz-drag-hover .dz-message {
      opacity: .15;
      filter: alpha(opacity=15)
    }

    .dropzone.dz-started .dz-message {
      display: block;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .dropzone .dz-preview,
    .dropzone-previews .dz-preview {
      background-color: #fff;
      position: relative;
      display: inline-block;
      margin: 10px;
      vertical-align: top;
      border: 1px solid #ddd;
      padding: 8px;
      border-radius: 2px
    }

    .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
    .dropzone .dz-preview:hover .dz-details img,
    .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail],
    .dropzone-previews .dz-preview:hover .dz-details img {
      display: none
    }

    .dropzone .dz-preview .dz-details,
    .dropzone-previews .dz-preview .dz-details {
      width: 140px;
      position: relative;
      background-color: #fafafa;
      padding: 8px;
      margin-bottom: 25px
    }

    .dropzone .dz-preview .dz-details .dz-filename,
    .dropzone-previews .dz-preview .dz-details .dz-filename {
      overflow: hidden;
      height: 100%
    }

    .dropzone .dz-preview .dz-details img,
    .dropzone-previews .dz-preview .dz-details img {
      position: absolute;
      top: 0;
      left: 0;
      width: 140px;
      height: 140px
    }

    .dropzone .dz-preview .dz-details .dz-size,
    .dropzone-previews .dz-preview .dz-details .dz-size {
      position: absolute;
      bottom: -26px;
      left: 0
    }

    .dropzone .dz-preview .dz-error-mark,
    .dropzone .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
      display: none;
      position: absolute;
      z-index: 9;
      right: 8px
    }

    .dropzone .dz-preview .dz-error-mark:after,
    .dropzone .dz-preview .dz-success-mark:after,
    .dropzone-previews .dz-preview .dz-error-mark:after,
    .dropzone-previews .dz-preview .dz-success-mark:after {
      font-family: icomoon;
      display: block;
      position: absolute;
      right: 0;
      bottom: 3px;
      font-size: 12px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .dropzone .dz-preview .dz-error-mark span,
    .dropzone .dz-preview .dz-error-mark svg,
    .dropzone .dz-preview .dz-success-mark span,
    .dropzone .dz-preview .dz-success-mark svg,
    .dropzone-previews .dz-preview .dz-error-mark span,
    .dropzone-previews .dz-preview .dz-error-mark svg,
    .dropzone-previews .dz-preview .dz-success-mark span,
    .dropzone-previews .dz-preview .dz-success-mark svg {
      display: none
    }

    .dropzone .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-error-mark {
      color: #F44336
    }

    .dropzone .dz-preview .dz-error-mark:after,
    .dropzone-previews .dz-preview .dz-error-mark:after {
      content: '\ed6a'
    }

    .dropzone .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
      color: #4CAF50
    }

    .dropzone .dz-preview .dz-success-mark:after,
    .dropzone-previews .dz-preview .dz-success-mark:after {
      content: '\ed6e'
    }

    .dropzone .dz-preview.dz-error .dz-error-mark,
    .dropzone .dz-preview.dz-success .dz-success-mark,
    .dropzone-previews .dz-preview.dz-error .dz-error-mark,
    .dropzone-previews .dz-preview.dz-success .dz-success-mark {
      display: block;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .dropzone .dz-preview .dz-progress,
    .dropzone-previews .dz-preview .dz-progress {
      position: absolute;
      top: 118px;
      left: 8px;
      right: 8px;
      height: 4px;
      background-color: #eee;
      display: none;
      border-radius: 2px
    }

    .dropzone .dz-preview .dz-progress .dz-upload,
    .dropzone-previews .dz-preview .dz-progress .dz-upload {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #00BCD4;
      -webkit-transition: width .3s ease-in-out;
      -o-transition: width .3s ease-in-out;
      transition: width .3s ease-in-out
    }

    .dropzone .dz-preview.dz-processing .dz-progress,
    .dropzone-previews .dz-preview.dz-processing .dz-progress {
      display: block
    }

    .dropzone .dz-preview.dz-success .dz-progress,
    .dropzone-previews .dz-preview.dz-success .dz-progress {
      display: block;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity .4s ease-in-out;
      -o-transition: opacity .4s ease-in-out;
      transition: opacity .4s ease-in-out
    }

    .dropzone .dz-preview .dz-error-message,
    .dropzone-previews .dz-preview .dz-error-message {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(245, 245, 245, .8);
      margin: 8px;
      padding: 8px;
      color: #F44336;
      max-width: 100%;
      z-index: 5;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity .3s ease-in-out;
      -o-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out
    }

    .dropzone .dz-preview.dz-error:hover .dz-error-message,
    .dropzone-previews .dz-preview.dz-error:hover .dz-error-message {
      display: block;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .dropzone .dz-preview.dz-error .dz-progress .dz-upload,
    .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
      background: #F44336
    }

    .dropzone .dz-preview.dz-image-preview:hover .dz-details img,
    .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
      display: block;
      opacity: .1;
      filter: alpha(opacity=10)
    }

    .dropzone .dz-preview a.dz-remove,
    .dropzone-previews .dz-preview a.dz-remove {
      background-color: #fafafa;
      border-radius: 2px;
      border: 1px solid #eee;
      display: block;
      padding: 5px;
      text-align: center;
      color: #999;
      margin-top: 35px;
      cursor: pointer
    }

    .dropzone .dz-preview a.dz-remove:hover,
    .dropzone-previews .dz-preview a.dz-remove:hover {
      color: #333;
      background-color: #f5f5f5
    }

    .image-cropper-container {
      height: 350px;
      width: 100%;
      overflow: hidden;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
    }

    .eg-preview {
      text-align: center;
      font-size: 0
    }

    .eg-preview .preview {
      margin: 10px auto 0;
      display: block;
      overflow: hidden;
      vertical-align: middle;
      border-radius: 2px
    }

    .eg-preview .preview-lg {
      width: 150px;
      height: 150px
    }

    .eg-preview .preview-md {
      width: 120px;
      height: 120px
    }

    .eg-preview .preview-sm {
      width: 90px;
      height: 90px
    }

    .eg-preview .preview-xs {
      width: 60px;
      height: 60px
    }

    .eg-preview .preview-xxs {
      width: 40px;
      height: 40px
    }

    @media (min-width:769px) {
      .eg-preview .preview {
        display: inline-block;
        margin-left: 0;
        margin-right: 0
      }

      .eg-preview .preview+.preview {
        margin-left: 15px
      }

      .eg-preview {
        white-space: nowrap;
        max-width: 100%;
        overflow: auto
      }
    }

    .cropper-invisible,
    .cropper-viewer>img {
      max-width: none !important;
      max-height: none !important
    }

    .cropper-viewer,
    .fancybox-inner {
      overflow: hidden
    }

    .cropper-container {
      position: relative;
      overflow: hidden;
      background-color: #fff;
      -moz-user-select: none;
      user-select: none
    }

    .cropper-container>img {
      width: 100%;
      height: 100%
    }

    .cropper-hidden {
      display: none !important
    }

    .cropper-invisible {
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: auto !important;
      height: auto !important;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .cropper-canvas,
    .cropper-modal {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
    }

    .cropper-modal {
      background-color: #333;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .cropper-canvas {
      cursor: crosshair;
      background-color: #fff;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .cropper-dragger {
      position: absolute;
      top: 10%;
      left: 10%;
      width: 80%;
      height: 80%
    }

    .cropper-viewer {
      display: block;
      width: 100%;
      height: 100%;
      outline-width: 1px;
      outline-style: solid;
      outline-color: rgba(33, 150, 243, .75)
    }

    .cropper-dashed {
      position: absolute;
      display: block;
      border: 0 dashed #fff;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .cropper-dashed.dashed-h {
      top: 33.3%;
      left: 0;
      width: 100%;
      height: 33.3%;
      border-top-width: 1px;
      border-bottom-width: 1px
    }

    .cropper-dashed.dashed-v {
      top: 0;
      left: 33.3%;
      width: 33.3%;
      height: 100%;
      border-right-width: 1px;
      border-left-width: 1px
    }

    .cropper-face,
    .cropper-line,
    .cropper-point {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      opacity: .1;
      filter: alpha(opacity=10)
    }

    .cropper-face {
      top: 0;
      left: 0;
      cursor: move;
      background-color: #fff
    }

    .cropper-line {
      background-color: #F44336
    }

    .cropper-line.line-e {
      top: 0;
      right: -3px;
      width: 5px;
      cursor: e-resize
    }

    .cropper-line.line-n {
      top: -3px;
      left: 0;
      height: 5px;
      cursor: n-resize
    }

    .cropper-line.line-w {
      top: 0;
      left: -3px;
      width: 5px;
      cursor: w-resize
    }

    .cropper-line.line-s {
      bottom: -3px;
      left: 0;
      height: 5px;
      cursor: s-resize
    }

    .cropper-point {
      width: 5px;
      height: 5px;
      background-color: #2196F3;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .cropper-point.point-e {
      top: 50%;
      right: -3px;
      margin-top: -3px;
      cursor: e-resize
    }

    .cropper-point.point-n {
      top: -3px;
      left: 50%;
      margin-left: -3px;
      cursor: n-resize
    }

    .cropper-point.point-w {
      top: 50%;
      left: -3px;
      margin-top: -3px;
      cursor: w-resize
    }

    .cropper-point.point-s {
      bottom: -3px;
      left: 50%;
      margin-left: -3px;
      cursor: s-resize
    }

    .cropper-point.point-ne {
      top: -3px;
      right: -3px;
      cursor: ne-resize
    }

    .cropper-point.point-nw {
      top: -3px;
      left: -3px;
      cursor: nw-resize
    }

    .cropper-point.point-sw {
      bottom: -3px;
      left: -3px;
      cursor: sw-resize
    }

    .cropper-point.point-se {
      right: -3px;
      bottom: -3px;
      width: 20px;
      height: 20px;
      cursor: se-resize;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .cropper-point.point-se:before {
      content: " ";
      position: absolute;
      right: -50%;
      bottom: -50%;
      display: block;
      width: 200%;
      height: 200%;
      background-color: #2196F3;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    @media (min-width:769px) {
      .cropper-point {
        width: 15px;
        height: 15px
      }
    }

    @media (min-width:1025px) {
      .cropper-point {
        width: 10px;
        height: 10px
      }
    }

    @media (min-width:1200px) {
      .cropper-point {
        width: 5px;
        height: 5px;
        opacity: .75;
        filter: alpha(opacity=75)
      }
    }

    .fancybox-image,
    .fancybox-inner,
    .fancybox-nav,
    .fancybox-nav span,
    .fancybox-outer,
    .fancybox-skin,
    .fancybox-tmp,
    .fancybox-wrap,
    .fancybox-wrap iframe,
    .fancybox-wrap object {
      padding: 0;
      margin: 0;
      border: 0;
      outline: 0;
      vertical-align: top
    }

    .fancybox-wrap {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 8020
    }

    .fancybox-inner,
    .fancybox-outer,
    .fancybox-skin {
      position: relative
    }

    .fancybox-skin {
      background-color: #fff;
      color: #333;
      border-radius: 3px
    }

    .fancybox-opened {
      z-index: 8030
    }

    .fancybox-opened .fancybox-skin {
      -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
      box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
    }

    #fancybox-loading,
    .fancybox-close {
      position: fixed;
      color: #fff;
      cursor: pointer
    }

    .fancybox-type-iframe .fancybox-inner {
      -webkit-overflow-scrolling: touch
    }

    .fancybox-iframe,
    .fancybox-image {
      display: block;
      width: 100%;
      height: 100%
    }

    .fancybox-image {
      max-width: 100%;
      max-height: 100%
    }

    #fancybox-loading {
      top: 50%;
      left: 50%;
      z-index: 8060;
      opacity: .8;
      filter: alpha(opacity=80)
    }

    #fancybox-loading div:after {
      content: '\eb55';
      font-size: 16px;
      margin-top: -8px;
      margin-left: -8px;
      display: block;
      line-height: 1;
      width: 16px;
      height: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-animation: rotation 1s ease infinite;
      -o-animation: rotation 1s ease infinite;
      animation: rotation 1s ease infinite
    }

    .fancybox-close {
      right: 0;
      top: 0;
      padding: 15px;
      z-index: 8061;
      line-height: 1;
      border-radius: 3px
    }

    .fancybox-close:focus,
    .fancybox-close:hover {
      background-color: rgba(0, 0, 0, .25);
      color: #fff
    }

    .fancybox-close:after {
      content: '\ed6a';
      font-size: 16px;
      display: block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .fancybox-error {
      color: #F44336;
      font-weight: 500;
      margin: 0;
      padding: 20px
    }

    .fancybox-title {
      visibility: hidden;
      font-weight: 500;
      position: relative;
      text-shadow: none;
      z-index: 8050
    }

    .fancybox-opened .fancybox-title {
      visibility: visible
    }

    .fancybox-title-float-wrap {
      position: absolute;
      bottom: 0;
      right: 50%;
      margin-bottom: -45px;
      z-index: 8050;
      text-align: center
    }

    .fancybox-title-float-wrap .child {
      display: inline-block;
      margin-right: -100%;
      padding: 7px 12px;
      background: rgba(0, 0, 0, .5);
      color: #fff;
      white-space: nowrap
    }

    .fancybox-title-outside-wrap {
      position: relative;
      margin-top: 10px;
      color: #fff
    }

    .fancybox-title-inside-wrap {
      padding-top: 10px
    }

    .fancybox-title-over-wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      padding: 10px;
      background-color: transparent
    }

    .fancybox-nav {
      position: absolute;
      top: 0;
      width: 40%;
      height: 100%;
      cursor: pointer;
      background-color: transparent;
      z-index: 8040
    }

    .fancybox-nav span {
      position: absolute;
      top: 50%;
      width: 32px;
      height: 32px;
      margin-top: -16px;
      cursor: pointer;
      padding: 8px;
      color: #fff;
      background-color: rgba(0, 0, 0, .5);
      display: block;
      text-align: center;
      z-index: 8040;
      visibility: hidden;
      border-radius: 3px;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .fancybox-nav span:after {
      display: inline-block;
      font-size: 16px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .fancybox-nav:hover span {
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .handsontable.htAutoSize,
    .handsontable.listbox .wtBorder,
    .htContextMenu .wtBorder {
      visibility: hidden
    }

    .fancybox-prev {
      left: 0
    }

    .fancybox-prev span {
      left: 10px
    }

    .fancybox-prev span:after {
      content: '\e9c8'
    }

    .fancybox-next {
      right: 0
    }

    .fancybox-next span {
      right: 10px
    }

    .fancybox-next span:after {
      content: '\e9cb'
    }

    .fancybox-lock {
      overflow: visible !important;
      width: auto
    }

    .fancybox-lock .fancybox-overlay {
      overflow: auto;
      overflow-y: scroll
    }

    .fancybox-lock body {
      overflow: hidden !important
    }

    .fancybox-lock-test {
      overflow-y: hidden !important
    }

    .fancybox-overlay {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      display: none;
      z-index: 8010;
      background-color: rgba(0, 0, 0, .8)
    }

    .fancybox-overlay-fixed {
      position: fixed;
      bottom: 0;
      right: 0
    }

    .footable {
      width: 100%
    }

    .footable>thead>tr>th {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .footable.breakpoint>tbody>tr.footable-detail-show>td {
      border-bottom: 0
    }

    .footable.breakpoint>tbody>tr.footable-row-detail:hover {
      background-color: transparent
    }

    .footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
      cursor: pointer
    }

    .footable.breakpoint>tbody>tr>.footable-cell-detail {
      background-color: #eee;
      border-top: 0
    }

    .footable.breakpoint>tbody>tr .footable-toggle:before {
      content: "\e9e4";
      display: inline-block;
      font-size: 16px;
      vertical-align: middle;
      position: relative;
      top: -1px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding-right: 10px
    }

    .changeTypeMenu li.active:after,
    .htContextMenu table tbody tr td div span.selected:after,
    .pika-next:after,
    .pika-prev:after {
      font-family: Icomoon;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .footable.breakpoint>tbody>tr.footable-detail-show .footable-toggle:before {
      content: "\e9e7"
    }

    .footable-row-detail-inner {
      display: table;
      table-layout: fixed;
      width: 100%
    }

    .footable-row-detail-row {
      display: table-row
    }

    .footable-row-detail-group {
      display: block;
      font-weight: 700;
      margin-top: 20px;
      margin-bottom: 7px
    }

    .footable-row-detail-group:first-child {
      margin-top: 7px
    }

    .footable-row-detail-name {
      display: table-cell;
      padding-right: 40px;
      font-weight: 500
    }

    .footable-row-detail-value {
      display: table-cell;
      padding: 7px 0
    }

    @media (max-width:480px) {
      .footable-row-detail-inner {
        position: relative
      }

      .footable-row-detail .btn-group,
      .footable-row-detail .dropdown,
      .footable-row-detail .dropup {
        position: static
      }

      .footable-row-detail .dropdown-menu {
        left: 0;
        right: 0
      }
    }

    .hot-container {
      position: relative;
      -webkit-box-shadow: 0 0 0 1px #ddd;
      box-shadow: 0 0 0 1px #ddd
    }

    .hot-container .ht_master .wtHolder {
      min-width: 100%
    }

    .hot-container.has-scroll {
      height: 300px;
      overflow: hidden
    }

    @media (max-width:1024px) {
      .hot-container {
        overflow-x: hidden;
        overflow-y: auto
      }

      .hot-container .ht_master .wtHolder {
        max-width: 100%;
        min-width: auto
      }

      .hot-container:not(.has-scroll) .wtHolder {
        height: 100% !important
      }
    }

    .handsontable .table-striped>tbody>tr:nth-of-type(odd)>td:not([class*=bg-]) {
      background-color: inherit
    }

    .handsontable .table-hover>tbody>tr:hover>th {
      background-color: #f5f5f5
    }

    .changeType {
      border: 0;
      background-color: transparent;
      border-radius: 2px;
      padding: 0;
      margin-right: 2px;
      line-height: 16px;
      margin-top: 2px
    }

    .changeType:hover {
      color: #777
    }

    .changeTypeMenu {
      position: absolute;
      border: 1px solid #ccc;
      margin-top: 20px;
      background-color: #fff;
      padding: 7px 0;
      display: none;
      width: 160px;
      z-index: 1000
    }

    .changeTypeMenu li {
      list-style: none;
      padding: 7px 34px 7px 12px;
      cursor: pointer;
      position: relative
    }

    .changeTypeMenu li:hover {
      background-color: #f5f5f5
    }

    .changeTypeMenu li.active:after {
      content: '\e600';
      position: absolute;
      right: 12px;
      top: 50%;
      margin-top: -8px;
      display: inline-block;
      font-size: 16px;
      line-height: 1
    }

    .handsontable,
    .handsontable .relative {
      position: relative
    }

    .handsontable .hide {
      display: none
    }

    .handsontable.htAutoSize {
      left: -99000px;
      position: absolute;
      top: -99000px
    }

    .handsontable .htDimmed {
      color: #999
    }

    .handsontable .wtHider {
      width: 0
    }

    .handsontable .wtSpreader {
      position: relative;
      width: 0;
      height: auto
    }

    .handsontable div,
    .handsontable input,
    .handsontable table,
    .handsontable tbody,
    .handsontable td,
    .handsontable textarea,
    .handsontable th,
    .handsontable thead {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
    }

    .handsontable input,
    .handsontable textarea {
      min-height: initial
    }

    .handsontable .htCore {
      border-collapse: separate;
      border-spacing: 0;
      margin: 0;
      border-width: 0;
      table-layout: fixed;
      width: 0;
      outline-width: 0;
      max-width: none;
      max-height: none
    }

    .handsontable col,
    .handsontable col.rowHeader {
      width: 50px
    }

    .handsontable td,
    .handsontable th {
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      height: 30px;
      empty-cells: show;
      position: relative;
      padding: 0 4px;
      overflow: hidden;
      outline-width: 0;
      white-space: pre-line
    }

    .handsontable td.htNoWrap,
    .handsontable th {
      white-space: nowrap
    }

    .handsontable td.disabled,
    .handsontable th.disabled {
      background-color: #fafafa;
      color: #999
    }

    .handsontable th {
      text-align: center;
      font-weight: 400
    }

    .handsontable th:not([class*=bg-]) {
      background-color: #f5f5f5
    }

    .handsontable th.active {
      background-color: #eee
    }

    .handsontable td.area,
    .handsontable td:not([class*=bg-]) {
      background-color: #fff
    }

    .handsontable thead th {
      padding: 0
    }

    .handsontable thead th .relative {
      padding: 2px 4px;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .handsontable td.htInvalid {
      background-color: #FFEBEE !important
    }

    .handsontable td.active {
      background-color: #f8f8f8
    }

    .handsontable td.area {
      background: -moz-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(181, 209, 255, .34)), color-stop(100%, rgba(181, 209, 255, .34)));
      background: -webkit-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
      background: -o-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
      background: -ms-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
      background: linear-gradient(to bottom, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0)
    }

    .handsontable th.htNoFrame,
    .handsontable th:first-child.htNoFrame,
    .handsontable tr:first-child th.htNoFrame {
      border-left-width: 0;
      background-color: #fff;
      border-color: #fff
    }

    .handsontable .htNoFrame+td,
    .handsontable .htNoFrame+th,
    .handsontable td:first-of-type,
    .handsontable th:first-child,
    .handsontable.htRowHeaders thead tr th:nth-child(2) {
      border-left: 1px solid #ddd
    }

    .handsontable tr:first-child td,
    .handsontable tr:first-child th {
      border-top: 1px solid #ddd
    }

    .ht_master:not(.innerBorderLeft)~.handsontable tbody tr th,
    .ht_master:not(.innerBorderLeft)~.handsontable:not(.ht_clone_top) thead tr th:first-child {
      border-right-width: 0
    }

    .ht_master:not(.innerBorderTop) thead tr.lastChild th,
    .ht_master:not(.innerBorderTop) thead tr:last-child th,
    .ht_master:not(.innerBorderTop)~.handsontable thead tr.lastChild th,
    .ht_master:not(.innerBorderTop)~.handsontable thead tr:last-child th {
      border-bottom-width: 0
    }

    .ht_clone_left tbody tr:first-child td,
    .ht_clone_left tbody tr:first-child th,
    .ht_clone_left thead tr:first-child th,
    .ht_clone_top tr:first-child td,
    .ht_clone_top tr:first-child th,
    .ht_clone_top_left_corner tbody tr:first-child td,
    .ht_clone_top_left_corner tbody tr:first-child th,
    .ht_clone_top_left_corner thead tr:first-child th,
    .ht_master tbody tr:first-child td {
      border-top-color: transparent
    }

    .handsontable td:first-child,
    .handsontable th:first-child {
      border-left-color: transparent
    }

    .ht_clone_top td:last-child,
    .ht_clone_top th:last-child,
    .ht_master td:last-child {
      border-right-color: transparent
    }

    .ht_clone_left tbody tr:last-child td,
    .ht_clone_left tbody tr:last-child th,
    .ht_master tbody tr:last-child td,
    .ht_master tbody tr:last-child th {
      border-bottom-color: transparent
    }

    .htColumnHeaders .handsontable tr:first-child td,
    .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th,
    .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th {
      border-top-color: #ddd
    }

    .manualColumnMover,
    .manualRowMover {
      position: fixed;
      top: 0;
      background-color: transparent;
      z-index: 999;
      cursor: move
    }

    .manualColumnMover {
      left: 0;
      width: 5px;
      height: 32px
    }

    .manualRowMover {
      left: -4px;
      height: 5px;
      width: 50px
    }

    .manualColumnMoverGuide,
    .manualRowMoverGuide {
      position: fixed;
      left: 0;
      top: 0;
      background-color: #ddd;
      display: none;
      opacity: .25;
      filter: alpha(opacity=25)
    }

    .manualColumnMoverGuide.active,
    .manualColumnResizer.active,
    .manualRowMoverGuide.active,
    .manualRowResizer.active {
      display: block
    }

    .manualColumnMoverGuide.active,
    .manualColumnMoverGuide:hover,
    .manualRowMoverGuide.active,
    .manualRowMoverGuide:hover {
      background-color: #2196F3
    }

    .manualColumnMoverGuide {
      max-height: 404px
    }

    .manualColumnResizerGuide,
    .manualRowResizerGuide {
      position: fixed;
      background-color: #999;
      display: none
    }

    .manualColumnResizer.active,
    .manualColumnResizer:hover,
    .manualRowResizer.active,
    .manualRowResizer:hover {
      background-color: #999
    }

    .manualColumnResizer {
      position: fixed;
      top: 0;
      cursor: col-resize;
      z-index: 110;
      width: 5px;
      height: 31px
    }

    .manualRowResizer {
      position: fixed;
      left: 0;
      cursor: row-resize;
      z-index: 110;
      height: 5px;
      width: 50px
    }

    .manualColumnResizerGuide {
      right: 0;
      top: 0;
      width: 0;
      border-right: 1px dashed #777;
      margin-left: 5px
    }

    .manualRowResizerGuide {
      left: 0;
      bottom: 0;
      height: 0;
      border-bottom: 1px dashed #777;
      margin-top: 5px
    }

    .handsontable .columnSorting {
      position: relative
    }

    .handsontable .columnSorting:hover {
      cursor: pointer
    }

    .handsontable .columnSorting.ascending:after,
    .handsontable .columnSorting.descending:after,
    .handsontable .columnSorting:after,
    .handsontable .columnSorting:before {
      font-family: Icomoon;
      font-size: 12px;
      color: #999;
      position: absolute;
      display: inline-block;
      top: 50%;
      margin-top: -6px;
      right: -20px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .handsontable .columnSorting:before {
      content: '\e9c1';
      margin-top: -2px
    }

    .handsontable .columnSorting:after {
      content: '\e9c2';
      margin-top: -10px
    }

    .handsontable .columnSorting.ascending:before {
      content: none
    }

    .handsontable .columnSorting.ascending:after {
      content: '\e9c2'
    }

    .handsontable .columnSorting.descending:before {
      content: none
    }

    .handsontable .columnSorting.descending:after {
      content: '\e9c1'
    }

    .handsontable th.afterHiddenColumn,
    .handsontable th.beforeHiddenColumn {
      position: relative
    }

    .handsontable th.afterHiddenColumn:after,
    .handsontable th.afterHiddenColumn:before,
    .handsontable th.beforeHiddenColumn:after,
    .handsontable th.beforeHiddenColumn:before {
      content: '\25C0';
      color: #bbb;
      position: absolute;
      right: 1px;
      top: 2px;
      font-size: 5pt
    }

    .handsontable th.afterHiddenColumn:before {
      left: 1px;
      top: 2px;
      right: auto;
      content: '\25B6'
    }

    .handsontable thead th.hiddenHeader {
      display: none
    }

    .handsontable td.afterHiddenColumn.firstVisible {
      border-left: 1px solid #ddd
    }

    .wtBorder {
      position: absolute;
      font-size: 0;
      z-index: 10
    }

    .wtBorder.hidden {
      display: none !important
    }

    .wtBorder.corner {
      font-size: 0;
      cursor: crosshair
    }

    .htBorder.htFillBorder {
      background-color: #F44336;
      width: 1px;
      height: 1px
    }

    .handsontableInput {
      border: none;
      outline-width: 0;
      margin: 0;
      padding: 1px 5px 0;
      font-family: inherit;
      line-height: 30px;
      font-size: inherit;
      resize: none;
      display: inline-block;
      background-color: #fff;
      -webkit-box-shadow: 0 0 0 2px #2196F3 inset;
      box-shadow: 0 0 0 2px #2196F3 inset
    }

    .handsontableInputHolder {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000
    }

    .htSelectEditor {
      -webkit-appearance: menulist-button !important;
      position: absolute;
      width: auto;
      outline: 0;
      border-color: #ddd;
      background-color: #fff
    }

    .handsontable .htSubmenu {
      position: relative
    }

    .handsontable .htSubmenu>div:after {
      content: '\e9c7';
      font-family: icomoon;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      right: 12px;
      font-size: 16px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: .8;
      filter: alpha(opacity=80)
    }

    .handsontable .htLeft {
      text-align: left
    }

    .handsontable .htCenter {
      text-align: center
    }

    .handsontable .htRight {
      text-align: right
    }

    .handsontable .htJustify {
      text-align: justify
    }

    .handsontable .htTop {
      vertical-align: top
    }

    .handsontable .htMiddle {
      vertical-align: middle
    }

    .handsontable .htBottom {
      vertical-align: bottom
    }

    .htAutocomplete {
      padding-right: 20px
    }

    .htPlaceholder {
      color: #999
    }

    .htAutocompleteArrow {
      color: #999;
      cursor: default;
      font-size: 0;
      line-height: 1;
      position: absolute;
      top: 50%;
      right: 4px;
      margin-top: -2px;
      display: inline-block;
      margin-right: 4px;
      border-top: 4px dashed;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent
    }

    .handsontable td:hover .htAutocompleteArrow,
    .handsontable th:hover .htAutocompleteArrow {
      color: #333
    }

    .autocompleteEditor,
    .autocompleteEditor .htCore,
    .autocompleteEditor .wtHolder {
      min-width: 180px
    }

    .dataTables_length .select2-choice,
    .venntooltip {
      min-width: 60px
    }

    .htCheckboxRendererInput.noValue {
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .htCheckboxRendererLabel {
      cursor: pointer;
      display: inline-block;
      width: 100%;
      margin-bottom: 0
    }

    .htCheckboxRendererLabel>.htCheckboxRendererInput {
      margin-right: 10px
    }

    .htCommentCell {
      position: relative
    }

    .htCommentCell:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      border-left: 6px solid transparent;
      border-top: 6px solid red
    }

    .htCommentTextArea {
      background-color: #fff;
      border: 1px solid #ccc;
      padding: 8px;
      margin-top: -1px;
      border-radius: 0 0 3px 3px;
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
      box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
    }

    .handsontable .handsontable.ht_clone_top .wtHider {
      padding: 0 0 5px
    }

    .handsontable.listbox {
      margin: 0;
      background-color: #fff;
      border: 1px solid #ddd
    }

    .handsontable.listbox .ht_master table {
      border-collapse: separate;
      border: 0
    }

    .handsontable.listbox td,
    .handsontable.listbox th,
    .handsontable.listbox tr:first-child td,
    .handsontable.listbox tr:first-child th,
    .handsontable.listbox tr:last-child th {
      border-color: transparent
    }

    .handsontable.listbox td,
    .handsontable.listbox th {
      white-space: nowrap;
      text-overflow: ellipsis
    }

    .handsontable.listbox td.htDimmed {
      cursor: pointer;
      color: inherit;
      font-style: inherit
    }

    .handsontable.listbox tr td.current,
    .handsontable.listbox tr:hover td {
      background-color: #f5f5f5
    }

    .ht_clone_top {
      z-index: 11
    }

    .ht_clone_left {
      z-index: 12
    }

    .ht_clone_bottom_left_corner,
    .ht_clone_debug,
    .ht_clone_top_left_corner {
      z-index: 13
    }

    .ht_clone_bottom,
    .ht_clone_left,
    .ht_clone_top,
    .ht_master {
      overflow: hidden
    }

    .ht_master .wtHolder {
      overflow: auto
    }

    .ht_clone_left .wtHolder {
      overflow-x: hidden;
      overflow-y: auto
    }

    .ht_clone_bottom .wtHolder,
    .ht_clone_top .wtHolder {
      overflow-x: hidden;
      overflow-y: hidden
    }

    .handsontable td.htSearchResult {
      background-color: #FFF3E0
    }

    .htBordered {
      border-width: 1px
    }

    .htBordered.htTopBorderSolid {
      border-top-style: solid;
      border-top-color: #000
    }

    .htBordered.htRightBorderSolid {
      border-right-style: solid;
      border-right-color: #000
    }

    .htBordered.htBottomBorderSolid {
      border-bottom-style: solid;
      border-bottom-color: #000
    }

    .htBordered.htLeftBorderSolid {
      border-left-style: solid;
      border-left-color: #000
    }

    .htCollapseButton {
      width: 10px;
      height: 10px;
      line-height: 10px;
      text-align: center;
      border-radius: 3px;
      border: 1px solid #f5f5f5;
      cursor: pointer;
      margin-bottom: 3px;
      position: relative;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
    }

    .htCollapseButton:after {
      content: "";
      height: 300%;
      width: 1px;
      display: block;
      background-color: #ccc;
      margin-left: 4px;
      position: absolute;
      bottom: 10px
    }

    thead .htCollapseButton {
      position: absolute;
      top: 5px;
      right: 5px;
      background-color: #fff
    }

    thead .htCollapseButton:after {
      height: 1px;
      width: 700%;
      right: 10px;
      top: 4px
    }

    .handsontable th .htExpandButton {
      position: absolute;
      top: 0;
      display: none;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
    }

    .handsontable th .htExpandButton.clickable {
      display: block
    }

    .handsontable thead th .htExpandButton {
      top: 5px
    }

    .collapsibleIndicator {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 5px;
      border: 1px solid #999;
      line-height: 10px;
      color: #333;
      border-radius: 100px;
      font-size: 10px;
      width: 10px;
      height: 10px;
      cursor: pointer;
      background-color: #eee;
      -webkit-box-shadow: 0 0 0 6px #eee;
      box-shadow: 0 0 0 6px #eee
    }

    .handsontable col.hidden {
      width: 0 !important
    }

    .handsontable table tr th.lightRightBorder {
      border-right: 1px solid #E6E6E6
    }

    .handsontable tr.hidden,
    .handsontable tr.hidden td,
    .handsontable tr.hidden th,
    .wtDebugHidden {
      display: none
    }

    .wtDebugVisible {
      display: block;
      -webkit-animation-duration: .5s;
      animation-duration: .5s;
      -webkit-animation-name: wtFadeInFromNone;
      animation-name: wtFadeInFromNone
    }

    @keyframes wtFadeInFromNone {
      0% {
        display: none;
        opacity: 0
      }

      1% {
        display: block;
        opacity: 0
      }

      100% {
        display: block;
        opacity: 1
      }
    }

    @-webkit-keyframes wtFadeInFromNone {
      0% {
        display: none;
        opacity: 0
      }

      1% {
        display: block;
        opacity: 0
      }

      100% {
        display: block;
        opacity: 1
      }
    }

    .handsontable.mobile,
    .handsontable.mobile .wtHolder {
      -webkit-touch-callout: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-overflow-scrolling: touch;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .htContextMenu .ht_master .wtHolder,
    .pika-label {
      overflow: hidden
    }

    .htMobileEditorContainer {
      display: none;
      position: absolute;
      top: 0;
      width: 70%;
      height: 54pt;
      background: #f5f5f5;
      border-radius: 20px;
      border: 1px solid #eee;
      z-index: 999;
      -webkit-text-size-adjust: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
    }

    .htMobileEditorContainer.active {
      display: block
    }

    .htMobileEditorContainer .inputs {
      position: absolute;
      right: 210px;
      bottom: 10px;
      top: 10px;
      left: 14px;
      height: 36px
    }

    .htMobileEditorContainer .inputs textarea {
      font-size: 13px;
      border: 1px solid #a1a1a1;
      -webkit-appearance: none;
      position: absolute;
      left: 14px;
      right: 14px;
      top: 0;
      bottom: 0;
      padding: 7px;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .htMobileEditorContainer .cellPointer,
    .htMobileEditorContainer .cellPointer:before {
      height: 0;
      width: 0;
      border-left: 13px solid transparent;
      border-right: 13px solid transparent;
      position: absolute
    }

    .htMobileEditorContainer .cellPointer {
      top: -13px;
      left: 30px;
      border-bottom: 13px solid #ebebeb
    }

    .htMobileEditorContainer .cellPointer.hidden {
      display: none
    }

    .htMobileEditorContainer .cellPointer:before {
      content: '';
      display: block;
      top: 2px;
      left: -13px;
      border-bottom: 13px solid #f5f5f5
    }

    .htMobileEditorContainer .moveHandle {
      position: absolute;
      top: 10px;
      left: 5px;
      width: 30px;
      bottom: 0;
      cursor: move;
      z-index: 9999
    }

    .htMobileEditorContainer .moveHandle:after {
      content: "..\a..\a..\a..";
      white-space: pre;
      line-height: 10px;
      font-size: 20px;
      display: inline-block;
      margin-top: -8px;
      color: #ebebeb
    }

    .DTS tbody td,
    .DTS tbody th,
    .dataTables_scroll .dataTables_scrollBody td,
    .dataTables_scroll .dataTables_scrollBody th,
    .dataTables_scroll .dataTables_scrollHead td,
    .dataTables_scroll .dataTables_scrollHead th,
    .htContextMenu table tbody tr td {
      white-space: nowrap
    }

    .htMobileEditorContainer .positionControls {
      width: 205px;
      position: absolute;
      right: 5px;
      top: 0;
      bottom: 0
    }

    .htMobileEditorContainer .positionControls>div {
      width: 50px;
      height: 100%;
      float: left
    }

    .htMobileEditorContainer .positionControls>div:after {
      content: " ";
      display: block;
      width: 15px;
      height: 15px;
      text-align: center;
      line-height: 50px
    }

    .htMobileEditorContainer .downButton:after,
    .htMobileEditorContainer .leftButton:after,
    .htMobileEditorContainer .rightButton:after,
    .htMobileEditorContainer .upButton:after {
      margin: 21px 0 0 21px;
      -webkit-transform-origin: 5px;
      -moz-transform-origin: 5px;
      -ms-transform-origin: 5px;
      transform-origin: 5px
    }

    .htMobileEditorContainer .leftButton:after {
      border-top: 2px solid #288ffe;
      border-left: 2px solid #288ffe;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    .htMobileEditorContainer .leftButton:active:after {
      border-color: #cfcfcf
    }

    .htMobileEditorContainer .rightButton:after {
      border-top: 2px solid #288ffe;
      border-left: 2px solid #288ffe;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg)
    }

    .htMobileEditorContainer .rightButton:active:after {
      border-color: #cfcfcf
    }

    .htMobileEditorContainer .upButton:after {
      border-top: 2px solid #288ffe;
      border-left: 2px solid #288ffe;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
    }

    .htMobileEditorContainer .upButton:active:after {
      border-color: #cfcfcf
    }

    .htMobileEditorContainer .downButton:after {
      border-top: 2px solid #288ffe;
      border-left: 2px solid #288ffe;
      -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      -o-transform: rotate(225deg);
      transform: rotate(225deg)
    }

    .htMobileEditorContainer .downButton:active:after {
      border-color: #cfcfcf
    }

    .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea),
    .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle) {
      z-index: 9999
    }

    .bottomRightSelectionHandle,
    .bottomRightSelectionHandle-HitArea,
    .topLeftSelectionHandle,
    .topLeftSelectionHandle-HitArea {
      left: -10000px;
      top: -10000px
    }

    .handsontable.hide-tween {
      -webkit-animation: opacity-hide .3s;
      -o-animation: opacity-hide .3s;
      animation: opacity-hide .3s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards
    }

    .handsontable.show-tween {
      -webkit-animation: opacity-show .3s;
      -o-animation: opacity-show .3s;
      animation: opacity-show .3s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards
    }

    @-webkit-keyframes opacity-hide {
      from {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    @keyframes opacity-hide {
      from {
        opacity: 1
      }

      to {
        opacity: 0
      }
    }

    @-webkit-keyframes opacity-show {
      from {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes opacity-show {
      from {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    .htContextMenu {
      display: none;
      position: absolute;
      z-index: 1051
    }

    .htContextMenu .ht_clone_corner,
    .htContextMenu .ht_clone_debug,
    .htContextMenu .ht_clone_left,
    .htContextMenu .ht_clone_top {
      display: none
    }

    .htContextMenu .htCore {
      border: 1px solid #ddd;
      background-color: #fff;
      padding: 7px 0
    }

    .htContextMenu table tbody tr td {
      position: relative;
      border-width: 0;
      padding: 0 12px;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .htContextMenu table tbody tr td:first-child {
      border: 0
    }

    .htContextMenu table tbody tr td.htDimmed {
      color: #333
    }

    .htContextMenu table tbody tr td.current,
    .htContextMenu table tbody tr td.zeroclipboard-is-hover {
      background: #f5f5f5
    }

    .htContextMenu table tbody tr td.htSeparator {
      height: 0;
      padding: 0;
      background-color: transparent;
      cursor: default
    }

    .htContextMenu table tbody tr td.htSeparator>div {
      height: 1px;
      background-color: #ddd;
      margin: 7px 0
    }

    .htContextMenu table tbody tr td.htDisabled {
      color: #999
    }

    .htContextMenu table tbody tr td.htDisabled,
    .htContextMenu table tbody tr td.htDisabled:hover {
      cursor: default
    }

    .htContextMenu table tbody tr td div span.selected {
      position: absolute;
      right: 12px;
      top: 50%;
      margin-top: -8px;
      font-size: 0;
      color: #777
    }

    .htContextMenu table tbody tr td div span.selected:after {
      content: '\e600';
      display: inline-block;
      font-size: 16px;
      line-height: 1
    }

    .htContextMenu table tbody tr.htHidden {
      display: none
    }

    .htContextMenuSub_Alignment {
      margin-top: -7px;
      margin-left: -1px
    }

    .global-zeroclipboard-container,
    .global-zeroclipboard-flash-bridge {
      cursor: pointer
    }

    .pika-single {
      z-index: 1000;
      display: block;
      position: relative;
      background-color: #fff;
      border: 1px solid #ddd;
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .pika-single:after,
    .pika-single:before {
      content: " ";
      display: table
    }

    .pika-single.is-hidden {
      display: none
    }

    .pika-single.is-bound {
      position: absolute
    }

    .pika-lendar {
      float: left;
      max-width: 250px;
      margin: 5px
    }

    .pika-title {
      position: relative;
      text-align: center
    }

    .pika-title select {
      cursor: pointer;
      position: absolute;
      z-index: 999;
      margin: 0;
      left: 0;
      height: 36px;
      padding: 7px 12px;
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .pika-label,
    .pika-table td,
    .pika-table th {
      position: relative
    }

    .pika-label {
      display: inline-block;
      z-index: 1000;
      margin: 0;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 15px;
      line-height: 1
    }

    .pika-label+.pika-label {
      margin-left: 10px;
      top: -1px;
      font-size: 13px;
      color: #999
    }

    .pika-next,
    .pika-prev {
      display: block;
      position: relative;
      border: 0;
      padding: 5px;
      margin: 10px 0;
      font-size: 0;
      background-color: transparent
    }

    .pika-next:after,
    .pika-prev:after {
      display: block;
      font-size: 16px;
      width: 16px;
      text-align: center;
      line-height: 1
    }

    .pika-next:hover,
    .pika-prev:hover {
      background-color: #f5f5f5
    }

    .pika-next.is-disabled,
    .pika-prev.is-disabled {
      cursor: default;
      opacity: .2
    }

    .pika-prev {
      float: left
    }

    .pika-prev:after {
      content: '\e9c8'
    }

    .pika-next {
      float: right
    }

    .pika-next:after {
      content: '\e9cb'
    }

    .pika-table {
      width: 100%;
      border-collapse: collapse;
      border: 0;
      table-layout: fixed
    }

    .pika-table th {
      color: #999;
      font-size: 12px;
      font-weight: 400;
      text-align: center;
      padding-bottom: 10px
    }

    .pika-table abbr {
      border-bottom: 0;
      cursor: default
    }

    .pika-button {
      display: block;
      border: 0;
      margin: 0;
      width: 100%;
      padding: 7px;
      text-align: center;
      border-radius: 3px;
      background-color: transparent
    }

    .is-today .pika-button,
    .pika-button:hover {
      background-color: #f5f5f5
    }

    .is-selected .pika-button {
      color: #fff;
      background-color: #26A69A
    }

    .is-selected .pika-button:before,
    .is-today .pika-button:before,
    .is-today.is-selected .pika-button:before {
      content: "";
      position: absolute;
      top: 2px;
      right: 2px;
      width: 0;
      height: 0;
      border-top: 6px solid #fff;
      border-left: 6px solid transparent
    }

    .is-today .pika-button:before {
      border-top-color: #EF5350
    }

    .dataTable tbody+tfoot+thead>tr:first-child>td,
    .dataTable tbody+tfoot+thead>tr:first-child>th,
    .dataTable tbody+thead>tr:first-child>td,
    .dataTable tbody+thead>tr:first-child>th,
    .dataTable tbody>tr:first-child>td,
    .dataTable tbody>tr:first-child>th,
    .dataTables_wrapper .table-bordered {
      border-top: 0
    }

    .is-endrange .pika-button,
    .is-startrange .pika-button {
      color: #fff;
      background: #26A69A
    }

    .is-inrange .pika-button {
      background: #f5f5f5
    }

    .is-disabled .pika-button {
      pointer-events: none;
      cursor: not-allowed;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .pika-select {
      display: inline-block
    }

    .pika-week {
      font-size: 11px;
      color: #999
    }

    .dataTable {
      margin: 0;
      max-width: none;
      border-collapse: separate
    }

    .c3-tooltip,
    .dataTable.table-bordered {
      border-collapse: collapse
    }

    .dataTable thead td,
    .dataTable thead th {
      outline: 0;
      position: relative
    }

    .dataTable thead .sorting,
    .dataTable thead .sorting_asc,
    .dataTable thead .sorting_desc {
      cursor: pointer
    }

    .dataTable thead .sorting,
    .dataTable thead .sorting_asc,
    .dataTable thead .sorting_asc_disabled,
    .dataTable thead .sorting_desc,
    .dataTable thead .sorting_desc_disabled {
      padding-right: 40px
    }

    .dataTable thead .sorting:after,
    .dataTable thead .sorting:before,
    .dataTable thead .sorting_asc:after,
    .dataTable thead .sorting_asc_disabled:after,
    .dataTable thead .sorting_desc:after,
    .dataTable thead .sorting_desc_disabled:after {
      content: '';
      font-family: icomoon;
      position: absolute;
      top: 50%;
      right: 20px;
      font-size: 12px;
      margin-top: -6px;
      display: inline-block;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .dataTable thead .sorting:before {
      content: '\e9c1';
      margin-top: -2px;
      color: #999
    }

    .dataTable thead .sorting:after,
    .dataTable thead .sorting_asc:after {
      content: '\e9c2'
    }

    .dataTable thead .sorting:after {
      margin-top: -10px;
      color: #999
    }

    .dataTable thead .sorting_desc:after {
      content: '\e9c1'
    }

    .dataTable thead .sorting_asc_disabled:after {
      content: '\e9c2';
      color: #ccc
    }

    .dataTable thead .sorting_desc_disabled:after {
      content: '\e9c1';
      color: #ccc
    }

    .dataTable .dataTables_empty {
      text-align: center
    }

    .dataTables_wrapper {
      position: relative
    }

    .dataTables_wrapper:after {
      visibility: hidden;
      display: block;
      content: "";
      height: 0
    }

    .dataTables_wrapper+.panel-body {
      border-top: 1px solid #ddd
    }

    .dataTables_processing {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 40px;
      margin-left: -50%;
      margin-top: -25px;
      padding-top: 20px;
      text-align: center;
      background-color: #fff;
      background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, .9)), color-stop(75%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
      background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%)
    }

    .datatable-footer,
    .datatable-header {
      padding: 20px 20px 0
    }

    .datatable-footer:after,
    .datatable-header:after {
      content: "";
      display: table;
      clear: both
    }

    .datatable-footer>div:first-child,
    .datatable-header>div:first-child {
      margin-left: 0
    }

    .panel-body .datatable-footer,
    .panel-body .datatable-header {
      padding-left: 0;
      padding-right: 0
    }

    .datatable-header {
      border-bottom: 1px solid #ddd
    }

    .datatable-footer {
      border-top: 1px solid #bbb
    }

    .dataTables_length {
      float: right;
      display: inline-block;
      margin: 0 0 20px 20px
    }

    .dataTables_length>label {
      margin-bottom: 0
    }

    .dataTables_length>label>span:first-child {
      float: left;
      margin: 8px 15px 8px 0
    }

    .length-left .dataTables_length {
      float: left
    }

    .dataTables_length .select2-container {
      width: auto
    }

    .dataTables_filter {
      position: relative;
      display: block;
      float: left;
      margin: 0 0 20px 20px
    }

    .dataTables_filter>label {
      margin-bottom: 0;
      position: relative
    }

    .dataTables_filter>label:after {
      content: "\e98e";
      font-family: icomoon;
      font-size: 12px;
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -6px;
      color: #999;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after,
    .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before,
    .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after,
    .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before,
    .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after,
    .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before {
      content: none
    }

    .dataTables_filter>label>span {
      float: left;
      margin: 8px 15px 8px 0
    }

    .dataTables_filter input {
      outline: 0;
      width: 200px;
      height: 36px;
      padding: 7px 36px 7px 12px;
      font-size: 13px;
      line-height: 1.5384616;
      color: #333;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px
    }

    .filter-right .dataTables_filter {
      float: right
    }

    .dataTables_info {
      float: left;
      padding: 8px 0;
      margin-bottom: 20px
    }

    .info-right .dataTables_info {
      float: right
    }

    .dataTables_paginate {
      float: right;
      text-align: right;
      margin: 0 0 20px 20px
    }

    .dataTables_paginate .paginate_button {
      display: inline-block;
      padding: 7px;
      min-width: 36px;
      margin-left: 2px;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      color: #333;
      border: 1px solid transparent;
      border-radius: 3px
    }

    .dataTables_scroll .dataTables_scrollBody table,
    .dataTables_scroll .dataTables_scrollHead table,
    .panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>td,
    .panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>th {
      border-bottom: 0
    }

    .dataTables_paginate .paginate_button:first-child {
      margin-left: 0
    }

    .dataTables_paginate .paginate_button:focus,
    .dataTables_paginate .paginate_button:hover {
      background-color: #f5f5f5
    }

    .dataTables_paginate .paginate_button.current,
    .dataTables_paginate .paginate_button.current:focus,
    .dataTables_paginate .paginate_button.current:hover {
      color: #fff;
      background-color: #455A64
    }

    .dataTables_paginate .paginate_button.disabled,
    .dataTables_paginate .paginate_button.disabled:focus,
    .dataTables_paginate .paginate_button.disabled:hover {
      cursor: default;
      background-color: transparent;
      color: #bbb
    }

    .dataTables_paginate.paging_simple .paginate_button {
      padding-left: 12px;
      padding-right: 12px
    }

    .paginate-left .dataTables_paginate {
      float: left
    }

    .paging_simple .paginate_button:focus,
    .paging_simple .paginate_button:hover {
      color: #fff;
      background-color: #455A64
    }

    .dataTables_scroll .dataTables_scrollBody {
      -webkit-overflow-scrolling: touch
    }

    .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td {
      border-top: 0
    }

    .dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing,
    .dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing {
      height: 0;
      overflow: hidden;
      margin: 0;
      padding: 0
    }

    .panel-body+*>.dataTables_wrapper,
    .panel-body+.dataTables_wrapper {
      border-top: 1px solid #ddd
    }

    .panel-body>.dataTables_wrapper .datatable-footer {
      border-top: 0
    }

    .panel-body>.dataTables_wrapper .datatable-footer .dataTables_filter,
    .panel-body>.dataTables_wrapper .datatable-footer .dataTables_info,
    .panel-body>.dataTables_wrapper .datatable-footer .dataTables_length,
    .panel-body>.dataTables_wrapper .datatable-footer .dataTables_paginate {
      margin-bottom: 0
    }

    .panel-flat>.panel-heading+.dataTables_wrapper>.datatable-header {
      padding-top: 0
    }

    .panel>.dataTables_wrapper .table-bordered {
      border: 0
    }

    .panel>.dataTables_wrapper .table-bordered>tbody>tr>td:first-child,
    .panel>.dataTables_wrapper .table-bordered>tbody>tr>th:first-child,
    .panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:first-child,
    .panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:first-child,
    .panel>.dataTables_wrapper .table-bordered>thead>tr>td:first-child,
    .panel>.dataTables_wrapper .table-bordered>thead>tr>th:first-child {
      border-left: 0
    }

    .panel>.dataTables_wrapper .table-bordered>tbody>tr>td:last-child,
    .panel>.dataTables_wrapper .table-bordered>tbody>tr>th:last-child,
    .panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:last-child,
    .panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:last-child,
    .panel>.dataTables_wrapper .table-bordered>thead>tr>td:last-child,
    .panel>.dataTables_wrapper .table-bordered>thead>tr>th:last-child {
      border-right: 0
    }

    .datatable-scroll,
    .datatable-scroll-lg,
    .datatable-scroll-sm {
      min-height: .01%
    }

    .datatable-scroll-wrap {
      width: 100%;
      min-height: .01%;
      overflow-x: auto
    }

    @media (max-width:1024px) {
      .datatable-scroll {
        width: 100%;
        overflow-x: scroll
      }

      .datatable-scroll td,
      .datatable-scroll th {
        white-space: nowrap
      }
    }

    @media (max-width:1199px) {
      .datatable-scroll-lg {
        width: 100%;
        overflow-x: scroll
      }

      .datatable-scroll-lg td,
      .datatable-scroll-lg th {
        white-space: nowrap
      }
    }

    @media (max-width:768px) {
      .datatable-scroll-sm {
        width: 100%;
        overflow-x: scroll
      }

      .datatable-scroll-sm td,
      .datatable-scroll-sm th {
        white-space: nowrap
      }

      .ColVis,
      .DTTT_container,
      .dataTables_filter,
      .dataTables_info,
      .dataTables_length,
      .dataTables_paginate {
        float: none !important;
        text-align: center;
        margin-left: 0
      }

      .dataTables_info,
      .dataTables_paginate {
        margin-top: 0
      }

      .datatable-header {
        text-align: center
      }

      .DTFC_LeftWrapper,
      .DTFC_RightWrapper {
        display: none
      }
    }

    .DTCR_clonedTable {
      background-color: rgba(255, 255, 255, .8);
      z-index: 202;
      cursor: move
    }

    .DTCR_clonedTable td,
    .DTCR_clonedTable th {
      border: 1px solid #ddd !important
    }

    .DTCR_pointer {
      width: 1px;
      background-color: #2196F3;
      z-index: 201
    }

    .DTFC_Blocker,
    .DTFC_Cloned,
    .dt-rowReorder-float {
      background-color: #fff
    }

    .dt-rowReorder-float {
      position: absolute !important;
      table-layout: static;
      outline: #777 dashed 1px;
      outline-offset: -1px;
      z-index: 1030;
      cursor: move;
      opacity: .9;
      filter: alpha(opacity=90)
    }

    .dt-rowReorder-moving {
      outline: #777 solid 1px;
      outline-offset: -1px
    }

    .dt-rowReorder-noOverflow {
      overflow-x: hidden
    }

    .dataTable td.reorder {
      text-align: center;
      cursor: move
    }

    .DTFC_Cloned {
      border-bottom: 0
    }

    .DTFC_LeftWrapper .DTFC_Cloned.table {
      border-right: 1px solid #ddd
    }

    .DTFC_RightWrapper .DTFC_Cloned.table {
      border-left: 1px solid #ddd
    }

    .DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>td,
    .DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>th,
    .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>td,
    .DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>th {
      border-top: 0
    }

    .fixedHeader-floating,
    .fixedHeader-locked {
      background-color: #fff;
      margin-top: 0;
      margin-bottom: 0
    }

    .fixedHeader-floating {
      position: fixed
    }

    .fixedHeader-floating+.fixedHeader-floating,
    .fixedHeader-locked+.fixedHeader-floating {
      border-top: 0 !important
    }

    .fixedHeader-locked {
      position: absolute
    }

    @media (max-width:768px) {

      .fixedHeader-floating,
      .fixedHeader-locked {
        display: none
      }
    }

    @media print {
      table.fixedHeader-floating {
        display: none
      }
    }

    .dt-autofill-handle {
      position: absolute;
      height: 8px;
      width: 8px;
      z-index: 102;
      border: 1px solid #2196F3;
      background: #2196F3
    }

    .dt-autofill-select {
      position: absolute;
      z-index: 1001;
      background-color: #2196F3;
      background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, .75) 5px, rgba(255, 255, 255, .75) 10px)
    }

    .dt-autofill-select.bottom,
    .dt-autofill-select.top {
      height: 1px
    }

    .dt-autofill-select.left,
    .dt-autofill-select.right {
      width: 1px
    }

    .dt-autofill-list {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 500px;
      margin-left: -250px;
      background-color: #fff;
      border-radius: 3px;
      border: 1px solid transparent;
      z-index: 1050;
      padding: 7px 0
    }

    .dt-autofill-list ul {
      display: table;
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%
    }

    .dt-autofill-list ul li {
      display: table-row
    }

    .dt-autofill-list ul li:hover {
      background-color: #f5f5f5
    }

    .dt-autofill-list .dt-autofill-question {
      display: table-cell;
      padding: 7px 15px
    }

    .dt-autofill-list .dt-autofill-question input[type=number] {
      padding: 6px;
      width: 30px;
      margin: -2px 0
    }

    .dt-autofill-list .dt-autofill-button {
      display: table-cell;
      padding: 7px 15px;
      text-align: right
    }

    .dt-autofill-list .dt-autofill-button .btn {
      padding: 3px;
      background-color: #2196F3;
      color: #fff;
      font-size: 0
    }

    .dt-autofill-list .dt-autofill-button .btn:after {
      content: '\e9c3';
      font-family: Icomoon;
      display: block;
      font-size: 16px;
      width: 16px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .dt-autofill-list .dt-autofill-button .btn:hover {
      opacity: .85;
      filter: alpha(opacity=85)
    }

    .dt-autofill-background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      z-index: 1040;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .dataTable tbody>tr.selected,
    .dataTable tbody>tr>.selected {
      background-color: #E8F5E9
    }

    .dataTables_wrapper .select-info,
    .dataTables_wrapper .select-item {
      margin-left: 10px
    }

    @media (max-width:768px) {

      .dataTables_wrapper .select-info,
      .dataTables_wrapper .select-item {
        margin-left: 0;
        display: block
      }
    }

    .dataTable tbody .select-checkbox {
      position: relative
    }

    .dataTable tbody .select-checkbox:after,
    .dataTable tbody .select-checkbox:before {
      display: inline-block;
      color: #455A64;
      position: absolute;
      top: 50%;
      left: 50%;
      cursor: pointer
    }

    .dataTable tbody .select-checkbox:before {
      content: '';
      background-color: #fff;
      width: 18px;
      height: 18px;
      margin-top: -9px;
      margin-left: -9px;
      border: 2px solid #607D8B;
      border-radius: 2px
    }

    .dataTable tbody .selected .select-checkbox:after {
      content: "\e600";
      font-family: icomoon;
      font-size: 16px;
      line-height: 1;
      margin-top: -8px;
      margin-left: -8px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .dt-buttons-full .dt-buttons {
      text-align: center;
      float: none;
      display: block;
      margin: 0;
      border-bottom: 1px solid #ddd;
      padding-top: 20px;
      padding-bottom: 10px;
      background-color: #fcfcfc
    }

    .dt-buttons,
    .dt-buttons>.dt-button {
      display: inline-block
    }

    .dt-buttons-full .dt-buttons>.btn {
      margin-bottom: 10px;
      float: none
    }

    .dt-buttons {
      float: right;
      margin: 0 0 20px 20px
    }

    .dt-buttons-left .dt-buttons {
      float: left
    }

    .dt-buttons>.btn {
      border-radius: 0
    }

    .dt-buttons>.btn:first-child {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px
    }

    .dt-buttons>.btn:last-child {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px
    }

    .dt-buttons>.btn+.btn {
      margin-left: -1px
    }

    @media screen and (max-width:767px) {
      .dt-buttons {
        float: none;
        text-align: center;
        display: block
      }

      .dt-buttons .btn {
        float: none
      }
    }

    .dt-button-info {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 400px;
      margin-top: -100px;
      margin-left: -200px;
      padding: 20px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      text-align: center;
      z-index: 1050;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }

    .dt-button-info h2 {
      margin-top: 0;
      line-height: 1.5384616;
      font-size: 17px
    }

    .dt-button-background {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: #333;
      z-index: 999;
      opacity: .25;
      filter: alpha(opacity=25)
    }

    .dt-button-collection {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #fff;
      display: block;
      z-index: 1000;
      padding: 7px 0;
      overflow: hidden;
      min-width: 180px;
      border-radius: 3px;
      -webkit-column-gap: 2px;
      -moz-column-gap: 2px;
      -ms-column-gap: 2px;
      -o-column-gap: 2px;
      column-gap: 2px;
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
      box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
    }

    .dt-button-collection>.dt-button {
      padding: 8px 12px;
      color: #333;
      display: block;
      outline: 0
    }

    .dt-button-collection>.dt-button+.dt-button {
      margin-top: 1px
    }

    .dt-button-collection>.dt-button:focus,
    .dt-button-collection>.dt-button:hover {
      color: #333;
      background-color: #f5f5f5
    }

    .dt-button-collection>.dt-button.active {
      color: #fff;
      background-color: #2196F3
    }

    .dt-button-collection.fixed {
      position: fixed;
      top: 50%;
      left: 50%;
      margin-left: -75px;
      padding-left: 5px;
      padding-right: 5px
    }

    .dt-button-collection.fixed.two-column {
      margin-left: -150px
    }

    .dt-button-collection.fixed.three-column {
      margin-left: -225px
    }

    .dt-button-collection.fixed.four-column {
      margin-left: -300px
    }

    .dt-button-collection>* {
      -webkit-column-break-inside: avoid;
      break-inside: avoid
    }

    .dt-button-collection.two-column {
      width: 300px;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      -ms-column-count: 2;
      -o-column-count: 2;
      column-count: 2
    }

    .dt-button-collection.three-column {
      width: 450px;
      -webkit-column-count: 3;
      -moz-column-count: 3;
      -ms-column-count: 3;
      -o-column-count: 3;
      column-count: 3
    }

    .dt-button-collection.four-column {
      width: 600px;
      -webkit-column-count: 4;
      -moz-column-count: 4;
      -ms-column-count: 4;
      -o-column-count: 4;
      column-count: 4
    }

    .dataTable td.focus,
    .dataTable th.focus {
      outline: #2196F3 solid 2px;
      outline-offset: -1px
    }

    .dataTable td.focus-success,
    .dataTable th.focus-success {
      background-color: #E8F5E9;
      outline-color: #4CAF50
    }

    .dataTable td.focus-info,
    .dataTable th.focus-info {
      background-color: #E3F2FD;
      outline-color: #2196F3
    }

    .dataTable td.focus-warning,
    .dataTable th.focus-warning {
      background-color: #FBE9E7;
      outline-color: #FF5722
    }

    .dataTable td.focus-danger,
    .dataTable th.focus-danger {
      background-color: #FFEBEE;
      outline-color: #F44336
    }

    .DTS .DTS_Loading {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 200px;
      height: 20px;
      margin-top: -20px;
      margin-left: -100px;
      z-index: 1;
      border: 1px solid #999;
      padding: 20px 0;
      text-align: center;
      background-color: rgba(255, 255, 255, .5)
    }

    .DTS .dataTables_scrollFoot,
    .DTS .dataTables_scrollHead {
      background-color: #fff
    }

    .DTS .dataTables_scrollBody {
      z-index: 2
    }

    .dtr-inline.collapsed tbody tr td:before,
    .dtr-inline.collapsed tbody tr th:before {
      margin-right: 10px
    }

    .dtr-inline.collapsed tbody tr td:first-child,
    .dtr-inline.collapsed tbody tr th:first-child {
      position: relative;
      cursor: pointer;
      white-space: nowrap
    }

    .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before,
    .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before {
      display: none
    }

    .dtr-column tbody td.control,
    .dtr-column tbody th.control {
      position: relative;
      cursor: pointer
    }

    .dtr-column tbody tr td.control:before,
    .dtr-column tbody tr th.control:before,
    .dtr-inline.collapsed tbody tr td:first-child:before,
    .dtr-inline.collapsed tbody tr th:first-child:before {
      content: '\e9e4';
      font-family: icomoon;
      display: inline-block;
      font-size: 16px;
      width: 16px;
      line-height: 1;
      position: relative;
      top: -1px;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .timer>li.dots,
    .valign-top {
      vertical-align: top
    }

    .dataTable.dtr-column tbody tr.parent td.control:before,
    .dataTable.dtr-column tbody tr.parent th.control:before,
    .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
    .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
      content: '\e9e7'
    }

    .dtr-inline.collapsed tbody tr.child td:before {
      display: none
    }

    .dataTable tr.child:hover {
      background-color: transparent
    }

    .dataTable tr.child .dtr-title {
      display: table-cell;
      font-weight: 500;
      padding-right: 40px
    }

    .dataTable tr.child .dtr-data {
      display: table-cell;
      padding: 8px 0
    }

    .dataTable tr td.child {
      white-space: normal;
      position: relative
    }

    .dataTable tr td.child>ul {
      display: table;
      table-layout: fixed;
      width: 100%;
      list-style: none;
      margin: 0;
      padding: 0
    }

    .dataTable tr td.child>ul>li {
      display: table-row
    }

    @media (max-width:480px) {

      .dataTable tr td.child>ul>li .btn-group,
      .dataTable tr td.child>ul>li .dropdown,
      .dataTable tr td.child>ul>li .dropup {
        position: static
      }

      .dataTable tr td.child>ul>li .dropdown-menu {
        left: 0;
        right: 0;
        border-radius: 0;
        border-width: 1px 0
      }
    }

    .map-wrapper {
      width: 100%;
      height: 400px
    }

    .sidebar .map-wrapper {
      height: 200px;
      border: 1px solid #ddd
    }

    .map-container,
    .vector-map-container {
      height: 500px
    }

    .gm-style {
      font-size: 13px
    }

    .gm-style .gm-style-iw {
      font-size: 13px;
      font-weight: 400
    }

    .chart-pie,
    .has-fixed-height {
      height: 400px
    }

    .jvectormap-label {
      position: absolute;
      display: none;
      border-radius: 2px;
      background-color: #333;
      color: #fff;
      padding: 7px 12px
    }

    .jvectormap-zoomin,
    .jvectormap-zoomout {
      position: absolute;
      left: 10px;
      border-radius: 2px;
      padding: 8px;
      color: #fff;
      cursor: pointer;
      font-size: 16px;
      font-weight: 300;
      line-height: 10px;
      background-color: #37474F;
      text-align: center
    }

    .chart,
    .chart-container {
      position: relative;
      width: 100%
    }

    .bullet-title,
    .c3-text,
    .c3-tooltip th {
      font-weight: 500
    }

    .jvectormap-zoomin:hover,
    .jvectormap-zoomout:hover {
      background-color: #455A64
    }

    .jvectormap-zoomin {
      top: 10px
    }

    .jvectormap-zoomout {
      top: 40px
    }

    .chart-container.has-scroll {
      overflow-x: scroll;
      overflow-y: visible;
      max-width: 100%
    }

    .chart {
      display: block
    }

    .chart.has-minimum-width {
      min-width: 600px
    }

    .chart-pie {
      width: 100%;
      min-width: 500px
    }

    .c3 svg {
      font-size: 12px
    }

    .c3 line,
    .c3 path {
      fill: none;
      stroke: #999
    }

    .c3 text {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .c3-chart-arc path {
      stroke: #fff
    }

    .c3-chart-arc text {
      fill: #fff;
      font-size: 13px
    }

    .c3-grid line {
      stroke: #aaa
    }

    .c3-grid text {
      fill: #aaa
    }

    .c3-xgrid,
    .c3-ygrid {
      stroke-dasharray: 3 3
    }

    .c3-text.c3-empty {
      fill: grey;
      font-size: 2em
    }

    .c3-line {
      stroke-width: 2px
    }

    .c3-area {
      stroke-width: 0;
      opacity: .4;
      filter: alpha(opacity=40)
    }

    .c3-circle._expanded_ {
      stroke-width: 1.5px;
      stroke: #fff
    }

    .c3-selected-circle {
      fill: #fff;
      stroke-width: 2px
    }

    .c3-bar {
      stroke-width: 0
    }

    .c3-bar._expanded_ {
      fill-opacity: .75
    }

    .c3-chart-arcs-title {
      font-size: 1.3em
    }

    .c3-chart-arcs .c3-chart-arcs-background {
      fill: #e0e0e0;
      stroke: none
    }

    .c3-chart-arcs .c3-chart-arcs-gauge-unit {
      fill: #333;
      font-size: 15px
    }

    .c3-chart-arcs .c3-chart-arcs-gauge-max,
    .c3-chart-arcs .c3-chart-arcs-gauge-min {
      fill: #999
    }

    .c3-chart-arc .c3-gauge-value {
      fill: #333;
      font-size: 28px
    }

    .bullet-tick text,
    .c3-legend-item,
    .c3-tooltip td,
    .d3-tip {
      font-size: 12px
    }

    .c3-target.c3-focused {
      opacity: 1;
      filter: alpha(opacity=100)
    }

    .c3-target.c3-focused path.c3-line,
    .c3-target.c3-focused path.c3-step {
      stroke-width: 2px
    }

    .c3-target.c3-defocused {
      opacity: .3 !important;
      filter: alpha(opacity=30) !important
    }

    .c3-region {
      fill: #546E7A;
      fill-opacity: .1
    }

    .c3-brush .extent {
      fill-opacity: .1
    }

    .c3-legend-background {
      fill: #fff;
      stroke: #d3d3d3;
      stroke-width: 1;
      opacity: .75;
      filter: alpha(opacity=75)
    }

    .c3-tooltip {
      background-color: #fff;
      empty-cells: show;
      opacity: .95;
      filter: alpha(opacity=95)
    }

    .c3-tooltip th {
      background-color: #333;
      padding: 4px 10px;
      text-align: center;
      color: #fff;
      border: 1px solid #333
    }

    .c3-tooltip td {
      padding: 6px 10px;
      background-color: #fff;
      border: 1px solid #ddd
    }

    .d3-tip,
    .venntooltip {
      background-color: #333;
      color: #fff;
      position: absolute
    }

    .c3-tooltip td>span {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 6px
    }

    .c3-tooltip td.value {
      text-align: right
    }

    .d3-axis path {
      fill: none;
      stroke: #999
    }

    .d3-axis line {
      stroke: #eee
    }

    .d3-axis-solid line,
    .d3-axis-solid path,
    .d3-axis-strong line,
    .d3-axis-strong path {
      stroke: #ccc
    }

    .d3-axis .tick,
    .d3-axis .tick text {
      font-size: 12px;
      fill: #333
    }

    .d3-axis-solid .tick,
    .d3-axis-solid .tick text {
      fill: #999
    }

    .d3-axis-strong .tick,
    .d3-axis-strong .tick text {
      fill: #333
    }

    .d3-axis-transparent path {
      stroke: none
    }

    .d3-axis-transparent line {
      stroke: #e5e5e5
    }

    .d3-axis-transparent .tick,
    .d3-axis-transparent .tick text {
      fill: #999
    }

    .d3-tip {
      padding: 8px 15px;
      border-radius: 3px;
      margin-bottom: -3px;
      z-index: 1070
    }

    .d3-tip .d3-tip-arrow {
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid
    }

    .d3-tip.n .d3-tip-arrow {
      bottom: -4px;
      left: 50%;
      margin-left: -4px;
      border-width: 4px 4px 0;
      border-top-color: #333
    }

    .d3-tip.e .d3-tip-arrow {
      top: 50%;
      left: -4px;
      margin-top: -4px;
      border-width: 4px 4px 4px 0;
      border-right-color: #333
    }

    .d3-tip.w .d3-tip-arrow {
      top: 50%;
      right: -4px;
      margin-top: -4px;
      border-width: 4px 0 4px 4px;
      border-left-color: #333
    }

    .d3-tip.s .d3-tip-arrow {
      top: 0;
      left: 50%;
      margin-left: -4px;
      border-width: 0 4px 4px;
      border-bottom-color: #333
    }

    .venntooltip {
      text-align: center;
      white-space: nowrap;
      padding: 7px 12px;
      border-radius: 3px;
      display: none
    }

    .d3-line {
      fill: none
    }

    .d3-line-thin {
      stroke-width: 1px
    }

    .d3-line-medium {
      stroke-width: 1.5px
    }

    .d3-line-strong {
      stroke-width: 2px
    }

    .d3-line-circle {
      fill: none;
      cursor: pointer
    }

    .d3-line-circle-thin {
      stroke-width: 1px
    }

    .d3-line-circle-medium {
      stroke-width: 1.5px
    }

    .d3-line-circle-strong {
      stroke-width: 2px
    }

    .d3-grid .tick line {
      stroke-width: 1px;
      stroke: #e5e5e5
    }

    .d3-grid .tick text {
      fill: #333;
      stroke: none
    }

    .d3-grid-dashed .tick {
      stroke-dasharray: 4, 2;
      stroke-width: 1px;
      stroke: #e5e5e5
    }

    .d3-grid-dashed path {
      stroke-width: 0
    }

    .d3-crosshair-overlay {
      fill: none;
      pointer-events: all
    }

    .bullet-tick line {
      stroke: #999;
      stroke-width: 1px
    }

    .bullet-tick text {
      fill: #999
    }

    .bullet-marker {
      stroke-width: 2px
    }

    .bullet-title {
      font-size: 13px
    }

    .bullet-subtitle {
      fill: #999
    }

    .bullet-1 .bullet-range-1 {
      fill: rgba(96, 125, 139, .8)
    }

    .bullet-1 .bullet-range-2 {
      fill: rgba(96, 125, 139, .4)
    }

    .bullet-1 .bullet-range-3 {
      fill: #607D8B
    }

    .bullet-1 .bullet-measure-1 {
      fill: rgba(84, 110, 122, .9)
    }

    .bullet-1 .bullet-measure-2 {
      fill: #fff
    }

    .bullet-1 .bullet-marker {
      stroke: #37474F
    }

    .bullet-2 .bullet-range-1 {
      fill: rgba(255, 112, 67, .6)
    }

    .bullet-2 .bullet-range-2 {
      fill: rgba(255, 112, 67, .3)
    }

    .bullet-2 .bullet-range-3 {
      fill: #FF7043
    }

    .bullet-2 .bullet-measure-1 {
      fill: rgba(244, 81, 30, .9)
    }

    .bullet-2 .bullet-measure-2 {
      fill: #fff
    }

    .bullet-2 .bullet-marker {
      stroke: #D84315
    }

    .bullet-3 .bullet-range-1 {
      fill: rgba(102, 187, 106, .7)
    }

    .bullet-3 .bullet-range-2 {
      fill: rgba(102, 187, 106, .35)
    }

    .bullet-3 .bullet-range-3 {
      fill: #66BB6A
    }

    .bullet-3 .bullet-measure-1 {
      fill: rgba(67, 160, 71, .9)
    }

    .bullet-3 .bullet-measure-2 {
      fill: #fff
    }

    .bullet-3 .bullet-marker {
      stroke: #2E7D32
    }

    .counter-icon {
      font-size: 32px;
      position: absolute;
      left: 50%;
      margin-left: -16px
    }

    .jqsfield,
    .jqstooltip {
      font-size: 12px !important;
      font-family: Roboto, sans-serif !important
    }

    .jqstooltip {
      padding: 7px !important;
      line-height: 1.6666667 !important;
      border: 0 !important;
      border-radius: 3px !important;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
    }

    .timer,
    .timer-weekdays {
      padding: 0;
      text-align: center;
      list-style: none
    }

    .timer-weekdays {
      margin: 0
    }

    .timer-weekdays>li {
      display: inline-block;
      margin: 2px 0
    }

    .timer-weekdays>li>a {
      display: block;
      margin: 0 1px
    }

    .timer-weekdays .label-default {
      background-color: #ccc;
      border-color: #ccc
    }

    .timer-weekdays .label-default:focus,
    .timer-weekdays .label-default:hover {
      border-color: #999
    }

    .timer {
      margin: 0
    }

    .timer>li {
      font-size: 46px;
      text-align: center;
      display: inline-block;
      color: #555;
      font-weight: 300
    }

    .timer>li.dots {
      font-size: 25px;
      padding: 16.67px 0
    }

    .timer>li>span {
      display: block;
      font-size: 13px
    }

    .task-details {
      float: right;
      margin: 0
    }

    @media (max-width:1024px) {
      .task-details {
        float: none;
        margin-top: 15px;
        list-style: none;
        padding: 0
      }

      .task-details>li {
        float: left;
        position: relative;
        padding-right: 20px;
        margin-top: 0
      }

      .task-details>li:before {
        content: '•';
        position: absolute;
        right: 8px;
        color: #999
      }

      .task-details>li:last-child:before {
        content: none
      }
    }

    @media (max-width:768px) {
      .chart-container {
        overflow-x: scroll;
        overflow-y: visible;
        max-width: 100%
      }

      .task-details>li {
        float: none
      }

      .task-details>li:before {
        content: none
      }

      .task-details>li+li {
        margin-top: 10px
      }
    }

    @media (min-width:769px) {

      .invoice-details,
      .invoice-payment-details>li span {
        float: right;
        text-align: right
      }
    }

    .invoice-grid ol,
    .invoice-grid ul {
      margin-bottom: 0
    }

    @media (max-width:768px) {
      .invoice-grid .text-right {
        text-align: inherit
      }

      .invoice-grid [class*=col-]+[class*=col-] {
        margin-top: 20px
      }
    }

    .contact-details {
      padding: 15px 15px 15px 30px;
      background-color: #fcfcfc;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee
    }

    .media-list-bordered .contact-details {
      border-bottom: 0
    }

    .panel-body>.media-list .contact-details {
      padding-left: 15px;
      background-color: transparent;
      margin-top: 15px
    }

    .panel-body>.media-list-bordered .contact-details {
      padding-bottom: 0
    }

    .contact-details>ul,
    .contact-details>ul>li:first-child {
      margin: 0
    }

    .profile-cover {
      position: relative
    }

    .profile-cover+.navbar {
      margin-bottom: 40px
    }

    .profile-cover .media {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px
    }

    .profile-cover .media .btn-default {
      border-color: #fcfcfc;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
      box-shadow: 0 0 3px rgba(0, 0, 0, .5)
    }

    .profile-cover .media-body,
    .profile-cover small {
      color: #fff;
      text-shadow: 0 0 3px rgba(0, 0, 0, .8)
    }

    .profile-cover-img {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      height: 350px;
      border-top-right-radius: 3px;
      border-top-left-radius: 3px
    }

    @media (max-width:768px) {
      .profile-cover .media {
        text-align: center;
        margin-top: 0;
        bottom: auto;
        top: 40px
      }

      .profile-cover .media-left,
      .profile-cover .media-right {
        padding: 0;
        display: block;
        overflow-x: auto
      }

      .profile-cover .media-body {
        display: block;
        margin-bottom: 20px;
        width: 100%
      }

      .profile-cover .media-body>h1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
      }

      .profile-cover-img {
        height: 320px
      }
    }

    .media .profile-thumb img {
      width: 100px;
      height: 100px;
      border: 3px solid #fff;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
      box-shadow: 0 0 3px rgba(0, 0, 0, .5)
    }

    .login-cover {
      background: url(../images/backgrounds/6920e04e5104c694d7f326ab226092c9.jpg) repeat-y;
      background-size: cover
    }

    .login-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      min-height: 100vh;
    }

    .login-container .page-container {
      padding-top: 40px;
      position: static
    }

    .login-container .page-container .login-form {
      width: 320px
    }

    .login-container .page-container .login-form,
    .login-container .page-container .login-form .thumb,
    .login-container .page-container .registration-form {
      margin: 0 auto 20px
    }

    @media (max-width:480px) {

      .login-container .page-container .login-form,
      .login-container .page-container .registration-form {
        width: 100%
      }
    }
    
    @media (min-width:1080px) {

      #login-row {
        width: 1200px !important;
      }
    }

    .login-container .page-container .nav-tabs.nav-justified {
      margin-bottom: 0
    }

    .login-container .page-container .nav-tabs.nav-justified>li>a {
      border-top: 0 !important;
      padding-left: 15px;
      padding-right: 15px;
      background-color: #f5f5f5
    }

    .login-container .page-container .nav-tabs.nav-justified>li:first-child>a {
      border-left: 0;
      border-radius: 3px 0 0
    }

    .login-container .page-container .nav-tabs.nav-justified>li:last-child>a {
      border-right: 0;
      border-radius: 0 3px 0 0
    }

    .login-container .page-container .nav-tabs.nav-justified>li.active>a {
      background-color: transparent
    }

    @media (max-width:768px) {
      .login-container .page-container .nav-tabs.nav-justified {
        padding: 0;
        border-width: 0 0 1px;
        border-radius: 0
      }

      .login-container .page-container .nav-tabs.nav-justified:before {
        content: none
      }

      .login-container .page-container .nav-tabs.nav-justified>li>a {
        border-width: 0 !important
      }

      .login-options,
      .login-options .text-right {
        text-align: center
      }
    }

    .login-container .footer {
      left: 0;
      right: 0
    }

    .timeline-container:after,
    .timeline:after,
    .timeline:before {
      content: "";
      left: 50%;
      background-color: #ccc
    }

    .timeline {
      position: relative;
      height: 100%
    }

    .timeline:after,
    .timeline:before {
      position: absolute;
      top: 0;
      margin-left: -2px;
      height: 4px;
      width: 4px;
      border-radius: 50%;
      z-index: 1
    }

    .timeline:after {
      top: auto;
      bottom: 0
    }

    .timeline-container {
      position: relative;
      padding-top: 10px;
      margin-top: -10px;
      padding-bottom: 1px
    }

    .timeline-date,
    .timeline-time {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 20px
    }

    .timeline-container:after {
      position: absolute;
      top: 0;
      margin-left: -1px;
      height: 100%;
      width: 2px;
      z-index: -1
    }

    .timeline-date,
    .timeline-row {
      position: relative
    }

    .timeline-date:after,
    .timeline-date:before,
    .timeline-time:after,
    .timeline-time:before {
      content: "";
      left: 50%;
      margin-left: -2px;
      height: 4px;
      width: 4px;
      border-radius: 50%
    }

    .timeline-content {
      margin-bottom: 20px
    }

    .timeline-date {
      background-color: #f5f5f5;
      z-index: 1
    }

    .timeline-date:after,
    .timeline-date:before {
      position: absolute;
      top: 0;
      background-color: #ccc;
      z-index: 1
    }

    .timeline-date:after {
      top: auto;
      bottom: 0
    }

    .panel .timeline-date {
      background-color: #fff
    }

    .timeline-time {
      background-color: #f5f5f5;
      position: relative
    }

    .timeline-time:after,
    .timeline-time:before {
      position: absolute;
      top: 0;
      background-color: #ccc
    }

    .panel .timeline-time,
    .timeline-icon {
      background-color: #fff
    }

    .timeline-time:after {
      top: auto;
      bottom: 0
    }

    .timeline-time span {
      display: block;
      color: #999;
      font-size: 12px
    }

    .timeline-time span:before {
      content: '•';
      display: inline-block;
      margin-right: 5px;
      position: relative;
      top: 1px
    }

    .timeline-icon {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      margin: 0 auto 20px;
      border: 4px solid #f5f5f5
    }

    .panel .timeline-icon {
      border-color: #fff
    }

    .timeline-icon div {
      border-radius: 50%;
      height: 100%;
      -webkit-box-shadow: 0 0 0 2px #ccc inset;
      box-shadow: 0 0 0 2px #ccc inset
    }

    .timeline-icon div[class*=bg-] {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .timeline-icon div>i {
      display: block;
      line-height: 40px;
      top: 0
    }

    .timeline-icon img {
      width: 40px;
      height: 40px;
      border-radius: 50%
    }

    @media (min-width:1025px) {

      .timeline-time:after,
      .timeline-time:before {
        content: none
      }

      .timeline-center .timeline-row {
        margin-right: 50%;
        padding-right: 44px
      }

      .timeline-center .post-even {
        margin-right: 0;
        padding-right: 0;
        margin-left: 50%;
        padding-left: 44px
      }

      .timeline-center .post-full {
        margin: 0;
        padding: 0
      }

      .timeline-center .post-full .timeline-content {
        position: relative
      }

      .timeline-center .post-full .timeline-content:after,
      .timeline-center .post-full .timeline-content:before {
        content: '';
        border-style: solid;
        border-color: #f5f5f5;
        display: block;
        position: absolute;
        left: 0;
        right: 0
      }

      .timeline-center .post-full .timeline-content:before {
        border-width: 4px 0 0;
        top: -5px
      }

      .timeline-center .post-full .timeline-content:after {
        border-width: 0 0 4px;
        bottom: -5px
      }

      .timeline-left .timeline-container:after,
      .timeline-left .timeline-date:after,
      .timeline-left .timeline-date:before,
      .timeline-left:after,
      .timeline-left:before {
        left: 24px
      }

      .timeline-left .timeline-date,
      .timeline-left .timeline-row {
        padding-left: 68px
      }

      .timeline-right .timeline-container:after,
      .timeline-right .timeline-date:after,
      .timeline-right .timeline-date:before,
      .timeline-right:after,
      .timeline-right:before {
        left: auto;
        right: 24px;
        margin-left: 0;
        margin-right: -2px
      }

      .timeline-right .timeline-container:after {
        margin-right: -1px
      }

      .timeline-right .timeline-date,
      .timeline-right .timeline-row {
        padding-right: 68px
      }

      .timeline-left .timeline-date,
      .timeline-right .timeline-date {
        padding-top: 10px;
        padding-bottom: 10px
      }

      .timeline-icon {
        position: absolute;
        top: 10px
      }

      .timeline-icon:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 16px;
        background-color: #ccc;
        z-index: 1
      }

      .timeline-center .post-full .timeline-icon:after,
      .timeline-time:before {
        content: none
      }

      .timeline-left .timeline-icon {
        left: 0
      }

      .timeline-left .timeline-icon:after {
        left: 100%;
        margin-left: 4px
      }

      .timeline-right .timeline-icon {
        right: 0
      }

      .timeline-right .timeline-icon:after {
        right: 100%;
        margin-right: 4px
      }

      .timeline-center .timeline-row:not(.post-full) .timeline-icon {
        left: 100%;
        margin-left: -24px
      }

      .timeline-center .timeline-row.post-even .timeline-icon {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: -24px
      }

      .timeline-center .timeline-icon:after {
        right: 100%;
        margin-right: 4px
      }

      .timeline-center .post-even .timeline-icon:after {
        left: 100%;
        margin-left: 4px
      }

      .timeline-center .post-full .timeline-icon {
        position: static
      }

      .timeline-time {
        padding: 0;
        text-align: inherit;
        background-color: transparent
      }

      .timeline-left .timeline-time,
      .timeline-right .timeline-time {
        padding-top: 10px;
        margin-bottom: 20px;
        padding-left: 10px
      }

      .timeline-right .timeline-time {
        text-align: right;
        padding-left: 0;
        padding-right: 10px
      }

      .timeline-center .post-full .timeline-time,
      .timeline-center .timeline-time {
        position: absolute;
        left: 100%;
        top: 15px;
        width: 100%;
        padding-left: 44px
      }

      .timeline-center .post-even .timeline-time,
      .timeline-center .post-full .timeline-time {
        left: auto;
        right: 100%;
        padding-left: 0;
        padding-right: 44px;
        text-align: right
      }

      .timeline-center .post-full .timeline-time {
        right: 50%;
        top: 5px
      }
    }

    .chat-list,
    .chat-stacked {
      max-height: 520px;
      overflow: auto
    }

    .chat-list .media-left {
      padding-right: 20px
    }

    .chat-list .media-right {
      padding-left: 20px
    }

    .chat-list .media-content {
      position: relative;
      padding: 10px 12px;
      width: auto;
      border-radius: 3px;
      display: inline-block
    }

    .chat-list .media-content:not([class*=bg-]) {
      background-color: #f5f5f5;
      border-color: #f5f5f5
    }

    .chat-list .media-content>i {
      top: 0;
      margin: 2px
    }

    .chat-list .reversed .media-content {
      text-align: left;
      color: #fff
    }

    .chat-list .reversed .media-content:not([class*=bg-]) {
      background-color: #42A5F5;
      border-color: #42A5F5
    }

    .chat-list .reversed .media-content>a {
      color: #fff
    }

    .chat-list .reversed .media-body {
      text-align: right
    }

    .chat-list .date-step.media {
      text-align: center;
      margin-left: 0;
      margin-right: 0;
      color: #999
    }

    .chat-list .chat-thumbs img {
      margin-top: 5px;
      margin-bottom: 5px;
      max-height: 100px;
      height: auto;
      max-width: 100%;
      display: inline-block;
      border-radius: 3px
    }

    .chat-list .media-content:before,
    .chat-list .reversed .media-content:before {
      content: '';
      left: -5px;
      top: 15px;
      position: absolute;
      margin-left: 0
    }

    .chat-list .media-content:before {
      border-top: 5px solid transparent;
      border-right: 5px solid;
      border-right-color: inherit;
      border-bottom: 5px solid transparent
    }

    .chat-list .reversed .media-content:before {
      left: auto;
      right: -5px;
      border-right: 0;
      border-top: 5px solid transparent;
      border-left: 5px solid;
      border-left-color: inherit;
      border-bottom: 5px solid transparent
    }

    .chat-list-inverse .media-content:not([class*=bg-]) {
      color: #fff;
      background-color: #42A5F5;
      border-color: #42A5F5
    }

    .chat-list-inverse .media-content:before {
      border-top: 5px solid transparent;
      border-right: 5px solid #42A5F5;
      border-bottom: 5px solid transparent
    }

    .chat-list-inverse .media-content>a {
      color: #fff
    }

    .chat-list-inverse .reversed .media-content:not([class*=bg-]) {
      background-color: #f5f5f5;
      color: inherit
    }

    .chat-list-inverse .reversed .media-content:before {
      border-top: 5px solid transparent;
      border-left: 5px solid #f5f5f5;
      border-bottom: 5px solid transparent
    }

    .panel .main-search input[type=text] {
      background-color: #FAFAFA
    }

    .search-results-list .list-inline {
      margin-bottom: 5px
    }

    .related-searches {
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 20px;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee
    }

    .website-search-results {
      padding: 20px 20px 0;
      border-bottom: 1px solid #eee
    }

    .media-preview {
      width: auto;
      height: auto;
      max-width: none;
      max-height: 90px
    }

    .error-title {
      color: #fff;
      font-size: 200px;
      line-height: 1;
      margin-top: 20px;
      margin-bottom: 40px;
      font-weight: 300;
      text-stroke: 1px transparent;
      display: block;
      text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
    }

    @media (max-width:768px) {
      .search-option-buttons {
        text-align: center
      }

      .search-option-buttons>.text-right {
        text-align: inherit
      }

      .error-title {
        font-size: 130px
      }
    }

    .offline-title {
      font-size: 160px
    }

    .breadcrumb-elements-toggle,
    .heading-elements-toggle {
      cursor: pointer;
      display: block;
      line-height: 1;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      right: 20px
    }

    .breadcrumb-elements-toggle,
    .breadcrumb-elements-toggle:focus,
    .breadcrumb-elements-toggle:hover,
    .heading-elements-toggle,
    .heading-elements-toggle:focus,
    .heading-elements-toggle:hover {
      color: inherit
    }

    .breadcrumb-elements-toggle>i,
    .heading-elements-toggle>i {
      top: 0
    }

    .breadcrumb-line-component .breadcrumb-elements-toggle {
      right: 15px
    }

    .heading-elements {
      background-color: inherit;
      position: absolute;
      top: 50%;
      right: 20px;
      height: 36px;
      margin-top: -18px
    }

    .panel-body>.heading-elements {
      top: 0;
      margin-top: 14px;
      z-index: 10
    }

    @media (min-width:769px) {
      .chat-list .media {
        margin-right: 20%
      }

      .chat-list .media.reversed {
        margin-right: 0;
        margin-left: 20%
      }

      .breadcrumb-elements-toggle,
      .heading-elements-toggle {
        display: none
      }

      .panel-footer>.heading-elements {
        position: static;
        margin-top: 0
      }

      .panel-footer-bordered .heading-elements {
        margin-left: -20px
      }
    }

    @media (max-width:768px) {
      .offline-title {
        font-size: 90px
      }

      .panel-body>.heading-elements-toggle {
        top: 20px;
        margin-top: 0
      }

      .panel-body>.heading-elements.visible {
        top: 56px;
        background-color: #fff
      }

      .panel-footer>.heading-elements>.pull-right {
        float: none !important
      }

      .panel-footer .heading-elements-toggle {
        position: static;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0;
        display: block;
        text-align: center
      }
    }

    .heading-thumbnails {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 0
    }

    .heading-elements .heading-btn+.heading-btn,
    .heading-elements .heading-btn-group>.btn+.btn:not(.btn-link),
    .heading-thumbnails>li+li,
    .page-header .heading-elements .icons-list>li+li,
    .thumbnail-heading .heading-elements .icons-list>li+li {
      margin-left: 10px
    }

    .heading-thumbnails>li {
      position: relative;
      display: inline-block;
      font-size: 13px
    }

    .heading-thumbnails>li img {
      height: auto;
      max-height: 36px;
      max-width: 100%;
      border-radius: 100px
    }

    .heading-thumbnails>li .badge,
    .heading-thumbnails>li .label {
      position: absolute;
      top: -8px;
      right: -8px;
      border: 2px solid #fcfcfc
    }

    .panel-default>.panel-heading .heading-thumbnails>li .badge,
    .panel-default>.panel-heading .heading-thumbnails>li .label,
    .panel-footer-transparent .heading-thumbnails>li .badge,
    .panel-footer-transparent .heading-thumbnails>li .label {
      border-color: #fff
    }

    .heading-thumbnails>li .status-mark {
      position: absolute;
      top: 0;
      right: 0;
      box-shadow: 0 0 0 2px #fcfcfc
    }

    .heading-thumbnails>li .status-mark[class*=border-] {
      background-color: #fcfcfc
    }

    .panel-default>.panel-heading .heading-thumbnails>li .status-mark,
    .panel-default>.panel-heading .heading-thumbnails>li .status-mark[class*=border-],
    .panel-footer-transparent .heading-thumbnails>li .status-mark,
    .panel-footer-transparent .heading-thumbnails>li .status-mark[class*=border-] {
      background-color: #fff
    }

    .page-header-inverse .heading-elements .btn-link {
      color: #fff
    }

    .heading-elements .list-inline {
      margin-bottom: 0
    }

    .heading-elements .pager,
    .heading-elements .pagination {
      margin-top: 0;
      margin-bottom: 0
    }

    .heading-elements .breadcrumb {
      padding-top: 0;
      padding-bottom: 0
    }

    .heading-elements.panel-nav .nav>li>a {
      text-align: left
    }

    .heading-elements .daterange-custom {
      margin-top: 4px
    }

    .heading-elements .heading-btn-group {
      font-size: 0
    }

    @media (max-width:768px) {
      .heading-elements {
        text-align: center
      }

      .heading-elements .breadcrumb,
      .heading-elements .daterange-custom,
      .heading-elements .heading-btn,
      .heading-elements .heading-btn-group>.btn,
      .heading-elements .heading-form .form-group,
      .heading-elements .heading-text,
      .heading-elements .heading-thumbnails,
      .heading-elements .icons-list,
      .heading-elements .nav-pills,
      .heading-elements .nav-tabs,
      .heading-elements .noui-slider,
      .heading-elements .pager,
      .heading-elements .pagination,
      .heading-elements .progress,
      .heading-elements .ui-slider,
      .heading-elements>.btn-group {
        margin-bottom: 20px
      }

      .heading-elements .heading-text:not(.label):not(.badge) {
        display: block
      }

      .heading-elements .bootstrap-select,
      .heading-elements .multiselect+.btn-group,
      .heading-elements .select2-container,
      .heading-elements .selectboxit-container,
      .heading-elements .selectboxit-options {
        width: 100% !important
      }

      .heading-elements .btn-group,
      .heading-elements .dropdown,
      .heading-elements .dropup,
      .heading-elements .input-group,
      .heading-elements .input-group-btn {
        position: static
      }

      .heading-elements .dropdown-menu {
        left: 0;
        right: 0;
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0
      }
    }

    @media (min-width:769px) {

      .heading-elements .breadcrumb,
      .heading-elements .daterange-custom,
      .heading-elements .heading-btn,
      .heading-elements .heading-form,
      .heading-elements .heading-text,
      .heading-elements .heading-thumbnails,
      .heading-elements .icons-list,
      .heading-elements .nav-pills,
      .heading-elements .nav-tabs,
      .heading-elements .noui-slider,
      .heading-elements .pager,
      .heading-elements .pagination,
      .heading-elements .progress,
      .heading-elements .ui-slider,
      .heading-elements>.btn-group {
        float: left;
        margin-left: 20px
      }

      .heading-elements .heading-text+.heading-text {
        margin-left: 20px
      }

      .heading-elements .heading-form .form-control,
      .heading-elements .input-group,
      .heading-elements .noui-slider,
      .heading-elements .progress,
      .heading-elements .selectbox-fixed+.selectboxit-container,
      .heading-elements .selectbox-fixed+.selectboxit-options,
      .heading-elements .selectboxit-container .selectboxit-options,
      .heading-elements .ui-slider,
      .heading-elements .uploader {
        width: 220px
      }

      .heading-elements .btn-group-sm>.btn,
      .heading-elements .btn-sm,
      .heading-elements .input-group-sm,
      .heading-elements .input-sm,
      .heading-elements .pager-sm,
      .heading-elements .pagination-sm,
      .heading-elements .select-sm,
      .heading-elements .selectbox-sm+.selectboxit-container,
      .heading-elements .uploader-sm {
        margin-top: 1px
      }

      .heading-elements .btn-group-xs>.btn,
      .heading-elements .btn-xs,
      .heading-elements .input-group-xs,
      .heading-elements .input-xs,
      .heading-elements .pager-xs,
      .heading-elements .pagination-xs,
      .heading-elements .select-xs,
      .heading-elements .selectbox-xs+.selectboxit-container,
      .heading-elements .uploader-xs {
        margin-top: 2px
      }

      .heading-elements .btn-float {
        margin-top: -8px
      }

      .heading-elements .btn-float.has-text {
        margin-top: -19.5px
      }

      .heading-elements .btn-float.btn-link {
        margin-top: -14px
      }

      .heading-elements .noui-slider,
      .heading-elements .ui-slider {
        margin-top: 15px
      }

      .heading-elements .noui-slider-lg,
      .heading-elements .ui-slider-lg {
        margin-top: 14px
      }

      .heading-elements .noui-slider-sm,
      .heading-elements .ui-slider-sm {
        margin-top: 16px
      }

      .heading-elements .noui-slider-xs,
      .heading-elements .ui-slider-xs {
        margin-top: 17px
      }

      .heading-elements .progress {
        margin-top: 9px
      }

      .heading-elements .progress-lg {
        margin-top: 7px
      }

      .heading-elements .progress-sm {
        margin-top: 11px
      }

      .heading-elements .progress-xs {
        margin-top: 13px
      }

      .heading-elements .progress-xxs {
        margin-top: 15px
      }

      .heading-elements .progress-micro {
        margin-top: 17px
      }

      .heading-elements .icons-list {
        margin-top: 10px
      }

      .heading-elements .heading-text {
        display: inline-block;
        margin-top: 8px
      }

      .heading-elements.panel-nav>.nav {
        margin-bottom: 0;
        margin-top: -1px
      }

      .heading-elements.panel-nav>.nav-tabs {
        border-bottom: 0
      }

      .heading-elements.panel-nav>.nav-tabs.nav-tabs-bottom>li.active>a:after {
        background-color: transparent
      }

      .heading-elements.panel-nav>.nav-sm {
        margin-top: 2px
      }

      .heading-elements.panel-nav>.nav-xs {
        margin-top: 5px
      }
    }

    .heading-form .checkbox-switchery,
    .heading-form .checkbox-switchery[class*=switchery-],
    .heading-form .form-group {
      margin-bottom: 0
    }

    .heading-form .input-group {
      max-width: 220px
    }

    .heading-form .input-group .form-control {
      width: 100%;
      margin-top: 0
    }

    .heading-form .input-group.input-group-sm .btn,
    .heading-form .input-group.input-group-xs .btn {
      margin-top: 0
    }

    @media (min-width:769px) {
      .heading-form .form-group {
        float: left
      }

      .heading-form .form-group+.form-group {
        margin-left: 15px
      }

      .heading-form .checkbox-inline,
      .heading-form .radio-inline {
        margin-top: 8px
      }

      .heading-form .checkbox-switch {
        margin-top: 2px
      }

      .heading-form .checkbox-switch-sm {
        margin-top: 3px
      }

      .heading-form .checkbox-switch-xs {
        margin-top: 4px
      }

      .pull-right-sm {
        float: right
      }
    }

    @media (max-width:768px) {

      .breadcrumb-elements,
      .heading-elements {
        display: none
      }

      .breadcrumb-elements.visible,
      .heading-elements.visible {
        display: block;
        margin-top: 0;
        top: 100%;
        height: auto;
        left: 0;
        right: 0;
        padding: 10px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        z-index: 997
      }

      .panel-heading[class*=bg-] .heading-elements.visible,
      .panel[class*=bg-] .heading-elements.visible {
        border-color: rgba(255, 255, 255, .5);
        left: 0;
        right: 0;
        background-color: inherit
      }

      .page-header .heading-elements.visible {
        background-color: #f5f5f5;
        left: 0;
        right: 0;
        border-color: #dcdcdc;
        z-index: 1002
      }

      .page-header-default .heading-elements.visible {
        background-color: inherit;
        border-color: #ddd
      }

      .page-header-inverse .heading-elements.visible {
        background-color: inherit;
        border-color: rgba(255, 255, 255, .1)
      }

      .panel-footer-transparent .heading-elements.visible {
        background-color: #fff
      }

      .breadcrumb-elements.visible {
        background-color: inherit;
        padding: 0;
        z-index: 9;
        border-width: 1px 0
      }

      .breadcrumb-line-component .breadcrumb-elements.visible {
        border-width: 1px
      }
    }

    .no-edge-top {
      top: 0
    }

    .no-edge-bottom {
      bottom: 0
    }

    .no-edge-left {
      left: 0
    }

    .no-edge-right {
      right: 0
    }

    @media (min-width:1200px) {
      .pull-right-lg {
        float: right
      }
    }

    @media (min-width:1025px) {
      .pull-right-md {
        float: right
      }
    }

    @media (min-width:480px) {
      .pull-right-xs {
        float: right
      }
    }

    .valign-middle {
      vertical-align: middle
    }

    .valign-bottom {
      vertical-align: bottom
    }

    .valign-baseline {
      vertical-align: baseline
    }

    .valign-text-top {
      vertical-align: top
    }

    .valign-text-bottom {
      vertical-align: text-bottom
    }

    .position-relative {
      position: relative
    }

    .position-static {
      position: static
    }

    .display-block,
    label.display-block {
      display: block
    }

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

    .cursor-pointer {
      cursor: pointer
    }

    .cursor-move {
      cursor: move
    }

    .cursor-default {
      cursor: default
    }

    .overflow-hidden {
      overflow: hidden
    }

    .overflow-visible {
      overflow: visible
    }

    .overflow-auto {
      overflow: auto
    }

    .content-group-xs {
      margin-bottom: 10px !important
    }

    .content-group-sm {
      margin-bottom: 15px !important
    }

    .content-group {
      margin-bottom: 20px !important
    }

    .content-group-lg {
      margin-bottom: 30px !important
    }

    .no-margin {
      margin: 0 !important
    }

    .no-margin-top {
      margin-top: 0 !important
    }

    .no-margin-bottom {
      margin-bottom: 0 !important
    }

    .no-margin-left {
      margin-left: 0 !important
    }

    .no-margin-right {
      margin-right: 0 !important
    }

    .m-5 {
      margin: 5px !important
    }

    .m-10 {
      margin: 10px !important
    }

    .m-15 {
      margin: 15px !important
    }

    .m-20 {
      margin: 20px !important
    }

    .mt-5 {
      margin-top: 5px !important
    }

    .mt-10 {
      margin-top: 10px !important
    }

    .mt-15 {
      margin-top: 15px !important
    }

    .mt-20 {
      margin-top: 20px !important
    }

    .mb-5 {
      margin-bottom: 5px !important
    }

    .mb-10 {
      margin-bottom: 10px !important
    }

    .mb-15 {
      margin-bottom: 15px !important
    }

    .mb-20 {
      margin-bottom: 20px !important
    }

    .ml-5 {
      margin-left: 5px !important
    }

    .ml-10 {
      margin-left: 10px !important
    }

    .ml-15 {
      margin-left: 15px !important
    }

    .ml-20 {
      margin-left: 20px !important
    }

    .mr-5 {
      margin-right: 5px !important
    }

    .mr-10 {
      margin-right: 10px !important
    }

    .mr-15 {
      margin-right: 15px !important
    }

    .mr-20 {
      margin-right: 20px !important
    }

    .no-padding {
      padding: 0 !important
    }

    .no-padding-top {
      padding-top: 0 !important
    }

    .no-padding-bottom {
      padding-bottom: 0 !important
    }

    .no-padding-left {
      padding-left: 0 !important
    }

    .no-padding-right {
      padding-right: 0 !important
    }

    .p-5 {
      padding: 5px !important
    }

    .p-10 {
      padding: 10px !important
    }

    .p-15 {
      padding: 15px !important
    }

    .p-20 {
      padding: 20px !important
    }

    .pt-5 {
      padding-top: 5px !important
    }

    .pt-10 {
      padding-top: 10px !important
    }

    .pt-15 {
      padding-top: 15px !important
    }

    .pt-20 {
      padding-top: 20px !important
    }

    .pb-5 {
      padding-bottom: 5px !important
    }

    .pb-10 {
      padding-bottom: 10px !important
    }

    .pb-15 {
      padding-bottom: 15px !important
    }

    .pb-20 {
      padding-bottom: 20px !important
    }

    .pl-5 {
      padding-left: 5px !important
    }

    .pl-10 {
      padding-left: 10px !important
    }

    .pl-15 {
      padding-left: 15px !important
    }

    .pl-20 {
      padding-left: 20px !important
    }

    .pr-5 {
      padding-right: 5px !important
    }

    .pr-10 {
      padding-right: 10px !important
    }

    .pr-15 {
      padding-right: 15px !important
    }

    .pr-20 {
      padding-right: 20px !important
    }

    .no-border {
      border: 0 !important
    }

    .no-border-top {
      border-top: 0 !important
    }

    .no-border-bottom {
      border-bottom: 0 !important
    }

    .no-border-left {
      border-left: 0 !important
    }

    .no-border-right {
      border-right: 0 !important
    }

    .no-border-radius {
      border-radius: 0
    }

    .no-border-radius-top {
      border-top-right-radius: 0;
      border-top-left-radius: 0
    }

    .no-border-radius-bottom {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .no-border-radius-left {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }

    .no-border-radius-right {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0
    }

    .border-top {
      border-top: 1px solid
    }

    .border-bottom {
      border-bottom: 1px solid
    }

    .border-left {
      border-left: 1px solid
    }

    .border-right {
      border-right: 1px solid
    }

    .border-lg {
      border-width: 2px
    }

    .border-top-lg {
      border-top: 2px solid
    }

    .border-bottom-lg {
      border-bottom: 2px solid
    }

    .border-left-lg {
      border-left: 2px solid
    }

    .border-right-lg {
      border-right: 2px solid
    }

    .border-xlg {
      border-width: 3px
    }

    .border-top-xlg {
      border-top: 3px solid
    }

    .border-bottom-xlg {
      border-bottom: 3px solid
    }

    .border-left-xlg {
      border-left: 3px solid
    }

    .border-right-xlg {
      border-right: 3px solid
    }

    .full-width {
      width: 100%
    }

    @media (min-width:769px) {
      .width-200 {
        min-width: 200px
      }

      .width-250 {
        min-width: 250px
      }

      .width-300 {
        min-width: 300px
      }

      .width-350 {
        min-width: 350px
      }

      .width-400 {
        min-width: 400px
      }

      .width-450 {
        min-width: 450px
      }

      .width-500 {
        min-width: 500px
      }

      .width-550 {
        min-width: 550px
      }

      .width-600 {
        min-width: 600px
      }

      .width-650 {
        min-width: 650px
      }
    }

    .img-lg {
      width: 44px !important;
      height: 44px !important
    }

    .img-sm {
      width: 52px !important;
      height: 52px !important
    }

    .img-xs {
      width: 32px !important;
      height: 32px !important
    }

    .progress-list {
      margin: 0;
      padding: 0;
      list-style: none
    }

    .progress-list>li+li {
      margin-top: 20px
    }

    .progress-list>li>label {
      display: block
    }

    .progress-list>li span {
      float: right;
      display: block
    }



    .toast-title {

      font-weight: bold;

    }

    .toast-message {

      -ms-word-wrap: break-word;

      word-wrap: break-word;

    }

    .toast-message a,

    .toast-message label {

      color: #ffffff;

    }

    .toast-message a:hover {

      color: #cccccc;

      text-decoration: none;

    }

    .toast-close-button {

      position: relative;

      right: -0.3em;

      top: -0.3em;

      float: right;

      font-size: 20px;

      font-weight: bold;

      color: #ffffff;

      -webkit-text-shadow: 0 1px 0 #ffffff;

      text-shadow: 0 1px 0 #ffffff;

      opacity: 0.8;

      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

      filter: alpha(opacity=80);

    }

    .toast-close-button:hover,

    .toast-close-button:focus {

      color: #000000;

      text-decoration: none;

      cursor: pointer;

      opacity: 0.4;

      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

      filter: alpha(opacity=40);

    }

    /*Additional properties for button version

 iOS requires the button element instead of an anchor tag.

 If you want the anchor version, it requires `href="#"`.*/

    button.toast-close-button {

      padding: 0;

      cursor: pointer;

      background: transparent;

      border: 0;

      -webkit-appearance: none;

    }

    .toast-top-center {

      top: 0;

      right: 0;

      width: 100%;

    }

    .toast-bottom-center {

      bottom: 0;

      right: 0;

      width: 100%;

    }

    .toast-top-full-width {

      top: 0;

      right: 0;

      width: 100%;

    }

    .toast-bottom-full-width {

      bottom: 0;

      right: 0;

      width: 100%;

    }

    .toast-top-left {

      top: 12px;

      left: 12px;

    }

    .toast-top-right {

      top: 12px;

      right: 12px;

    }

    .toast-bottom-right {

      right: 12px;

      bottom: 12px;

    }

    .toast-bottom-left {

      bottom: 12px;

      left: 12px;

    }

    #toast-container {

      position: fixed;

      z-index: 999999;

      pointer-events: none;

      /*overrides*/

    }

    #toast-container * {

      -moz-box-sizing: border-box;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

    }

    #toast-container>div {

      position: relative;

      pointer-events: auto;

      overflow: hidden;

      margin: 0 0 6px;

      padding: 15px 15px 15px 50px;

      width: 300px;

      -moz-border-radius: 3px 3px 3px 3px;

      -webkit-border-radius: 3px 3px 3px 3px;

      border-radius: 3px 3px 3px 3px;

      background-position: 15px center;

      background-repeat: no-repeat;

      -moz-box-shadow: 0 0 12px #999999;

      -webkit-box-shadow: 0 0 12px #999999;

      box-shadow: 0 0 12px #999999;

      color: #ffffff;

      opacity: 0.8;

      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

      filter: alpha(opacity=80);

    }

    #toast-container> :hover {

      -moz-box-shadow: 0 0 12px #000000;

      -webkit-box-shadow: 0 0 12px #000000;

      box-shadow: 0 0 12px #000000;

      opacity: 1;

      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

      filter: alpha(opacity=100);

      cursor: pointer;

    }

    #toast-container>.toast-info {

      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;

    }

    #toast-container>.toast-error {

      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;

    }

    #toast-container>.toast-success {

      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;

    }

    #toast-container>.toast-warning {

      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;

    }

    #toast-container.toast-top-center>div,

    #toast-container.toast-bottom-center>div {

      width: 300px;

      margin-left: auto;

      margin-right: auto;

    }

    #toast-container.toast-top-full-width>div,

    #toast-container.toast-bottom-full-width>div {

      width: 96%;

      margin-left: auto;

      margin-right: auto;

    }

    .toast {

      background-color: #030303;

    }

    .toast-success {

      background-color: #51a351;

    }

    .toast-error {

      background-color: #bd362f;

    }

    .toast-info {

      background-color: #2f96b4;

    }

    .toast-warning {

      background-color: #f89406;

    }

    .toast-progress {

      position: absolute;

      left: 0;

      bottom: 0;

      height: 4px;

      background-color: #000000;

      opacity: 0.4;

      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

      filter: alpha(opacity=40);

    }

    /*Responsive Design*/

    @media all and (max-width: 240px) {

      #toast-container>div {

        padding: 8px 8px 8px 50px;

        width: 11em;

      }

      #toast-container .toast-close-button {

        right: -0.2em;

        top: -0.2em;

      }

    }

    @media all and (min-width: 241px) and (max-width: 480px) {

      #toast-container>div {

        padding: 8px 8px 8px 50px;

        width: 18em;

      }

      #toast-container .toast-close-button {

        right: -0.2em;

        top: -0.2em;

      }

    }

    @media all and (min-width: 481px) and (max-width: 768px) {

      #toast-container>div {

        padding: 15px 15px 15px 50px;

        width: 25em;

      }

    }



    .dashboard-stat {

      display: block;

      margin-bottom: 20px;

      border-width: 0px;

      border-style: solid;

      border-color: transparent;

      overflow: hidden;

      -webkit-border-radius: 6px;

      -moz-border-radius: 6px;

      -ms-border-radius: 6px;

      -o-border-radius: 6px;

      border-radius: 6px;

      box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, .03);

      /* @esteban */
      perspective: 1000px;
      height: 100px;

    }

    .dashboard-stat-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
    }

    .dashboard-stat:hover .dashboard-stat-inner {
      transform: rotateY(180deg);
    }

    .dashboard-stat-front,
    .dashboard-stat-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
    }
    .dashboard-stat-back img {
      max-height: 100px;
    }

    .dashboard-stat-front {
      color: white;
    }

    .dashboard-stat-back {
      background-color: #cfecfdc2;
      color: white;
      transform: rotateY(180deg);
    }


    .dashboard-stat:before,
    .dashboard-stat:after {

      content: " ";

      display: table;

    }



    .dashboard-stat:after {

      clear: both;

    }



    .portlet .dashboard-stat:last-child {

      margin-bottom: 0;

    }



    .dashboard-stat .visual {

      width: 80px;

      height: 80px;

      display: block;

      float: left;

      padding-top: 10px;

      padding-left: 15px;

      margin-bottom: 15px;

      font-size: 35px;

      line-height: 35px;

    }



    .dashboard-stat .visual>i {

      opacity: .3;

      -moz-opacity: .3;

      filter: alpha(opacity:30);

      margin-left: -35px;

      font-size: 110px;

      line-height: 110px;

    }



    .dashboard-stat .details {

      position: absolute;

      right: 15px;

      padding-right: 15px;

    }



    .dashboard-stat .details .number {

      padding-top: 25px;

      text-align: right;

      font-size: 34px;

      line-height: 36px;

      letter-spacing: -1px;

      margin-bottom: 0px;

      font-weight: 800;
      /* @esteban */
      text-shadow: #333333 1px 1px 1px;
      font-family: 'Roboto Slab', serif;

    }



    .dashboard-stat .details .desc {

      text-align: right;

      font-size: 16px;

      letter-spacing: 0px;

      font-weight: 300;

    }



    .dashboard-stat a.more {

      clear: both;

      display: block;

      margin: 0;

      padding: 5px 10px;
      /*
      text-align: left;
      */

      color: #FFF;

      /*
      background: rgba(0, 0, 0, .3);
      */

      text-transform: uppercase;

      font-size: 11px;

      position: relative;

      font-weight: 300;

    }



    .dashboard-stat a.more:hover {

      text-decoration: none;

      color: inherit;

      color: rgba(255, 255, 255, .8);

    }



    .dashboard-stat a.more i {

      display: inline-block;

      margin-top: 1px;

      float: right;

    }



    .dashboard-stat.dashboard-stat-v2 .visual {

      padding-top: 35px;

      margin-bottom: 40px;

    }



    .dashboard-stat-light {

      padding-bottom: 20px;

      margin-bottom: 20px;

    }



    .dashboard-stat-light .details {

      margin-bottom: 5px;

    }



    .dashboard-stat-light .details .number {

      font-weight: 300;

      margin-bottom: 0px;

    }



    /***

UI Loading

***/

    @-webkit-keyframes bounceDelay {

      0%,
      80%,
      100% {

        -webkit-transform: scale(0);

      }

      40% {

        -webkit-transform: scale(1);

      }

    }

    @keyframes bounceDelay {

      0%,
      80%,
      100% {

        transform: scale(0);

        -webkit-transform: scale(0);

      }

      40% {

        transform: scale(1);

        -webkit-transform: scale(1);

      }

    }

    .loading-message {

      display: inline-block;

      min-width: 125px;

      /*margin-left: -60px;*/

      padding: 10px;

      margin: 0 auto;

      color: #000 !important;

      font-size: 13px;

      font-weight: 400;

      text-align: center;

      vertical-align: middle;

    }

    .loading-message.loading-message-boxed {

      border: 1px solid #ddd;

      background-color: #eee;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      -ms-border-radius: 4px;

      -o-border-radius: 4px;

      border-radius: 4px;

      -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

      -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

      box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

    }

    .loading-message>span {

      line-height: 20px;

      vertical-align: middle;

    }



    .page-loading {

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      -ms-border-radius: 4px;

      -o-border-radius: 4px;

      border-radius: 4px;

      position: fixed;

      top: 50%;

      left: 50%;

      min-width: 125px;

      margin-left: -60px;

      margin-top: -30px;

      padding: 7px;

      text-align: center;

      color: #333;

      font-size: 13px;

      border: 1px solid #ddd;

      background-color: #eee;

      vertical-align: middle;

      -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

      -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

      box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

    }

    .page-loading>span {

      line-height: 20px;

      vertical-align: middle;

    }



    .page-spinner-bar {

      position: fixed;

      z-index: 10051;

      width: 100px;

      top: 40%;

      left: 50%;

      margin-left: -55px;

      text-align: center;

    }

    .page-spinner-bar>div {

      margin: 0 5px;

      width: 18px;

      height: 18px;

      background: #eee;

      border-radius: 100% !important;

      display: inline-block;

      -webkit-animation: bounceDelay 1.4s infinite ease-in-out;

      animation: bounceDelay 1.4s infinite ease-in-out;

      /* Prevent first frame from flickering when animation starts */

      -webkit-animation-fill-mode: both;

      animation-fill-mode: both;

    }

    .page-spinner-bar .bounce1 {

      -webkit-animation-delay: -0.32s;

      animation-delay: -0.32s;

    }

    .page-spinner-bar .bounce2 {

      -webkit-animation-delay: -0.16s;

      animation-delay: -0.16s;

    }



    .block-spinner-bar {

      display: inline-block;

      width: 80px;

      text-align: center;

    }

    .block-spinner-bar>div {

      margin: 0 2px;

      width: 15px;

      height: 15px;

      background: #eee;

      border-radius: 100% !important;

      display: inline-block;

      -webkit-animation: bounceDelay 1.4s infinite ease-in-out;

      animation: bounceDelay 1.4s infinite ease-in-out;

      /* Prevent first frame from flickering when animation starts */

      -webkit-animation-fill-mode: both;

      animation-fill-mode: both;

    }

    .block-spinner-bar .bounce1 {

      -webkit-animation-delay: -0.32s;

      animation-delay: -0.32s;

    }

    .block-spinner-bar .bounce2 {

      -webkit-animation-delay: -0.16s;

      animation-delay: -0.16s;

    }

    .page-spinner-bar>div,

    .block-spinner-bar>div {

      background: #da594a;

    }