.appui {
    /*
   *  Document   : main.css
   *  Author     : pixelcave
   *  Description: The main stylesheet of the template
   *
   *  Structure (with shortcodes):
   *      (#m01mls) MAIN LAYOUT
   *      (#m02hds) HEADER
   *      (#m03sns) SIDEBAR/NAVIGATION
   *      (#m04mcs) MAIN CONTENT
   *      (#m05pgs) PAGES
   *      (#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
   *      (#m07hes) HELPERS
   *      (#m08ths) THEMES
   *      (#m09res) RESPONSIVE
   *      (#m10prs) PRINT
   */
    /*
  =================================================================
  (#m01mls) MAIN LAYOUT
  =================================================================
  */
    /* Include Lato font from Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400italic,500,500italic,600,600italic,700,700italic') !important;
    /* Preloader */
    /* Main Structure */
    /* Alternative Sidebar */
    /* Sidebar + Static Layout */
    /* Sidebar + Fixed Layout */
    /* Fixed Width Layout */
    /*
  =================================================================
  (#m02hds) HEADER
  =================================================================
  */
    /* Header Nav */
    /* Header Search */
    /*
  =================================================================
  (#m03sns) SIDEBAR/NAVIGATION
  =================================================================
  */
    /* Sidebar Content */
    /* Sidebar Title */
    /* Sidebar Navigation */
    /* Sidebar Light Mode */
    /* Sidebar Color Themes */
    /* Toggle Menu */
    /*
  =================================================================
  (#m04mcs) MAIN CONTENT
  =================================================================
  */
    /* Content Header */
    /* Blocks */
    /* Widgets */
    /* Full Background Image */
    /* Content which contains floats */
    /*
  =================================================================
  (#m05pgs) PAGES
  =================================================================
  */
    /* Calendar */
    /* Gallery */
    /* Media Items */
    /* Charts */
    /* Error */
    /* Timeline */
    /* Chat UI */
    /* Tasks */
    /*
  =================================================================
  (#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
  =================================================================
  */
    /* Navbar */
    /* Typography */
    /* Forms */
    /* Form Select Switches */
    /* Form CSS Checkboxes */
    /* Tables */
    /* List Group */
    /* Navs */
    /* Popover */
    /* Tooltip */
    /* Breadcrumps */
    /* Progress Bars */
    /* Modals */
    /* Buttons */
    /* Panels */
    /* Pre, Code */
    /* Alerts */
    /* Labels, Badges */
    /* Carousel */
    /* Thumbnail */
    /* Bottom Margin */
    /* Removing shadows and radius */
    /*
  =================================================================
  (#m07hes) HELPERS
  =================================================================
  */
    /*
  =================================================================
  (#m08ths) THEMES
  =================================================================
  */
    /* Default Color Theme specific colors */
    /* Contextual Background Colors */
    /*
  =================================================================
  (#m09res) RESPONSIVE
  =================================================================
  */
    /* Small devices, Tablets (>767px) */
    /* Medium devices, Desktops (>991px) */
    /*
  =================================================================
  (#m10prs) PRINT
  =================================================================
  */
}
.appui #page-wrapper.page-loading {
    overflow: hidden !important;
}
.appui #page-wrapper.page-loading .preloader {
    display: block !important;
}
.appui #page-wrapper.page-loading #page-container {
    opacity: 0 !important;
}
.appui .preloader {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #ffffff !important;
    z-index: 99999 !important;
}
.appui .preloader .inner {
    position: fixed !important;
    top: 20% !important;
    left: 50% !important;
    margin: 0 0 0 -50px !important;
    width: 100px !important;
    height: 100px !important;
    text-align: center !important;
}
.appui .preloader-spinner {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto !important;
    background-color: #cccccc !important;
    -webkit-animation: rotateplane 0.8s infinite ease-in-out !important;
    animation: rotateplane 0.8s infinite ease-in-out !important;
}
@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px) !important;
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg) !important;
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) !important;
    }
}
@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg) !important;
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) !important;
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) !important;
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) !important;
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) !important;
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) !important;
    }
}
.appui body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #454e59 !important;
    background-color: #454e59 !important;
}
.appui #login-container {
    position: absolute !important;
    width: 300px !important;
    top: 30px !important;
    left: 50% !important;
    margin-left: -150px !important;
    z-index: 1000 !important;
}
.appui #page-container,
.appui #main-container {
    min-width: 320px !important;
}
.appui #page-container {
    opacity: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    -webkit-transition: background-color 0.2s ease-out, opacity 0.3s ease-out !important;
    transition: background-color 0.2s ease-out, opacity 0.3s ease-out !important;
}
.appui #page-content {
    padding: 10px 5px 1px !important;
    background-color: #ebeef2 !important;
}
.appui #page-content-sidebar {
    padding: 10px !important;
    margin: -10px -5px 10px !important;
    background-color: #ffffff !important;
    border-bottom: 2px solid #dae0e8 !important;
}
.appui #page-container,
.appui #sidebar {
    background-color: #454e59 !important;
}
.appui #sidebar,
.appui #sidebar-alt,
.appui #sidebar-alt-close,
.appui #main-container,
.appui header.navbar.navbar-fixed-top,
.appui header.navbar.navbar-fixed-bottom {
    -webkit-transition: all 0.3s ease-out !important;
    transition: all 0.3s ease-out !important;
}
.appui #sidebar,
.appui #sidebar-alt,
.appui #sidebar-alt-close {
    z-index: 1029 !important;
}
.appui #sidebar-alt,
.appui #sidebar-alt-close {
    background: rgba(69, 78, 89, 0.9) !important;
}
.appui #sidebar-alt {
    position: fixed !important;
    top: 50px !important;
    right: -220px !important;
    bottom: 0 !important;
    width: 220px !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
}
.appui #page-container.header-fixed-bottom #sidebar-alt {
    top: 0 !important;
    bottom: 50px !important;
}
.appui #sidebar-alt-close {
    display: inline-block !important;
    position: fixed !important;
    right: -30px !important;
    top: 50px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    opacity: 0 !important;
}
.appui #page-container.header-fixed-top #sidebar-alt-close,
.appui #page-container.header-fixed-bottom #sidebar-alt-close {
    display: none !important;
}
.appui #page-container.sidebar-alt-visible-xs #sidebar-alt {
    -webkit-transform: translateX(-220px) !important;
    transform: translateX(-220px) !important;
}
.appui #page-container.sidebar-alt-visible-xs #sidebar-alt-close {
    -webkit-transform: translateX(-250px) !important;
    transform: translateX(-250px) !important;
    opacity: 1 !important;
}
.appui #sidebar {
    position: absolute !important;
    overflow: hidden !important;
    width: 220px !important;
    left: -220px !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.appui #page-container.sidebar-visible-xs #sidebar,
.appui #page-container.sidebar-visible-xs #main-container {
    -webkit-transform: translateX(220px) !important;
    transform: translateX(220px) !important;
}
.appui #page-container.header-fixed-top #page-content {
    padding-top: 60px !important;
}
.appui #page-container.header-fixed-bottom #page-content {
    padding-bottom: 60px !important;
}
.appui #page-container.header-fixed-top #sidebar {
    position: fixed !important;
    top: 50px !important;
    bottom: 0 !important;
}
.appui #page-container.header-fixed-bottom #sidebar {
    position: fixed !important;
    top: 0 !important;
    bottom: 50px !important;
}
.appui #page-container.header-fixed-top.sidebar-visible-xs #main-container,
.appui #page-container.header-fixed-bottom.sidebar-visible-xs #main-container {
    -webkit-transform: none !important;
    transform: none !important;
}
.appui #page-container.header-fixed-top #sidebar-extra-info,
.appui #page-container.header-fixed-bottom #sidebar-extra-info {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}
.appui #page-container.header-fixed-top #sidebar-brand,
.appui #page-container.header-fixed-bottom #sidebar-brand {
    display: none !important;
}
.appui #page-container.fixed-width {
    position: relative !important;
    max-width: 1280px !important;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
.appui #page-container.fixed-width #sidebar-alt,
.appui #page-container.fixed-width #sidebar-alt-close {
    background: rgba(25, 25, 25, 0.8) !important;
}
.appui header.navbar-default,
.appui header.navbar-inverse {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 320px !important;
    border: none !important;
}
.appui .navbar-default .navbar-nav > li > a {
    color: #454e59 !important;
}
.appui .navbar-inverse .navbar-nav > li > a {
    color: #ffffff !important;
}
.appui .navbar-default .navbar-nav > li > a:hover,
.appui .navbar-default .navbar-nav > li > a:focus,
.appui .navbar-default .navbar-nav > .active > a,
.appui .navbar-default .navbar-nav > .active > a:hover,
.appui .navbar-default .navbar-nav > .active > a:focus,
.appui .navbar-default .navbar-nav > .open > a,
.appui .navbar-default .navbar-nav > .open > a:hover,
.appui .navbar-default .navbar-nav > .open > a:focus,
.appui .navbar-inverse .navbar-nav > li > a:hover,
.appui .navbar-inverse .navbar-nav > li > a:focus,
.appui .navbar-inverse .navbar-nav > .active > a,
.appui .navbar-inverse .navbar-nav > .active > a:hover,
.appui .navbar-inverse .navbar-nav > .active > a:focus,
.appui .navbar-inverse .navbar-nav > .open > a,
.appui .navbar-inverse .navbar-nav > .open > a:hover,
.appui .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff !important;
    background-color: #5ccdde !important;
}
.appui .navbar-inverse .collapse.in .navbar-nav .open .dropdown-menu > li > a {
    color: #dddddd !important;
}
.appui .nav.navbar-nav-custom {
    float: left !important;
    margin: 0 !important;
}
.appui .nav.navbar-nav-custom > li {
    min-height: 50px !important;
    float: left !important;
}
.appui .nav.navbar-nav-custom > li > a {
    min-width: 50px !important;
    padding: 5px 7px !important;
    line-height: 40px !important;
    text-align: center !important;
    color: #454e59 !important;
    position: relative !important;
}
.appui .nav.navbar-nav-custom > li > a .gi,
.appui .nav.navbar-nav-custom > li > a .hi,
.appui .nav.navbar-nav-custom > li > a .si,
.appui .nav.navbar-nav-custom > li > a .fi {
    margin-top: -3px !important;
}
.appui .nav.navbar-nav-custom > li > a .label-indicator {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    border-radius: 50% !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
}
.appui .navbar-inverse .nav.navbar-nav-custom > li > a {
    color: #ffffff !important;
}
.appui .nav.navbar-nav-custom > li.open > a,
.appui .nav.navbar-nav-custom > li > a:hover,
.appui .nav.navbar-nav-custom > li > a:focus {
    background-color: #5ccdde !important;
    color: #ffffff !important;
}
.appui .navbar-inverse .nav.navbar-nav-custom > li.open > a,
.appui .navbar-inverse .nav.navbar-nav-custom > li > a:hover,
.appui .navbar-inverse .nav.navbar-nav-custom > li > a:focus {
    background: rgba(0, 0, 0, 0.15) !important;
    color: #ffffff !important;
}
.appui .nav.navbar-nav-custom > li > a > img {
    width: 40px !important;
    height: 40px !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: rgba(255, 255, 255, 0.75) !important;
    border-radius: 20px !important;
    vertical-align: top !important;
}
.appui .nav.navbar-nav-custom .dropdown-menu {
    margin-top: 0 !important;
}
.appui .navbar-form {
    margin: 7px 0 !important;
}
.appui .collapsing .navbar-form,
.appui .collapse.in .navbar-form {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.appui .collapsing .navbar-form .form-group,
.appui .collapse.in .navbar-form .form-group {
    margin-bottom: 0 !important;
}
.appui .navbar-form-custom {
    margin: 0 !important;
    padding: 5px 8px !important;
    width: 140px !important;
}
.appui .navbar-form-custom .form-control {
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    height: 40px !important;
    border: none !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    opacity: .5 !important;
}
.appui .navbar-default .navbar-form-custom .form-control {
    background: #eeeeee !important;
}
.appui .navbar-form-custom .form-control:hover,
.appui .navbar-form-custom .form-control:focus {
    opacity: 1 !important;
}
.appui .sidebar-content {
    width: 220px !important;
    color: #acb5bf !important;
}
.appui .sidebar-section {
    padding: 10px 15px !important;
}
.appui #sidebar-extra-info {
    padding: 7px 15px 10px !important;
}
.appui .sidebar-title {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    display: block !important;
    color: #ffffff !important;
    background-color: #5ccdde !important;
    -webkit-transition: background 0.2s ease-out !important;
    transition: background 0.2s ease-out !important;
}
.appui a.sidebar-title:hover,
.appui a.sidebar-title:focus {
    background: rgba(0, 0, 0, 0.15) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.appui .sidebar-title i {
    width: 18px !important;
    margin-right: 8px !important;
    opacity: .75 !important;
}
.appui .sidebar-nav {
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
}
.appui .sidebar-separator {
    padding: 5px 0 !important;
    color: #ffffff !important;
    text-align: center !important;
}
.appui .sidebar-separator i {
    opacity: .1 !important;
}
.appui #sidebar-toggle-mini {
    display: none !important;
}
.appui .sidebar-nav-ripple {
    display: block !important;
    position: absolute !important;
    background: rgba(92, 205, 222, 0.3) !important;
    border-radius: 100% !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
}
.appui .sidebar-nav-ripple.animate {
    -webkit-animation: ripple 1s ease-out !important;
    animation: ripple 1s ease-out !important;
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0 !important;
        -webkit-transform: scale(3) !important;
    }
}
@keyframes ripple {
    100% {
        opacity: 0 !important;
        -webkit-transform: scale(3) !important;
        transform: scale(3) !important;
    }
}
.appui .sidebar-nav a {
    display: block !important;
    color: #acb5bf !important;
    padding: 0 10px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    overflow: hidden !important;
    position: relative !important;
}
.appui .sidebar-nav a:hover,
.appui .sidebar-nav a:focus,
.appui .sidebar-nav a.active,
.appui .sidebar-nav a.open,
.appui .sidebar-nav li.active > a {
    color: #ffffff !important;
    text-decoration: none !important;
}
.appui .sidebar-nav a.open,
.appui .sidebar-nav li.active > a {
    background: rgba(0, 0, 0, 0.2) !important;
}
.appui .sidebar-nav a.active {
    background: #ffffff !important;
    color: #454e59 !important;
    border-right: 4px solid #5ccdde !important;
}
.appui .sidebar-nav a > .sidebar-nav-icon {
    margin-right: 10px !important;
}
.appui .sidebar-nav a > .sidebar-nav-icon,
.appui .sidebar-nav a > .sidebar-nav-indicator {
    display: inline-block !important;
    opacity: .5 !important;
    width: 18px !important;
    font-size: 14px !important;
    text-align: center !important;
}
.appui .sidebar-nav a > .sidebar-nav-indicator {
    float: right !important;
    line-height: inherit !important;
    margin-left: 4px !important;
    font-size: 10px !important;
    -webkit-transition: -webkit-transform 0.15s ease-out !important;
    transition: transform 0.15s ease-out !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.appui .sidebar-nav a:hover,
.appui .sidebar-nav a:hover > .sidebar-nav-icon,
.appui .sidebar-nav a:hover > .sidebar-nav-indicator,
.appui .sidebar-nav a.active,
.appui .sidebar-nav a.active > .sidebar-nav-icon,
.appui .sidebar-nav a.active > .sidebar-nav-indicator,
.appui .sidebar-nav a.open,
.appui .sidebar-nav a.open > .sidebar-nav-icon,
.appui .sidebar-nav a.open > .sidebar-nav-indicator,
.appui .sidebar-nav li.active > a,
.appui .sidebar-nav li.active > a > .sidebar-nav-icon,
.appui .sidebar-nav li.active > a > .sidebar-nav-indicator {
    opacity: 1 !important;
}
.appui .sidebar-nav a.active > .sidebar-nav-indicator,
.appui .sidebar-nav a.open > .sidebar-nav-indicator,
.appui .sidebar-nav li.active > a > .sidebar-nav-indicator {
    -webkit-transform: rotate(-90deg) rotateZ(0deg) !important;
    transform: rotate(-90deg) rotateZ(0deg) !important;
}
.appui .sidebar-nav ul {
    display: none !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    -webkit-transition: background 0.25s ease-out !important;
    transition: background 0.25s ease-out !important;
}
.appui .sidebar-nav .active > ul,
.appui .sidebar-nav .open + ul {
    display: block !important;
    background: rgba(255, 255, 255, 0.1) !important;
}
.appui .sidebar-nav ul a {
    margin: 0 0 0 19px !important;
    padding-left: 19px !important;
    border-left: 1px solid #454e59 !important;
    min-height: 34px !important;
    line-height: 34px !important;
    font-weight: normal !important;
}
.appui .sidebar-nav ul a.open,
.appui .sidebar-nav ul li.active > a {
    background: none !important;
}
.appui .sidebar-nav ul ul {
    margin: 0 0 0 19px !important;
}
.appui .sidebar-nav ul ul a {
    margin: 0 !important;
    padding-left: 19px !important;
    font-size: 13px !important;
    min-height: 32px !important;
    line-height: 32px !important;
}
.appui .sidebar-nav ul .active > ul,
.appui .sidebar-nav ul .open + ul {
    background-color: #454e59 !important;
}
.appui #page-container.sidebar-light {
    background-color: #ffffff !important;
}
.appui #page-container.sidebar-light .content-header {
    background: rgba(255, 255, 255, 0.75) !important;
}
.appui #page-container.sidebar-light #page-content-sidebar {
    padding-left: 9px !important;
}
.appui #page-container.sidebar-light .sidebar-themes li.active a {
    border: 2px solid #333333 !important;
}
.appui #page-container.sidebar-light #sidebar {
    background-color: #ffffff !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-content {
    color: #999999 !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-separator {
    color: #000000 !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-nav a {
    color: #7b7b7b !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-nav a:hover,
.appui #page-container.sidebar-light #sidebar .sidebar-nav a:focus,
.appui #page-container.sidebar-light #sidebar .sidebar-nav a.active,
.appui #page-container.sidebar-light #sidebar .sidebar-nav a.open,
.appui #page-container.sidebar-light #sidebar .sidebar-nav li.active > a {
    color: #4b4b4b !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-nav a.open,
.appui #page-container.sidebar-light #sidebar .sidebar-nav li.active > a {
    background: rgba(0, 0, 0, 0.1) !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-nav a.active {
    background-color: #f9f9f9 !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-nav .active > ul,
.appui #page-container.sidebar-light #sidebar .sidebar-nav .open + ul {
    background: rgba(0, 0, 0, 0.04) !important;
}
.appui #page-container.sidebar-light #sidebar .sidebar-nav ul a {
    border-left-color: #cbcbcb !important;
}
.appui .sidebar-themes {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    opacity: .35 !important;
    transition: opacity 0.15s ease-out !important;
}
.appui .sidebar-themes:hover {
    opacity: 1 !important;
}
.appui .sidebar-themes li {
    float: left !important;
    margin: 0 6px 10px 0 !important;
}
.appui .sidebar-themes li a {
    position: relative !important;
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    overflow: hidden !important;
}
.appui .sidebar-themes li a:hover {
    border: 2px solid rgba(255, 255, 255, 0.66) !important;
}
.appui .sidebar-themes li.active a {
    border: 2px solid #ffffff !important;
}
.appui .sidebar-themes .section-header,
.appui .sidebar-themes .section-side,
.appui .sidebar-themes .section-content {
    position: absolute !important;
    display: block !important;
}
.appui .sidebar-themes .section-side {
    top: 8px !important;
    right: 8px !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: #f9f9f9 !important;
}
.appui .sidebar-themes .section-header {
    top: 0 !important;
    right: 0 !important;
    bottom: 9px !important;
    left: 9px !important;
    background-color: #ffffff !important;
}
.appui .sidebar-themes .section-content {
    top: 8px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 9px !important;
    background-color: #dddddd !important;
}
.appui .toggle-menu,
.appui .toggle-menu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.appui .toggle-menu a {
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    padding: 5px 10px !important;
    color: #454e59 !important;
    border-radius: 3px !important;
}
.appui .toggle-menu a:hover,
.appui .toggle-menu a:focus,
.appui .toggle-menu a.active {
    text-decoration: none !important;
    color: #5ccdde !important;
}
.appui .toggle-menu > li > a {
    font-weight: bold !important;
}
.appui .toggle-menu a.submenu > i {
    margin-right: 7px !important;
    -webkit-transition: -webkit-transform 0.1s ease-out !important;
    transition: transform 0.1s ease-out !important;
}
.appui .toggle-menu ul {
    display: none !important;
}
.appui .toggle-menu ul a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 15px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}
.appui .toggle-menu ul ul a {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-left: 30px !important;
}
.appui .toggle-menu .open > a.submenu > i {
    -webkit-transform: rotateZ(90deg) !important;
    transform: rotateZ(90deg) !important;
}
.appui .toggle-menu .open > ul {
    display: block !important;
}
.appui .content-header {
    background-color: #ffffff !important;
    border-bottom: 2px solid #dae0e8 !important;
    margin: -10px -5px 10px !important;
    padding: 0 15px !important;
}
.appui .content-header h1,
.appui .content-header h2 {
    margin: 5px 0 !important;
    line-height: 28px !important;
}
.appui .content-header h1 {
    font-weight: 500 !important;
    font-size: 24px !important;
}
.appui .content-header h2 {
    font-size: 18px !important;
}
.appui .content-header small {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.appui .header-section {
    padding: 15px 0 !important;
}
.appui .content-header-media {
    position: relative !important;
    height: 260px !important;
    overflow: hidden !important;
}
.appui .content-header-media .header-section {
    z-index: 10 !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.55) !important;
}
.appui .content-header-media > img {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 2560px !important;
    height: 260px !important;
    margin-left: -1280px !important;
}
.appui .content-header-media small {
    color: #cccccc !important;
}
.appui .block {
    margin: 0 0 10px !important;
    padding: 20px 15px 1px !important;
    background-color: #ffffff !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    -webkit-box-shadow: 0 2px 0 rgba(218, 224, 232, 0.5) !important;
    box-shadow: 0 2px 0 rgba(218, 224, 232, 0.5) !important;
}
.appui .block .block {
    border: 1px solid #dae0e8 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.appui .block.full {
    padding: 20px 15px !important;
}
.appui .block .block-content-full {
    margin: -20px -15px -1px !important;
}
.appui .block .block-content-mini-padding {
    padding: 8px !important;
}
.appui .block.full .block-content-full {
    margin: -20px -15px !important;
}
.appui .block-title {
    margin: -20px -15px 20px !important;
    border-bottom: 2px solid #dae0e8 !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    background: rgba(218, 224, 232, 0.15) !important;
}
.appui .block-title h1,
.appui .block-title h2,
.appui .block-title h3,
.appui .block-title h4,
.appui .block-title h5,
.appui .block-title h6 {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 10px 15px 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}
.appui .block-title h1 small,
.appui .block-title h2 small,
.appui .block-title h3 small,
.appui .block-title h4 small,
.appui .block-title h5 small,
.appui .block-title h6 small {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.appui .block-title .nav-tabs {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: none !important;
}
.appui .block-title .nav-tabs > li > a {
    border: none !important;
    min-height: 40px !important;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.appui .block-title .nav-tabs > li > a:hover {
    background-color: #ffffff !important;
}
.appui .block-title .nav-tabs > li.active > a,
.appui .block-title .nav-tabs > li.active > a:hover,
.appui .block-title .nav-tabs > li.active > a:focus {
    border: none !important;
    background-color: #dae0e8 !important;
}
.appui .block-options {
    padding: 2px 3px !important;
    height: 38px !important;
}
.appui .block-options .label {
    display: inline-block !important;
    padding: 6px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    margin-top: 4px !important;
}
.appui .block-options .dropdown-menu {
    margin-top: 3px !important;
}
.appui .block-options .btn {
    padding-right: 8px !important;
    padding-left: 8px !important;
    min-width: 34px !important;
    text-align: center !important;
    color: #454e59 !important;
    opacity: .4 !important;
    background: transparent !important;
    border-color: transparent !important;
    -webkit-transition: opacity 0.15s ease-out !important;
    transition: opacity 0.15s ease-out !important;
}
.appui .block-options .btn:hover,
.appui .block-options .btn:active,
.appui .block-options .btn.active,
.appui .block-options .btn:focus {
    opacity: 1 !important;
}
.appui .block-options .btn i {
    font-size: 14px !important;
}
.appui .block-section {
    margin-bottom: 20px !important;
}
.appui .widget {
    background-color: #ffffff !important;
    margin-bottom: 10px !important;
    position: relative !important;
    border-radius: 2px !important;
}
.appui .widget > .widget-content:first-child,
.appui .widget > .widget-image:first-child {
    border-top-right-radius: 2px !important;
    border-top-left-radius: 2px !important;
}
.appui .widget > .widget-content:last-child {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}
.appui a.widget,
.appui a.widget-content {
    display: block !important;
    -webkit-transition: all 0.1s ease-out !important;
    transition: all 0.1s ease-out !important;
}
.appui a.widget:hover,
.appui a.widget:focus,
.appui a.widget-content:hover,
.appui a.widget-content:focus {
    text-decoration: none !important;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) !important;
    -webkit-transform: translateY(-2px) !important;
    transform: translateY(-2px) !important;
}
.appui a.widget:active,
.appui a.widget-content:active {
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}
.appui .widget-image {
    height: 310px !important;
    overflow: hidden !important;
    position: relative !important;
}
.appui .widget-image > img {
    min-width: 787px !important;
}
.appui .widget-image.widget-image-bottom img {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
}
.appui .widget-image.widget-image-sm {
    height: 270px !important;
}
.appui .widget-image.widget-image-xs {
    height: 175px !important;
}
.appui .widget-image > i {
    position: absolute !important;
    right: 30px !important;
    bottom: 30px !important;
    color: #ffffff !important;
    font-size: 70px !important;
    opacity: .5 !important;
}
.appui .widget-image-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 15px 25px !important;
    background: rgba(0, 0, 0, 0.65) !important;
}
.appui .widget-content {
    padding: 15px !important;
}
.appui .widget-content.widget-content-mini {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.appui .widget-content.widget-content-full {
    padding: 0 !important;
}
.appui .widget-content.widget-content-full-top-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.appui .widget-content .pull-left {
    margin-right: 20px !important;
}
.appui .widget-content .pull-right {
    margin-left: 20px !important;
}
.appui a.widget-content {
    display: block !important;
}
.appui a.widget-content {
    display: block !important;
}
.appui .widget-heading {
    margin: 10px 0 !important;
}
.appui .widget-icon {
    display: inline-block !important;
    width: 64px !important;
    height: 64px !important;
    line-height: 60px !important;
    margin: 5px !important;
    font-size: 28px !important;
    text-align: center !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.05) !important;
}
.appui .widget-icon.pull-left {
    margin: 5px 5px 5px 0 !important;
}
.appui .widget-icon.pull-right {
    margin: 5px 0 5px 5px !important;
}
.appui .widget-icon .gi,
.appui .widget-icon .hi,
.appui .widget-icon .si,
.appui .widget-icon .fi {
    margin-top: -3px !important;
}
.appui img.full-bg {
    min-height: 100% !important;
    min-width: 1280px !important;
    width: 100% !important;
    height: auto !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}
.appui img.full-bg.full-bg-bottom {
    top: auto !important;
    bottom: 0 !important;
}
@media screen and (max-width: 1280px) {
    .appui img.full-bg {
        left: 50% !important;
        margin-left: -640px !important;
    }
}
.appui .content-float .pull-left {
    margin: 0 20px 20px 0 !important;
}
.appui .content-float .pull-right {
    margin: 0 0 20px 20px !important;
}
.appui .content-float-hor .pull-left {
    margin-right: 20px !important;
}
.appui .content-float-hor .pull-right {
    margin-left: 20px !important;
}
.appui .calendar-events {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.appui .calendar-events li {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    padding: 10px 12px !important;
    border-radius: 3px !important;
    background-color: #555555 !important;
    opacity: .8 !important;
    -webkit-box-shadow: inset 2px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: inset 2px 0 rgba(0, 0, 0, 0.15) !important;
}
.appui .calendar-events li i {
    margin-right: 10px !important;
}
.appui .calendar-events li:hover {
    cursor: move !important;
    opacity: 1 !important;
}
.appui .gallery img,
.appui a[data-toggle="lightbox-image"] img {
    max-width: 100% !important;
}
.appui a[data-toggle="lightbox-image"],
.appui a.gallery-link {
    cursor: pointer !important;
    cursor: -webkit-zoom-in !important;
    cursor: -moz-zoom-in !important;
    cursor: zoom-in !important;
}
.appui a[data-toggle="lightbox-image"]:hover img {
    opacity: .75 !important;
}
.appui .gallery-image-container {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}
.appui .gallery-image-options {
    padding: 30px 0 !important;
    text-align: center !important;
    position: absolute !important;
    bottom: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    opacity: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-transform: scale(0.75) !important;
    transform: scale(0.75) !important;
    -webkit-transition: all 0.25s ease-out !important;
    transition: all 0.25s ease-out !important;
}
.appui .gallery-image-options:hover,
.appui .gallery-image-options:focus {
    text-decoration: none !important;
}
.appui .gallery-image-container:hover .gallery-image-options {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.appui .media-items {
    position: relative !important;
    margin-bottom: 20px !important;
    padding: 10px !important;
    border-radius: 5px !important;
    text-align: center !important;
    background: rgba(255, 255, 255, 0.5) !important;
    -webkit-transition: all 0.1s ease-out !important;
    transition: all 0.1s ease-out !important;
}
.appui .media-items:hover {
    background: #ffffff !important;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
}
.appui .media-items:hover .media-items-options {
    display: block !important;
}
.appui .media-items .media-items-options {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    padding: 10px !important;
    display: none !important;
}
.appui .media-items .media-items-content {
    padding: 10px 0 !important;
}
.appui .pie-chart .pie-avatar {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
}
.appui .chart-tooltip,
.appui .mini-chart-tooltip {
    position: absolute !important;
    display: none !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.75) !important;
    padding: 4px 8px !important;
}
.appui .chart-pie-label {
    font-size: 13px !important;
    text-align: center !important;
    padding: 4px 8px !important;
    color: #ffffff !important;
}
.appui .mini-chart-tooltip {
    left: 0 !important;
    top: 0 !important;
    visibility: hidden !important;
}
.appui .legend table td {
    padding: 3px 5px !important;
    font-size: 15px !important;
}
.appui #error-container {
    padding: 30px !important;
    position: relative !important;
}
.appui #error-container h1 {
    font-size: 72px !important;
    margin-bottom: 30px !important;
}
.appui #error-container h2 {
    margin-bottom: 50px !important;
}
.appui .timeline {
    position: relative !important;
}
.appui .timeline-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.appui .timeline-list li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 20px !important;
}
.appui .timeline-icon {
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    text-align: center !important;
    background-color: #eeeeee ;
    border-radius: 3px !important;
    z-index: 500 !important;
}
.appui .timeline-time {
    padding: 0 80px 0 20px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 14px !important;
    border-bottom: 2px solid #eeeeee !important;
    margin-bottom: 15px !important;
    background-color: #f9f9f9 !important;
}
.appui .timeline-content {
    padding-left: 20px !important;
}
.appui .block-content-full .timeline-content,
.appui .widget-content-full .timeline-content {
    padding-right: 20px !important;
}
.appui .chatui.chatui-window.widget {
    position: fixed !important;
    bottom: 0 !important;
    right: 50% !important;
    width: 300px !important;
    margin-right: -150px !important;
    margin-bottom: 0 !important;
    z-index: 1028 !important;
}
.appui #page-container.header-fixed-bottom .chatui.chatui-window {
    bottom: 50px !important;
}
.appui .chatui .chatui-action-close,
.appui .chatui .chatui-action-open {
    display: none !important;
}
.appui .chatui.chatui-window .chatui-action-close,
.appui .chatui.chatui-window.chatui-window-close .chatui-action-open {
    display: inline !important;
}
.appui .chatui.chatui-window.chatui-window-close .chatui-talk,
.appui .chatui.chatui-window.chatui-window-close .chatui-form,
.appui .chatui.chatui-window.chatui-window-close .chatui-action-close {
    display: none !important;
}
.appui .chatui-talk {
    height: 250px !important;
    overflow-y: auto !important;
}
.appui .chatui-talk ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
.appui .chatui-talk li {
    padding: 2px 0 !important;
    margin-bottom: 5px !important;
}
.appui .chatui-talk .chatui-talk-msg {
    min-height: 40px !important;
    padding: 10px 10px 10px 46px !important;
    background-color: #f6f6f6 !important;
    border-radius: 25px !important;
    position: relative !important;
    margin-right: 15% !important;
}
.appui .chatui-talk .chatui-talk-msg.chatui-talk-msg-right {
    margin-left: 15% !important;
    margin-right: 0 !important;
}
.appui .chatui-talk-msg .chatui-talk-msg-avatar {
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
    width: 32px !important;
    height: 32px !important;
}
.appui .chatui-form {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-top: 1px solid #eeeeee !important;
}
.appui .chatui-form .form-control,
.appui .chatui-form .form-control:focus {
    border-radius: 0 !important;
    border: none !important;
}
.appui .task-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.appui .task-list li {
    position: relative !important;
    padding: 10px 40px 10px 15px !important;
    margin-bottom: 12px !important;
    background-color: #ffffff !important;
    border-radius: 3px !important;
    -webkit-transition: box-shadow 0.15s ease-out !important;
    transition: box-shadow 0.15s ease-out !important;
}
.appui .task-list li:hover {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) !important;
}
.appui .task-list li.in-1x {
    margin-left: 20px !important;
}
.appui .task-list li.in-2x {
    margin-left: 40px !important;
}
.appui .task-list li > .task-close {
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    opacity: 0 !important;
    -webkit-transition: opacity 0.15s ease-out !important;
    transition: opacity 0.15s ease-out !important;
}
.appui .task-list li:hover > .task-close {
    opacity: 1 !important;
}
.appui .task-list li.task-done {
    opacity: .5 !important;
}
.appui .task-list li.task-done > label {
    text-decoration: line-through !important;
}
.appui .task-list li.task-done:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.appui .navbar.navbar-default.navbar-glass {
    background: rgba(255, 255, 255, 0.9) !important;
}
.appui .navbar.navbar-inverse.navbar-glass {
    background: rgba(92, 205, 222, 0.9) !important;
}
.appui .navbar.navbar-default,
.appui .navbar.navbar-default.navbar-glass:hover {
    background: #ffffff !important;
    border-bottom: 1px solid #dae0e8 !important;
}
.appui .navbar.navbar-inverse,
.appui .navbar.navbar-inverse.navbar-glass:hover {
    background: #5ccdde !important;
}
.appui .navbar-fixed-top,
.appui .navbar-fixed-bottom {
    border-width: 0 !important;
}
.appui h1,
.appui h2,
.appui h3,
.appui h4,
.appui h5,
.appui h6,
.appui .h1,
.appui .h2,
.appui .h3,
.appui .h4,
.appui .h5,
.appui .h6 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
}
.appui h1 small,
.appui h2 small,
.appui h3 small,
.appui h4 small,
.appui h5 small,
.appui h6 small,
.appui .h1 small,
.appui .h2 small,
.appui .h3 small,
.appui .h4 small,
.appui .h5 small,
.appui .h6 small,
.appui h1 .small,
.appui h2 .small,
.appui h3 .small,
.appui h4 .small,
.appui h5 .small,
.appui h6 .small,
.appui .h1 .small,
.appui .h2 .small,
.appui .h3 .small,
.appui .h4 .small,
.appui .h5 .small,
.appui .h6 .small {
    font-weight: 300 !important;
    color: #879599 !important;
}
.appui h1,
.appui h2,
.appui h3 {
    margin-bottom: 15px !important;
}
.appui .text-primary,
.appui .text-primary:hover,
.appui a,
.appui a:hover,
.appui a:focus,
.appui a.text-primary,
.appui a.text-primary:hover,
.appui a.text-primary:focus {
    color: #5ccdde !important;
}
.appui .text-danger,
.appui .text-danger:hover,
.appui a.text-danger,
.appui a.text-danger:hover,
.appui a.text-danger:focus {
    color: #de815c !important;
}
.appui .text-warning,
.appui .text-warning:hover,
.appui a.text-warning,
.appui a.text-warning:hover,
.appui a.text-warning:focus {
    color: #deb25c !important;
}
.appui .text-success,
.appui .text-success:hover,
.appui a.text-success,
.appui a.text-success:hover,
.appui a.text-success:focus {
    color: #afde5c !important;
}
.appui .text-info,
.appui .text-info:hover,
.appui a.text-info,
.appui a.text-info:hover,
.appui a.text-info:focus {
    color: #5cafde !important;
}
.appui .text-muted,
.appui .text-muted:hover,
.appui a.text-muted,
.appui a.text-muted:hover,
.appui a.text-muted:focus {
    color: #999999 !important;
}
.appui .text-light,
.appui .text-light:hover,
.appui a.text-light,
.appui a.text-light:hover,
.appui a.text-light:focus {
    color: #ffffff !important;
}
.appui .text-dark,
.appui .text-dark:hover,
.appui a.text-dark,
.appui a.text-dark:hover,
.appui a.text-dark:focus {
    color: #454e59 !important;
}
.appui .text-black,
.appui .text-black:hover,
.appui a.text-black,
.appui a.text-black:hover,
.appui a.text-black:focus {
    color: #000000 !important;
}
.appui .text-light-op,
.appui .text-light-op:hover,
.appui a.text-light-op,
.appui a.text-light-op:hover,
.appui a.text-light-op:focus {
    color: rgba(255, 255, 255, 0.8) !important;
}
.appui .text-dark-op,
.appui .text-dark-op:hover,
.appui a.text-dark-op,
.appui a.text-dark-op:hover,
.appui a.text-dark-op:focus {
    color: rgba(0, 0, 0, 0.4) !important;
}
.appui b,
.appui strong {
    font-weight: 600 !important;
}
.appui ul,
.appui ol {
    padding-left: 30px !important;
}
.appui p {
    line-height: 1.7 !important;
}
.appui .well {
    background-color: #f9f9f9 !important;
    border: 1px solid #eeeeee !important;
}
.appui .page-header {
    margin: 30px 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #dddddd !important;
}
.appui .sub-header {
    margin: 20px 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px dashed #dddddd !important;
}
.appui .inner-sidebar-header {
    margin: 20px 0 10px !important;
}
.appui .inner-sidebar-header .pull-right,
.appui .inner-sidebar-header .pull-left {
    margin-top: -2px !important;
}
.appui blockquote {
    margin: 20px 0 !important;
    padding: 30px 60px 30px 20px !important;
    position: relative !important;
    width: 100% !important;
    background-color: #f9f9f9 !important;
    border-radius: 3px !important;
}
.appui blockquote:before {
    display: block !important;
    content: "\201C" !important;
    font-family: serif !important;
    font-size: 96px !important;
    position: absolute !important;
    right: 10px !important;
    top: -20px !important;
    color: #000000 !important;
    opacity: .15 !important;
}
.appui blockquote.pull-right:before {
    left: 10px !important;
    right: auto !important;
}
.appui article.article-story p {
    font-size: 18px !important;
    line-height: 1.8 !important;
}
.appui fieldset legend {
    font-size: 18px !important;
    padding: 30px 0 10px !important;
    border-bottom: 2px solid #ebeef2 !important;
}
.appui input[type="file"] {
    padding-top: 7px !important;
}
.appui input[type="text"].form-control,
.appui input[type="password"].form-control,
.appui input[type="email"].form-control,
.appui textarea.form-control {
    -webkit-appearance: none !important;
}
.appui .form-control {
    padding: 6px 8px !important;
    max-width: 100% !important;
    margin: 1px 0 !important;
    color: #454e59 !important;
    border-color: #dae0e8 !important;
    border-radius: 3px !important;
}
.appui input[type="text"].form-control.input-lg,
.appui input[type="password"].form-control.input-lg,
.appui input[type="email"].form-control.input-lg {
    height: 45px !important;
}
.appui .input-group {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
.appui .input-group .form-control {
    margin-top: 0 !important;
}
.appui .form-control:focus {
    border-color: #5ccdde !important;
}
.appui .help-block {
    margin-top: 8px !important;
    color: #999999 !important;
    font-weight: 400 !important;
    font-style: italic !important;
}
.appui .input-group-addon {
    min-width: 45px !important;
    text-align: center !important;
    background-color: #ffffff !important;
    border-color: #dae0e8 !important;
}
.appui .form-horizontal .control-label {
    margin-bottom: 5px !important;
}
.appui .form-horizontal .control-label-fixed {
    padding-top: 5px !important;
    margin-bottom: 5px !important;
}
.appui .form-bordered {
    margin: -15px -15px -1px !important;
}
.appui .modal-body .form-bordered {
    margin-bottom: -20px !important;
}
.appui .form-bordered fieldset legend {
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.appui .form-bordered .form-group {
    margin: 0 !important;
    border: none !important;
    padding: 15px !important;
    border-bottom: 1px dotted #ebeef2 !important;
}
.appui .form-bordered .form-group.form-actions {
    background-color: #f9f9f9 !important;
    border-bottom: none !important;
}
.appui .form-horizontal.form-bordered .form-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.appui .form-bordered .help-block {
    margin-bottom: 0 !important;
}
.appui .has-success .form-control,
.appui .has-warning .form-control,
.appui .has-error .form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.appui .has-success .help-block,
.appui .has-success .control-label,
.appui .has-success .input-group-addon,
.appui .has-success .checkbox,
.appui .has-success .checkbox-inline,
.appui .has-success .radio,
.appui .has-success .radio-inline {
    color: #afde5c !important;
}
.appui .has-success .form-control,
.appui .has-success .input-group-addon {
    border-color: #afde5c !important;
    background-color: #ffffff !important;
}
.appui .has-success .form-control:focus {
    border-color: #7fb364 !important;
}
.appui .has-warning .help-block,
.appui .has-warning .control-label,
.appui .has-warning .input-group-addon,
.appui .has-warning .checkbox,
.appui .has-warning .checkbox-inline,
.appui .has-warning .radio,
.appui .has-warning .radio-inline {
    color: #deb25c !important;
}
.appui .has-warning .form-control,
.appui .has-warning .input-group-addon {
    border-color: #deb25c !important;
    background-color: #ffffff !important;
}
.appui .has-warning .form-control:focus {
    border-color: #e58f5a !important;
}
.appui .has-error .help-block,
.appui .has-error .control-label,
.appui .has-error .input-group-addon,
.appui .has-error .checkbox,
.appui .has-error .checkbox-inline,
.appui .has-error .radio,
.appui .has-error .radio-inline {
    color: #de815c !important;
}
.appui .has-error .form-control,
.appui .has-error .input-group-addon {
    border-color: #de815c !important;
    background-color: #ffffff !important;
}
.appui .has-error .form-control:focus {
    border-color: #cc7872 !important;
}
.appui .form-control.form-control-borderless,
.appui .form-control.form-control-borderless:focus {
    border: none !important;
}
.appui .switch {
    margin: 1px 0 !important;
    position: relative !important;
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.appui .switch input {
    position: absolute !important;
    opacity: 0 !important;
}
.appui .switch span {
    position: relative !important;
    display: inline-block !important;
    width: 54px !important;
    height: 28px !important;
    border-radius: 14px !important;
    background: rgba(0, 0, 0, 0.2) !important;
    -webkit-transition: background-color 0.75s !important;
    transition: background-color 0.75s !important;
}
.appui .switch span:after {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 2px !important;
    bottom: 2px !important;
    width: 24px !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    -webkit-transition: all 0.15s ease-in-out !important;
    transition: all 0.15s ease-in-out !important;
}
.appui .switch input:checked + span:after {
    left: 27px !important;
    width: 24px !important;
    top: 2px !important;
    bottom: 2px !important;
}
.appui .switch input:checked + span {
    background-color: #eeeeee !important;
}
.appui .switch-default input:checked + span {
    background-color: #dae0e8 !important;
}
.appui .switch-warning input:checked + span {
    background-color: #deb25c !important;
}
.appui .switch-danger input:checked + span {
    background-color: #de815c !important;
}
.appui .switch-info input:checked + span {
    background-color: #5cafde !important;
}
.appui .switch-success input:checked + span {
    background-color: #afde5c !important;
}
.appui .switch-primary input:checked + span {
    background-color: #5ccdde !important;
}
.appui .csscheckbox {
    margin: 1px 0 !important;
    padding: 7px 0 !important;
    position: relative !important;
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: middle !important;
    font-weight: 400 !important;
}
.appui .csscheckbox input {
    position: absolute !important;
    opacity: 0 !important;
}
.appui .csscheckbox span {
    position: relative !important;
    display: inline-block !important;
    margin-top: -2px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 3px !important;
    background: rgba(250, 250, 250, 0.25) !important;
    border: 1px solid #dae0e8 !important;
    vertical-align: middle !important;
}
.appui .csscheckbox span:hover {
    background: rgba(250, 250, 250, 0.75) !important;
}
.appui .csscheckbox span:after {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    right: 3px !important;
    bottom: 3px !important;
    left: 3px !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    opacity: 0 !important;
    -webkit-transition: all 0.15s ease-out !important;
    transition: all 0.15s ease-out !important;
    -webkit-transform: scale(0.5) !important;
    transform: scale(0.5) !important;
}
.appui .csscheckbox input:checked + span:after {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.appui .csscheckbox input:checked + span:after {
    background-color: #eeeeee !important;
}
.appui .csscheckbox-default input:checked + span:after {
    background-color: #dae0e8 !important;
}
.appui .csscheckbox-warning input:checked + span:after {
    background-color: #deb25c !important;
}
.appui .csscheckbox-danger input:checked + span:after {
    background-color: #de815c !important;
}
.appui .csscheckbox-info input:checked + span:after {
    background-color: #5cafde !important;
}
.appui .csscheckbox-success input:checked + span:after {
    background-color: #afde5c !important;
}
.appui .csscheckbox-primary input:checked + span:after {
    background-color: #5ccdde !important;
}
.appui .table.table-vcenter th,
.appui .table.table-vcenter td {
    vertical-align: middle !important;
}
.appui .table thead > tr > th {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.appui .table thead > tr > th > small {
    font-weight: 400 !important;
    font-size: 75% !important;
}
.appui .table thead > tr > th,
.appui .table thead > tr > td,
.appui .table tfoot > tr > th,
.appui .table tfoot > tr > td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.appui .table tbody > tr > th,
.appui .table tbody > tr > td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.appui .table.table-condensed tbody > tr > th,
.appui .table.table-condensed tbody > tr > td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.appui .table tfoot > tr > th,
.appui .table tfoot > tr > td {
    background-color: #f9f9f9 !important;
}
.appui .table-borderless tbody > tr > th,
.appui .table-borderless tbody > tr > td {
    border-top-width: 0 !important;
}
.appui .table thead > tr > th,
.appui .table tbody > tr > th,
.appui .table tfoot > tr > th,
.appui .table thead > tr > td,
.appui .table tbody > tr > td,
.appui .table tfoot > tr > td,
.appui .table tbody + tbody,
.appui .table-bordered,
.appui .table-bordered > thead > tr > th,
.appui .table-bordered > tbody > tr > th,
.appui .table-bordered > tfoot > tr > th,
.appui .table-bordered > thead > tr > td,
.appui .table-bordered > tbody > tr > td,
.appui .table-bordered > tfoot > tr > td {
    border-color: #ebeef2 !important;
}
.appui .table-hover > tbody > tr:hover > td,
.appui .table-hover > tbody > tr:hover > th {
    background-color: #ebeef2 !important;
}
.appui .td-label {
    border-left-width: 3px !important;
    border-left-style: solid !important;
}
.appui .td-label-danger {
    border-left-color: #de815c !important;
}
.appui .td-label-warning {
    border-left-color: #deb25c !important;
}
.appui .td-label-info {
    border-left-color: #5cafde !important;
}
.appui .td-label-success {
    border-left-color: #afde5c !important;
}
.appui .td-label-muted {
    border-left-color: #cccccc !important;
}
.appui .table.table-pricing {
    background-color: #ffffff !important;
    text-align: center !important;
    border: 2px solid #ffffff !important;
    -webkit-transition: all 0.15s ease-out !important;
    transition: all 0.15s ease-out !important;
}
.appui .table.table-pricing.table-featured,
.appui .table.table-pricing:hover {
    border-color: #5ccdde !important;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
}
.appui .table.table-pricing.table-pricing-nohover:hover {
    border-color: #ffffff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.appui .table.table-pricing th {
    text-align: center !important;
    background-color: #5ccdde !important;
    border-bottom: none !important;
    color: #ffffff !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.appui .table.table-pricing td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.appui .list-group-item {
    border-color: #ebeef2 !important;
}
.appui a.list-group-item.active,
.appui a.list-group-item.active:hover,
.appui a.list-group-item.active:focus {
    background-color: #5ccdde !important;
    border-color: #5ccdde !important;
}
.appui a.list-group-item.active .list-group-item-text,
.appui a.list-group-item.active:hover .list-group-item-text,
.appui a.list-group-item.active:focus .list-group-item-text {
    color: #ffffff !important;
}
.appui a.list-group-item:hover,
.appui a.list-group-item:focus {
    background-color: #f9f9f9 !important;
}
.appui a.list-group-item.active > .badge {
    background: rgba(0, 0, 0, 0.4) !important;
    color: #ffffff !important;
}
.appui .nav-pills > li > a {
    color: #454e59 !important;
    border-radius: 3px !important;
}
.appui .nav-pills i.icon-push {
    margin-right: 8px !important;
}
.appui .nav-pills > li.active > a,
.appui .nav-pills > li.active > a:hover,
.appui .nav-pills > li.active > a:focus,
.appui .dropdown-menu > li > a:hover,
.appui .dropdown-menu > li > a:focus,
.appui .dropdown-menu > .active > a,
.appui .dropdown-menu > .active > a:hover,
.appui .dropdown-menu > .active > a:focus,
.appui .nav .open > a,
.appui .nav .open > a:hover,
.appui .nav .open > a:focus {
    color: #ffffff !important;
    background-color: #5ccdde !important;
}
.appui .nav > li i {
    font-size: 14px !important;
}
.appui .nav-pills > .active > a > .badge {
    color: #5ccdde !important;
}
.appui .nav-pills.nav-icons > li.active > a i,
.appui .nav-pills.nav-icons > li.active > a:hover i,
.appui .nav-pills.nav-icons > li.active > a:focus i {
    color: #ffffff !important;
}
.appui .nav-stacked > li > a {
    margin: 4px 0 0 !important;
}
.appui .nav .caret,
.appui .nav a:hover .caret,
.appui .nav a:focus .caret {
    border-top-color: #5ccdde !important;
    border-bottom-color: #5ccdde !important;
}
.appui .nav > li > a:hover,
.appui .nav > li > a:focus {
    background-color: #f9f9f9 !important;
}
.appui .nav-tabs {
    border-bottom-color: #ebeef2 !important;
}
.appui .nav-tabs > li {
    margin-bottom: 0 !important;
}
.appui .nav-tabs > li > a {
    padding-left: 7px !important;
    padding-right: 7px !important;
    margin-bottom: -1px !important;
    font-weight: 500 !important;
    color: #454e59 !important;
}
.appui .nav-tabs > li > a:hover {
    border-color: #ebeef2 !important;
}
.appui .nav-tabs > li.active > a,
.appui .nav-tabs > li.active > a:hover,
.appui .nav-tabs > li.active > a:focus {
    color: #454e59 !important;
    border-color: #ebeef2 !important;
    border-bottom-color: transparent !important;
}
.appui .nav-pills > li.active > a > .badge {
    background: rgba(0, 0, 0, 0.2) !important;
    color: #ffffff !important;
}
.appui .nav-users {
    list-style: none !important;
    margin: 0 !important;
    padding-left: 5px !important;
}
.appui .nav-users-online,
.appui .nav-users-away,
.appui .nav-users-offline {
    border-left-width: 2px !important;
    border-left-style: solid !important;
}
.appui .nav-users-online {
    border-left-color: #afde5c !important;
}
.appui .nav-users-away {
    border-left-color: #deb25c !important;
}
.appui .nav-users-offline {
    border-left-color: #de815c !important;
}
.appui .nav-users-offline a {
    opacity: .5 !important;
}
.appui .nav-users a {
    display: block !important;
    min-height: 56px !important;
    padding: 8px 10px 8px 60px !important;
    position: relative !important;
    color: #454e59 !important;
    border-radius: 3px !important;
    -webkit-transition: all 0.1s ease-out !important;
    transition: all 0.1s ease-out !important;
}
.appui .nav-users a:hover,
.appui .nav-users a:focus {
    text-decoration: none !important;
    opacity: 1 !important;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) !important;
    -webkit-transform: translateY(-2px) !important;
    transform: translateY(-2px) !important;
}
.appui .nav-users a:active {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.02) !important;
}
.appui .nav-users-avatar {
    position: absolute !important;
    top: 8px !important;
    left: 10px !important;
    width: 40px !important;
    height: 40px !important;
    border: 3px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 50% !important;
}
.appui .nav-users-indicator {
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
}
.appui .nav-users-heading {
    display: block !important;
    margin-top: 2px !important;
    font-weight: 600 !important;
}
.appui .dropdown-menu {
    min-width: 180px !important;
    padding: 0 !important;
    font-size: 14px !important;
    border-color: #dae0e8 !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    display: block !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
    -webkit-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
}
.appui .dropdown-menu.dropdown-menu-right {
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
}
.appui .dropup .dropdown-menu {
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
}
.appui .dropup .dropdown-menu.dropdown-menu-right {
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
}
.appui .open > .dropdown-menu,
.appui .dropdown-menu.open {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.appui .lt-ie10 .dropdown-menu {
    display: none !important;
}
.appui .lt-ie10 .open > .dropdown-menu,
.appui .lt-ie10 .dropdown-menu.open {
    display: block !important;
}
.appui .dropdown-menu > li > a {
    padding: 8px 10px !important;
}
.appui .dropdown-menu i {
    opacity: 0.2 !important;
    line-height: 17px !important;
}
.appui .dropdown-menu a:hover i {
    opacity: 0.5 !important;
}
.appui .dropdown-menu .divider {
    margin: 3px 0 !important;
    padding: 0 !important;
    background-color: #f0f0f0 !important;
}
.appui li.dropdown-header {
    padding: 8px 10px !important;
    color: #454e59 !important;
    background-color: #ebeef2 !important;
}
.appui .dropdown-submenu {
    position: relative !important;
}
.appui .dropdown-submenu > .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: -3px !important;
    margin-left: 0 !important;
}
.appui .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
}
.appui .dropdown-submenu.pull-left {
    float: none !important;
}
.appui .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100% !important;
    margin-left: 10px !important;
}
.appui .collapse.in .dropdown.open .dropdown-menu {
    display: block !important;
    position: static !important;
    margin: 0 0 0 15px !important;
    left: auto !important;
    top: auto !important;
}
.appui .pagination > li > a,
.appui .pagination > li > span {
    font-weight: 500 !important;
    color: #5ccdde !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    border: none !important;
    border-radius: 3px !important;
    background: transparent !important;
}
.appui .pagination > .active > a,
.appui .pagination > .active > span,
.appui .pagination > .active > a:hover,
.appui .pagination > .active > span:hover,
.appui .pagination > .active > a:focus,
.appui .pagination > .active > span:focus {
    background-color: #5ccdde !important;
}
.appui .pagination > .disabled > span,
.appui .pagination > .disabled > span:hover,
.appui .pagination > .disabled > span:focus,
.appui .pagination > .disabled > a,
.appui .pagination > .disabled > a:hover,
.appui .pagination > .disabled > a:focus {
    background: transparent !important;
}
.appui .pager > li > a,
.appui .pager > li > span {
    border-color: #ebeef2 !important;
}
.appui .pager > li > a:hover,
.appui .pagination > li > a:hover {
    background-color: #5ccdde !important;
    border-color: #5ccdde !important;
    color: #ffffff !important;
}
.appui .pager > li.disabled > a:hover {
    border-color: #ebeef2 !important;
}
.appui .popover {
    border-radius: 3px !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
.appui .popover-title {
    background: none !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding-top: 7px !important;
    padding-bottom: 2px !important;
}
.appui .tooltip {
    z-index: 1051 !important;
}
.appui .tooltip.in {
    opacity: 1 !important;
}
.appui .tooltip-inner {
    padding: 4px 6px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}
.appui .tooltip.top .tooltip-arrow,
.appui .tooltip.top-left .tooltip-arrow,
.appui .tooltip.top-right .tooltip-arrow {
    border-top-color: #000000 !important;
}
.appui .tooltip.right .tooltip-arrow {
    border-right-color: #000000 !important;
}
.appui .tooltip.left .tooltip-arrow {
    border-left-color: #000000 !important;
}
.appui .tooltip.bottom .tooltip-arrow,
.appui .tooltip.bottom-left .tooltip-arrow,
.appui .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000000 !important;
}
.appui .breadcrumb {
    background-color: transparent !important;
}
.appui .breadcrumb i {
    font-size: 14px !important;
}
.appui .breadcrumb-top {
    font-size: 12px !important;
    text-align: right !important;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 7px !important;
}
.appui .progress {
    background: rgba(0, 0, 0, 0.1) !important;
}
.appui .progress,
.appui .progress-bar {
    height: 18px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
}
.appui .progress.progress-mini,
.appui .progress-bar.progress-mini,
.appui .progress-mini .progress-bar {
    height: 7px !important;
    line-height: 7px !important;
}
.appui .progress-bar-danger {
    background-color: #de815c !important;
}
.appui .progress-bar-warning {
    background-color: #deb25c !important;
}
.appui .progress-bar-success {
    background-color: #afde5c !important;
}
.appui .progress-bar-info {
    background-color: #5cafde !important;
}
.appui .progress-bar-primary {
    background-color: #5ccdde !important;
}
.appui .modal-content {
    border: none !important;
}
.appui .modal-header,
.appui .modal-header-tabs {
    padding: 17px 15px 15px !important;
    border-bottom: none !important;
    background-color: #f9f9f9 !important;
}
.appui .modal-header-tabs .nav-tabs {
    margin: 0 -15px -15px !important;
}
.appui .modal-title {
    font-weight: 300 !important;
}
.appui .modal-body {
    padding: 20px 15px !important;
}
.appui .modal-footer {
    margin-top: 0 !important;
    padding: 9px 15px 10px !important;
    border-top: none !important;
    background-color: #f9f9f9 !important;
}
.appui .modal.fade .modal-dialog {
    opacity: 0 !important;
    -webkit-transition: all 0.45s ease-out !important;
    transition: all 0.45s ease-out !important;
    -webkit-transform-origin: top center !important;
    transform-origin: top center !important;
    -webkit-transform: scale(0.6) !important;
    transform: scale(0.6) !important;
}
.appui .modal.in .modal-dialog {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.appui .modal-backdrop.in {
    opacity: .75 !important;
}
.appui .btn {
    display: inline-block !important;
    font-weight: normal !important;
    text-align: center !important;
    vertical-align: middle !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    white-space: nowrap !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    user-select: none !important;
    height:auto !important;
}
.appui .btn {
    margin: 1px 0 !important;
    background-color: #ffffff !important;
    border-radius: 3px !important;
}
.appui .btn.btn-rounded {
    border-radius: 20px !important;
}
.appui .btn.btn-square {
    border-radius: 0 !important;
}
.appui .btn-ripple {
    display: block !important;
    position: absolute !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 100% !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
}
.appui .btn-ripple.animate {
    -webkit-animation: ripple 1s ease-out !important;
    animation: ripple 1s ease-out !important;
}
.appui .btn .gi,
.appui .btn .hi,
.appui .btn .si,
.appui .btn .fi {
    line-height: 1 !important;
}
.appui .btn.disabled,
.appui .btn[disabled],
.appui fieldset[disabled] .btn {
    opacity: .4 !important;
}
.appui .block-options .btn,
.appui .input-group .btn,
.appui .modal-content .btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.appui .btn-default {
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
}
.appui .btn-default:hover,
.appui .btn-default:focus,
.appui .btn-default.focus,
.appui .btn-default:active,
.appui .btn-default:active:hover,
.appui .btn-default:active:focus,
.appui .btn-default.active,
.appui .btn-default.active:hover,
.appui .btn-default.active:focus,
.appui .open .btn-default.dropdown-toggle,
.appui .open .btn-default.dropdown-toggle:hover,
.appui .open .btn-default.dropdown-toggle:focus,
.appui .open .btn-default.dropdown-toggle.focus {
    background-color: #dddddd !important;
    border-color: #dddddd !important;
}
.appui .btn-default.disabled,
.appui .btn-default.disabled:hover,
.appui .btn-default.disabled:focus,
.appui .btn-default.disabled:active,
.appui .btn-default.disabled.active,
.appui .btn-default[disabled]:hover,
.appui .btn-default[disabled]:focus,
.appui .btn-default[disabled].focus,
.appui .btn-default[disabled]:active,
.appui .btn-default[disabled].active,
.appui .btn-default[disabled]:active:focus,
.appui .btn-default[disabled].active:focus,
.appui fieldset[disabled] .btn-default:hover,
.appui fieldset[disabled] .btn-default:focus,
.appui fieldset[disabled] .btn-default.focus,
.appui fieldset[disabled] .btn-default:active,
.appui fieldset[disabled] .btn-default.active,
.appui fieldset[disabled] .btn-default:active:focus,
.appui fieldset[disabled] .btn-default.active:focus {
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
}
.appui .btn-primary {
    background-color: #5ccdde !important;
    border-color: #5ccdde !important;
}
.appui .btn-primary:hover,
.appui .btn-primary:focus,
.appui .btn-primary.focus,
.appui .btn-primary:active,
.appui .btn-primary:active:hover,
.appui .btn-primary:active:focus,
.appui .btn-primary.active,
.appui .btn-primary.active:hover,
.appui .btn-primary.active:focus,
.appui .open .btn-primary.dropdown-toggle,
.appui .open .btn-primary.dropdown-toggle:hover,
.appui .open .btn-primary.dropdown-toggle:focus,
.appui .open .btn-primary.dropdown-toggle.focus {
    background-color: #02aac4 !important;
    border-color: #02aac4 !important;
    color: #ffffff !important;
}
.appui .btn-primary.disabled,
.appui .btn-primary.disabled:hover,
.appui .btn-primary.disabled:focus,
.appui .btn-primary.disabled:active,
.appui .btn-primary.disabled.active,
.appui .btn-primary[disabled]:hover,
.appui .btn-primary[disabled]:focus,
.appui .btn-primary[disabled].focus,
.appui .btn-primary[disabled]:active,
.appui .btn-primary[disabled].active,
.appui .btn-primary[disabled]:active:focus,
.appui .btn-primary[disabled].active:focus,
.appui fieldset[disabled] .btn-primary:hover,
.appui fieldset[disabled] .btn-primary:focus,
.appui fieldset[disabled] .btn-primary.focus,
.appui fieldset[disabled] .btn-primary:active,
.appui fieldset[disabled] .btn-primary.active,
.appui fieldset[disabled] .btn-primary:active:focus,
.appui fieldset[disabled] .btn-primary.active:focus {
    background-color: #5ccdde !important;
    border-color: #5ccdde !important;
}
.appui .btn-danger {
    background-color: #de815c !important;
    border-color: #de815c !important;
}
.appui .btn-danger:hover,
.appui .btn-danger:focus,
.appui .btn-danger.focus,
.appui .btn-danger:active,
.appui .btn-danger:active:hover,
.appui .btn-danger:active:focus,
.appui .btn-danger.active,
.appui .btn-danger.active:hover,
.appui .btn-danger.active:focus,
.appui .open .btn-danger.dropdown-toggle,
.appui .open .btn-danger.dropdown-toggle:hover,
.appui .open .btn-danger.dropdown-toggle:focus,
.appui .open .btn-danger.dropdown-toggle.focus {
    background-color: #c43902 !important;
    border-color: #c43902 !important;
    color: #ffffff !important;
}
.appui .btn-danger.disabled,
.appui .btn-danger.disabled:hover,
.appui .btn-danger.disabled:focus,
.appui .btn-danger.disabled:active,
.appui .btn-danger.disabled.active,
.appui .btn-danger[disabled]:hover,
.appui .btn-danger[disabled]:focus,
.appui .btn-danger[disabled].focus,
.appui .btn-danger[disabled]:active,
.appui .btn-danger[disabled].active,
.appui .btn-danger[disabled]:active:focus,
.appui .btn-danger[disabled].active:focus,
.appui fieldset[disabled] .btn-danger:hover,
.appui fieldset[disabled] .btn-danger:focus,
.appui fieldset[disabled] .btn-danger.focus,
.appui fieldset[disabled] .btn-danger:active,
.appui fieldset[disabled] .btn-danger.active,
.appui fieldset[disabled] .btn-danger:active:focus,
.appui fieldset[disabled] .btn-danger.active:focus {
    background-color: #de815c !important;
    border-color: #de815c !important;
}
.appui .btn-warning {
    background-color: #deb25c !important;
    border-color: #deb25c !important;
}
.appui .btn-warning:hover,
.appui .btn-warning:focus,
.appui .btn-warning.focus,
.appui .btn-warning:active,
.appui .btn-warning:active:hover,
.appui .btn-warning:active:focus,
.appui .btn-warning.active,
.appui .btn-warning.active:hover,
.appui .btn-warning.active:focus,
.appui .open .btn-warning.dropdown-toggle,
.appui .open .btn-warning.dropdown-toggle:hover,
.appui .open .btn-warning.dropdown-toggle:focus,
.appui .open .btn-warning.dropdown-toggle.focus {
    background-color: #de9502 !important;
    border-color: #de9502 !important;
    color: #ffffff !important;
}
.appui .btn-warning.disabled,
.appui .btn-warning.disabled:hover,
.appui .btn-warning.disabled:focus,
.appui .btn-warning.disabled:active,
.appui .btn-warning.disabled.active,
.appui .btn-warning[disabled]:hover,
.appui .btn-warning[disabled]:focus,
.appui .btn-warning[disabled].focus,
.appui .btn-warning[disabled]:active,
.appui .btn-warning[disabled].active,
.appui .btn-warning[disabled]:active:focus,
.appui .btn-warning[disabled].active:focus,
.appui fieldset[disabled] .btn-warning:hover,
.appui fieldset[disabled] .btn-warning:focus,
.appui fieldset[disabled] .btn-warning.focus,
.appui fieldset[disabled] .btn-warning:active,
.appui fieldset[disabled] .btn-warning.active,
.appui fieldset[disabled] .btn-warning:active:focus,
.appui fieldset[disabled] .btn-warning.active:focus {
    background-color: #c48402 !important;
    border-color: #c48402 !important;
}
.appui .btn-success {
    background-color: #afde5c !important;
    border-color: #afde5c !important;
}
.appui .btn-success:hover,
.appui .btn-success:focus,
.appui .btn-success.focus,
.appui .btn-success:active,
.appui .btn-success:active:hover,
.appui .btn-success:active:focus,
.appui .btn-success.active,
.appui .btn-success.active:hover,
.appui .btn-success.active:focus,
.appui .open .btn-success.dropdown-toggle,
.appui .open .btn-success.dropdown-toggle:hover,
.appui .open .btn-success.dropdown-toggle:focus,
.appui .open .btn-success.dropdown-toggle.focus {
    background-color: #7dc402 !important;
    border-color: #7dc402 !important;
    color: #ffffff !important;
}
.appui .btn-success.disabled,
.appui .btn-success.disabled:hover,
.appui .btn-success.disabled:focus,
.appui .btn-success.disabled:active,
.appui .btn-success.disabled.active,
.appui .btn-success[disabled]:hover,
.appui .btn-success[disabled]:focus,
.appui .btn-success[disabled].focus,
.appui .btn-success[disabled]:active,
.appui .btn-success[disabled].active,
.appui .btn-success[disabled]:active:focus,
.appui .btn-success[disabled].active:focus,
.appui fieldset[disabled] .btn-success:hover,
.appui fieldset[disabled] .btn-success:focus,
.appui fieldset[disabled] .btn-success.focus,
.appui fieldset[disabled] .btn-success:active,
.appui fieldset[disabled] .btn-success.active,
.appui fieldset[disabled] .btn-success:active:focus,
.appui fieldset[disabled] .btn-success.active:focus {
    background-color: #afde5c !important;
    border-color: #afde5c !important;
}
.appui .btn-info {
    background-color: #5cafde !important;
    border-color: #5cafde !important;
}
.appui .btn-info:hover,
.appui .btn-info:focus,
.appui .btn-info.focus,
.appui .btn-info:active,
.appui .btn-info:active:hover,
.appui .btn-info:active:focus,
.appui .btn-info.active,
.appui .btn-info.active:hover,
.appui .btn-info.active:focus,
.appui .open .btn-info.dropdown-toggle,
.appui .open .btn-info.dropdown-toggle:hover,
.appui .open .btn-info.dropdown-toggle:focus,
.appui .open .btn-info.dropdown-toggle.focus {
    background-color: #027dc4 !important;
    border-color: #027dc4 !important;
    color: #ffffff !important;
}
.appui .btn-info.disabled,
.appui .btn-info.disabled:hover,
.appui .btn-info.disabled:focus,
.appui .btn-info.disabled:active,
.appui .btn-info.disabled.active,
.appui .btn-info[disabled]:hover,
.appui .btn-info[disabled]:focus,
.appui .btn-info[disabled].focus,
.appui .btn-info[disabled]:active,
.appui .btn-info[disabled].active,
.appui .btn-info[disabled]:active:focus,
.appui .btn-info[disabled].active:focus,
.appui fieldset[disabled] .btn-info:hover,
.appui fieldset[disabled] .btn-info:focus,
.appui fieldset[disabled] .btn-info.focus,
.appui fieldset[disabled] .btn-info:active,
.appui fieldset[disabled] .btn-info.active,
.appui fieldset[disabled] .btn-info:active:focus,
.appui fieldset[disabled] .btn-info.active:focus {
    background-color: #5cafde !important;
    border-color: #5cafde !important;
}
.appui .btn-link,
.appui .btn-link:hover,
.appui .btn-link:focus {
    color: #5ccdde !important;
}
.appui .panel {
    margin-bottom: 20px !important;
}
.appui .panel-heading {
    padding: 15px !important;
}
.appui .panel-title {
    font-size: 14px !important;
}
.appui .panel-default > .panel-heading {
    background-color: #f9f9f9 !important;
}
.appui .panel-group {
    margin-bottom: 20px !important;
}
.appui pre {
    background: #151515 !important;
    overflow: scroll !important;
}
.appui code {
    border: 1px solid #fad4df !important;
    margin: 1px 0 !important;
    display: inline-block !important;
}
.appui .btn code {
    display: inline !important;
    margin: 0 !important;
}
.appui .alert {
    color: #ffffff !important;
    border-width: 0 !important;
    border-radius: 3px !important;
}
.appui .alert .alert-link {
    color: #000000 !important;
    opacity: .4 !important;
}
.appui .alert-danger {
    background-color: #de815c !important;
}
.appui .alert-warning {
    background-color: #deb25c !important;
}
.appui .alert-success {
    background-color: #afde5c !important;
}
.appui .alert-info {
    background-color: #5cafde !important;
}
.appui .alert-dismissable .close {
    top: -8px !important;
    right: -26px !important;
    color: #000000 !important;
}
.appui .close {
    opacity: .25 !important;
    text-shadow: none !important;
}
.appui .close:hover,
.appui .close:focus {
    opacity: .5 !important;
}
.appui .label,
.appui .badge {
    font-weight: normal !important;
    font-size: 90% !important;
}
.appui .label {
    padding: 1px 4px !important;
}
.appui .badge {
    background: rgba(0, 0, 0, 0.3) !important;
    padding: 3px 6px !important;
}
.appui .label-danger,
.appui .label-danger[href]:hover,
.appui .label-danger[href]:focus {
    background-color: #de815c !important;
}
.appui .label-warning,
.appui .label-warning[href]:hover,
.appui .label-warning[href]:focus {
    background-color: #deb25c !important;
}
.appui .label-success,
.appui .label-success[href]:hover,
.appui .label-success[href]:focus {
    background-color: #afde5c !important;
}
.appui .label-info,
.appui .label-info[href]:hover,
.appui .label-info[href]:focus {
    background-color: #5cafde !important;
}
.appui .label-primary,
.appui .label-primary[href]:hover,
.appui .label-primary[href]:focus {
    background-color: #5ccdde !important;
}
.appui .label-default,
.appui .label-default[href]:hover,
.appui .label-default[href]:focus {
    background-color: #999999 !important;
}
.appui .label-danger[href]:hover,
.appui .label-danger[href]:focus,
.appui .label-warning[href]:hover,
.appui .label-warning[href]:focus,
.appui .label-success[href]:hover,
.appui .label-success[href]:focus,
.appui .label-info[href]:hover,
.appui .label-info[href]:focus,
.appui .label-primary[href]:hover,
.appui .label-primary[href]:focus,
.appui .label-default[href]:hover,
.appui .label-default[href]:focus {
    opacity: .75 !important;
}
.appui .carousel-control {
    max-width: 50px !important;
}
.appui .carousel-control.left,
.appui .carousel-control.right {
    background: none !important;
    opacity: 0 !important;
    filter: none !important;
}
.appui .carousel:hover .carousel-control.left,
.appui .carousel:hover .carousel-control.right {
    opacity: 1 !important;
}
.appui .carousel-control.left:hover,
.appui .carousel-control.right:hover {
    background: rgba(0, 0, 0, 0.2) !important;
}
.appui .carousel-control span {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 5 !important;
    display: inline-block !important;
}
.appui .carousel-control i {
    width: 20px !important;
    height: 20px !important;
    margin-top: -10px !important;
    margin-left: -10px !important;
}
.appui .carousel-indicators,
.appui .carousel-caption {
    bottom: 5px !important;
}
.appui .carousel-caption {
    text-shadow: 0 5px 15px #000000 !important;
}
.appui .img-thumbnail-transparent {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border-color: transparent !important;
}
.appui .img-thumbnail-avatar {
    width: 69px !important;
    height: 69px !important;
}
.appui .img-thumbnail-avatar-2x {
    width: 133px !important;
    height: 133px !important;
}
.appui p,
.appui .table,
.appui .alert,
.appui .carousel {
    margin-bottom: 20px !important;
}
.appui .navbar-form,
.appui .navbar-collapse,
.appui .form-control,
.appui .form-control:focus,
.appui .has-success .form-control:focus,
.appui .has-warning .form-control:focus,
.appui .has-error .form-control:focus,
.appui .progress,
.appui .progress-bar,
.appui .panel,
.appui .modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.appui .navbar,
.appui .dropdown-menu,
.appui .tooltip-inner,
.appui .breadcrumb,
.appui .modal-content,
.appui .panel-group .panel {
    border-radius: 0 !important;
}
.appui .border-top {
    border-top: 1px solid #eeeeee !important;
}
.appui .border-right {
    border-right: 1px solid #eeeeee !important;
}
.appui .border-bottom {
    border-bottom: 1px solid #eeeeee !important;
}
.appui .border-left {
    border-left: 1px solid #eeeeee !important;
}
.appui .push {
    margin-bottom: 15px !important;
}
.appui .push-top {
    margin-top: 15px !important;
}
.appui .push-top-bottom {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.appui .push-bit {
    margin-bottom: 10px !important;
}
.appui .push-bit-top {
    margin-top: 10px !important;
}
.appui .push-bit-top-bottom {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.appui .push-right {
    margin-right: 15px !important;
}
.appui .push-left {
    margin-left: 15px !important;
}
.appui .push-right-left {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.appui .push-inner-top-bottom {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.appui .overflow-hidden {
    overflow: hidden !important;
}
.appui .display-none {
    display: none !important;
}
.appui .remove-margin {
    margin: 0 !important;
}
.appui .remove-margin-bottom {
    margin-bottom: 0 !important;
}
.appui .remove-padding {
    padding: 0 !important;
}
.appui .remove-radius {
    border-radius: 0 !important;
}
.appui .remove-radius-top {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.appui .remove-radius-bottom {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.appui .lt-ie10 .hidden-lt-ie10 {
    display: none !important;
}
.appui .visible-lt-ie10 {
    display: none !important;
}
.appui .lt-ie10 .visible-lt-ie10 {
    display: block !important;
}
.appui .placeholder {
    color: #999 !important;
}
.appui :focus {
    outline: 0 !important;
}
.appui .themed-color {
    color: #5ccdde !important;
}
.appui .themed-background {
    background-color: #5ccdde !important;
}
.appui .themed-color-dark {
    color: #454e59 !important;
}
.appui .themed-background-dark {
    background-color: #454e59 !important;
}
.appui .themed-background-danger {
    background-color: #de815c !important;
}
.appui .themed-background-warning {
    background-color: #deb25c !important;
}
.appui .themed-background-info {
    background-color: #5cafde !important;
}
.appui .themed-background-success {
    background-color: #afde5c !important;
}
.appui .themed-background-muted {
    background-color: #f9f9f9 !important;
}
@media screen and (min-width: 768px) {
    .appui {
        /* General */
        /* Forms */
        /* Tabs */
        /* Modal */
        /* Error Page */
        /* Timeline */
    }
    .appui #login-container {
        width: 380px !important;
        top: 120px !important;
        margin-left: -190px !important;
    }
    .appui #page-content {
        padding: 20px 20px 1px !important;
    }
    .appui #page-container.header-fixed-top #page-content {
        padding-top: 70px !important;
    }
    .appui #page-container.header-fixed-bottom #page-content {
        padding-bottom: 70px !important;
    }
    .appui #page-content.inner-sidebar-left,
    .appui #page-content.inner-sidebar-right {
        position: relative !important;
    }
    .appui #page-content.inner-sidebar-left {
        padding-left: 240px !important;
    }
    .appui #page-content.inner-sidebar-right {
        padding-right: 240px !important;
    }
    .appui #page-content-sidebar {
        margin: 0 !important;
        width: 220px !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        overflow-y: auto !important;
        border-bottom: none !important;
    }
    .appui #page-content.inner-sidebar-left #page-content-sidebar {
        left: 0 !important;
        border-right: 1px solid #dae0e8 !important;
    }
    .appui #page-container.sidebar-light #page-content.inner-sidebar-left #page-content-sidebar {
        border-left: 1px solid #dae0e8 !important;
    }
    .appui #page-content.inner-sidebar-right #page-content-sidebar {
        right: 0 !important;
        border-left: 1px solid #dae0e8 !important;
    }
    .appui #page-container.header-fixed-top #page-content-sidebar {
        top: 50px !important;
    }
    .appui #page-container.header-fixed-bottom #page-content-sidebar {
        bottom: 50px !important;
    }
    .appui .content-header,
    .appui .content-header-media .header-section,
    .appui .block,
    .appui .block.full,
    .appui .modal-body {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .appui .block .block-content-full {
        margin: -20px -20px -1px !important;
    }
    .appui .block.full .block-content-full {
        margin: -20px !important;
    }
    .appui .content-header {
        margin: -20px -20px 20px !important;
    }
    .appui .block,
    .appui .widget {
        margin-bottom: 20px !important;
    }
    .appui .block-title {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    .appui .form-bordered {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    .appui .form-bordered .form-group {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .appui .form-horizontal.form-bordered .form-group {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .appui .nav-tabs > li > a {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 3px !important;
        margin-right: 3px !important;
    }
    .appui .modal-dialog {
        margin: 60px auto !important;
    }
    .appui .modal-header,
    .appui .modal-footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .appui .modal-header .nav-tabs {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    .appui #error-container h1 {
        font-size: 96px !important;
        margin: 50px 0 70px !important;
    }
    .appui .timeline-list li {
        padding: 20px 0 !important;
    }
    .appui .timeline-list:after {
        position: absolute !important;
        display: block !important;
        width: 4px !important;
        top: 0 !important;
        left: 134px !important;
        bottom: 0 !important;
        content: "" !important;
        background-color: #f9f9f9 !important;
        z-index: 1 !important;
    }
    .appui .timeline-icon {
        left: 115px !important;
        right: auto !important;
    }
    .appui .timeline-time {
        float: left !important;
        padding: 0 !important;
        text-align: right !important;
        width: 100px !important;
        height: 40px !important;
        line-height: 40px !important;
        border-bottom: none !important;
        margin-bottom: 0 !important;
        background-color: transparent ;
    }
    .appui .timeline-content {
        padding-left: 166px !important;
    }
}
@media screen and (min-width: 992px) {
    .appui {
        /* Alternative Sidebar */
        /* Sidebar Reset Small Screens Classes */
        /* Layout Transitions */
        /* Sidebar + Static Layout */
        /* Sidebar + Fixed Layout */
        /* Sidebar Condensed Menu */
        /* Navbar Nav Search */
        /* Chat */
    }
    .appui #page-container.sidebar-alt-visible-xs #sidebar-alt {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        right: -220px !important;
    }
    .appui #page-container.sidebar-alt-visible-lg #sidebar-alt {
        -webkit-transform: translateX(-220px) !important;
        transform: translateX(-220px) !important;
    }
    .appui #page-container.sidebar-alt-visible-xs #sidebar-alt-close {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        right: -30px !important;
        opacity: 0 !important;
    }
    .appui #page-container.sidebar-alt-visible-lg #sidebar-alt-close {
        -webkit-transform: translateX(-250px) !important;
        transform: translateX(-250px) !important;
        opacity: 1 !important;
    }
    .appui #page-container.sidebar-visible-xs #sidebar {
        width: 0 !important;
    }
    .appui #page-container.sidebar-visible-xs #sidebar,
    .appui #page-container.sidebar-visible-xs #main-container {
        -webkit-transform: none !important;
        transform: none !important;
    }
    .appui #sidebar {
        -webkit-transition: background-color 0.2s ease-out !important;
        transition: background-color 0.2s ease-out !important;
    }
    .appui #main-container {
        -webkit-transition: none !important;
        transition: none !important;
    }
    .appui header.navbar.navbar-fixed-top,
    .appui header.navbar.navbar-fixed-bottom {
        -webkit-transition: background 0.2s ease-out !important;
        transition: background 0.2s ease-out !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar-toggle-full,
    .appui #page-container.sidebar-visible-lg-full #sidebar-toggle-mini {
        display: inline-block !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar-toggle-mini,
    .appui #page-container.sidebar-visible-lg-full #sidebar-toggle-full {
        display: none !important;
    }
    .appui #sidebar {
        width: 0 !important;
        left: 0 !important;
    }
    .appui #main-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar {
        width: 40px !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #main-container {
        margin-left: 40px !important;
    }
    .appui #page-container.sidebar-visible-lg-full #sidebar {
        width: 220px !important;
    }
    .appui #page-container.sidebar-visible-lg-full #main-container {
        margin-left: 220px !important;
    }
    .appui #page-container.header-fixed-top #sidebar,
    .appui #page-container.header-fixed-bottom #sidebar {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
    }
    .appui #page-container.header-fixed-top #sidebar-brand,
    .appui #page-container.header-fixed-bottom #sidebar-brand {
        display: block !important;
    }
    .appui #page-container.sidebar-visible-lg-mini header.navbar-fixed-top,
    .appui #page-container.sidebar-visible-lg-mini header.navbar-fixed-bottom {
        left: 40px !important;
    }
    .appui #page-container.sidebar-visible-lg-full header.navbar-fixed-top,
    .appui #page-container.sidebar-visible-lg-full header.navbar-fixed-bottom {
        left: 220px !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar {
        overflow: visible !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-content {
        width: 40px !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav-mini-hide {
        display: none !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav li {
        position: relative !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        position: absolute !important;
        width: 220px !important;
        top: 0 !important;
        right: -220px !important;
        margin: 0 !important;
        padding: 6px 5px !important;
        background-color: #363e46 !important;
    }
    .appui #page-container.sidebar-visible-lg-mini.sidebar-light #sidebar .sidebar-nav .sidebar-nav-menu + ul {
        background-color: #e6e6e6 !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav ul a {
        margin: 0 !important;
        padding-left: 10px !important;
        border-left: none !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav ul ul {
        margin-left: 0 !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav > li.active > ul {
        display: none !important;
    }
    .appui #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu.open + ul {
        display: block !important;
    }
    .appui .navbar-form-custom {
        width: 300px !important;
    }
    .appui .chatui.chatui-window.widget {
        right: 70px !important;
        margin-right: 0 !important;
    }
}
@media print {
    .appui #sidebar,
    .appui #sidebar-alt,
    .appui .content-header,
    .appui .breadcrumb-top,
    .appui .block-title .block-options {
        display: none !important;
    }
    .appui #page-content {
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
    }
    .appui #main-container {
        margin: 0 !important;
    }
    .appui .block,
    .appui .block.full {
        border: none !important;
        padding: 0 !important;
    }
    .appui .block-title {
        margin: 0 0 20px !important;
    }

}