body {
   color: #000;
   direction: ltr;
   font-family: "Open Sans", sans-serif;
   font-size: 13px;
   padding: 0 !important;
   margin: 0 !important;
   background: #fff
}

body.bg_style_1 {
   background: url(/assets/images/bg.png) rgba(0, 0, 0, 0) !important
}

body.bg_style_2 {
   background: url(/assets/images/bg_2.png) rgba(0, 0, 0, 0) !important
}

body.bg_style_3 {
   background: url(/assets/images/bg_3.png) rgba(0, 0, 0, 0) !important
}

body.bg_style_4 {
   background: url(/assets/images/bg_4.png) rgba(0, 0, 0, 0) !important
}

body.bg_style_5 {
   background: url(/assets/images/bg_5.png) rgba(0, 0, 0, 0) !important
}

a,
a:active,
a:focus,
a:hover {
   outline: 0 !important
}

h1,
h2,
h3 {
   font-weight: 700
}

#wrapper {
   display: block
}

.main-container {
   margin-top: 48px
}

.page-full-width .main-container {
   margin-top: 98px
}

.header-default .main-container {
   margin-top: 0 !important
}

.main-content {
   margin-top: 0;
   background-color: #fff;
   padding: 0
}

.container {
   max-width: none !important;
   width: auto !important
}

.footer-fixed .main-content .container {
   margin-bottom: 22px
}

.breadcrumb {
   margin: 0 -15px;
   border-radius: 0;
   padding: 15px 45px 15px 15px;
   border-bottom: 1px solid #c8c7cc;
   position: relative;
   height: 51px
}

.breadcrumb i {
   color: #ccc;
   font-size: 16px;
   display: inline-block
}

.breadcrumb {
   margin: 0 -15px;
   border-radius: 0;
   padding: 15px 45px 15px 15px;
   border-bottom: 1px solid #c8c7cc;
   position: relative;
   height: 51px
}

.progress.progress-xs {
   height: 7px
}

.progress.progress-sm {
   height: 12px
}

.map {
   display: block;
   height: 350px;
   margin: 0 auto
}

.map.large {
   height: 500px
}

.circle-icon {
   background-color: #333;
   border-radius: 75px 75px 75px 75px;
   color: #fff;
   margin-top: 2px;
   text-align: center;
   height: 55px;
   line-height: 56px;
   width: 55px;
   display: inline-block;
   font-size: 24px !important
}

.circle-icon.circle-green {
   background-color: #3d9400;
   border-color: #327b00;
   color: #fff
}

.circle-icon.circle-teal {
   background-color: #569099;
   border-color: #4d8189;
   color: #fff
}

.circle-icon.circle-bricky {
   background-color: #c83a2a;
   border-color: #b33426;
   color: #fff
}

.core-box {
   margin-bottom: 20px;
   display: inline-block;
   padding-bottom: 10px;
   border-bottom: 1px solid #eee
}

.core-box .heading {
   margin-bottom: 15px
}

.core-box .heading .circle-icon {
   float: left
}

.core-box .heading h2 {
   line-height: 55px !important;
   margin: 0;
   padding-left: 65px;
   font-weight: 400;
   color: #666;
   font-size: 18px
}

.core-box .content {
   color: #747474 !important;
   line-height: 20px;
   margin-bottom: 15px
}

.core-box .view-more {
   float: right
}

.core-box .view-more i {
   display: inline-block
}

.core-box .view-more:hover {
   text-decoration: none
}

.avatar-s {
   height: 30px
}

.avatar-m {
   height: 50px;
   width: 50px
}

#toolbar-box {
   position: absolute;
   right: 0;
   top: 0;
   padding-top: 8px
}

#main-panel {
   margin-left: 0
}

#loading-indicator,
.loading-indicator {
   position: absolute;
   z-index: 10010;
   width: 24px;
   height: 24px;
   background: url(/assets/images/loading.gif) no-repeat center center
}

.loadding-inline-indicator {
   width: 100%;
   height: 100%;
   text-align: center;
   vertical-align: middle;
   padding-top: 20px;
   background: url(/assets/images/loading.gif) no-repeat center center
}

.autocomplete-suggestions {
   background: #fff
}

.tab-pane {
   min-height: 300px
}

.select2-container {
   margin: 0;
   position: relative;
   display: inline-block;
   zoom: 1;
   vertical-align: middle
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.select2-container .select2-choice {
   display: block;
   height: 26px;
   padding: 0 0 0 8px;
   overflow: hidden;
   position: relative;
   border: 1px solid #aaa;
   white-space: nowrap;
   line-height: 26px;
   color: #444;
   text-decoration: none;
   border-radius: 4px;
   background-clip: padding-box;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: #fff;
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(.5, #fff));
   background-image: -webkit-linear-gradient(center bottom, #eee 0, #fff 50%);
   background-image: -moz-linear-gradient(center bottom, #eee 0, #fff 50%);
   background-image: linear-gradient(to top, #eee 0, #fff 50%)
}

.fa-percent:before {
   content: "%"
}

td.btn_actions {
   width: 200px
}

td.btn_actions a {
   margin: 0 5px 5px 0
}

.dropdown-menu .crud-action {
   margin-bottom: 2px
}

.form-horizontal .form-group {
   margin-bottom: 5px
}

pre.no-box {
   padding: 0;
   border: 0;
   background-color: inherit;
   font-family: inherit
}

.qci-auto-height {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   resize: none
}

.font-mono {
   font-family: "Courier New", Courier, monospace
}

.select2-container--default .select2-results__option[aria-selected=true] {
   display: none !important
}

.waiting-load {
   min-height: 150px;
   background: url(/assets/images/loading-big.gif) center center no-repeat
}

@media print {
   .content-box {
      display: none
   }

   .content-box.printable,
   .content-box.printable * {
      display: inherit !important
   }
}

fieldset.border-section legend {
   font-size: 1em;
   margin: 0 0 0 5px;
   min-height: 23px;
   width: auto;
   padding: 0 5px
}

fieldset.border-section {
   border: solid 1px #ccc;
   margin: 0 0 10px;
   padding: 5px
}

.has-hover-action:hover .hover-action,
fieldset.border-section:hover .hover-action {
   display: inline-block !important
}

.has-hover-action:hover {
   background-color: #dce4e8
}

.has-float-hover-action:hover {
   background-color: #dce4e8;
   position: relative
}

.has-float-hover-action:hover .float-hover-action {
   position: absolute;
   top: 0;
   right: 0;
   display: inline-block !important
}

.absolute-top,
.dialog-top-layer {
   z-index: 20000 !important
}

.clear-fix {
   clear: both
}

textarea.form-control {
   height: auto;
   min-height: 30px
}

.absolute-top .select2-container {
   z-index: 21001
}

.text-red {
   color: red
}

.daterangepicker.dropdown-menu.opensright {
   z-index: 9999 !important
}

.member-list .member-initials {
   display: block;
   font-size: 9pt;
   font-weight: 700;
   height: 30px;
   left: 0;
   line-height: 30px;
   overflow: hidden;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%
}

.dialogelfinder,
.note-editor.fullscreen {
   z-index: 99999 !important
}

.btn-group .btn.active {
   font-weight: 800 !important;
   text-decoration: underline
}

.accordion-custom .panel {
   background-color: #fff;
   border: none;
   border-radius: 0;
   box-shadow: none
}

.accordion-custom .panel-heading {
   padding: 0;
   background-image: none;
   height: auto;
   box-shadow: none;
   border-radius: 0
}

.accordion-custom .panel-body {
   border: none !important
}

.accordion-custom .panel-heading .accordion-toggle {
   background-color: #ccc;
   color: #606060;
   display: block;
   font-size: 13px;
   font-weight: 700;
   line-height: 1;
   padding: 10px;
   position: relative
}

.accordion-custom .panel-heading .accordion-toggle:focus,
.accordion-custom .panel-heading .accordion-toggle:hover {
   text-decoration: none
}

.accordion-custom .panel-heading .accordion-toggle.collapsed {
   background-color: #f3f3f3;
   border-color: #d9d9d9;
   border-width: 0 0 0 1px;
   color: #606060;
   font-weight: 400
}

.accordion-custom .panel-heading .accordion-toggle>.icon-arrow:before {
   content: "\f078"
}

.accordion-custom .panel-heading .accordion-toggle.collapsed>.icon-arrow:before {
   content: "\f054" !important
}

.accordion-custom.panel-group .panel-heading .accordion-toggle>.icon-arrow {
   font-size: 11px;
   padding: 0 5px
}

.accordion-custom.panel-group .panel-heading .accordion-toggle.collapsed>.icon-arrow {
   opacity: .75
}

.accordion-teal .panel-heading .accordion-toggle {
   background: #f3f7f8;
   border-left: 2px solid #569099;
   color: #437278
}

.accordion-teal .panel-heading .accordion-toggle.collapsed {
   background: #f3f7f8;
   border-left: none
}

.activities {
   list-style: none outside none;
   margin: 0;
   padding: 0
}

.activities li a {
   background: #fff;
   border-bottom: 1px solid #e4e6eb;
   font-size: 12px;
   margin-left: 0 !important;
   padding: 10px 100px 10px 10px !important;
   position: relative;
   display: block;
   color: #333
}

.activities li .activity:focus,
.activities li .activity:hover {
   text-decoration: none;
   background-color: #f4f6f9 !important
}

.activities li .activity .circle-icon {
   font-size: 16px !important;
   width: 50px;
   height: 50px;
   line-height: 50px;
   margin-right: 10px
}

.activities li .activity img {
   margin-right: 10px
}

.activities li .time {
   position: absolute;
   right: 10px;
   top: 30px;
   color: #ccc
}

.activity-feed {
   padding: 15px
}

.activity-feed .feed-item {
   position: relative;
   padding-bottom: 20px;
   padding-left: 30px;
   border-left: 2px solid #e4e8eb
}

.activity-feed .feed-item:last-child {
   border-color: transparent
}

.activity-feed .feed-item:after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: -6px;
   width: 10px;
   height: 10px;
   border-radius: 6px;
   background: #fff;
   border: 1px solid #f37167
}

.activity-feed .feed-item .date {
   position: relative;
   top: -5px;
   color: #8c96a3;
   font-size: 13px
}

.activity-feed .feed-item .text {
   position: relative;
   top: -3px
}

#adv-search .current a {
   font-size: 12px;
   cursor: pointer
}

#adv-search .current a i {
   visibility: hidden
}

#adv-search .current a:hover i {
   visibility: visible
}

#adv-search .dropdown.dropdown-lg .dropdown-menu {
   margin-top: -1px;
   padding: 6px 20px
}

#adv-search .input-group-btn .btn-group {
   display: flex !important
}

#adv-search .btn-group .btn {
   border-radius: 0;
   margin-left: -1px
}

#adv-search .btn-group .btn:last-child {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px
}

#adv-search .btn-group .form-horizontal .btn[type=submit] {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px
}

#adv-search .form-horizontal .form-group {
   margin-left: 0;
   margin-right: 0
}

#adv-search .form-group .form-control:last-child {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px
}

@media screen and (min-width:768px) {
   #adv-search {
      width: 500px;
      display: inline-table;
      margin: 0 auto;
      position: relative;
      top: 5px
   }

   #adv-search .dropdown.dropdown-lg {
      position: static !important
   }

   #adv-search .dropdown.dropdown-lg .dropdown-menu {
      width: 500px
   }
}

.animation-container {
   overflow: hidden;
   padding: 140px 0 40px;
   background-color: #f4f4f4
}

.animation-buttons .btn {
   margin-bottom: 10px
}

#object {
   display: block;
   margin-bottom: 100px;
   margin-left: auto;
   margin-right: auto;
   font-size: 150px;
   color: #007aff
}

@charset "UTF-8";

.arrow-steps .step {
   font-size: 14px;
   text-align: center;
   color: #666;
   cursor: default;
   margin: 0 3px;
   padding: 10px 10px 10px 30px;
   min-width: 180px;
   float: left;
   position: relative;
   background-color: #d9e3f7;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   transition: background-color .2s ease
}

.arrow-steps .step:after,
.arrow-steps .step:before {
   content: " ";
   position: absolute;
   top: 0;
   right: -17px;
   width: 0;
   height: 0;
   border-top: 19px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 17px solid #d9e3f7;
   z-index: 2;
   transition: border-color .2s ease
}

.arrow-steps .step:before {
   right: auto;
   left: 0;
   border-left: 17px solid #fff;
   z-index: 0
}

.arrow-steps .step:first-child:before {
   border: none
}

.arrow-steps .step:first-child {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px
}

.arrow-steps .step span {
   position: relative
}

.arrow-steps .step span:before {
   opacity: 0;
   content: "✔";
   position: absolute;
   top: -2px;
   left: -20px
}

.arrow-steps .step.done span:before {
   opacity: 1;
   -webkit-transition: opacity .3s ease .5s;
   -moz-transition: opacity .3s ease .5s;
   -ms-transition: opacity .3s ease .5s;
   transition: opacity .3s ease .5s
}

.arrow-steps .step.current {
   color: #fff;
   background-color: #23468c
}

.arrow-steps .step.current:after {
   border-left: 17px solid #23468c
}

.arrow-steps .step .color {
   position: absolute;
   bottom: 2px;
   left: 30px;
   right: 13px;
   height: 5px
}

.btn-teal {
   background-color: #569099;
   border-color: #4d8189;
   color: #fff
}

.btn-teal.active,
.btn-teal:active,
.btn-teal:focus,
.btn-teal:hover {
   background-color: #4d8189;
   border-color: #447178;
   color: #fff
}

.btn-teal.disabled:activ .btn-teal.disabled.active,
.btn-teal.disabled:focus,
.btn-teal.disabled:hover,
.btn-teal[disabled].active,
.btn-teal[disabled]:active,
.btn-teal[disabled]:focus,
.btn-teal[disabled]:hover,
fieldset[disabled] .btn-teal.active,
fieldset[disabled] .btn-teal:active,
fieldset[disabled] .btn-teal:focus,
fieldset[disabled] .btn-teal:hover {
   background-color: #569099;
   border-color: #569099;
   color: #fff
}

.btn-beige {
   background-color: #cc9;
   border-color: #c4c488;
   color: #fff
}

.btn-beige.active,
.btn-beige:active,
.btn-beige:focus,
.btn-beige:hover {
   background-color: #c4c488;
   border-color: #bb7;
   color: #fff
}

.btn-beige.disabled.active,
.btn-beige.disabled:active,
.btn-beige.disabled:focus,
.btn-beige.disabled:hover,
.btn-beige[disabled].active,
.btn-beige[disabled]:active,
.btn-beige[disabled]:focus,
.btn-beige[disabled]:hover,
fieldset[disabled] .btn-beige.active,
fieldset[disabled] .btn-beige:active,
fieldset[disabled] .btn-beige:focus,
fieldset[disabled] .btn-beige:hover {
   background-color: #cc9;
   border-color: #cc9;
   color: #fff
}

.btn-dark-beige {
   background-color: #afaa6d;
   border-color: #a6a05d;
   color: #fff
}

.btn-dark-beige.active,
.btn-dark-beige:active,
.btn-dark-beige:focus,
.btn-dark-beige:hover {
   background-color: #a6a05d;
   border-color: #979152;
   color: #fff
}

.btn-dark-beige.disabled.active,
.btn-dark-beige.disabled:active,
.btn-dark-beige.disabled:focus,
.btn-dark-beige.disabled:hover,
.btn-dark-beige[disabled].active,
.btn-dark-beige[disabled]:active,
.btn-dark-beige[disabled]:focus,
.btn-dark-beige[disabled]:hover,
fieldset[disabled] .btn-dark-beige.active,
fieldset[disabled] .btn-dark-beige:active,
fieldset[disabled] .btn-dark-beige:focus,
fieldset[disabled] .btn-dark-beige:hover {
   background-color: #afaa6d;
   border-color: #afaa6d;
   color: #fff
}

.btn-orange {
   background-color: #e6674a;
   border-color: #e35434;
   color: #fff
}

.btn-orange.active,
.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
   background-color: #e35434;
   border-color: #de421f;
   color: #fff
}

.btn-orange.disabled.active,
.btn-orange.disabled:active,
.btn-orange.disabled:focus,
.btn-orange.disabled:hover,
.btn-orange[disabled].active,
.btn-orange[disabled]:active,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange.active,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:hover {
   background-color: #e6674a;
   border-color: #e6674a;
   color: #fff
}

.btn-purple {
   background-color: #57517b;
   border-color: #413d5c;
   color: #fff
}

.btn-purple.active,
.btn-purple:active,
.btn-purple:focus,
.btn-purple:hover {
   background-color: #4c476c;
   border-color: #413d5c;
   color: #fff
}

.btn-purple.disabled.active,
.btn-purple.disabled:active,
.btn-purple.disabled:focus,
.btn-purple.disabled:hover,
.btn-purple[disabled].active,
.btn-purple[disabled]:active,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple.active,
fieldset[disabled] .btn-purple:active,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:hover {
   background-color: #57517b;
   border-color: #333;
   color: #fff
}

.btn-dark-grey {
   background-color: #333;
   border-color: #333;
   color: #fff
}

.btn-dark-grey.active,
.btn-dark-grey:active,
.btn-dark-grey:focus,
.btn-dark-grey:hover {
   background-color: #262626;
   border-color: #1a1a1a;
   color: #fff
}

.btn-dark-grey.disabled.active,
.btn-dark-grey.disabled:active,
.btn-dark-grey.disabled:focus,
.btn-dark-grey.disabled:hover,
.btn-dark-grey[disabled].active,
.btn-dark-grey[disabled]:active,
.btn-dark-grey[disabled]:focus,
.btn-dark-grey[disabled]:hover,
fieldset[disabled] .btn-dark-grey.active,
fieldset[disabled] .btn-dark-grey:active,
fieldset[disabled] .btn-dark-grey:focus,
fieldset[disabled] .btn-dark-grey:hover {
   background-color: #333;
   border-color: #333;
   color: #fff
}

.btn-med-grey {
   background-color: #666;
   border-color: #595959;
   color: #fff
}

.btn-med-grey.active,
.btn-med-grey:active,
.btn-med-grey:focus,
.btn-med-grey:hover {
   background-color: #595959;
   border-color: #4d4d4d;
   color: #fff
}

.btn-med-grey.disabled.active,
.btn-med-grey.disabled:active,
.btn-med-grey.disabled:focus,
.btn-med-grey.disabled:hover,
.btn-med-grey[disabled].active,
.btn-med-grey[disabled]:active,
.btn-med-grey[disabled]:focus,
.btn-med-grey[disabled]:hover,
fieldset[disabled] .btn-med-grey.active,
fieldset[disabled] .btn-med-grey:active,
fieldset[disabled] .btn-med-grey:focus,
fieldset[disabled] .btn-med-grey:hover {
   background-color: #666;
   border-color: #666;
   color: #fff
}

.btn-light-grey {
   background-color: #999;
   border-color: #8c8c8c;
   color: #fff
}

.btn-light-grey.active,
.btn-light-grey:active,
.btn-light-grey:focus,
.btn-light-grey:hover {
   background-color: #8c8c8c;
   border-color: grey;
   color: #fff
}

.btn-light-grey.disabled.active,
.btn-light-grey.disabled:active,
.btn-light-grey.disabled:focus,
.btn-light-grey.disabled:hover,
.btn-light-grey[disabled].active,
.btn-light-grey[disabled]:active,
.btn-light-grey[disabled]:focus,
.btn-light-grey[disabled]:hover,
fieldset[disabled] .btn-light-grey.active,
fieldset[disabled] .btn-light-grey:active,
fieldset[disabled] .btn-light-grey:focus,
fieldset[disabled] .btn-light-grey:hover {
   background-color: #999;
   border-color: #999;
   color: #fff
}

.btn-bricky {
   background-color: #c83a2a;
   border-color: #b33426;
   color: #fff
}

.btn-bricky.active,
.btn-bricky:active,
.btn-bricky:focus,
.btn-bricky:hover {
   background-color: #b33426;
   border-color: #9e2e21;
   color: #fff
}

.btn-bricky.disabled.active,
.btn-bricky.disabled:active,
.btn-bricky.disabled:focus,
.btn-bricky.disabled:hover,
.btn-bricky[disabled].active,
.btn-bricky[disabled]:active,
.btn-bricky[disabled]:focus,
.btn-bricky[disabled]:hover,
fieldset[disabled] .btn-bricky.active,
fieldset[disabled] .btn-bricky:active,
fieldset[disabled] .btn-bricky:focus,
fieldset[disabled] .btn-bricky:hover {
   background-color: #c83a2a;
   border-color: #c83a2a;
   color: #fff
}

.btn-green {
   background-color: #3d9400;
   border-color: #327b00;
   color: #fff
}

.btn-green.active,
.btn-green:active,
.btn-green:focus,
.btn-green:hover {
   background-color: #327b00;
   border-color: #286100;
   color: #fff
}

.btn-green.disabled.active,
.btn-green.disabled:active,
.btn-green.disabled:focus,
.btn-green.disabled:hover,
.btn-green[disabled].active,
.btn-green[disabled]:active,
.btn-green[disabled]:focus,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green.active,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:hover {
   background-color: #3d9400;
   border-color: #3d9400;
   color: #fff
}

.btn-blue {
   background-color: #364f6a;
   border-color: #2d4259;
   color: #fff
}

.btn-blue.active,
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover {
   background-color: #2d4259;
   border-color: #253648;
   color: #fff
}

.btn-blue.disabled.active,
.btn-blue.disabled:active,
.btn-blue.disabled:focus,
.btn-blue.disabled:hover,
.btn-blue[disabled].active,
.btn-blue[disabled]:active,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue.active,
fieldset[disabled] .btn-blue:active,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:hover {
   background-color: #364f6a;
   border-color: #364f6a;
   color: #fff
}

.btn-yellow {
   background-color: #ffb848;
   border-color: #ffae2f;
   color: #fff
}

.btn-yellow.active,
.btn-yellow:active,
.btn-yellow:focus,
.btn-yellow:hover {
   background-color: #ffae2f;
   border-color: #ffa415;
   color: #fff
}

.btn-yellow.disabled.active,
.btn-yellow.disabled:active,
.btn-yellow.disabled:focus,
.btn-yellow.disabled:hover,
.btn-yellow[disabled].active,
.btn-yellow[disabled]:active,
.btn-yellow[disabled]:focus,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow.active,
fieldset[disabled] .btn-yellow:active,
fieldset[disabled] .btn-yellow:focus,
fieldset[disabled] .btn-yellow:hover {
   background-color: #ffb848;
   border-color: #ffb848;
   color: #fff
}

.btn-red {
   background-color: #e02222;
   border-color: #cc1d1d;
   color: #fff
}

.btn-red.active,
.btn-red:active,
.btn-red:focus,
.btn-red:hover {
   background-color: #cc1d1d;
   border-color: #b61919;
   color: #fff
}

.btn-red.disabled.active,
.btn-red.disabled:active,
.btn-red.disabled:focus,
.btn-red.disabled:hover,
.btn-red[disabled].active,
.btn-red[disabled]:active,
.btn-red[disabled]:focus,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red.active,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:hover {
   background-color: #e02222;
   border-color: #e02222;
   color: #fff
}

.btn-beige .caret,
.btn-blue .caret,
.btn-bricky .caret,
.btn-dark-beige .caret,
.btn-dark-grey .caret,
.btn-green .caret,
.btn-light-grey .caret,
.btn-med-grey .caret,
.btn-orange .caret,
.btn-purple .caret,
.btn-red .caret,
.btn-teal .caret,
.btn-yellow .caret {
   border-top-color: #fff
}

.dropup .btn-beige .caret,
.dropup .btn-blue .caret,
.dropup .btn-bricky .caret,
.dropup .btn-dark-beige .caret,
.dropup .btn-dark-grey .caret,
.dropup .btn-green .caret,
.dropup .btn-light-grey .caret,
.dropup .btn-med-grey .caret,
.dropup .btn-orange .caret,
.dropup .btn-purple .caret,
.dropup .btn-red .caret,
.dropup .btn-teal .caret,
.dropup .btn-yellow .caret {
   border-bottom: 4px solid #fff
}

.btn-squared {
   border-radius: 0 !important
}

.btn {
   transition: all .3s ease 0s !important
}

.btn-icon {
   background-color: #efefef;
   background-image: -moz-linear-gradient(center top, #fafafa, #efefef);
   border: 1px solid #ddd;
   border-radius: 2px 2px 2px 2px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
   cursor: pointer;
   height: 80px;
   display: block;
   font-size: 14px;
   margin-bottom: 15px;
   margin-top: 15px;
   padding: 5px 0 0;
   position: relative;
   text-align: center;
   transition: all .3s ease 0s;
   color: #333
}

.btn-icon:hover {
   border-color: #a5a5a5;
   box-shadow: 0 0 3px rgba(0, 0, 0, .25);
   color: #444;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff
}

.btn-icon .badge {
   border-radius: 12px 12px 12px 12px !important;
   border-style: solid;
   border-width: 0;
   box-shadow: none;
   color: #fff !important;
   font-family: 'Open Sans';
   font-size: 11px !important;
   font-weight: 300;
   padding: 3px 7px;
   position: absolute;
   right: -5px;
   text-shadow: none;
   top: -5px
}

.btn-icon [class*=" clip-"],
.btn-icon [class*=" fa-"],
.btn-icon [class^=clip-],
.btn-icon [class^=fa-] {
   clear: both;
   display: block
}

.buttons-widget .btn,
.buttons-widget .make-switch {
   margin-bottom: 5px
}

.buttons-widget .btn-group-vertical .btn {
   margin-bottom: 0
}

#calendar {
   position: relative
}

.fc-event {
   padding: 2px
}

.fc-day-number {
   margin: 2px 2px 0 0
}

.fc-header-title h2 {
   color: #666;
   font-family: sans-serif;
   font-weight: 200;
   letter-spacing: -1px
}

.fc-today .fc-day-number {
   font-weight: 700
}

.fc-state-highlight {
   background: #f5f5f5 !important
}

.fc-button {
   color: #666 !important
}

.fc-state-default {
   background-color: #fff !important;
   background-image: none !important;
   border-color: #666 !important;
   box-shadow: none !important;
   color: #666;
   text-shadow: none !important
}

.fc-state-active,
.fc-state-down {
   box-shadow: none !important;
   outline: 0 none;
   background-color: #569099 !important;
   border-color: #4d8189 !important;
   color: #fff !important
}

.fc-header-left {
   position: absolute !important;
   top: 0;
   left: 0;
   width: 50% !important
}

.fc-header-right {
   position: absolute !important;
   top: 0;
   right: 0;
   width: 50% !important
}

.fc-header-center {
   display: block !important;
   padding-top: 40px !important
}

.event-category {
   color: #fff;
   padding: 5px;
   border-radius: 3px;
   margin: 5px 0
}

.flot-container {
   box-sizing: border-box;
   position: relative;
   height: 450px
}

.flot-placeholder {
   height: 100%;
   font-size: 14px;
   line-height: 1.2em
}

.legend table {
   border-spacing: 5px
}

.flot-container .choices,
.flot-small-container .choices {
   position: absolute;
   width: 135px;
   right: 0;
   top: 0
}

.flot-container.has-choice,
.flot-small-container.has-choice {
   margin-right: 135px
}

.flot-small-container {
   height: 300px
}

.flot-mini-container {
   height: 135px
}

.flot-medium-container {
   height: 360px
}

.easy-pie-chart {
   position: relative;
   text-align: center
}

.easy-pie-chart .number {
   position: relative;
   display: inline-block;
   width: 70px;
   height: 70px;
   text-align: center
}

.easy-pie-chart canvas {
   position: absolute;
   top: 0;
   left: 0
}

.percent {
   display: inline-block;
   line-height: 70px;
   z-index: 2
}

.percent:after {
   content: '%';
   margin-left: .1em;
   font-size: .8em
}

.label-chart {
   color: #333;
   font-size: 16px;
   font-weight: 300;
   display: inline;
   line-height: 1;
   padding: .2em .6em .3em;
   text-align: center;
   vertical-align: baseline;
   white-space: nowrap
}

.clearable {
   background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
   border: 1px solid #999;
   padding: 3px 18px 3px 4px;
   border-radius: 3px;
   transition: background .4s
}

.clearable.x {
   background-position: right 5px center
}

.clearable.onX {
   cursor: pointer
}

.clearable::-ms-clear {
   display: none;
   width: 0;
   height: 0
}

.coming-soon {
   text-align: center;
   background-color: #fff !important
}

.timer-area {
   background-image: url(../images/bg.png);
   background-color: rgba(0, 0, 0, 0);
   margin-bottom: 4em;
   padding-top: 2em;
   color: #1f2225;
   font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}

.timer-area h1 {
   color: #fff
}

ul#countdown {
   margin: 0;
   padding: 0
}

ul#countdown li {
   display: inline-block;
   background: transparent url(../images/timer-piece.png) no-repeat left top;
   width: 104px;
   margin-bottom: 4em;
   text-align: center
}

ul#countdown li span {
   font-size: 3em;
   font-weight: 700;
   color: #1f2225;
   height: 108px;
   line-height: 108px;
   position: relative
}

ul#countdown li span:before {
   content: '';
   width: 100%;
   height: 1px;
   border-top: 1px solid #fff;
   position: absolute;
   top: 25px
}

ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
   margin-top: 1em;
   color: #909091;
   text-transform: uppercase;
   font-size: .875em
}

.coming-soon #disclaimer {
   display: block
}

.coming-soon #disclaimer p {
   color: #909091;
   font-size: .875em;
   font-style: italic
}

.coming-soon #disclaimer p span {
   color: #2a9ccc;
   font-size: 1.2em
}

body.error-full-page {
   background: #fff !important
}

body.error-full-page .page-error {
   margin-top: 60px
}

.page-error {
   text-align: center
}

.page-error .error-number {
   display: block;
   font-size: 158px;
   font-weight: 300;
   letter-spacing: -10px;
   line-height: 128px;
   margin-top: 0;
   text-align: center
}

.page-error .error-details {
   display: block;
   padding-top: 0;
   text-align: center
}

.page-error .error-details .btn-return {
   margin: 10px 0
}

.page-error .error-details h3 {
   margin-top: 0
}

body.error-full-page {
   overflow: hidden
}

.error-full-page img {
   display: none
}

.error-full-page #canvas {
   position: absolute;
   top: 0;
   left: 0
}

.error-full-page #sound {
   position: absolute;
   width: 30%;
   height: 30%;
   overflow-y: auto;
   margin-left: 35%;
   -moz-border-radius: 15px;
   border-radius: 15px;
   opacity: .3;
   margin-top: 5%
}

.error-full-page .video {
   position: absolute;
   width: 90%;
   height: 80%;
   margin-left: 5%;
   margin-top: 5%
}

.fbox {
   width: 100%;
   height: 100%;
   border: 1px solid #555;
   font: 14px Arial;
   display: -webkit-flex;
   display: flex
}

.fbox>.col {
   -moz-transition: width .2s ease-out;
   -o-transition: width .2s ease-out;
   -webkit-transition: width .2s ease-out;
   transition: width .2s ease-out
}

.fbox>.col:last-child {
   background: #eee;
   flex-grow: 1
}

.fbox>.col {
   min-width: 100px;
   flex-shrink: 0;
   padding: 10px 10px;
   border: solid 1px #ccc
}

.fbox>.col.collapse {
   width: 20px
}

.fbox>.col.resizable {
   resize: horizontal;
   overflow: hidden
}

.filter-hoz-box {
   background: #fff;
   border: solid 1px #aaa;
   padding: 5px;
   margin: -10px -15px 15px
}

.filter-hoz-box .search-item label {
   margin: 0
}

.filter-hoz-box .search-item {
   width: auto;
   display: inline-block;
   float: left;
   padding: 4px
}

.filter-hoz-box .search-item.tag {
   background: #add8e6;
   margin-right: 3px;
   line-height: 1em
}

.filter-hoz-box .field {
   border: none;
   background: 0 0;
   color: #00f;
   display: inline-block;
   width: auto;
   text-decoration: underline;
   white-space: nowrap;
   padding-left: 0
}

.filter-hoz-box .search-item .select2-container--default .select2-selection--single {
   background-color: transparent;
   border: 1px transparent;
   color: #00f !important;
   display: inline-block;
   width: auto;
   text-decoration: underline;
   white-space: nowrap;
   padding-left: 0
}

.filter-hoz-box .field:focus,
.filter-hoz-box .select2-container--default.select2-container--open .select2-selection--single {
   border: 1px solid #ccc;
   color: #000;
   background: #fff;
   text-decoration: none
}

.footer {
   font-size: 12px;
   padding: 8px 20px 5px;
   position: relative
}

.footer-inner {
   float: left
}

.footer-items {
   float: right
}

.footer-fixed .footer {
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
   z-index: 1000;
   border-top-width: 1px;
   border-top-style: solid
}

@charset "UTF-8";

select.form-control {
   height: 30px !important;
   line-height: 1.2 !important;
   font-size: 12px;
   padding: 2px 4px
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
   background-color: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 0 !important;
   color: #000;
   font-family: inherit;
   font-size: 12px;
   line-height: 1.2 !important;
   padding: 2px 4px;
   height: 30px;
   transition-duration: .1s;
   box-shadow: none
}

input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
textarea:hover {
   border-color: #b5b5b5
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
   border-color: rgba(82, 168, 236, .8);
   box-shadow: 0 0 8px rgba(82, 168, 236, .6);
   outline: 0 none
}

label {
   font-weight: 400
}

span.input-help,
span.input-icon {
   display: block;
   position: relative
}

.input-icon>input,
.input-icon>textarea {
   padding-left: 25px;
   padding-right: 6px
}

.input-icon.input-icon-right>input,
.input-icon.input-icon-right>textarea {
   padding-left: 6px;
   padding-right: 25px
}

span.input-help>input {
   padding-left: 30px;
   padding-right: 6px
}

.input-icon>[class*=fa-] {
   bottom: 0;
   color: #909090;
   display: inline-block;
   font-size: 14px;
   left: 5px;
   line-height: 35px;
   padding: 0 3px;
   position: absolute;
   top: 0;
   z-index: 2
}

.input-icon.input-icon-right>[class*=clip-],
.input-icon.input-icon-right>[class*=fa-] {
   left: auto;
   right: 4px
}

.input-icon>input:focus+[class*=clip-],
.input-icon>input:focus+[class*=fa-] {
   color: #579
}

.help-button {
   background-color: #65bcda;
   border-radius: 100% 100% 100% 100%;
   color: #fff;
   cursor: default;
   position: absolute;
   font-size: 14px;
   font-weight: 700;
   height: 20px;
   padding: 0;
   text-align: center;
   width: 20px;
   line-height: 20px;
   top: 7px;
   left: 7px
}

.help-button:before {
   content: "\f128";
   display: inline;
   font-family: FontAwesome;
   font-weight: 300;
   height: auto;
   text-shadow: none;
   font-style: normal
}

select.form-control {
   background-color: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 0;
   color: #000
}

select.form-control option {
   padding: 3px 4px
}

.select2-container .select2-choice {
   background-clip: padding-box !important;
   background-color: #fff !important;
   background-image: none !important;
   background-repeat: no-repeat !important;
   border: 1px solid #ccc !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   color: #555 !important;
   display: block !important;
   height: 34px !important;
   line-height: 29px !important;
   margin-top: 3px !important;
   overflow: hidden !important;
   padding: 0 12px 0 8px !important;
   position: relative !important;
   text-decoration: none !important;
   white-space: nowrap !important
}

.select2-container .select2-choice .select2-arrow {
   background-image: none !important;
   background-color: #fff !important;
   width: 28px !important;
   text-align: center
}

.select2-container .select2-choice .select2-arrow b {
   background: 0 0 !important;
   display: block;
   height: 100%;
   width: 100%
}

.select2-container .select2-choice .select2-arrow b:before {
   content: "\f078";
   display: inline;
   font-family: FontAwesome;
   font-weight: 300;
   height: auto;
   text-shadow: none
}

.select2-dropdown-open.select2-container-active .select2-choice .select2-arrow b:before {
   content: "\f077"
}

.select2-container-multi .select2-choices {
   background-image: none !important;
   background-color: #fff !important
}

.limiterBox {
   border-top: 0;
   background-color: #65bcda !important;
   padding: 3px 6px;
   font-size: 12px;
   color: #fff;
   margin-top: 6px
}

.limiterBox:after {
   display: none
}

.limiterBox:before {
   display: block;
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   top: -8px;
   left: 50%;
   margin-left: -5px;
   border-color: transparent;
   border-style: solid;
   border-bottom-color: #65bcda;
   border-width: 0 8px 8px
}

textarea.autosize {
   vertical-align: top;
   transition: height .2s;
   -webkit-transition: height .2s;
   -moz-transition: height .2s
}

.checkbox label.checkbox-inline,
.radio label.radio-inline {
   display: inline-block
}

.checkbox-inline.col-xs-3,
.radio-inline.col-xs-3 {
   width: 23%
}

.checkbox-inline.col-xs-4,
.radio-inline.col-xs-4 {
   width: 31%
}

.checkbox-inline,
.checkbox-inline+.checkbox-inline,
.radio-inline,
.radio-inline+.radio-inline {
   margin-right: 10px !important;
   margin-top: 5px !important;
   margin-left: 0 !important;
   margin-bottom: 10px !important;
   padding-bottom: 2px;
   padding-right: 3px
}

.checkbox label,
.radio label {
   margin-bottom: 5px
}

.checkbox-table {
   display: inline-block;
   margin: 2px 0 0 0;
   padding-left: 20px;
   line-height: 10px
}

.checkbox-table label {
   margin-bottom: 0
}

[class*=icheckbox_],
[class*=iradio_],
[class^=icheckbox_],
[class^=iradio_] {
   float: left !important;
   margin: 0 5px 0 -20px !important
}

.help-inline {
   margin-top: 6px;
   color: #737373
}

.help-block.error {
   color: #b94a48
}

.symbol.required:before {
   content: "*";
   display: inline;
   color: #e6674a
}

.symbol.ok:before {
   content: "\f00c";
   display: inline;
   font-family: FontAwesome;
   color: #468847
}

.has-error .cke_chrome,
.has-error .note-editor {
   border-color: #b94a48 !important
}

.form-group .text {
   display: block;
   font-size: 14px;
   font-weight: 400;
   margin-top: 7px
}

#inline-container [contenteditable=true] {
   padding: 10px
}

#inline-container {
   border: 1px solid #ccc;
   margin: 30px auto 0;
   padding: 10px
}

#inline-container hr {
   background-color: #05b2d2;
   height: 5px;
   color: #05b2d2;
   border: 0
}

#inline-header {
   overflow: hidden;
   padding: 0 0 30px;
   position: relative
}

#inline-headerLeft {
   padding-top: 10px
}

#inline-headerLeft h2,
#inline-headerLeft h3 {
   font-weight: 400;
   margin: 0;
   overflow: hidden;
   text-align: center
}

#inline-headerLeft h2 {
   font-family: "Arial Black", arial-black;
   font-size: 52px;
   line-height: 1.1em;
   text-transform: uppercase
}

#inline-headerLeft h3 {
   color: #666;
   font-size: 24px;
   line-height: 1.1em;
   margin: .2em 0 0
}

#inline-headerRight p {
   margin: 0;
   text-align: justify
}

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

#inline-headerRight div {
   color: #666;
   font-size: 16px
}

#inline-columns {
   color: #333;
   overflow: hidden;
   padding-top: 20px
}

#inline-columns blockquote {
   font-family: "Times New Roman", Times, Georgia, serif;
   font-size: 2em;
   font-style: italic;
   margin: 30px 40px;
   position: relative;
   border: none
}

#inline-columns blockquote:before {
   color: #666;
   content: "“";
   font-size: 60px;
   left: -40px;
   line-height: 60px;
   position: absolute;
   text-align: center;
   width: 35px;
   clear: both;
   display: block;
   font-family: "Times New Roman", Times, Georgia, serif;
   font-weight: 700;
   position: absolute;
   text-align: center
}

#inline-tagLine {
   border-top: 5px solid #05b2d2;
   padding-top: 20px
}

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

.crop-image form {
   margin: 1.5em 0
}

.jcrop-holder #preview-pane {
   display: block;
   position: absolute;
   z-index: 1000;
   top: 10px;
   right: -280px;
   padding: 6px;
   border: 1px rgba(0, 0, 0, .4) solid;
   background-color: #fff;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2);
   -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2);
   box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2)
}

#preview-pane .preview-container {
   width: 250px;
   height: 170px;
   overflow: hidden
}

.bootstrap-timepicker-widget table td input {
   width: 32px !important
}

.bootstrap-timepicker .add-on i {
   height: auto !important;
   width: auto !important
}

.fileupload .uneditable-input {
   white-space: nowrap
}

.fileupload-new .input-group .btn-file {
   -webkit-border-radius: 0 3px 3px 0 !important;
   -moz-border-radius: 0 3px 3px 0 !important;
   border-radius: 0 3px 3px 0 !important
}

.swMain>ul {
   display: table;
   list-style: none;
   margin: 0 0 20px 0;
   padding: 0;
   position: relative;
   width: 100%
}

.swMain>ul li {
   display: table-cell;
   text-align: center;
   width: 1%
}

.swMain>ul li>a:before {
   border-top: 4px solid #ced1d6;
   content: "";
   display: block;
   font-size: 0;
   height: 1px;
   overflow: hidden;
   position: relative;
   top: 21px;
   width: 100%;
   z-index: 1
}

.swMain>ul li:first-child>a:before {
   left: 50%;
   max-width: 51%
}

.swMain>ul li:last-child>a:before {
   max-width: 50%;
   width: 50%
}

.swMain li>a.done:before,
.swMain>ul li>a.selected:before {
   border-color: #5293c4
}

.swMain>ul .stepNumber {
   background-color: #fff;
   border: 5px solid #ced1d6;
   border-radius: 100% 100% 100% 100%;
   color: #546474;
   display: inline-block;
   font-size: 15px;
   height: 40px;
   line-height: 30px;
   position: relative;
   text-align: center;
   width: 40px;
   z-index: 2
}

.swMain>ul li>a.selected .stepNumber {
   border-color: #5293c4
}

.swMain ul li>a.done .stepNumber {
   border-color: #5293c4;
   background-color: #5293c4;
   color: #fff;
   text-indent: -9999px
}

.swMain ul li>a.done .stepNumber:before {
   content: "\f00c";
   display: inline;
   float: right;
   font-family: FontAwesome;
   font-weight: 300;
   height: auto;
   text-shadow: none;
   margin-right: 7px;
   text-indent: 0
}

.swMain ul li>a.done.wait .stepNumber {
   background-color: #f6f6f6 !important;
   color: #ccc !important;
   text-indent: 0 !important
}

.swMain ul li>a.done.wait .stepNumber:before {
   content: "" !important
}

.swMain>ul li .stepDesc {
   color: #949ea7;
   display: block;
   font-size: 14px;
   margin-top: 4px;
   max-width: 100%;
   table-layout: fixed;
   text-align: center;
   word-wrap: break-word;
   z-index: 104
}

.swMain li>a.done .stepDesc,
.swMain>ul li>a.selected .stepDesc {
   color: #2b3d53
}

.swMain>ul li>a:hover {
   text-decoration: none
}

.swMain>ul li>a.disabled {
   cursor: default
}

.swMain .progress {
   margin-bottom: 30px
}

.swMain .stepContainer {
   height: auto !important
}

.swMain .loader {
   display: none
}

.swMain [class*=" button"],
.swMain [class^=button] {
   display: none
}

.swMain .close {
   display: none
}

.dropdown-checkboxes {
   padding: 5px
}

.dropdown-checkboxes label {
   display: block;
   font-weight: 400;
   line-height: 20px
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
   background-color: #f5f5f5 !important
}

.form-horizontal .control-data {
   margin-top: 4px;
   margin-bottom: 0;
   text-align: left;
   border-bottom: dotted 1px #ccc;
   padding: 3px !important
}

.gallery-img {
   margin-bottom: 20px
}

.wrap-image {
   position: relative;
   width: 100%;
   overflow: hidden
}

#cboxLoadedContent {
   background: #fff !important
}

.wrap-image>.chkbox {
   width: 18px;
   height: 18px;
   position: absolute;
   top: 5px;
   right: 5px;
   background: #fff;
   text-align: center;
   display: none;
   cursor: pointer;
   border: 1px solid #ddd
}

.wrap-image>.chkbox:hover {
   border-color: rgba(82, 168, 236, .8);
   box-shadow: 0 0 12px rgba(82, 168, 236, .6);
   outline: 0 none
}

.wrap-image.selected>.chkbox {
   display: block
}

.wrap-image:hover>.chkbox {
   display: block
}

.wrap-image.selected>.chkbox:before {
   content: "\e0df";
   font-family: fontawesome;
   height: 14px;
   left: 1px;
   position: absolute;
   top: -2px;
   width: 14px
}

.wrap-image>.tools {
   background-color: rgba(0, 0, 0, .55);
   bottom: 0;
   left: -30px;
   position: absolute;
   text-align: center;
   top: 0;
   transition: all .2s ease 0s;
   vertical-align: middle;
   width: 24px
}

.wrap-image>.tools a:focus,
.wrap-image>.tools a:hover {
   text-decoration: none
}

.wrap-image>.tools.tools-bottom {
   bottom: -30px;
   height: 28px;
   left: 0;
   right: 0;
   top: auto;
   width: auto
}

.wrap-image:hover>.tools {
   left: 0
}

.wrap-image:hover>.tools.tools-bottom {
   bottom: 0;
   top: auto
}

.wrap-image:hover>.tools.tools-top {
   bottom: auto;
   top: 0
}

.wrap-image:hover>.tools.tools-right {
   left: auto;
   right: 0
}

.wrap-image>.tools>a,
.wrap-image>:first-child .inner a {
   color: #fff;
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   padding: 4px
}

.wrap-image>.tools>a:hover,
.wrap-image>:first-child .inner a:hover {
   color: #c9e2ea;
   text-decoration: none
}

.wrap-image .tools.tools-bottom>a,
.wrap-image .tools.tools-top>a {
   display: inline-block
}

#global_shortcut {
   position: absolute;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100%;
   background: rgba(42, 146, 185, .9);
   z-index: 9999;
   display: none;
   color: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 10px
}

#global_shortcut ul {
   list-style: none;
   padding: 0;
   margin: 0;
   box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
   -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
   border-bottom: 1px solid #423f3f
}

#global_shortcut ul li {
   display: inline-block;
   width: auto
}

#global_shortcut ul li .metro-tile {
   margin: 0 3px 3px;
   border: none;
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0
}

#global_shortcut ul li .metro-tile:hover {
   color: #fff;
   text-decoration: none
}

#global_shortcut ul li .metro-tile:active,
#global_shortcut ul li .metro-tile:focus {
   left: 0;
   top: 0
}

#global_shortcut .shortcut-on #response-btn {
   display: none !important
}

#global_shortcut .shortcut-on #left-bar .navbar,
#global_shortcut .shortcut-on #main .navbar {
   border: none !important
}

#global_shortcut .metro-tile {
   float: left;
   display: block;
   background-color: #fff;
   width: 70px;
   height: 70px;
   cursor: pointer;
   box-shadow: inset 0 0 1px #ffc;
   border: 1px dotted #c5c5c5;
   text-decoration: none;
   font-weight: 300;
   font-smooth: always;
   margin: 0 10px 20px 0;
   padding: 5px;
   position: relative
}

#global_shortcut .metro-tile a {
   color: #fff;
   display: block;
   width: 100%;
   height: 100%
}

#global_shortcut .metro-tile .iconbox {
   display: inline-block;
   position: absolute;
   bottom: 3px;
   left: 3px
}

#global_shortcut .metro-tile .iconbox:hover {
   z-index: 10;
   -webkit-transform: scale(1.07);
   -moz-transform: scale(1.07)
}

#global_shortcut .metro-tile .title {
   white-space: nowrap
}

#global_shortcut .metro-tile.big {
   width: 120px;
   height: 120px
}

#global_shortcut .metro-tile.big .iconbox i {
   font-size: 4em
}

#global_shortcut .metro-tile.small {
   width: 35px;
   height: 35px
}

#global_shortcut .metro-tile.small a {
   bottom: 5px;
   left: 7px
}

#global_shortcut .metro-tile.small .title {
   display: none
}

#global_shortcut .metro-tile.small:hover .title {
   display: block;
   position: absolute;
   top: 105%;
   left: 0
}

#global_shortcut .metro-tile.small:hover .iconbox {
   text-align: center
}

#global_shortcut .metro-tile.double {
   width: 249px
}

#global_shortcut .metro-tile:active {
   top: 1px;
   left: 1px
}

#global_shortcut .metro-tile.right {
   float: right
}

#global_shortcut .metro-tile.right .title {
   right: 0
}

#global_shortcut .metro-tile .iconbox {
   text-align: center
}

#global_shortcut .metro-tile .iconbox i {
   display: block;
   margin: auto auto 0;
   height: auto;
   font-size: 2em
}

#global_shortcut .metro-tile .notice {
   position: absolute;
   right: -3px;
   bottom: -3px;
   border-radius: 50%;
   padding: 5px;
   border: 1px solid #fff
}

#global_shortcut .clear {
   clear: both
}

.daterangepicker {
   margin-top: 51px !important
}

body.header-default .daterangepicker {
   margin-top: 1px !important
}

.field-sorting {
   cursor: pointer
}

.desc:after {
   content: "\25BC";
   color: #40f
}

.asc:after {
   content: "\25B2";
   color: #40f
}

.gcrud-search-field {
   color: #00009e !important;
   font-weight: 400 !important
}

[class*=" icon-"],
[class^=icon-] {
   font-family: FontAwesome;
   font-weight: 400;
   font-style: normal;
   text-decoration: inherit;
   -webkit-font-smoothing: antialiased
}

[class*=" icon-"]:before,
[class^=icon-]:before {
   text-decoration: inherit;
   display: inline-block;
   speak: none
}

a [class*=" icon-"],
a [class^=icon-] {
   display: inline
}

.icon-magic:before {
   content: "\f0d0"
}

.icon-bold:before {
   content: "\f032"
}

.icon-italic:before {
   content: "\f033"
}

.icon-underline:before {
   content: "\f0cd"
}

.icon-eraser:before {
   content: "\f12d"
}

.icon-font:before {
   content: "\f031"
}

.icon-list-ul:before {
   content: "\f0ca"
}

.icon-list-ol:before {
   content: "\f0cb"
}

.icon-align-left:before {
   content: "\f036"
}

.icon-text-height:before {
   content: "\f034"
}

.icon-table:before {
   content: "\f0ce"
}

.icon-link:before {
   content: "\f0c1"
}

.icon-picture:before {
   content: "\f03e"
}

.icon-fullscreen:before {
   content: "\f0b2"
}

.icon-question:before {
   content: "\f128"
}

.icon-chevron-up:before {
   content: "\f077"
}

.icon-chevron-down:before {
   content: "\f078"
}

.icon-arrow-left:before {
   content: "\f060"
}

.icon-arrow-right:before {
   content: "\f061"
}

.icon-wrench:before {
   content: "\f0ad"
}

.icon-refresh:before {
   content: "\f021"
}

.icon-remove:before {
   content: "\f00d"
}

.icon-resize-full:before {
   content: "\f065"
}

.icon-check-empty:before {
   content: "\f096"
}

.icon-check:before {
   content: "\f046"
}

.icon-ok:before {
   content: "\f00c"
}

.icon-external-link-sign:before {
   content: "\f14c"
}

.icon-double-angle-left:before {
   content: "\f100"
}

.icon-double-angle-right:before {
   content: "\f101"
}

.social-icons li a,
a.social-icon {
   background-position: 0 0;
   background-repeat: no-repeat;
   display: block;
   height: 28px;
   transition: all .3s ease-in-out 0s;
   width: 28px
}

.icons>section {
   margin-top: 20px
}

.the-icons li {
   line-height: 40px
}

.the-icons li i {
   transition: font-size .2s ease 0s
}

.the-icons li:hover i {
   font-size: 26px
}

.invoice {
   margin-bottom: 20px
}

.invoice .invoice-logo {
   margin-bottom: 20px
}

.invoice table {
   margin: 30px 0
}

.invoice .invoice-logo p {
   font-size: 26px;
   line-height: 28px;
   padding: 25px 0;
   text-align: right
}

.invoice .invoice-logo p span {
   display: block;
   font-size: 14px
}

.invoice h4 {
   font-family: sans-serif;
   font-weight: 300 !important
}

.invoice-details {
   padding-top: 30px
}

.invoice .invoice-block {
   text-align: right
}

.invoice .invoice-block .amounts {
   font-size: 14px;
   margin-top: 20px
}

.badge-success {
   background-color: #5cb85c
}

.badge-success[href]:focus,
.badge-success[href]:hover {
   background-color: #449d44
}

.badge-warning {
   background-color: #f0ad4e
}

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

.badge-info {
   background-color: #5bc0de
}

.badge-info[href]:focus,
.badge-info[href]:hover {
   background-color: #31b0d5
}

.badge-danger {
   background-color: #d9534f
}

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

.badge-new {
   background-color: #007aff;
   border-radius: 12px 12px 12px 12px !important;
   font-size: 11px !important;
   font-weight: 300;
   height: 18px;
   padding: 3px 6px;
   text-align: center;
   text-shadow: none !important;
   vertical-align: middle
}

.label {
   font-size: 85% !important;
   padding: .4em .6em !important
}

.badge-inverse,
.label-inverse {
   background-color: #555
}

.badge-default,
.label-default {
   background-color: #3a87ad !important;
   border-color: #3a87ad !important
}

.badge-orange,
.label-orange {
   background-color: #e6674a !important;
   border-color: #e6674a !important
}

.badge-purple,
.label-purple {
   background-color: #57517b !important;
   border-color: #57517b !important
}

.badge-yellow,
.label-yellow {
   background-color: #ffb848 !important;
   border-color: #ffb848 !important
}

.badge-teal,
.label-teal {
   background-color: #569099 !important;
   border-color: #569099 !important
}

.badge-beige,
.label-beige {
   background-color: #cc9 !important;
   border-color: #cc9 !important
}

.badge-green,
.label-green {
   background-color: #3d9400 !important;
   border-color: #3d9400 !important
}

body.layout-flex.header-fixed {
   display: flex;
   flex-direction: column;
   height: 100vh;
   overflow: hidden !important
}

body.layout-flex.header-fixed .main-container {
   flex-grow: 2;
   overflow: auto;
   margin-top: 0 !important;
   border-left: 1px solid #d9d9d9;
   border-bottom: 1px solid #d9d9d9
}

body.layout-flex.header-fixed .navbar-fixed-top {
   position: inherit
}

body.layout-flex.header-fixed .footer {
   padding: 0 10px !important;
   line-height: 30px
}

body.layout-flex.header-fixed .footer .go-top {
   margin-top: 0
}

body.layout-flex.header-fixed .toolbar-box {
   position: absolute;
   right: 0;
   top: 0;
   padding: 0
}

body.layout-flex.header-fixed .navbar-tools>ul>li>a {
   padding: 10px 15px 5px;
   font-size: 16px;
   line-height: 26px
}

body.layout-flex.header-fixed .navbar-tools>ul>li>a li.dropdown.current-user .dropdown-toggle {
   padding: 6px 4px 5px 5px
}

#loading {
   background-color: #000;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 9999;
   margin-top: 0;
   top: 0;
   opacity: .3
}

#loading-center {
   width: 100%;
   height: 100%;
   position: relative
}

#loading-center-absolute {
   position: absolute;
   left: 50%;
   top: 50%;
   height: 60px;
   width: 60px;
   margin-top: -30px;
   margin-left: -30px;
   -webkit-animation: loading-center-absolute 1s infinite;
   animation: loading-center-absolute 1s infinite
}

.object {
   width: 20px;
   height: 20px;
   background-color: #fff;
   float: left;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   margin-right: 20px;
   margin-bottom: 20px
}

.object:nth-child(2n+0) {
   margin-right: 0
}

#object_one {
   -webkit-animation: object_one 1s infinite;
   animation: object_one 1s infinite
}

#object_two {
   -webkit-animation: object_two 1s infinite;
   animation: object_two 1s infinite
}

#object_three {
   -webkit-animation: object_three 1s infinite;
   animation: object_three 1s infinite
}

#object_four {
   -webkit-animation: object_four 1s infinite;
   animation: object_four 1s infinite
}

@-webkit-keyframes loading-center-absolute {
   100% {
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes loading-center-absolute {
   100% {
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@-webkit-keyframes object_one {
   50% {
      -ms-transform: translate(20px, 20px);
      -webkit-transform: translate(20px, 20px);
      transform: translate(20px, 20px)
   }
}

@keyframes object_one {
   50% {
      -ms-transform: translate(20px, 20px);
      -webkit-transform: translate(20px, 20px);
      transform: translate(20px, 20px)
   }
}

@-webkit-keyframes object_two {
   50% {
      -ms-transform: translate(-20px, 20px);
      -webkit-transform: translate(-20px, 20px);
      transform: translate(-20px, 20px)
   }
}

@keyframes object_two {
   50% {
      -ms-transform: translate(-20px, 20px);
      -webkit-transform: translate(-20px, 20px);
      transform: translate(-20px, 20px)
   }
}

@-webkit-keyframes object_three {
   50% {
      -ms-transform: translate(20px, -20px);
      -webkit-transform: translate(20px, -20px);
      transform: translate(20px, -20px)
   }
}

@keyframes object_three {
   50% {
      -ms-transform: translate(20px, -20px);
      -webkit-transform: translate(20px, -20px);
      transform: translate(20px, -20px)
   }
}

@-webkit-keyframes object_four {
   50% {
      -ms-transform: translate(-20px, -20px);
      -webkit-transform: translate(-20px, -20px);
      transform: translate(-20px, -20px)
   }
}

@keyframes object_four {
   50% {
      -ms-transform: translate(-20px, -20px);
      -webkit-transform: translate(-20px, -20px);
      transform: translate(-20px, -20px)
   }
}

.main-ls {
   height: 250px;
   left: 50%;
   margin-left: -240px;
   margin-top: -125px;
   position: absolute;
   top: 50%;
   width: 480px
}

body.lock-screen .box-ls {
   background: #fff;
   box-shadow: -30px 30px 50px rgba(0, 0, 0, .32);
   overflow: hidden;
   padding: 15px
}

body.lock-screen .logo {
   padding: 10px 0
}

body.lock-screen .copyright {
   font-size: 11px;
   margin: 0 auto;
   padding: 10px 0
}

body.lock-screen .user-info {
   float: right;
   width: 285px
}

body.lock-screen .user-info h1 {
   color: #666;
   font-family: sans-serif;
   font-size: 30px;
   font-weight: 300;
   line-height: 32px;
   margin-top: 0
}

body.lock-screen .user-info h1 i {
   color: #ccc
}

body.lock-screen .user-info>span {
   color: #666;
   display: block;
   font-size: 12px;
   margin-bottom: 5px
}

body.lock-screen .user-info>span em {
   color: #333
}

body.login {
   color: #7f7f7f
}

body.login.skin-1 {
   background-image: url(/assets/images/bg.png);
   background-color: rgba(0, 0, 0, 0)
}

body.login.skin-2 {
   background-image: url(/assets/images/bg_2.png);
   background-color: rgba(255, 255, 255, 0)
}

body.login.skin-1 .main-container,
body.login.skin-2 .main-container {
   background-color: transparent !important
}

body.login .main-login {
   margin-top: 60px
}

body.login .box-forgot,
body.login .box-login,
body.login .box-register {
   background: #fff;
   border-radius: 5px;
   box-shadow: -30px 30px 50px rgba(0, 0, 0, .32);
   overflow: hidden;
   padding: 15px
}

body.login .box-forgot,
body.login .box-login,
body.login .box-register {
   display: none
}

body.login .form fieldset {
   border: none;
   margin: 0;
   padding: 10px 0 0
}

body.login a.forgot {
   color: #909090;
   font-size: 12px;
   position: absolute;
   right: 10px;
   text-shadow: 1px 1px 1px #fff;
   top: 9px
}

body.login input.password {
   padding-right: 130px
}

body.login label {
   color: #7f7f7f;
   font-size: 14px;
   margin-top: 5px
}

body.login .copyright {
   font-size: 11px;
   margin: 0 auto;
   padding: 10px 10px 0;
   text-align: center
}

body.login .form-actions:after,
body.login .form-actions:before {
   content: "";
   display: table;
   line-height: 0
}

body.login .form-actions:after {
   clear: both
}

body.login .form-actions {
   margin-top: 15px;
   padding-top: 10px;
   display: block
}

body.login .new-account {
   border-top: 1px dotted #eee;
   margin-top: 15px;
   padding-top: 10px;
   display: block
}

.horizontal-menu {
   clear: both;
   border-top: 1px solid #c8c7cc !important;
   margin-left: -15px !important;
   margin-right: -15px !important;
   padding: 0 15px !important;
   background: #fff
}

.horizontal-menu ul.nav li.open>a,
.horizontal-menu ul.nav li>a:focus,
.horizontal-menu ul.nav li>a:hover {
   background: #f5f5f5 !important;
   color: #555 !important
}

.horizontal-menu .dropdown-menu li:hover>a,
.horizontal-menu ul.nav li.active>a,
.horizontal-menu ul.nav li.active>a:hover {
   background: #007aff !important;
   color: #fff !important
}

.horizontal-menu ul.nav li.active .selected,
.horizontal-menu ul.nav li.current .selected {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #007aff;
   bottom: 0;
   display: inline-block;
   height: 0;
   left: 50%;
   margin: 0 0 -6px -7px;
   position: absolute;
   width: 0
}

.horizontal-menu .dropdown-menu {
   box-shadow: none;
   margin-top: -1px !important;
   border-radius: 0
}

.horizontal-menu .dropdown-submenu>.dropdown-menu {
   top: 0
}

.horizontal-menu .dropdown-submenu>a:after {
   margin-right: 0;
   top: 8px
}

.horizontal-menu .dropdown-menu li>a {
   margin-bottom: 1px;
   padding: 7px 18px !important
}

.horizontal-menu .dropdown-menu .arrow {
   display: none
}

.horizontal-menu .dropdown-submenu>.dropdown-menu {
   top: 0
}

.horizontal-menu .dropdown-submenu>a:after {
   margin-right: 0;
   top: 8px
}

.horizontal-menu ul.nav li {
   position: relative
}

.horizontal-menu .dropdown-submenu>a:after {
   content: "\f105";
   display: inline-block;
   font-family: FontAwesome;
   font-size: 14px;
   font-weight: 300;
   height: auto;
   position: absolute;
   right: 10px;
   top: 7px
}

.horizontal-menu .dropdown-submenu>.dropdown-menu {
   left: 100%;
   margin-left: 0;
   margin-top: -6px;
   top: 5px
}

.horizontal-menu .dropdown-submenu:hover>.dropdown-menu {
   display: block
}

.horizontal-menu .dropup .dropdown-submenu>.dropdown-menu {
   bottom: 0;
   margin-bottom: -2px;
   margin-top: 0;
   top: auto
}

.navbar {
   margin: 0 !important;
   padding: 0 !important;
   min-height: 42px;
   border-radius: 0;
   border-right: none;
   border-left: none;
   border-top: none;
   background: 0 0;
   border-color: #fff
}

.header-default .navbar {
   position: relative !important
}

.logo,
.navbar>.container .navbar-brand {
   padding: 0 0 12px;
   margin-left: 0;
   font-family: sans-serif;
   font-size: 25px;
   min-width: 210px
}

.logo i,
.navbar>.container .navbar-brand i {
   font-size: 20px
}

.navbar-tools>ul {
   list-style: none
}

.navbar-tools>ul>li>a {
   padding: 15px 15px 9px;
   font-size: 16px;
   line-height: 26px
}

.navbar-tools li.view-all a {
   padding: 8px 8px 6px !important
}

.navbar-tools>ul>li {
   float: left
}

.navbar-tools .dropdown-menu {
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #c7cbd5;
   border-radius: 0 0 4px 4px;
   box-shadow: none;
   list-style: none outside none;
   margin: 0;
   max-width: 300px;
   min-width: 166px;
   padding: 0;
   position: absolute;
   text-shadow: none;
   top: 100%;
   z-index: 1000
}

.navbar-tools .drop-down-wrapper {
   height: 250px;
   width: 270px;
   overflow: hidden;
   position: relative
}

.navbar-tools .drop-down-wrapper ul {
   list-style: none;
   margin: 0;
   padding: 0
}

ul.notifications li,
ul.posts li,
ul.todo li {
   min-width: 260px
}

.navbar-tools>ul>li.dropdown {
   margin-left: 2px;
   margin-right: 2px
}

.navbar-tools .drop-down-wrapper li a:focus,
.navbar-tools .drop-down-wrapper li a:hover,
.navbar-tools .dropdown-menu>li>a:focus,
.navbar-tools .dropdown-menu>li>a:hover,
.navbar-tools .dropdown-submenu:focus>a,
.navbar-tools .dropdown-submenu:hover>a {
   background-color: #f4f6f9 !important;
   background-image: none;
   filter: none;
   color: #000;
   text-decoration: none
}

.drop-down-wrapper ul>li:last-child a {
   border-bottom: none
}

.navbar-tools .dropdown-menu li .dropdown-menu-title {
   display: block;
   font-weight: 700;
   margin: -1px;
   padding: 5px 10px
}

.navbar-tools .drop-down-wrapper li a,
.navbar-tools .drop-down-wrapper li p,
.navbar-tools .dropdown-menu li a,
.navbar-tools .dropdown-menu li p {
   color: #333;
   font-size: 12px;
   font-weight: 300;
   margin: 0;
   padding: 8px 8px 6px;
   border-bottom: 1px solid rgba(100, 100, 100, .22);
   white-space: normal !important;
   display: block
}

.navbar-tools .dropdown-menu>li:last-child a {
   border-bottom: none !important;
   border-radius: 0 0 6px 6px
}

li.dropdown.current-user .dropdown-toggle {
   padding: 10px 4px 7px 9px
}

li.dropdown.current-user .dropdown-menu li a {
   border-bottom: none !important
}

.navbar-tools .dropdown-menu li p {
   font-weight: 700
}

.navbar-tools .dropdown-menu li a .author {
   color: #0362fd;
   display: block
}

.navbar-tools .dropdown-menu li a .preview {
   display: block
}

.navbar-tools .dropdown-menu li a .time {
   font-size: 12px;
   font-style: italic;
   font-weight: 600;
   display: block;
   float: right
}

.navbar-tools .dropdown-menu li.view-all a i {
   float: right;
   margin-top: 4px
}

.navbar-tools .dropdown-menu.notifications li>a>.label {
   margin-right: 2px;
   padding: 2px 4px;
   text-align: center !important
}

.navbar-tools .thread-image {
   margin-right: 8px;
   float: left;
   height: 50px;
   width: 50px
}

.navbar-tools>ul>li.dropdown .dropdown-toggle .badge {
   border-radius: 12px 12px 12px 12px !important;
   font-size: 11px !important;
   font-weight: 300;
   padding: 3px 6px;
   position: absolute;
   right: 24px;
   text-align: center;
   text-shadow: none !important;
   top: 8px
}

.navbar-toggle {
   border: none;
   border-radius: 0;
   margin-top: 5px;
   margin-bottom: 4px
}

.navbar-toggle span {
   font-size: 16px
}

.dropdown-menu li hr {
   margin: 10px
}

.main-navigation {
   padding: 0;
   max-height: none !important;
   z-index: 1000
}

ul.main-navigation-menu {
   list-style: none;
   margin: 0;
   padding: 0
}

.sidebar-fixed .wrap-menu {
   overflow: hidden;
   position: fixed;
   width: 225px;
   height: 300px
}

ul.main-navigation-menu>li {
   border: 0 none;
   display: block;
   margin: 0;
   padding: 0
}

ul.main-navigation-menu>li>a {
   border: 0 none;
   display: block;
   font-size: 14px;
   font-weight: 300;
   margin: 0;
   padding: 10px 15px;
   position: relative;
   text-decoration: none;
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #fff
}

ul.main-navigation-menu li a .badge {
   float: right;
   margin-right: 13px;
   margin-top: 1px
}

ul.main-navigation-menu>li.last>a,
ul.main-navigation-menu>li:last-child>a {
   border-bottom-color: transparent !important
}

ul.main-navigation-menu>li>a i {
   font-size: 16px;
   margin-right: 5px;
   text-shadow: none;
   display: inline-block
}

ul.main-navigation-menu li a .icon-arrow {
   float: right;
   margin-right: 6px
}

ul.main-navigation-menu li>a>.icon-arrow:before {
   content: "\f196";
   font-family: fontawesome
}

ul.main-navigation-menu li.open>a>.icon-arrow:before {
   content: "\f147"
}

ul.main-navigation-menu>li.open>a .icon-arrow,
ul.main-navigation-menu>li>a:hover .icon-arrow {
   opacity: 1
}

ul.main-navigation-menu li>ul.sub-menu {
   clear: both;
   list-style: none;
   margin: 8px 0;
   display: none;
   padding: 0
}

ul.main-navigation-menu li>ul.sub-menu>li {
   background: 0 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   margin-top: 1px !important;
   padding: 0
}

ul.main-navigation-menu li>ul.sub-menu>li>a {
   background: 0 0;
   display: block;
   font-size: 14px;
   font-weight: 300;
   margin: 0;
   padding-bottom: 5px;
   padding-left: 30px !important;
   padding-right: 0;
   padding-top: 5px;
   text-decoration: none
}

ul.main-navigation-menu>li>ul.sub-menu li>a .icon-arrow {
   margin-right: 22px
}

ul.main-navigation-menu>li>ul.sub-menu li>ul.sub-menu {
   margin: 0
}

ul.main-navigation-menu li.active>ul.sub-menu {
   display: block;
   padding: 0
}

ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
   padding-left: 50px !important
}

ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
   padding-left: 80px !important
}

.navigation-toggler {
   cursor: pointer;
   height: 20px;
   width: 100%;
   line-height: 20px;
   text-align: center
}

.navigation-full .navigation-toggler {
   margin: 0 0 0 auto
}

.navigation-full .navigation-toggler .fa-arrow-right,
.navigation-small .navigation-toggler .fa-arrow-left {
   display: none !important
}

.navigation-small li.level-1 a {
   position: relative
}

.navigation-small li.level-1 span.badge.badge-new {
   position: absolute;
   top: 0;
   right: -20px
}

.navigation-top .float-on-scroll {
   min-height: 60px !important
}

.navigation-top .searchbox-show .filter-box {
   padding: 5px;
   margin-left: -10px
}

.navigation-top .flexigrid {
   overflow: visible !important
}

.navigation-top #main-table-box {
   background-color: #fff;
   margin: -10px -15px -10px;
   padding: 10px
}

.navigation-top #main-panel {
   padding: 10px;
   margin: -10px -15px -10px -15px
}

.navigation-top .searchbox-show #main-panel {
   padding: 10px;
   padding-left: 265px !important;
   margin: -10px -15px -10px -15px
}

.navigation-top #main-panel {
   background-color: #fff
}

.navigation-top .main-content {
   margin-left: 0 !important;
   background-color: #f5f5f5
}

nav ul {
   list-style: none !important
}

nav ul.top-menu {
   display: block;
   width: 100%
}

nav ul.top-menu li .badge {
   display: inline;
   position: absolute;
   top: 0;
   right: 0
}

nav {
   position: absolute;
   left: 145px;
   top: 0;
   z-index: 9990
}

nav ul.top-menu>li {
   position: relative;
   height: 50px !important;
   padding: 0 !important;
   display: inline-block;
   float: left;
   border-right: 1px solid #ddd;
   border-left: 1px solid #d8d8d8;
   overflow: visible
}

nav ul.top-menu>li>a {
   display: inline-block;
   height: 50px;
   text-shadow: none !important;
   font-size: 13px;
   text-decoration: none;
   line-height: 18px;
   padding: 5px 0 !important;
   width: 50px
}

nav ul.top-menu>li>a:only-child:after {
   content: "" !important
}

nav ul.top-menu>li>a:after {
   font-family: FontAwesome;
   font-style: normal;
   font-weight: 400;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: block !important;
   position: absolute;
   content: "\f0dd" !important;
   top: 76% !important;
   color: #636363 !important;
   left: 46%
}

nav ul.top-menu ul,
nav ul.top-menu ul ul {
   display: none !important;
   background: #fff !important;
   border: 1px solid #d62c2c;
   -moz-box-shadow: inset 0 -4px 0 0 #bd2a2a;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
   border-bottom: 1px solid #bd2a2a;
   border-right: 1px solid #bd2a2a;
   width: 300px;
   border-radius: 0;
   padding: 3px;
   margin-left: 0
}

nav ul.top-menu>li>a>i {
   display: block !important;
   margin: 1px 0 4px;
   line-height: inherit;
   text-align: center;
   font-size: 18px;
   margin-bottom: 2px;
   width: 100%
}

nav ul.top-menu>li:hover {
   border-right: 1px solid #bd2a2a;
   border-left: 1px solid #d22d2d;
   border-top: 1px solid #d22d2d
}

nav ul.top-menu>li.active>a:after,
nav ul.top-menu>li:hover>a:after {
   color: #a90c11 !important
}

nav>ul.top-menu>li.active>a>.title,
nav>ul.top-menu>li:hover>a>.title {
   text-overflow: initial !important;
   display: inline-block !important;
   overflow: visible !important;
   width: 100%
}

nav>ul.top-menu>li.active>a>.title,
nav>ul.top-menu>li:hover>a>.title {
   position: absolute;
   left: 0;
   color: #a90c11 !important;
   top: 100%;
   width: 300px !important;
   font-weight: 700;
   font-size: 1.1em;
   line-height: 20px
}

nav>ul.top-menu>li.active>a>.title {
   display: none !important
}

nav>ul.top-menu>li:hover>a>.title {
   display: inline-block !important;
   text-align: left;
   padding-left: 10px
}

nav ul.top-menu>li.active>a,
nav ul.top-menu>li:hover>a {
   background-color: #f5f5f5 !important;
   color: #a90c11 !important;
   height: 51px !important;
   padding-left: 5px !important;
   padding-right: 5px !important;
   z-index: 9991;
   width: 50px
}

nav ul.top-menu>li:hover>a {
   z-index: 9993 !important
}

nav ul.top-menu>li.active>a>i.fa,
nav ul.top-menu>li:hover>a>i.fa {
   font-size: 24px;
   line-height: 1.3em;
   padding-top: 5px
}

nav ul.top-menu>li:hover>ul {
   display: block !important;
   z-index: 9992;
   top: 99%;
   left: -1px !important;
   padding-top: 20px
}

nav ul.top-menu>li>ul {
   position: absolute !important;
   background: #f5f5f5 !important
}

nav ul.top-menu>li>a>.title {
   width: 50px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 12px;
   display: inline-block;
   text-align: center
}

nav>ul>li:hover>ul::before,
nav>ul>li:hover>ul>li::before {
   border-color: #acacac !important
}

nav>ul>li>ul>li>a,
nav>ul>li>ul>li>ul>li>a {
   padding-top: 7px;
   padding-bottom: 7px
}

nav ul li a {
   line-height: normal;
   font-size: 14px;
   padding: 10px 10px 10px 11px;
   display: block;
   font-weight: 400;
   text-decoration: none !important;
   position: relative
}

nav>ul>li>ul>li:hover a {
   color: #f5f5f5 !important;
   background-color: #a90c11 !important;
   margin: 0 -3px
}

.navbar-tools {
   position: absolute;
   right: 15px;
   top: 0
}

.panel-body.messages {
   padding: 0
}

.messages-list {
   border-right: 1px solid #eceaf3;
   float: left;
   height: 620px;
   list-style: none outside none;
   margin: 0;
   padding: 0;
   width: 260px
}

.messages-list .messages-item {
   border-bottom: 1px solid #d9d9d9;
   padding: 5px 15px 5px 25px;
   position: relative
}

.messages-list .messages-search {
   border-bottom: 1px solid #d9d9d9;
   padding: 10px 5px;
   position: relative
}

.messages-list .messages-item span {
   color: #555;
   display: block
}

.messages-list .messages-item .messages-item-attachment,
.messages-list .messages-item .messages-item-star,
.messages-list .messages-item .messages-item-time,
.messages-list .messages-item .messages-item-time .messages-item-actions {
   position: absolute
}

.messages-list .messages-item .messages-item-star {
   color: #007aff;
   left: 7px;
   opacity: 0;
   transition: opacity .2s ease-in-out 0s
}

.ie8 .messages-list .messages-item .messages-item-star {
   display: none
}

.ie8 .messages-list .messages-item:hover .messages-item-star {
   display: block
}

.messages-list .messages-item .messages-item-attachment {
   left: 7px;
   top: 25px;
   color: #007aff
}

.messages-list .messages-item .messages-item-avatar {
   border-radius: 4px 4px 4px 4px;
   float: left;
   height: 40px;
   width: 40px
}

.messages-list .messages-item .messages-item-from,
.messages-list .messages-item .messages-item-subject {
   margin-left: 45px
}

.messages-list .messages-item .messages-item-from {
   font-weight: 700;
   margin-top: 2px
}

.messages-list .messages-item .messages-item-time {
   opacity: 1;
   right: 15px;
   top: 8px;
   transition: opacity .2s ease-in-out 0s
}

.messages-list .messages-item .messages-item-time .text {
   color: #999;
   font-size: 12px
}

.messages-list .messages-item .messages-item-time .messages-item-actions {
   opacity: 0;
   right: 0;
   top: 0;
   transition: opacity .2s ease-in-out 0s;
   width: 65px
}

.ie8 .messages-list .messages-item .messages-item-time .messages-item-actions {
   display: none
}

.messages-list .messages-item .messages-item-time .messages-item-actions .dropdown>a,
.messages-list .messages-item .messages-item-time .messages-item-actions>a {
   color: #007aff;
   margin-left: 5px
}

.messages-list .messages-item .messages-item-time .messages-item-actions>div {
   display: inline-block
}

.messages-list .messages-item .messages-item-time .messages-item-actions .dropdown-menu {
   margin-top: 0
}

.messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon {
   border-radius: 30px;
   display: inline-block;
   height: 11px;
   margin: 0 5px 0 -13px;
   width: 11px
}

.messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon.red {
   background: red
}

.messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon.teal {
   background: #569099
}

.messages-list .messages-item .messages-item-time .messages-item-actions .tag-icon.green {
   background: #3d9400
}

.messages-list .messages-item .messages-item-time:hover .text {
   opacity: 0
}

.messages-list .messages-item .messages-item-time:hover .messages-item-actions {
   opacity: 1
}

.messages-list .messages-item .messages-item-subject {
   font-size: 12px;
   margin-bottom: 4px
}

.messages-list .messages-item .messages-item-preview {
   color: #999;
   font-size: 12px
}

.messages-list .messages-item:hover {
   background-color: #f5f5f5;
   cursor: pointer !important
}

.messages-list .messages-item:hover .messages-item-star {
   opacity: .2
}

.messages-list .messages-item.active {
   background-color: #f5f5f5
}

.messages-list .messages-item.starred .messages-item-star {
   display: block;
   opacity: 1
}

.messages-content {
   background-color: rgba(0, 0, 0, 0);
   border-top: 1px solid #eceaf3;
   height: auto;
   margin-left: 260px;
   position: relative;
   width: auto
}

.messages-content .message-header {
   border-bottom: 1px solid #d9d9d9;
   padding: 10px 15px
}

.messages-content .message-header .message-from {
   font-weight: 700
}

.messages-content .message-header .message-to {
   color: #999
}

.messages-content .message-header .message-time {
   color: #999;
   position: absolute;
   right: 15px;
   top: 10px
}

.messages-content .message-header .message-actions {
   left: 50%;
   margin-left: -60px;
   position: absolute;
   width: 120px
}

.messages-content .message-header .message-actions a {
   background-color: #fff;
   border-bottom: 1px solid #f5f4f9;
   border-left: 1px solid #f5f4f9;
   border-top: 1px solid #f5f4f9;
   color: #999;
   margin: 0 0 0 -4px;
   padding: 4px 7px
}

.messages-content .message-header .message-actions a:hover {
   color: #007aff
}

.messages-content .message-header .message-actions a:first-child {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
   padding-left: 10px
}

.messages-content .message-header .message-actions a:last-child {
   border-bottom-right-radius: 4px;
   border-right: 1px solid #f5f4f9;
   border-top-right-radius: 4px
}

.messages-content .message-content {
   padding: 20px 10px;
   color: #555
}

.comment-list,
.panel-body.messages {
   padding: 0
}

.comment-list ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.comment-list ul li {
   overflow: hidden;
   padding: 5px 5px 10px
}

.comment-list .messages-content {
   margin-left: 0
}

.comment-list .messages-list {
   width: 250px;
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
   border-right: 1px solid #eceaf3
}

.comment-list .messages-list ul {
   list-style: none outside none;
   margin: 0;
   padding: 0
}

.comment-list .messages-list .messages-item {
   padding: 5px 15px 5px 5px
}

.comment-list .messages-list .messages-item .messages-item-from,
.comment-list .messages-list .messages-item .messages-item-subject {
   margin-left: 0
}

.comment-list .messages-list .messages-item.current {
   background-color: #efc1d3 !important
}

.comment-list .messages-list .messages-item.active {
   background-color: #c1deef
}

.comment-list .messages-list .messages-item.starred .messages-item-star {
   display: block;
   opacity: 1
}

.comment-list .other .messages:after {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: #e5e5ea #e5e5ea transparent transparent;
   border-style: solid;
   border-width: 5px;
   content: "";
   height: 0;
   position: absolute;
   left: -9px;
   top: 0;
   width: 0
}

.comment-list .other .messages {
   margin-left: 62px;
   margin-right: 0
}

.comment-list .other .avatar {
   float: left
}

.comment-list .self .messages {
   border-top-left-radius: 3px !important;
   margin-right: 62px;
   background: #f6f8fa;
   color: #000
}

.comment-list .self .avatar {
   float: right
}

.comment-list .self .messages:after {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: #cbdde9 transparent transparent #cbdde9;
   border-style: solid;
   border-width: 5px;
   top: 0;
   content: "";
   height: 0;
   right: -9px;
   position: absolute;
   width: 0
}

.comment-list .messages {
   padding: 10px;
   position: relative;
   margin-right: 62px;
   background: #fff;
   color: #000;
   border: 1px solid #d1d5da;
   border-top-right-radius: 3px !important
}

.comment-list .messages p {
   font-size: 14px;
   margin: 0 0 .2em
}

.comment-list .messages time {
   color: #333;
   font-size: 11px
}

.comment-list .messages .info {
   margin: -10px -10px 0;
   padding: 2px 5px;
   background: #cbdde9
}

.comment-list .avatar {
   position: relative;
   width: 50px;
   height: 50px;
   border: solid 1px #ccc;
   display: inline;
   overflow: hidden
}

.chat-form {
   margin-bottom: 20px
}

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

.modal-footer {
   background: #ecf0f1;
   border-radius: 0 0 6px 6px
}

.full-white-backdrop {
   background-color: #fff;
   display: none;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9999
}

.overlay {
   display: block;
   text-align: center;
   color: #fff;
   font-size: 60px;
   line-height: 80px;
   opacity: .8;
   background: #47a;
   border: solid 3px #369;
   border-radius: 4px;
   box-shadow: 2px 2px 10px #333;
   text-shadow: 1px 1px 1px #666;
   padding: 0 4px
}

.overlay_arrow {
   left: 50%;
   margin-left: -16px;
   width: 0;
   height: 0;
   position: absolute
}

.overlay_arrow.above {
   bottom: -15px;
   border-left: 16px solid transparent;
   border-right: 16px solid transparent;
   border-top: 16px solid #369
}

.overlay_arrow.below {
   top: -15px;
   border-left: 16px solid transparent;
   border-right: 16px solid transparent;
   border-bottom: 16px solid #369
}

.dd {
   position: relative;
   display: block;
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 13px;
   line-height: 20px
}

.dd-list {
   display: block;
   position: relative;
   margin: 0;
   padding: 0;
   list-style: none
}

.dd-list .dd-list {
   padding-left: 30px
}

.dd-collapsed .dd-list {
   display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
   display: block;
   position: relative;
   margin: 0;
   padding: 0;
   min-height: 20px;
   font-size: 13px;
   line-height: 20px
}

.dd-handle {
   display: block;
   height: 30px;
   margin: 5px 0;
   padding: 5px 10px;
   color: #333;
   text-decoration: none;
   font-weight: 700;
   border: 1px solid #ccc;
   background: #fafafa;
   background: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
   background: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
   background: linear-gradient(top, #fafafa 0, #eee 100%);
   -webkit-border-radius: 3px;
   border-radius: 3px;
   box-sizing: border-box;
   -moz-box-sizing: border-box
}

.dd-handle:hover {
   color: #2ea8e5;
   background: #fff
}

.dd-item>button {
   display: block;
   position: relative;
   cursor: pointer;
   float: left;
   width: 25px;
   height: 20px;
   margin: 5px 0;
   padding: 0;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   border: 0;
   background: 0 0;
   font-size: 12px;
   line-height: 1;
   text-align: center;
   font-weight: 700
}

.dd-item>button:before {
   content: '+';
   display: block;
   position: absolute;
   width: 100%;
   text-align: center;
   text-indent: 0
}

.dd-item>button[data-action=collapse]:before {
   content: '-'
}

.dd-empty,
.dd-placeholder {
   margin: 5px 0;
   padding: 0;
   min-height: 30px;
   background: #f2fbff;
   border: 1px dashed #b6bcbf;
   box-sizing: border-box;
   -moz-box-sizing: border-box
}

.dd-empty {
   border: 1px dashed #bbb;
   min-height: 100px;
   background-color: #e5e5e5;
   background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
   background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
   background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
   background-size: 60px 60px;
   background-position: 0 0, 30px 30px
}

.dd-dragel {
   position: absolute;
   pointer-events: none;
   z-index: 9999
}

.dd-dragel>.dd-item .dd-handle {
   margin-top: 0
}

.dd-dragel .dd-handle {
   -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
   box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.nestable-lists {
   display: block;
   clear: both;
   padding: 30px 0;
   width: 100%;
   border: 0;
   border-top: 2px solid #ddd;
   border-bottom: 2px solid #ddd
}

#nestable-menu {
   padding: 0;
   margin: 20px 0
}

#nestable-output,
#nestable2-output {
   width: 100%;
   height: 7em;
   font-size: 13px;
   line-height: 1.333333em;
   padding: 5px;
   margin-bottom: 5px
}

#nestable2 .dd-handle {
   color: #fff;
   border: 1px solid #999;
   background: #bbb;
   background: -webkit-linear-gradient(top, #bbb 0, #999 100%);
   background: -moz-linear-gradient(top, #bbb 0, #999 100%);
   background: linear-gradient(top, #bbb 0, #999 100%)
}

#nestable2 .dd-handle:hover {
   background: #bbb
}

#nestable2 .dd-item>button:before {
   color: #fff
}

.dd-hover>.dd-handle {
   background: #2ea8e5 !important
}

.dd3-content {
   display: block;
   height: 30px;
   margin: 5px 0;
   padding: 5px 10px 5px 40px;
   color: #333;
   text-decoration: none;
   font-weight: 700;
   border: 1px solid #ccc;
   background: #fafafa;
   background: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
   background: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
   background: linear-gradient(top, #fafafa 0, #eee 100%);
   -webkit-border-radius: 3px;
   border-radius: 3px;
   box-sizing: border-box;
   -moz-box-sizing: border-box
}

.dd3-content:hover {
   color: #2ea8e5;
   background: #fff
}

.dd-dragel>.dd3-item>.dd3-content {
   margin: 0
}

.dd3-item>button {
   margin-left: 30px
}

.dd3-handle {
   position: absolute;
   margin: 0;
   left: 0;
   top: 0;
   cursor: pointer;
   width: 30px;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   border: 1px solid #aaa;
   background: #ddd;
   background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
   background: -moz-linear-gradient(top, #ddd 0, #bbb 100%);
   background: linear-gradient(top, #ddd 0, #bbb 100%);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.dd3-handle:before {
   content: '\f0c9';
   display: block;
   font-family: FontAwesome;
   position: absolute;
   left: 0;
   top: 3px;
   width: 100%;
   text-align: center;
   text-indent: 0;
   color: #fff;
   font-size: 10px;
   font-weight: 400
}

.dd3-handle:hover {
   background: #ddd
}

@keyframes pulse {
   0% {
      margin: -4px 0 0 -4px;
      width: 0;
      height: 0;
      opacity: 0
   }

   25% {
      margin: -17px 0 0 -17px;
      width: 26px;
      height: 26px;
      opacity: 1;
      border-size: 4px
   }

   100% {
      margin: -51px 0 0 -51px;
      width: 96px;
      height: 96px;
      opacity: 0;
      border-size: 6px
   }
}

.pulse-highlight {
   position: relative
}

.pulse-highlight .pulse {
   position: absolute;
   z-index: 9999;
   top: 50%;
   right: 0
}

.pulse-highlight .pulse div {
   position: absolute;
   top: 50%;
   left: 50%;
   border: 4px solid salmon;
   border-radius: 50% !important;
   animation-timing-function: cubic-bezier(.4, 0, .2, 1);
   animation-iteration-count: infinite;
   animation-duration: 3.2s;
   opacity: 0
}

.pulse-highlight .pulse div.one {
   animation-name: pulse
}

.pulse-highlight .pulse div.two {
   animation-name: pulse;
   animation-delay: 1s
}

.pulse-highlight .pulse div.three {
   animation-name: pulse;
   animation-delay: 2s
}

.page-header {
   margin: 20px 0 20px;
   position: relative;
   display: flex;
   flex-shrink: 0
}

.page-header h1 {
   font-weight: 200;
   letter-spacing: -1px;
   margin: 0 15px 15px;
   padding: 0;
   color: #666;
   font-size: 24px
}

.page-header h1 small {
   color: #888;
   font-size: 14px;
   font-weight: 300;
   letter-spacing: 0
}

.page-header .rest-right {
   flex: 1
}

.page-header .fix-top h1 {
   margin: 0
}

.page-header .fix-top {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background-color: #fff;
   z-index: 9999;
   margin: 0 !important;
   padding: 5px !important
}

.navigation-top .page-header h1 {
   margin: 0 15px 0 !important;
   padding-top: 5px
}

.navigation-top .page-header {
   margin: 5px 0 0 !important
}

.navigation-top .page-header.fix-top {
   margin: 0 !important;
   padding: 0 10px !important
}

.pagination li a {
   cursor: pointer
}

.pagination.squared {
   border-radius: 0 !important
}

.pagination.squared li:first-child a,
.pagination.squared li:first-child>span {
   border-bottom-left-radius: 0 !important;
   border-left-width: 1px;
   border-top-left-radius: 0 !important
}

.pagination.squared li:last-child>a,
.pagination.squared li:last-child>span {
   border-bottom-right-radius: 0 !important;
   border-top-right-radius: 0 !important
}

.pagination-purple .pagination li a,
.pagination.pagination-purple li a {
   background: #f5f4f9;
   border: none !important;
   color: #333;
   display: inline-block;
   margin-right: 1px
}

.pagination-purple .pagination li a a:hover,
.pagination.pagination-purple li a:hover {
   background: #eceaf3;
   color: #222;
   cursor: pointer
}

.pagination-purple .pagination li:first-child a,
.pagination.pagination-purple li:first-child a {
   border: none !important
}

.pagination-purple .pagination li.disabled a,
.pagination.pagination-purple li.disabled a {
   color: #aaa !important
}

.pagination-purple .pagination li.disabled a:focus,
.pagination-purple .pagination li.disabled a:hover,
.pagination.pagination-purple li.disabled a:focus,
.pagination.pagination-purple li.disabled a:hover {
   background: #f5f4f9;
   cursor: default !important
}

.pagination-purple .pagination li.active a,
.pagination.pagination-purple li.active a {
   background: #57517b !important;
   border: none !important;
   color: #fff !important;
   cursor: default !important;
   opacity: 1
}

.pagination-purple [class*=" fa-"],
.pagination-purple [class^=fa-] {
   color: #57517b
}

.pagination-purple li.disabled [class*=" fa-"],
.pagination-purple li.disabled [class^=fa-] {
   opacity: .5
}

.pagination-teal .pagination li a,
.pagination.pagination-teal li a {
   background: #f3f8f8;
   border: none !important;
   color: #333;
   display: inline-block;
   margin-right: 1px
}

.pagination-teal .pagination li a a:hover,
.pagination.pagination-teal li a:hover {
   background: #d8e4e7;
   color: #222;
   cursor: pointer
}

.pagination-teal .pagination li:first-child a,
.pagination.pagination-teal li:first-child a {
   border: none !important
}

.pagination-teal .pagination li.disabled a,
.pagination.pagination-teal li.disabled a {
   color: #aaa !important
}

.pagination-teal .pagination li.disabled a:focus,
.pagination-teal .pagination li.disabled a:hover,
.pagination.pagination-teal li.disabled a:focus,
.pagination.pagination-teal li.disabled a:hover {
   background: #f3f8f8;
   cursor: default !important
}

.pagination-teal .pagination li.active a,
.pagination.pagination-teal li.active a {
   background: #569099 !important;
   border: none !important;
   color: #fff !important;
   cursor: default !important;
   opacity: 1
}

.pagination-teal li [class*=" fa-"],
.pagination-teal li [class^=fa-] {
   color: #4d8189
}

.pagination-teal li.disabled [class*=" fa-"],
.pagination-teal li.disabled [class^=fa-] {
   opacity: .5
}

.pagination-green .pagination li a,
.pagination.pagination-green li a {
   background: #effbec;
   border: none !important;
   color: #333;
   display: inline-block;
   margin-right: 1px
}

.pagination-green .pagination li a a:hover,
.pagination.pagination-green li a:hover {
   background: #cef3c5;
   color: #222;
   cursor: pointer
}

.pagination-green .pagination li:first-child a,
.pagination.pagination-green li:first-child a {
   border: none !important
}

.pagination-green .pagination li.disabled a,
.pagination.pagination-green li.disabled a {
   color: #aaa !important
}

.pagination-green .pagination li.disabled a:focus,
.pagination-green .pagination li.disabled a:hover,
.pagination.pagination-green li.disabled a:focus,
.pagination.pagination-green li.disabled a:hover {
   background: #effbec;
   cursor: default !important
}

.pagination-green .pagination li.active a,
.pagination.pagination-green li.active a {
   background: #3d9400 !important;
   border: none !important;
   color: #fff !important;
   cursor: default !important;
   opacity: 1
}

.pagination-green [class*=" fa-"],
.pagination-green [class^=fa-] {
   color: #327b00
}

.pagination-green li.disabled [class*=" fa-"],
.pagination-green li.disabled [class^=fa-] {
   opacity: .5
}

.pagination.pagination-bricky li a {
   background: #fdf8f7;
   border: none !important;
   color: #333;
   display: inline-block;
   margin-right: 0
}

.pagination.pagination-bricky li a:hover {
   background: #fbeeec;
   color: #222;
   cursor: pointer
}

.pagination.pagination-bricky li a {
   margin-right: 1px
}

.pagination.pagination-bricky li:first-child a {
   border: none !important
}

.pagination.pagination-bricky li.disabled a {
   color: #aaa !important
}

.pagination-bricky .pagination li.disabled a:focus,
.pagination-bricky .pagination li.disabled a:hover,
.pagination.pagination-bricky li.disabled a:focus,
.pagination.pagination-bricky li.disabled a:hover {
   background: #fdf8f7;
   cursor: default !important
}

.pagination.pagination-bricky li.active a {
   background: #c83a2a !important;
   border: none !important;
   color: #fff !important;
   cursor: default !important;
   opacity: 1
}

.pagination.pagination-bricky [class*=" fa-"],
.pagination.pagination-bricky [class^=fa-] {
   color: #c83a2a
}

.pagination.pagination-bricky li.disabled [class*=" fa-"],
.pagination.pagination-bricky li.disabled [class^=fa-] {
   opacity: .5
}

.panel-tools {
   position: absolute;
   right: 5px;
   top: 8px
}

.panel-tools .btn-link {
   color: #0480be
}

.panel-tools .btn-link:hover {
   color: #036392
}

.panel-tools .btn-link {
   color: #57a957
}

.panel-tools .btn-link:hover {
   color: #417e41
}

.panel-tools .btn-link {
   color: #c43c35
}

.panel-tools .btn-link:hover {
   color: #972e28
}

.panel-tools .btn-link {
   color: #333
}

.panel-tools .btn-link:hover {
   color: #000
}

.panel-tools .btn-link:active,
.panel-tools .btn-link:focus,
.panel-tools .btn-link:hover {
   text-decoration: none;
   outline: 0 !important
}

.panel-tools .btn.expand:before {
   content: "\f077";
   display: inline;
   float: right;
   font-family: FontAwesome;
   font-weight: 300;
   height: auto;
   text-shadow: none
}

.panel-tools .btn.collapses:before {
   content: "\f078";
   display: inline;
   float: right;
   font-family: FontAwesome;
   font-weight: 300;
   height: auto;
   text-shadow: none
}

.panel-tools .btn {
   border-style: none
}

.panel-tools .btn-link {
   color: #666
}

.panel-tools .btn-link:hover {
   color: #333
}

.panel-heading {
   background-color: #f5f4f9;
   background-image: linear-gradient(to bottom, #f5f4f9 0, #eceaf3 100%);
   background-repeat: repeat-x;
   border-bottom: 1px solid #cdcdcd;
   border-radius: 6px 6px 0 0;
   box-shadow: 0 1px 0 #fff inset;
   height: 36px;
   padding-left: 40px;
   position: relative
}

.panel-heading>[class*=" clip-"],
.panel-heading>[class*=" fa-"],
.panel-heading>[class*=" icon-"],
.panel-heading>[class^=clip-],
.panel-heading>[class^=fa-],
.panel-heading>[class^=icon-] {
   border-right: 1px solid #cdcdcd;
   box-shadow: 1px 0 0 0 #fff;
   opacity: .7;
   padding: 12px 10px 8px;
   position: absolute;
   left: 0;
   top: 0;
   height: 36px
}

.panel-white {
   box-shadow: none
}

.panel-white .panel-heading {
   background-color: #fff;
   background-image: none;
   border-bottom: 1px solid #cdcdcd;
   border-radius: 6px 6px 0 0;
   box-shadow: none;
   height: 36px;
   padding-left: 40px;
   position: relative
}

.panel-white .panel-heading>[class*=" clip-"],
.panel-white .panel-heading>[class*=" fa-"],
.panel-white .panel-heading>[class*=" icon-"],
.panel-white .panel-heading>[class^=clip-],
.panel-white .panel-heading>[class^=fa-],
.panel-white .panel-heading>[class^=icon-] {
   border-right: 1px solid #cdcdcd;
   box-shadow: none;
   opacity: .7;
   padding: 12px 10px 8px;
   position: absolute;
   left: 0;
   top: 0;
   height: 36px
}

.panel-box {
   background: #fafafa;
   border: 1px solid #cdcdcd;
   border-radius: 6px 6px 6px 6px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
   clear: both;
   margin-bottom: 16px;
   margin-top: 16px;
   position: relative
}

.panel.panel-full-screen {
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9998
}

.panel-scroll {
   position: relative;
   margin: 10px;
   padding: 0;
   width: auto;
   height: 400px;
   overflow: hidden
}

#pricing_table_example1 .pricing-table {
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #ddd;
   color: #333;
   float: left;
   font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
   padding: 20px;
   position: relative;
   text-shadow: 0 1px rgba(255, 255, 255, .8);
   text-align: center
}

#pricing_table_example1 .featured {
   border-radius: 5px 5px 5px 5px;
   border-width: 1px;
   box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
   z-index: 2
}

#pricing_table_example1 .pricing-table:nth-child(1) {
   border-radius: 5px 0 0 5px
}

#pricing_table_example1 .pricing-table:nth-child(4) {
   border-radius: 0 5px 5px 0
}

#pricing_table_example1 .pricing-table h3 {
   background-color: #eee;
   background-image: linear-gradient(#fff, #eee);
   font-size: 20px;
   font-weight: 400;
   margin: -20px -20px 50px;
   padding: 20px
}

#pricing_table_example1 .featured h3 {
   background-color: #ddd;
   background-image: linear-gradient(#eee, #ddd);
   border-radius: 5px 5px 0 0
}

#pricing_table_example1 .pricing-table:nth-child(1) h3 {
   border-radius: 5px 0 0 0
}

#pricing_table_example1 .pricing-table:nth-child(4) h3 {
   border-radius: 0 5px 0 0
}

#pricing_table_example1 .pricing-table h3 span {
   background: none repeat scroll 0 0 #fff;
   border: 5px solid #fff;
   border-radius: 100px 100px 100px 100px;
   box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
   color: #777;
   display: block;
   font: bold 35px/100px Georgia, Serif;
   height: 100px;
   margin: 10px auto -65px;
   width: 100px;
   line-height: 85px
}

#pricing_table_example1 .pricing-table ul {
   list-style: none outside none;
   margin: 20px 0 0;
   padding: 0
}

#pricing_table_example1 .pricing-table li {
   border-top: 1px solid #ddd;
   padding: 10px 0
}

#pricing_table_example1 .pricing-table .signup {
   background-color: #72ce3f;
   background-image: linear-gradient(#72ce3f, #62bc30);
   border-radius: 3px 3px 3px 3px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
   color: #fff;
   display: inline-block;
   font: bold 14px Arial, Helvetica;
   margin: 20px 0 0;
   padding: 8px 20px;
   position: relative;
   text-decoration: none;
   text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
   text-transform: uppercase
}

#pricing_table_example1 .pricing-table .signup:hover {
   background-color: #62bc30;
   background-image: linear-gradient(#62bc30, #72ce3f)
}

#pricing_table_example1 .pricing-table .signup:active,
#pricing_table_example1 .pricing-table .signup:focus {
   background: none repeat scroll 0 0 #62bc30;
   box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
   top: 2px
}

#pricing_table_example2 .featured {
   z-index: 2
}

#pricing_table_example2 .top {
   background: none repeat scroll 0 0 #2f2e35;
   border-radius: 10px 10px 0 0;
   height: 50px
}

#pricing_table_example2 .top h2 {
   color: #fff;
   font: 300 30px/50px Helvetica, Verdana, sans-serif;
   text-align: center;
   margin: 0
}

#pricing_table_example2 .pricing-table {
   background: none repeat scroll 0 0 #fff;
   border-radius: 10px 10px 10px 10px;
   box-shadow: 2px 2px 9px rgba(0, 0, 0, .3);
   position: relative;
   text-align: center;
   padding: 0 0 20px 0
}

#pricing_table_example2 .pricing-table ul {
   font: 300 18px/2 Helvetica, Verdana, sans-serif;
   list-style-type: none;
   margin: 20px 20px 0 20px;
   padding: 0
}

#pricing_table_example2 .pricing-table ul strong {
   font-weight: 700
}

#pricing_table_example2 .pricing-table hr {
   background-color: #bcbec0;
   border: 0 none;
   color: #bcbec0;
   height: 1px;
   margin: 20px 0 0 0
}

#pricing_table_example2 .pricing-table h1 {
   font: bold 88px/1 Helvetica, Verdana, sans-serif;
   margin: 20px 0 0
}

#pricing_table_example2 .pricing-table h1 sup {
   font-size: 45px
}

#pricing_table_example2 .pricing-table p {
   color: #bcbec0;
   font: 500 14px/1 Helvetica, Verdana, sans-serif
}

@media print {
   .navbar {
      display: block
   }

   .main-navigation {
      display: none
   }

   .hidden-print {
      display: none
   }

   .breadcrumb {
      display: none
   }

   .page-header {
      display: none
   }

   .footer {
      display: none
   }

   .main-container {
      margin: 0 !important;
      padding: 0 !important
   }

   .main-content .container {
      min-height: auto !important;
      border: none !important
   }
}

.qflex {
   display: flex
}

.qflex.qflex-hoz {
   flex-direction: column
}

.qflex.qflex-hoz-reverse {
   flex-direction: column-reverse
}

.qflex.qflex-from-right {
   flex-direction: row-reverse
}

.qflex.qflex-ver {
   flex-direction: row
}

.qflex .h {
   padding: 5px;
   height: 8%;
   flex-shrink: 0
}

.qflex .h-2 {
   height: 16%
}

.qflex .h-3 {
   height: 24%
}

.qflex .h-4 {
   height: 32%
}

.qflex .h-5 {
   height: 40%
}

.qflex .h-6 {
   height: 48%
}

.qflex .w {
   padding: 5px;
   width: 8.3%;
   flex-shrink: 0
}

.qflex .w-border-left {
   border-left: solid 1px #ccc;
   padding-left: 10px
}

.qflex .w-2 {
   width: 16.6% !important
}

.qflex .w-3 {
   width: 25.4% !important
}

.qflex .w-4 {
   width: 33.2% !important
}

.qflex .w-5 {
   width: 41.5% !important
}

.qflex .w-6 {
   width: 49.8% !important
}

.qflex .w-7 {
   width: 58.1% !important
}

.qflex .w-8 {
   width: 67.2% !important
}

.qflex .box-content {
   flex-grow: 1;
   padding: 5px;
   overflow: auto
}

.qciflex {
   display: flex
}

.qciflex.qciflex-hoz {
   flex-direction: column
}

.qciflex.qciflex-hoz-reverse {
   flex-direction: column-reverse
}

.qciflex.qciflex-from-right {
   flex-direction: row-reverse
}

.qciflex.qciflex-ver {
   flex-direction: row
}

.qciflex .h {
   padding: 5px;
   height: 8%;
   flex-shrink: 0
}

.qciflex .h-2 {
   height: 16%
}

.qciflex .h-3 {
   height: 24%
}

.qciflex .h-4 {
   height: 32%
}

.qciflex .h-5 {
   height: 40%
}

.qciflex .h-6 {
   height: 48%
}

.qciflex .col,
.qciflex .w {
   padding: 5px;
   width: 8%;
   flex-shrink: 0
}

.qciflex .col-2,
.qciflex .w-2 {
   width: 16% !important
}

.qciflex .col-3,
.qciflex .w-3 {
   width: 24% !important
}

.qciflex .col-4,
.qciflex .w-4 {
   width: 32% !important
}

.qciflex .col-5,
.qciflex .w-5 {
   width: 40% !important
}

.qciflex .col-6,
.qciflex .w-6 {
   width: 48% !important
}

.qciflex .main-panel,
.qciflex .qciflex-main-content {
   flex-grow: 1;
   padding: 5px;
   overflow: auto
}

.status-quote {
   border: none;
   font-family: Georgia, "Times New Roman", Times, serif;
   margin-bottom: -30px;
   position: relative;
   margin: 0 auto;
   padding-left: .4em
}

.status-quote .content {
   font-size: 1.2em;
   min-height: 35px;
   display: inline-block;
   position: relative;
   text-align: left;
   padding: 5px 15px;
   background: #fafad2;
   border: solid 1px gold;
   border-radius: 10px !important
}

.status-quote .content:before {
   content: "\201C";
   font-weight: 700;
   font-size: 1.2em;
   color: #889c0b;
   position: absolute;
   top: -.2em;
   left: 0;
   font-family: Georgia
}

.status-quote .content:after {
   content: "\201D";
   font-weight: 700;
   font-size: 1.2em;
   color: #889c0b;
   position: absolute;
   bottom: 0;
   right: 0;
   font-family: Georgia
}

.rating {
   direction: rtl;
   font-size: 30px;
   unicode-bidi: bidi-override
}

.rating span.star {
   display: inline-block;
   font-family: FontAwesome;
   font-style: normal;
   font-weight: 400
}

.rating span.star:hover {
   cursor: pointer
}

.rating span.star:before {
   color: #999;
   content: "\f006";
   padding-right: 5px
}

.rating span.star:hover:before,
.rating span.star:hover~span.star:before {
   color: #e3cf7a;
   content: "\f005"
}

@media (min-width:980px) and (max-width:1199px) {

   .layout-boxed .main-container,
   .layout-boxed>.footer,
   .layout-boxed>.navbar {
      max-width: 940px !important
   }

   .layout-boxed>.footer,
   .layout-boxed>.navbar {
      left: 50% !important;
      margin-left: -470px !important
   }
}

@media (min-width:1200px) {

   .layout-boxed .main-container,
   .layout-boxed>.footer,
   .layout-boxed>.navbar {
      max-width: 1000px !important
   }

   .layout-boxed>.footer,
   .layout-boxed>.navbar {
      left: 50% !important;
      margin-left: -500px !important
   }
}

@media (max-width:1024px) {
   nav ul.top-menu>li>a>.title {
      display: none !important
   }
}

@media (min-width:480px) and (max-width:1024px) {
   nav ul.top-menu>li>a {
      display: inline-block;
      height: 50px;
      text-shadow: none !important;
      font-size: 13px;
      text-decoration: none;
      line-height: 18px;
      padding: 5px 4px !important
   }

   nav ul.top-menu>li>a>.title {
      display: none !important
   }

   nav ul.top-menu>li:hover>a>i {
      line-height: 18px
   }

   nav ul.top-menu>li>a>i {
      line-height: 45px
   }
}

@media (min-width:768px) and (max-width:979px) {

   .layout-boxed .main-container,
   .layout-boxed>.footer,
   .layout-boxed>.navbar {
      max-width: 750px !important
   }

   .layout-boxed>.footer,
   .layout-boxed>.navbar {
      left: 50% !important;
      margin-left: -375px !important
   }

   .main-content {
      margin-left: 35px !important
   }

   .main-navigation {
      width: 35px !important
   }

   ul.main-navigation-menu>li:first-child>a {
      border-top: none !important
   }

   .sidebar-fixed .wrap-menu {
      width: 35px
   }

   ul.main-navigation-menu>li>a>.title {
      display: none
   }

   ul.main-navigation-menu>li>a {
      padding-left: 7px
   }

   .navigation-toggler {
      margin-right: 3px !important;
      margin-left: 3px !important
   }

   ul.main-navigation-menu>li>a .icon-arrow {
      display: none
   }

   ul.main-navigation-menu>li>ul.sub-menu {
      display: none !important;
      padding-bottom: 10px !important
   }

   ul.main-navigation-menu li>ul.sub-menu>li>a {
      padding-left: 24px !important
   }

   ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
      padding-left: 40px !important
   }

   ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
      padding-left: 60px !important
   }

   ul.main-navigation-menu>li:hover {
      width: 225px;
      position: relative
   }

   ul.main-navigation-menu>li:hover .selected {
      display: none
   }

   ul.main-navigation-menu>li:hover>a:after {
      content: "";
      bottom: -1px;
      position: absolute;
      left: 35px;
      top: -1px;
      width: 14px;
      background: url(/assets/images/menu-white-arrow.png) left center no-repeat
   }

   ul.main-navigation-menu>li:first-child>a>.selected {
      display: none !important
   }

   ul.main-navigation-menu>li:first-child:hover {
      width: 35px;
      position: relative
   }

   ul.main-navigation-menu>li:first-child:hover .title {
      display: none
   }

   ul.main-navigation-menu>li:first-child:hover>a:after {
      content: "";
      bottom: -1px;
      position: absolute;
      left: 35px;
      top: -1px;
      width: 14px;
      background: 0 0
   }

   ul.main-navigation-menu>li:hover>a .title {
      padding-left: 30px
   }

   ul.main-navigation-menu>li:hover .title {
      display: inline
   }

   ul.main-navigation-menu>li:hover>ul.sub-menu {
      width: 189px;
      position: absolute;
      z-index: 1000;
      left: 36px;
      margin-top: 0;
      top: 100%;
      display: block !important
   }

   .navigation-toggler {
      display: none
   }

   .breadcrumb {
      height: 41px;
      padding: 11px
   }

   .sidebar-search {
      top: 9px
   }
}

@media (max-width:767px) {
   .main-navigation {
      max-height: 340px !important
   }

   .layout-boxed .main-container,
   .layout-boxed>.footer,
   .layout-boxed>.navbar {
      max-width: none !important
   }

   .header-default .navbar {
      position: relative !important
   }

   .main-container {
      margin-top: 100px
   }

   #page-sidebar {
      top: 100px
   }

   #page-sidebar .nav-tabs.nav-justified>li {
      display: table-cell;
      width: 1%
   }

   #page-sidebar .sidebar-toggler {
      right: 5px
   }

   .main-content {
      padding: 0 !important
   }

   .nav>li>.dropdown-menu.notifications {
      left: -110px !important
   }

   .nav>li>.dropdown-menu.posts {
      left: -160px !important
   }

   .nav>li>.dropdown-menu.todo {
      left: -60px !important
   }

   .nav>li.current-user>.dropdown-menu {
      right: 0 !important;
      left: auto
   }

   .navigation-toggler {
      display: none
   }

   .horizontal-menu ul.nav li.active .selected,
   .horizontal-menu ul.nav li.current .selected {
      display: none
   }

   .horizontal-menu .dropdown-submenu>a:after {
      content: "\f107"
   }

   .page-header small {
      display: block;
      clear: both
   }

   .main-navigation {
      position: fixed;
      top: 95px;
      left: 0;
      right: 0;
      z-index: 1000;
      border-top: none
   }

   .header-default .main-navigation {
      position: static !important;
      height: auto !important;
      top: 0;
      max-height: none;
      margin-top: -1px
   }

   .navbar-tools {
      margin-left: -25px;
      margin-right: -25px;
      padding: 0 15px;
      border-top: 1px solid #080808
   }

   .navbar-tools:after {
      clear: both
   }

   .navbar-tools:after,
   .navbar-tools:before {
      content: " ";
      display: table
   }

   .navbar-tools .navbar-right {
      float: right
   }

   .navbar-tools .nav>li.dropdown .dropdown-toggle {
      margin-top: 0 !important
   }

   .sidebar-search input {
      display: none;
      width: 0
   }

   .sidebar-search input.editable {
      display: block;
      width: 200px;
      opacity: 1
   }

   body.login .main-login {
      margin-top: 0
   }

   div.timeline .columns li {
      float: none !important;
      width: 100% !important
   }

   div.timeline_element:after {
      display: none
   }

   div.timeline_element:before {
      display: none
   }

   div.timeline_element {
      margin: 20px auto !important
   }

   .messages-list {
      display: block;
      float: none !important;
      width: auto !important;
      border: none !important;
      height: auto !important
   }

   .messages-content {
      margin-left: 0 !important
   }

   .message-time {
      position: relative !important;
      text-align: right;
      right: 0 !important;
      top: 0 !important
   }

   .tabs-left .nav-tabs li.active a,
   .tabs-left .nav-tabs li.active a:focus,
   .tabs-left .nav-tabs li.active a:hover {
      border-right-color: #ddd
   }

   .tabs-left .nav-tabs {
      float: none
   }

   .tabs-left .tab-content {
      border-top: none
   }

   .main-ls {
      height: auto;
      left: 0;
      margin: 0 auto !important;
      position: relative;
      top: 0;
      width: 85%
   }

   .main-ls .copyright,
   .main-ls .logo {
      text-align: center
   }

   body.lock-screen .box-ls {
      display: inline-block;
      text-align: center;
      width: 100% !important
   }

   body.lock-screen .user-info {
      float: none !important;
      width: auto !important
   }

   #placeholder2 {
      margin-right: 0 !important
   }

   .flot-container #choices {
      position: relative
   }

   .easy-pie-chart {
      padding: 10px 0
   }

   .easy-pie-chart .label-chart {
      display: block
   }

   .user-left {
      border-right: none
   }

   .mini-stats li {
      border-right: none;
      border-left: none;
      border-bottom: 1px solid #ddd;
      padding-top: 16px
   }

   .footer {
      padding-left: 10px;
      padding-right: 10px
   }
}

@media (max-width:480px) {

   .nav>li.current-user>.dropdown-menu:after,
   .nav>li.current-user>.dropdown-menu:before {
      margin-right: 0
   }

   header .nav>li.dropdown .dropdown-toggle {
      margin-top: 7px !important
   }

   .nav li.dropdown .dropdown-toggle .badge {
      top: 15px
   }

   .nav>li.current-user>.dropdown-menu {
      margin-right: 0
   }

   .nav {
      clear: both !important
   }

   .header .nav>li.dropdown .dropdown-toggle {
      margin-top: 3px !important
   }

   .header .nav li.dropdown .dropdown-toggle .badge {
      top: 11px
   }

   .current-user .username {
      display: none
   }

   .hidden-480 {
      display: none !important
   }
}

@media (max-width:979px) {
   body {
      margin: 0 !important
   }

   .main-navigation {
      z-index: 1000
   }

   .main-content {
      min-height: 760px
   }
}

@media (min-width:768px) {
   .main-navigation {
      position: absolute;
      width: 225px
   }

   .navbar-collapse.in {
      overflow-y: visible
   }

   .page-full-width .main-content {
      margin-left: 0 !important
   }

   .main-content>.container {
      min-height: 760px
   }

   ul.main-navigation-menu>li.active>a .selected:before {
      display: block;
      height: 41px;
      position: absolute;
      right: -10px;
      top: -1px;
      width: 11px;
      content: "\e16c";
      font-family: clip-font;
      line-height: 41px;
      font-size: 24px
   }

   .navigation-small .main-navigation {
      width: 35px !important;
      z-index: 1000
   }

   .navigation-small.sidebar-fixed .wrap-menu {
      width: 35px
   }

   .navigation-small ul.main-navigation-menu>li>a>.title {
      display: none
   }

   .navigation-small ul.main-navigation-menu>li>a {
      padding-left: 7px
   }

   .navigation-small ul.main-navigation-menu>li>a .icon-arrow {
      display: none
   }

   .navigation-small ul.main-navigation-menu>li>ul.sub-menu {
      display: none !important;
      padding-bottom: 10px !important
   }

   .navigation-small ul.main-navigation-menu li>ul.sub-menu>li>a {
      padding-left: 24px !important
   }

   .navigation-small ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
      padding-left: 40px !important
   }

   .navigation-small ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
      padding-left: 60px !important
   }

   .navigation-small ul.main-navigation-menu>li:hover {
      width: 225px;
      position: relative
   }

   .navigation-small ul.main-navigation-menu>li:hover .selected {
      display: none
   }

   .navigation-small ul.main-navigation-menu>li:hover>a:after {
      content: "";
      bottom: -1px;
      position: absolute;
      left: 35px;
      top: -1px;
      width: 14px;
      background: url(/assets/images/menu-white-arrow.png) left center no-repeat
   }

   .navigation-small ul.main-navigation-menu>li:hover>a .title {
      padding-left: 30px
   }

   .navigation-small ul.main-navigation-menu>li:hover .title {
      display: inline
   }

   .navigation-small ul.main-navigation-menu>li:hover>ul.sub-menu {
      width: 189px;
      position: absolute;
      z-index: 1000;
      left: 36px;
      margin-top: 0;
      top: 100%;
      display: block !important
   }

   .modal-lg {
      width: 90%;
      min-width: 900px
   }
}

.search-box:before {
   content: ' ' !important
}

.search-box {
   float: right
}

.sidebar-search {
   margin: -3px 0 0 0;
   padding: 0 30px 0 5px;
   display: inline-block;
   background: #e4e5e6;
   border-radius: 5px;
   color: #555;
   position: absolute;
   right: 10px;
   top: 15px;
   min-height: 28px;
   min-width: 28px
}

.sidebar-search .form-group {
   margin: 0;
   padding: 0
}

.sidebar-search .form-group input {
   background: 0 0;
   border: none;
   width: 130px
}

.sidebar-search .form-group input:focus {
   box-shadow: none
}

.sidebar-search .form-group button {
   background: 0 0;
   border: none;
   position: absolute;
   right: 4px;
   top: 5px;
   width: 28px
}

.sidebar-search .form-group button i {
   color: #999
}

.search-box .show-search {
   position: absolute;
   right: 15px;
   top: 12px;
   background: #d9d9d9;
   padding: 4px 10px;
   border-radius: 5px
}

.search-box .show-search:hover {
   text-decoration: none
}

.search-box .show-search i {
   color: #999
}

.filter-box {
   width: 250px;
   display: none;
   float: left;
   overflow: hidden;
   background-color: #fff
}

.searchbox-show .filter-box {
   display: block
}

.searchbox-show #main-panel {
   margin-left: 265px
}

.searchbox-show .page-main-panel {
   padding-left: 265px
}

#page-sidebar {
   bottom: 0;
   position: fixed;
   right: -270px;
   top: 2px;
   transition: right .3s ease 0s;
   -webkit-transition: right .3s ease 0s;
   width: 270px;
   z-index: 6090;
   border-left: 1px solid #c8c7cc;
   border-top: 1px solid #c8c7cc;
   background: 0 0
}

#page-sidebar .sb-header {
   display: block;
   background: #228cdb;
   font-size: 2em;
   padding: 5px;
   margin: 0;
   color: #fff;
   position: relative;
   height: 60px
}

#page-sidebar .sb-header .sb__pagetitle {
   margin: 0;
   font-size: 20px;
   line-height: 20px;
   vertical-align: baseline;
   padding: 10px 2px 0 5px
}

#page-sidebar .sb-header .sb__pagetitle small {
   color: #e6e4e4;
   font-size: .6em
}

#page-sidebar .sb-header .action-box {
   display: inline-block;
   position: absolute;
   right: 0;
   top: 5px;
   padding: 0 5px
}

#page-sidebar .sb-header .stats {
   padding: 0 5px;
   margin-right: 3px;
   border-right: solid 1px #ccc;
   font-size: 18px !important;
   font-weight: bolder;
   line-height: .8em;
   margin-top: 4px
}

#page-sidebar .sb-header .stats small {
   font-weight: 400;
   display: block;
   font-size: 10px
}

#page-sidebar .sb-wrapper {
   height: 99vh;
   overflow: hidden
}

#page-sidebar .sidebar-content {
   display: flex;
   flex-direction: column;
   height: 100vh
}

#page-sidebar .sidebar-content .sb-header .stats {
   padding: 0 5px;
   margin-right: 3px;
   border-right: solid 1px #ccc;
   font-size: 18px !important;
   font-weight: bolder;
   line-height: .8em;
   margin-top: 4px
}

#page-sidebar .sidebar-content .sb-header .stats small {
   font-weight: 400;
   display: block;
   font-size: 10px
}

#page-sidebar .sidebar-content .sb-content {
   flex-grow: 1;
   overflow-y: auto;
   padding: 15px
}

body.has-right-bar .select2-container--open {
   z-index: 9999 !important
}

body.has-right-bar .modal-backdrop {
   z-index: 8000 !important
}

#page-sidebar .sidebar-wrapper {
   position: absolute;
   right: 0;
   background: #f6f6f6;
   overflow: visible !important
}

#page-sidebar.has-overlay .overlay {
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   background-color: rgba(0, 0, 0, .4);
   opacity: 1;
   position: absolute;
   border: 0 !important
}

#page-sidebar .sidebar-close {
   width: 50px;
   height: 50px;
   border-top-left-radius: 20px !important;
   border-bottom-left-radius: 20px !important;
   background: #228cdb;
   position: absolute;
   top: 0;
   left: -50px;
   cursor: pointer;
   -webkit-transition: opacity .3s;
   transition: opacity .3s
}

#page-sidebar .sidebar-close-inner:after,
#page-sidebar .sidebar-close-inner:before {
   content: "";
   position: absolute;
   height: 2px;
   width: 16px;
   background-color: #fff;
   top: 50%;
   left: 50%
}

#page-sidebar .sidebar-close-inner:after {
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

#page-sidebar .sidebar-close-inner:before {
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

#page-sidebar .sidebar-close-inner {
   width: 32px;
   height: 32px;
   border-radius: 50% !important;
   position: absolute;
   top: 9px;
   margin-top: 0;
   left: 30px;
   margin-left: -18px;
   transition: all .3s ease;
   border: 2px solid rgba(255, 255, 255, .7);
   background-color: rgba(0, 0, 0, .1);
   opacity: 1
}

#page-sidebar .sidebar-wrapper .scroll-wrapper>.nav-tabs li a {
   border-left: none;
   border-top: none;
   background: 0 0
}

#page-sidebar .sidebar-wrapper .scroll-wrapper>.nav-tabs li.active a {
   background: #fff;
   border-bottom-color: transparent
}

#page-sidebar .sidebar-wrapper .scroll-wrapper>.tab-content {
   border: none;
   padding: 0;
   position: relative
}

#page-sidebar #favorites,
#page-sidebar #users {
   position: relative;
   right: 0;
   top: 0;
   transition: right .3s ease 0s;
   -webkit-transition: right .3s ease 0s
}

#page-sidebar .user-chat {
   position: relative;
   left: 270px;
   top: 0
}

#page-sidebar .users-list {
   position: absolute;
   right: 0;
   left: 0;
   top: 0
}

#page-sidebar .media-list .media {
   border-bottom: 1px solid #c8c7cc;
   margin: 0
}

#page-sidebar .media-list .media a {
   padding: 10px;
   display: block
}

#page-sidebar .media-list .media a:hover {
   background: #d9d9d9;
   text-decoration: none
}

#page-sidebar .sidebar-title {
   color: #999;
   font-size: 11px;
   margin: 15px 10px 10px 10px;
   text-transform: uppercase
}

#page-sidebar .sidebar-back {
   color: #999;
   font-size: 11px;
   margin: 15px 0 10px 0;
   text-transform: uppercase
}

#page-sidebar .sidebar-back:hover {
   color: #555;
   text-decoration: none
}

#page-sidebar .media-list .media .media-object {
   border-radius: 50% !important;
   float: left;
   margin-right: 10px;
   opacity: .8;
   width: 40px
}

#page-sidebar .media-list .media .user-label {
   display: inline-block;
   margin-top: 10px;
   position: absolute;
   right: 25px
}

#page-sidebar .media-list .media .status-online {
   line-height: 40px;
   font-size: 6px;
   position: absolute;
   right: 10px;
   display: inline-block;
   color: #5cb85c
}

#page-sidebar .media-list .media .media-heading {
   color: #555;
   display: block;
   font-size: 13px;
   margin-bottom: 4px
}

#page-sidebar .media-list .media .media-body span {
   color: #bbb;
   display: block;
   font-size: 12px
}

#page-sidebar .discussion .avatar img {
   border-radius: 50% !important;
   width: 40px
}

#page-sidebar .discussion .messages {
   margin-top: 10px
}

#page-sidebar .discussion .messages p {
   font-size: 12px
}

#page-sidebar #recent_notification .media-list li {
   padding: 5px;
   border-bottom: solid 1px #ccc
}

[class^=slider-] .ui-rangeSlider-bar {
   height: 18px !important
}

[class^=slider-] .ui-rangeSlider-label {
   padding: 3px 6px !important;
   bottom: 25px !important;
   background: 0 0 !important
}

[class^=slider-] .ui-rangeSlider-label:after {
   content: "\f0d7";
   display: inline;
   float: right;
   font-family: FontAwesome;
   font-size: 16px;
   margin: 0 -6px;
   width: 100%;
   bottom: -14px;
   position: absolute;
   text-align: center;
   text-shadow: none
}

[class^=slider-] .ui-rangeSlider-arrow {
   height: 14px !important;
   margin: 3px 0 !important;
   font-size: 20px;
   line-height: 14px;
   cursor: pointer
}

[class^=slider-] .ui-rangeSlider-arrow.ui-rangeSlider-leftArrow {
   background-image: none !important
}

[class^=slider-] .ui-rangeSlider-arrow.ui-rangeSlider-leftArrow:before {
   content: "\f0d9";
   display: inline;
   float: right;
   font-family: FontAwesome;
   margin-right: 5px
}

[class^=slider-] .ui-rangeSlider-arrow.ui-rangeSlider-rightArrow {
   background-image: none !important
}

[class^=slider-] .ui-rangeSlider-arrow.ui-rangeSlider-rightArrow:before {
   content: "\f0da";
   display: inline;
   float: right;
   font-family: FontAwesome;
   margin-right: 5px
}

[class^=slider-] .ui-rangeSlider-innerBar {
   height: 14px !important
}

[class^=slider-] .ui-rangeSlider-handle {
   height: 20px !important
}

[class^=slider-].ui-rangeSlider-disabled {
   opacity: .5
}

.slider-teal .ui-rangeSlider-bar {
   background: rgba(86, 144, 153, .6) !important
}

.slider-teal .ui-rangeSlider-handle {
   background: rgba(86, 144, 153, .8) !important
}

.slider-teal .ui-rangeSlider-label {
   background-image: none !important;
   background-color: #569099 !important;
   color: #fff !important;
   text-shadow: 0 1px 0 #000
}

.slider-teal .ui-rangeSlider-label:after {
   color: #569099 !important
}

.slider-teal .ui-rangeSlider-arrow {
   color: #4d8189
}

.slider-bricky .ui-rangeSlider-bar {
   background: rgba(200, 58, 42, .6) !important
}

.slider-bricky .ui-rangeSlider-handle {
   background: rgba(200, 58, 42, .8) !important
}

.slider-bricky .ui-rangeSlider-label {
   background-image: none !important;
   background-color: #c83a2a !important;
   color: #fff !important;
   text-shadow: 0 1px 0 #000
}

.slider-bricky .ui-rangeSlider-label:after {
   color: #c83a2a !important
}

.slider-bricky .ui-rangeSlider-arrow {
   color: #b33426
}

.slider-purple .ui-rangeSlider-bar {
   background: rgba(87, 81, 123, .6) !important
}

.slider-purple .ui-rangeSlider-handle {
   background: rgba(87, 81, 123, .8) !important
}

.slider-purple .ui-rangeSlider-label {
   background-image: none !important;
   background-color: #57517b !important;
   color: #fff !important;
   text-shadow: 0 1px 0 #000
}

.slider-purple .ui-rangeSlider-label:after {
   color: #57517b !important
}

.slider-purple .ui-rangeSlider-arrow {
   color: #413d5c
}

.slider-green .ui-rangeSlider-bar {
   background: rgba(61, 148, 0, .6) !important
}

.slider-green .ui-rangeSlider-handle {
   background: rgba(61, 148, 0, .8) !important
}

.slider-green .ui-rangeSlider-label {
   background-image: none !important;
   background-color: #3d9400 !important;
   color: #fff !important;
   text-shadow: 0 1px 0 #000
}

.slider-green .ui-rangeSlider-label:after {
   color: #3d9400 !important
}

.slider-green .ui-rangeSlider-arrow {
   color: #327b00
}

.slider-yellow .ui-rangeSlider-bar {
   background: rgba(255, 167, 34, .6) !important
}

.slider-yellow .ui-rangeSlider-handle {
   background: rgba(255, 167, 34, .8) !important
}

.slider-yellow .ui-rangeSlider-label {
   background-image: none !important;
   background-color: #ffa722 !important;
   color: #fff !important;
   text-shadow: 0 1px 0 #482c00
}

.slider-yellow .ui-rangeSlider-label:after {
   color: #ffb848 !important
}

.slider-yellow .ui-rangeSlider-arrow {
   color: #ffae2f
}

.slider-blue .ui-rangeSlider-bar {
   background: rgba(54, 79, 106, .6) !important
}

.slider-blue .ui-rangeSlider-handle {
   background: rgba(54, 79, 106, .8) !important
}

.slider-blue .ui-rangeSlider-label {
   background-image: none !important;
   background-color: #364f6a !important;
   color: #fff !important;
   text-shadow: 0 1px 0 #000
}

.slider-blue .ui-rangeSlider-label:after {
   color: #364f6a !important
}

.slider-blue .ui-rangeSlider-arrow {
   color: #2d4259
}

.mini-stats {
   border-left: 1px solid #ddd;
   list-style: none;
   margin: 0;
   padding: 0
}

.mini-stats li {
   border-left: 1px solid #fff;
   border-right: 1px solid #ddd;
   padding-bottom: 6px;
   text-align: center
}

.mini-stats .sparkline_bar_bad,
.mini-stats .sparkline_bar_good,
.mini-stats .sparkline_bar_neutral {
   font-size: 12px;
   font-weight: 700;
   text-align: center
}

.mini-stats li:last-child {
   border-right: 0 none
}

.mini-stats .values {
   font-size: 12px;
   padding: 10px 0
}

.mini-stats .values strong {
   display: block;
   font-size: 18px;
   margin-bottom: 2px
}

.mini-stats .sparkline_bar_bad,
.mini-stats .sparkline_bar_good,
.mini-stats .sparkline_bar_neutral {
   font-size: 12px;
   font-weight: 700;
   text-align: center
}

.mini-stats .sparkline_bar_good {
   color: #459d30
}

.mini-stats .sparkline_bar_neutral {
   color: #757575
}

.mini-stats .sparkline_bar_bad {
   color: #ba1e20
}

.jqstooltip {
   width: auto !important;
   height: auto !important;
   padding: 2px 6px !important;
   background-color: rgba(0, 0, 0, .7) !important;
   border: 0 !important;
   border-radius: 3px
}

td.center,
th.center {
   text-align: center
}

td.center .dropdown-menu {
   text-align: left
}

.table thead tr {
   color: #707070;
   font-weight: 400
}

.table.table-bordered thead tr th {
   vertical-align: middle
}

.table tbody>tr>td,
.table tbody>tr>th,
.table tfoot>tr>td,
.table tfoot>tr>th,
.table thead>tr>td,
.table thead>tr>th {
   vertical-align: middle
}

.editable-element {
   border-bottom: 1px dashed #08c;
   text-decoration: none;
   opacity: .5;
   display: inline
}

.tabbable {
   margin-bottom: 15px
}

.nav-tabs {
   border-color: #ddd;
   margin-bottom: 0;
   margin-left: 0;
   position: relative;
   top: 1px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
   background-color: #fff;
   border-color: #ddd #ddd transparent;
   border-top: 2px solid #ddd;
   color: #333;
   line-height: 16px;
   margin-top: -1px;
   z-index: 12
}

.nav-tabs>li:first-child>a {
   margin-left: 0
}

.nav-tabs>li>a:hover {
   background-color: #fff;
   border-color: #ddd;
   color: #4c8fbd
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus {
   background-color: #f9f9f9;
   border-color: #ddd;
   border-radius: 0 !important;
   color: #999;
   line-height: 16px;
   margin-right: -1px;
   position: relative
}

.tab-content {
   border: 1px solid #ddd;
   padding: 16px 12px;
   position: relative
}

.tabs-below>.nav-tabs {
   border-bottom-width: 0;
   border-color: #ddd;
   margin-bottom: 0;
   margin-top: -1px;
   top: auto
}

.tabs-below>.nav-tabs>li>a,
.tabs-below>.nav-tabs>li>a:focus,
.tabs-below>.nav-tabs>li>a:hover {
   border-color: #ddd
}

.tabs-below>.nav-tabs>li.active>a,
.tabs-below>.nav-tabs>li.active>a:focus,
.tabs-below>.nav-tabs>li.active>a:hover {
   border-bottom: 2px solid #ddd;
   border-color: transparent #ddd #ddd;
   border-top-width: 1px;
   margin-top: 0
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
   min-width: 60px
}

.tabs-left>.nav-tabs {
   border-color: #ddd;
   float: left;
   margin-bottom: 0;
   top: auto
}

.tabs-left>.nav-tabs>li {
   float: none
}

.tabs-left>.nav-tabs>li>a,
.tabs-left>.nav-tabs>li>a:focus,
.tabs-left>.nav-tabs>li>a:hover {
   border-color: #ddd;
   margin: 0 -1px 0 0
}

.tabs-left>.nav-tabs>li.active>a,
.tabs-left>.nav-tabs>li.active>a:focus,
.tabs-left>.nav-tabs>li.active>a:hover {
   border-color: #ddd;
   border-right: none;
   border-left: 2px solid #ddd;
   border-top-width: 1px;
   margin: 0 -1px
}

.tabs-right>.nav-tabs {
   border-color: #ddd;
   float: right;
   margin-bottom: 0;
   top: auto
}

.tabs-right>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:hover {
   border-color: #ddd;
   margin: 0 -1px
}

.tabs-right>.nav-tabs>li.active>a,
.tabs-right>.nav-tabs>li.active>a:focus,
.tabs-right>.nav-tabs>li.active>a:hover {
   border-color: #ddd;
   border-left: none;
   border-right: 2px solid #ddd;
   border-top-width: 1px;
   margin: 0 -2px 0 -1px
}

.nav-tabs>li>a>.badge {
   line-height: 8px;
   opacity: .7
}

.nav-tabs>li>a>[class*=fa-] {
   opacity: .75
}

.nav-tabs>li.active>a>.badge,
.nav-tabs>li.active>a>[class*=fa-] {
   opacity: 1
}

.nav-tabs li [class*=" fa-"],
.nav-tabs li [class^=fa-] {
   display: inline-block;
   text-align: center;
   width: 1.25em
}

.nav-tabs>li.open .dropdown-toggle {
   background-color: #4f99c6;
   border-color: #4f99c6;
   color: #fff
}

.nav-tabs>li.open .dropdown-toggle>[class*=fa-] {
   color: #fff !important;
   opacity: 1
}

.tabs-left .tab-content,
.tabs-right .tab-content {
   overflow: auto
}

.tab-teal>li.active>a,
.tab-teal>li.active>a:focus,
.tab-teal>li.active>a:hover {
   border-color: #ddd;
   border-top: 2px solid #569099
}

.tab-teal>li>a:hover {
   color: #569099
}

.tab-teal>li.dropdown.open.active>a:focus,
.tab-teal>li.dropdown.open.active>a:hover {
   background-color: #569099;
   border-color: #569099;
   color: #fff
}

.tab-teal>li.open .dropdown-toggle {
   background-color: #569099;
   border-color: #569099;
   color: #fff
}

.tab-teal .dropdown-menu>li>a:focus,
.tab-teal .dropdown-menu>li>a:hover {
   background-color: #569099
}

.tab-teal .active>a,
.tab-teal .active>a:focus,
.tab-teal .active>a:hover {
   background-color: #569099
}

.tabs-left>.tab-teal>li.active>a,
.tabs-left>.tab-teal>li.active>a:focus,
.tabs-left>.tab-teal>li.active>a:hover {
   border-color: #ddd;
   border-right: none;
   border-left: 2px solid #569099
}

.tabs-below>.tab-teal>li.active>a,
.tabs-below>.tab-teal>li.active>a:focus,
.tabs-below>.tab-teal>li.active>a:hover {
   border-color: #ddd;
   border-top: none;
   border-bottom: 2px solid #569099
}

.tabs-right>.tab-teal>li.active>a,
.tabs-right>.tab-teal>li.active>a:focus,
.tabs-right>.tab-teal>li.active>a:hover {
   border-color: #ddd;
   border-left: none;
   border-right: 2px solid #569099
}

.tab-padding.tab-teal>li>a,
.tab-padding.tab-teal>li>a:focus,
.tab-padding.tab-teal>li>a:hover {
   border-color: transparent;
   color: #fff
}

.tab-padding.tab-teal>li:not(.active)>a:hover {
   border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) transparent;
   opacity: .85
}

.tab-padding.tab-teal>li:not(.active)>a>[class*=fa-]:first-child {
   color: #fff !important
}

.tab-padding.tab-teal>li:not(.active)>a>.badge {
   background-color: #fff !important;
   color: rgba(0, 0, 0, .4) !important
}

.tab-padding.tab-teal>li>a,
.tab-padding.tab-teal>li>a:focus {
   background-color: #7dafb7
}

.tab-padding.tab-teal>li.active>a,
.tab-padding.tab-teal>li.active>a:focus,
.tab-padding.tab-teal>li.active>a:hover {
   background-color: #fff;
   box-shadow: none;
   color: #4f80a0
}

.tab-padding.tab-teal>li.active>a,
.tab-padding.tab-teal>li.active>a:focus,
.tab-padding.tab-teal>li.active>a:hover {
   border-color: #569099 #ddd transparent;
   color: #4d8189
}

.tabs-below .tab-padding.tab-teal>li.active>a {
   border-color: transparent #7db4d8 #7db4d8
}

.tab-padding.tab-teal {
   border-bottom-color: #569099;
   background-color: #f3f8f8
}

.tabs-below .nav-tabs.tab-teal {
   padding-bottom: 6px;
   border-bottom-color: #ddd;
   border-top: 0 none
}

.tab-bricky>li.active>a,
.tab-bricky>li.active>a:focus,
.tab-bricky>li.active>a:hover {
   border-color: #c83a2a #ddd transparent;
   border-top: 2px solid #c83a2a
}

.tab-bricky>li>a:hover {
   color: #c83a2a
}

.tab-bricky>li.dropdown.open.active>a:focus,
.tab-bricky>li.dropdown.open.active>a:hover {
   background-color: #c83a2a;
   border-color: #c83a2a;
   color: #fff
}

.tab-bricky>li.open .dropdown-toggle {
   background-color: #c83a2a;
   border-color: #c83a2a;
   color: #fff
}

.tab-bricky .dropdown-menu>li>a:focus,
.tab-bricky .dropdown-menu>li>a:hover {
   background-color: #c83a2a
}

.tab-bricky .active>a,
.tab-bricky .active>a:focus,
.tab-bricky .active>a:hover {
   background-color: #c83a2a
}

.tabs-left>.tab-bricky>li.active>a,
.tabs-left>.tab-bricky>li.active>a:focus,
.tabs-left>.tab-bricky>li.active>a:hover {
   border-color: #ddd transparent #ddd #c83a2a;
   border-left: 2px solid #c83a2a
}

.tabs-below>.tab-bricky>li.active>a,
.tabs-below>.tab-bricky>li.active>a:focus,
.tabs-below>.tab-bricky>li.active>a:hover {
   border-bottom: 2px solid #c83a2a;
   border-color: transparent #ddd #c83a2a
}

.tabs-right>.tab-bricky>li.active>a,
.tabs-right>.tab-bricky>li.active>a:focus,
.tabs-right>.tab-bricky>li.active>a:hover {
   border-color: #ddd #c83a2a #ddd transparent;
   border-right: 2px solid #c83a2a
}

.tab-padding.tab-bricky>li>a,
.tab-padding.tab-bricky>li>a:focus,
.tab-padding.tab-bricky>li>a:hover {
   border-color: transparent;
   color: #fff
}

.tab-padding.tab-bricky>li:not(.active)>a:hover {
   border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) transparent;
   opacity: .85
}

.tab-padding.tab-bricky>li:not(.active)>a>[class*=fa-]:first-child {
   color: #fff !important
}

.tab-padding.tab-bricky>li:not(.active)>a>.badge {
   background-color: #fff !important;
   color: rgba(0, 0, 0, .4) !important
}

.tab-padding.tab-bricky>li>a,
.tab-padding.tab-bricky>li>a:focus {
   background-color: #dc6456
}

.tab-padding.tab-bricky>li.active>a,
.tab-padding.tab-bricky>li.active>a:focus,
.tab-padding.tab-bricky>li.active>a:hover {
   background-color: #fff;
   box-shadow: none;
   color: #333
}

.tab-padding.tab-bricky>li.active>a,
.tab-padding.tab-bricky>li.active>a:focus,
.tab-padding.tab-teal>li.active>a:hover {
   border-color: #c83a2a #ddd transparent;
   color: #333
}

.tabs-below .tab-padding.tab-bricky>li.active>a {
   border-color: transparent #c83a2a #ddd
}

.tab-padding.tab-bricky {
   border-bottom-color: #c83a2a;
   background-color: #fbeeec
}

.tabs-below .nav-tabs.tab-bricky {
   padding-bottom: 6px;
   border-bottom-color: #ddd;
   border-top: 0 none
}

.tab-green>li.active>a,
.tab-green>li.active>a:focus,
.tab-green>li.active>a:hover {
   border-color: #3d9400 #ddd transparent;
   border-top: 2px solid #3d9400
}

.tab-green>li>a:hover {
   color: #3d9400
}

.tab-green>li.dropdown.open.active>a:focus,
.tab-green>li.dropdown.open.active>a:hover {
   background-color: #3d9400;
   border-color: #3d9400;
   color: #fff
}

.tab-green>li.open .dropdown-toggle {
   background-color: #3d9400;
   border-color: #3d9400;
   color: #fff
}

.tab-green .dropdown-menu>li>a:focus,
.tab-green .dropdown-menu>li>a:hover {
   background-color: #3d9400
}

.tab-green .active>a,
.tab-green .active>a:focus,
.tab-green .active>a:hover {
   background-color: #3d9400
}

.tabs-left>.tab-green>li.active>a,
.tabs-left>.tab-green>li.active>a:focus,
.tabs-left>.tab-green>li.active>a:hover {
   border-color: #ddd transparent #ddd #3d9400;
   border-left: 2px solid #3d9400
}

.tabs-below>.tab-green>li.active>a,
.tabs-below>.tab-green>li.active>a:focus,
.tabs-below>.tab-green>li.active>a:hover {
   border-bottom: 2px solid #3d9400;
   border-color: transparent #ddd #3d9400
}

.tabs-right>.tab-green>li.active>a,
.tabs-right>.tab-green>li.active>a:focus,
.tabs-right>.tab-green>li.active>a:hover {
   border-color: #ddd #3d9400 #ddd transparent;
   border-right: 2px solid #3d9400
}

.tab-padding.tab-green>li>a,
.tab-padding.tab-green>li>a:focus,
.tab-padding.tab-green>li>a:hover {
   border-color: transparent;
   color: #fff
}

.tab-padding.tab-green>li:not(.active)>a:hover {
   border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) transparent;
   opacity: .85
}

.tab-padding.tab-green>li:not(.active)>a>[class*=fa-]:first-child {
   color: #fff !important
}

.tab-padding.tab-green>li:not(.active)>a>.badge {
   background-color: #fff !important;
   color: rgba(0, 0, 0, .4) !important
}

.tab-padding.tab-green>li>a,
.tab-padding.tab-green>li>a:focus {
   background-color: #71b145
}

.tab-purple>li.active>a,
.tab-purple>li.active>a:focus,
.tab-purple>li.active>a:hover {
   border-color: #57517b #ddd transparent;
   border-top: 2px solid #57517b
}

.tab-purple>li>a:hover {
   color: #57517b
}

.tab-purple>li.dropdown.open.active>a:focus,
.tab-purple>li.dropdown.open.active>a:hover {
   background-color: #57517b;
   border-color: #57517b;
   color: #fff
}

.tab-purple>li.open .dropdown-toggle {
   background-color: #57517b;
   border-color: #57517b;
   color: #fff
}

.tab-purple .dropdown-menu>li>a:focus,
.tab-purple .dropdown-menu>li>a:hover {
   background-color: #57517b
}

.tab-purple .active>a,
.tab-purple .active>a:focus,
.tab-purple .active>a:hover {
   background-color: #57517b
}

.tabs-left>.tab-purple>li.active>a,
.tabs-left>.tab-purple>li.active>a:focus,
.tabs-left>.tab-purple>li.active>a:hover {
   border-color: #ddd transparent #ddd #57517b;
   border-left: 2px solid #57517b
}

.tabs-below>.tab-purple>li.active>a,
.tabs-below>.tab-purple>li.active>a:focus,
.tabs-below>.tab-purple>li.active>a:hover {
   border-bottom: 2px solid #57517b;
   border-color: transparent #ddd #57517b
}

.tabs-right>.tab-purple>li.active>a,
.tabs-right>.tab-purple>li.active>a:focus,
.tabs-right>.tab-purple>li.active>a:hover {
   border-color: #ddd #57517b #ddd transparent;
   border-right: 2px solid #57517b
}

.tab-padding.tab-purple>li>a,
.tab-padding.tab-purple>li>a:focus,
.tab-padding.tab-purple>li>a:hover {
   border-color: transparent;
   color: #fff
}

.tab-padding.tab-purple>li:not(.active)>a:hover {
   border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) transparent;
   opacity: .85
}

.tab-padding.tab-purple>li:not(.active)>a>[class*=fa-]:first-child {
   color: #fff !important
}

.tab-padding.tab-purple>li:not(.active)>a>.badge {
   background-color: #fff !important;
   color: rgba(0, 0, 0, .4) !important
}

.tab-padding.tab-purple>li>a,
.tab-padding.tab-purple>li>a:focus {
   background-color: #84809f
}

.tab-padding.tab-purple>li.active>a,
.tab-padding.tab-purple>li.active>a:focus,
.tab-padding.tab-purple>li.active>a:hover {
   background-color: #fff;
   box-shadow: none;
   color: #333
}

.tab-padding.tab-purple>li.active>a,
.tab-padding.tab-purple>li.active>a:focus,
.tab-padding.tab-teal>li.active>a:hover {
   border-color: #57517b #ddd transparent;
   color: #333
}

.tabs-below .tab-padding.tab-purple>li.active>a {
   border-color: transparent #57517b #ddd
}

.tab-padding.tab-purple {
   border-bottom-color: #57517b;
   background-color: #f5f4f9
}

.tabs-below .nav-tabs.tab-purple {
   padding-bottom: 6px;
   border-bottom-color: #ddd;
   border-top: 0 none
}

.tab-padding.tab-green>li.active>a,
.tab-padding.tab-green>li.active>a:focus,
.tab-padding.tab-green>li.active>a:hover {
   background-color: #fff;
   box-shadow: none;
   color: #333
}

.tab-padding.tab-green>li.active>a,
.tab-padding.tab-green>li.active>a:focus,
.tab-padding.tab-teal>li.active>a:hover {
   border-color: #3d9400 #ddd transparent;
   color: #333
}

.tabs-below .tab-padding.tab-green>li.active>a {
   border-color: transparent #3d9400 #ddd
}

.tab-padding.tab-green {
   border-bottom-color: #3d9400;
   background-color: #effbec
}

.tabs-below .nav-tabs.tab-green {
   padding-bottom: 6px;
   border-bottom-color: #ddd;
   border-top: 0 none
}

.tab-blue>li.active>a,
.tab-blue>li.active>a:focus,
.tab-blue>li.active>a:hover {
   border-color: #364f6a #ddd transparent;
   border-top: 2px solid #364f6a
}

.tab-blue>li>a:hover {
   color: #364f6a
}

.tab-blue>li.dropdown.open.active>a:focus,
.tab-blue>li.dropdown.open.active>a:hover {
   background-color: #364f6a;
   border-color: #364f6a;
   color: #fff
}

.tab-blue>li.open .dropdown-toggle {
   background-color: #364f6a;
   border-color: #364f6a;
   color: #fff
}

.tab-blue .dropdown-menu>li>a:focus,
.tab-blue .dropdown-menu>li>a:hover {
   background-color: #364f6a
}

.tab-blue .active>a,
.tab-blue .active>a:focus,
.tab-blue .active>a:hover {
   background-color: #364f6a
}

.tabs-left>.tab-blue>li.active>a,
.tabs-left>.tab-blue>li.active>a:focus,
.tabs-left>.tab-blue>li.active>a:hover {
   border-color: #ddd transparent #ddd #364f6a;
   border-left: 2px solid #364f6a
}

.tabs-below>.tab-blue>li.active>a,
.tabs-below>.tab-blue>li.active>a:focus,
.tabs-below>.tab-blue>li.active>a:hover {
   border-bottom: 2px solid #364f6a;
   border-color: transparent #ddd #364f6a
}

.tabs-right>.tab-blue>li.active>a,
.tabs-right>.tab-blue>li.active>a:focus,
.tabs-right>.tab-blue>li.active>a:hover {
   border-color: #ddd #364f6a #ddd transparent;
   border-right: 2px solid #364f6a
}

.tab-padding.tab-blue>li>a,
.tab-padding.tab-blue>li>a:focus,
.tab-padding.tab-blue>li>a:hover {
   border-color: transparent;
   color: #fff
}

.tab-padding.tab-blue>li:not(.active)>a:hover {
   border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) transparent;
   opacity: .85
}

.tab-padding.tab-blue>li:not(.active)>a>[class*=fa-]:first-child {
   color: #fff !important
}

.tab-padding.tab-blue>li:not(.active)>a>.badge {
   background-color: #fff !important;
   color: rgba(0, 0, 0, .4) !important
}

.tab-padding.tab-blue>li>a,
.tab-padding.tab-blue>li>a:focus {
   background-color: #6c7f92
}

.tab-padding.tab-blue>li.active>a,
.tab-padding.tab-blue>li.active>a:focus,
.tab-padding.tab-blue>li.active>a:hover {
   background-color: #fff;
   box-shadow: none;
   color: #333
}

.tab-padding.tab-blue>li.active>a,
.tab-padding.tab-blue>li.active>a:focus,
.tab-padding.tab-teal>li.active>a:hover {
   border-color: #364f6a #ddd transparent;
   color: #333
}

.tabs-below .tab-padding.tab-blue>li.active>a {
   border-color: transparent #364f6a #ddd
}

.tab-padding.tab-blue {
   border-bottom-color: #364f6a;
   background-color: #f3f5f6
}

.tabs-below .nav-tabs.tab-blue {
   padding-bottom: 6px;
   border-bottom-color: #ddd;
   border-top: 0 none
}

.nav>li.active>.dropdown-toggle {
   cursor: pointer !important
}

.nav-pills .open .dropdown-toggle>[class*=fa-],
.nav>li.dropdown.open.active>a:focus>[class*=fa-],
.nav>li.dropdown.open.active>a:hover>[class*=fa-] {
   color: #fff !important
}

.nav-tabs>li:not(.active):not(.open)>a:not(:hover)>.disabled[class*=fa-]:first-child {
   color: #909090 !important
}

.nav-tabs.tab-space-1>li>a {
   margin-right: 1px
}

.nav-tabs.tab-space-2>li>a {
   margin-right: 2px
}

.nav-tabs.tab-space-3>li>a {
   margin-right: 3px
}

.nav-tabs.tab-space-4>li>a {
   margin-right: 4px
}

.nav-tabs.tab-padding {
   padding: 6px 5px 0;
   border: 1px solid #ddd
}

.panel-tabs .nav-tabs {
   float: right;
   margin-top: -52px;
   border: none
}

.panel-tabs .nav-tabs>li>a {
   height: 36px;
   border-top: none;
   border-bottom: none;
   background: 0 0;
   border-right: 1px solid #cdcdcd;
   box-shadow: 1px 1px 0 0 #fff
}

.panel-tabs .nav-tabs>li>a:hover {
   background: #fff
}

.panel-tabs .nav-tabs>li:first-child>a {
   box-shadow: 0 1px 0 1px #fff
}

.panel-tabs .nav-tabs>li.active>a,
.panel-tabs .nav-tabs>li.active>a:focus,
.panel-tabs .nav-tabs>li.active>a:hover {
   background-color: #fff;
   background-image: none;
   border-color: #4c8fbd #ddd transparent;
   border-top: none;
   box-shadow: none;
   color: #333;
   line-height: 16px;
   margin-top: 0
}

.panel-tabs .tab-content {
   border: none;
   padding: 0
}

.tabs-right>.nav-tabs>li {
   float: none
}

.tags {
   list-style: none;
   margin: 0;
   overflow: hidden;
   padding: 0
}

.tags li {
   float: left
}

.tags .tag {
   background: #eee;
   border-radius: 3px 0 0 3px;
   color: #999;
   display: inline-block;
   height: 26px;
   line-height: 26px;
   padding: 0 20px 0 23px;
   position: relative;
   margin: 0 10px 10px 0;
   text-decoration: none;
   -webkit-transition: color .2s
}

.tags .tag.special::before {
   color: red
}

.tags ::before {
   background: #fff;
   border-radius: 10px;
   box-shadow: inset 0 1px rgba(0, 0, 0, .25);
   content: '';
   height: 6px;
   left: 10px;
   position: absolute;
   width: 6px;
   top: 10px
}

.tags ::after {
   background: #fff;
   border-bottom: 13px solid transparent;
   border-right: 10px solid #eee;
   border-top: 13px solid transparent;
   content: '';
   position: absolute;
   left: 0;
   top: 0
}

.tags :hover {
   background-color: #dc143c;
   color: #fff
}

.tags :hover::after {
   border-right-color: #dc143c
}

div.timeline {
   font-family: Arial;
   margin: 0 auto;
   overflow: hidden;
   position: relative
}

div.timeline .columns>li:nth-child(2n+1) {
   float: left;
   width: 50%;
   clear: left
}

div.timeline .columns>li:nth-child(2n+2) {
   float: right;
   margin-top: 20px;
   width: 50%;
   clear: right
}

div.timeline div.date_separator {
   clear: both;
   height: 60px;
   position: relative;
   text-align: center
}

div.timeline div.date_separator span {
   border-radius: 5px 5px 5px 5px;
   display: block;
   font-size: 14px;
   height: 30px;
   line-height: 30px;
   margin-top: -16px;
   position: absolute;
   top: -200%;
   transition: all .3s linear 0s;
   width: 200px;
   top: 50%;
   left: 50%;
   margin-left: -100px;
   border: 1px solid #bbb;
   background-color: #fff;
   color: #666
}

div.timeline div.spine {
   border-radius: 2px 2px 2px 2px;
   position: absolute;
   top: 0;
   transition: bottom .5s linear 0s;
   width: 4px;
   left: 50%;
   margin-left: -2px;
   bottom: 0;
   background-color: #ccc
}

div.timeline_element {
   border-radius: 5px 5px 5px 5px;
   clear: both;
   margin: 10px 0;
   opacity: 0;
   position: relative;
   transition: all .2s linear 0s;
   background-color: #fff;
   border: 1px solid #ccc;
   color: #000;
   text-shadow: none;
   box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

div.timeline_element:hover {
   border: 1px solid #aaa;
   box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

div.timeline .columns {
   margin: 0;
   padding: 0;
   list-style: none
}

div.timeline .columns>li:nth-child(2n+1) div.timeline_element {
   float: right;
   left: 10%;
   margin-right: 30px;
   left: 0;
   opacity: 1
}

div.timeline .columns>li:nth-child(2n+2) div.timeline_element {
   float: left;
   margin-left: 30px;
   right: 10%;
   opacity: 1;
   right: 0
}

div.timeline div.column_center div.timeline_element {
   margin: 20px auto;
   opacity: 1
}

div.timeline_element:before {
   content: "";
   display: block;
   height: 0;
   position: absolute;
   width: 26px;
   border-top: 1px dashed #ccc
}

div.timeline .columns>li:nth-child(2n+1) div.timeline_element:before {
   right: -27px;
   top: 15px
}

div.timeline .columns>li:nth-child(2n+2) div.timeline_element:before {
   left: -27px;
   top: 15px
}

div.timeline div.column_center div.timeline_element:before {
   display: none
}

div.timeline_element:after {
   border-radius: 100% 100% 100% 100%;
   content: "";
   display: block;
   height: 10px;
   position: absolute;
   width: 10px;
   background-color: #bbb;
   border: 1px solid #fff;
   box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}

div.timeline_element:hover:after {
   z-index: 100;
   background-color: #fff;
   border: 1px solid #ccc;
   z-index: 100
}

div.timeline .columns>li:nth-child(2n+1) div.timeline_element:after {
   right: -36px;
   top: 10px
}

div.timeline .columns>li:nth-child(2n+2) div.timeline_element:after {
   left: -36px;
   top: 10px
}

div.timeline.center div.column_center div.timeline_element:after {
   display: none
}

.ie8 div.timeline_element:after {
   display: none
}

.ie8 div.timeline_element:before {
   display: none
}

div.timeline_element div.timeline_title {
   font-size: 10px;
   margin: 10px;
   overflow: hidden;
   position: relative;
   text-transform: uppercase;
   color: #aaa
}

div.timeline_element div.title span.timeline_label {
   display: block;
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 100px;
   text-overflow: ellipsis;
   white-space: nowrap
}

div.timeline_element div.timeline_title span.timeline_date {
   float: right
}

div.timeline_element div.content {
   font-size: 13px;
   padding: 0 10px 10px
}

div.timeline_element div.readmore {
   font-size: 12px;
   padding: 10px;
   text-align: right
}

div.timeline div.description_container {
   height: 80px;
   margin: 5px 5px 5px 90px;
   overflow: hidden
}

div.timeline_element.teal {
   background-color: #569099;
   border-color: #4d8189;
   color: #fff
}

div.timeline_element.teal:after {
   background-color: #569099
}

div.timeline_element.teal:hover:after {
   background-color: #fff;
   border: 1px solid #569099;
   z-index: 100
}

div.timeline_element.teal div.timeline_title {
   color: #eee
}

div.timeline_element.green {
   background-color: #3d9400;
   border-color: #327b00;
   color: #fff
}

div.timeline_element.green:after {
   background-color: #3d9400
}

div.timeline_element.green:hover:after {
   background-color: #fff;
   border: 1px solid #3d9400;
   z-index: 100
}

div.timeline_element.green div.timeline_title {
   color: #eee
}

div.timeline_element.bricky {
   background-color: #c83a2a;
   border-color: #b33426;
   color: #fff
}

div.timeline_element.bricky:after {
   background-color: #c83a2a
}

div.timeline_element.bricky:hover:after {
   background-color: #fff;
   border: 1px solid #c83a2a;
   z-index: 100
}

div.timeline_element.bricky div.timeline_title {
   color: #eee
}

div.timeline_element.purple {
   background-color: #57517b;
   border-color: #413d5c;
   color: #fff
}

div.timeline_element.purple:after {
   background-color: #57517b
}

div.timeline_element.purple:hover:after {
   background-color: #fff;
   border: 1px solid #57517b;
   z-index: 100
}

div.timeline_element.purple div.timeline_title {
   color: #eee
}

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

.todo li a {
   background: #fff;
   border-bottom: 1px solid #e4e6eb;
   font-size: 12px;
   margin-left: 0 !important;
   padding: 10px 10px 10px 35px !important;
   position: relative;
   display: block;
   color: #333
}

.todo li .todo-actions:focus,
.todo li .todo-actions:hover {
   text-decoration: none;
   background-color: #f4f6f9 !important
}

.todo li .todo-actions i {
   color: #c7cbd5;
   font-size: 18px;
   margin: 0 5px 0 0;
   position: absolute;
   left: 10px
}

.todo li .label {
   position: absolute;
   right: 10px;
   padding: 6px
}

.user-left {
   border-right: 1px solid #ddd;
   padding-right: 15px
}

.user-left a:focus,
.user-left a:hover {
   text-decoration: none
}

.user-left td .edit-user-info {
   visibility: hidden
}

.user-left tr:hover .edit-user-info {
   visibility: visible
}

.user-left .user-image {
   position: relative;
   display: inline-block
}

.user-image .user-image-buttons {
   position: absolute;
   top: 5px;
   right: 5px;
   display: none
}

.user-image:hover .user-image-buttons {
   display: block
}

.user-edit-image-buttons {
   display: inline
}

#projects .progress {
   margin-bottom: 0
}

.p0 {
   padding: 0 !important
}

.p-xs {
   padding: 5px
}

.pt-xs {
   padding-top: 5px
}

.pr-xs {
   padding-right: 5px
}

.pb-xs {
   padding-bottom: 5px
}

.pl-xs {
   padding-left: 5px
}

.p-sm {
   padding: 10px
}

.pt-sm {
   padding-top: 10px
}

.pr-sm {
   padding-right: 10px
}

.pb-sm {
   padding-bottom: 10px
}

.pl-sm {
   padding-left: 10px
}

.p-md {
   padding: 30px
}

.pt-md {
   padding-top: 30px
}

.pr-md {
   padding-right: 30px
}

.pb-md {
   padding-bottom: 30px
}

.pl-md {
   padding-left: 30px
}

.p-lg {
   padding: 50px
}

.pt-lg {
   padding-top: 50px
}

.pr-lg {
   padding-right: 50px
}

.pb-lg {
   padding-bottom: 50px
}

.pl-lg {
   padding-left: 50px
}

.m0 {
   margin: 0 !important
}

.m-xs {
   margin: 5px
}

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

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

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

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

.m-sm {
   margin: 10px
}

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

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

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

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

.m-md {
   margin: 30px
}

.mt-md {
   margin-top: 30px
}

.mr-md {
   margin-right: 30px
}

.mb-md {
   margin-bottom: 30px
}

.ml-md {
   margin-left: 30px
}

.m-lg {
   margin: 50px
}

.mt-lg {
   margin-top: 50px
}

.mr-lg {
   margin-right: 50px
}

.mb-lg {
   margin-bottom: 50px
}

.ml-lg {
   margin-left: 50px
}

.no-display {
   display: none
}

.no-border {
   border-width: 0 !important
}

.no-select {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.example {
   margin: 15px 0;
   padding: 14px 19px
}

.widget {
   -moz-box-sizing: content-box;
   color: #333;
   margin-bottom: 30px;
   padding: 10px 12px;
   position: relative
}

.pad-0,
.pad0 {
   padding: 0 !important
}

.pad-sm,
.pad5 {
   padding: 5px !important
}

.pad-md,
.pad10 {
   padding: 10px !important
}

.pad15 {
   padding: 15px !important
}

.pad-lg,
.pad20 {
   padding: 20px !important
}

.space-right {
   margin-right: 5px
}

.space5 {
   display: block;
   margin-bottom: 5px !important;
   clear: both
}

.space7 {
   margin-bottom: 7px !important;
   clear: both
}

.space10 {
   margin-bottom: 10px !important;
   clear: both
}

.space12 {
   margin-bottom: 12px !important;
   clear: both
}

.space15 {
   margin-bottom: 15px !important;
   clear: both
}

.space20 {
   margin-bottom: 20px !important;
   clear: both
}

.teal {
   color: #569099
}

a.teal:hover {
   color: #4d8189
}

.orange {
   color: #e6674a
}

a.orange:hover {
   color: #e35434
}

.bricky {
   color: #c83a2a
}

a.bricky:hover {
   color: #b33426
}

.circle-img {
   border-radius: 100% 100% 100% 100%
}

.center {
   text-align: center
}

.go-top {
   cursor: pointer;
   display: block;
   width: 30px;
   height: 30px;
   font-size: 16px;
   margin-bottom: 0;
   margin-right: 0;
   margin-top: -2px;
   text-decoration: none;
   line-height: 30px;
   text-align: center
}

.noselect {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.border-light {
   border: solid 1px #ccc
}

.bg-headline {
   background-color: #89ccff
}

.txt-color-blue {
   color: #57889c !important
}

.txt-color-blueLight {
   color: #92a2a8 !important
}

.txt-color-blueDark {
   color: #4c4f53 !important
}

.txt-color-green {
   color: #356e35 !important
}

.txt-color-greenLight {
   color: #71843f !important
}

.txt-color-greenDark {
   color: #496949 !important
}

.txt-color-red {
   color: #a90329 !important
}

.txt-color-yellow {
   color: #b09b5b !important
}

.txt-color-orange {
   color: #b19a6b !important
}

.txt-color-orangeDark {
   color: #a57225 !important
}

.txt-color-pink {
   color: #ac5287 !important
}

.txt-color-pinkDark {
   color: #a8829f !important
}

.txt-color-purple {
   color: #6e587a !important
}

.txt-color-darken {
   color: #404040 !important
}

.txt-color-lighten {
   color: #d5e7ec !important
}

.txt-color-white {
   color: #fff !important
}

.txt-color-grayDark {
   color: #525252 !important
}

.txt-color-magenta {
   color: #6e3671 !important
}

.txt-color-teal {
   color: #568a89 !important
}

.txt-color-redLight {
   color: #a65858 !important
}

.bg-color-blue {
   background-color: #57889c !important
}

.bg-color-blueLight {
   background-color: #92a2a8 !important
}

.bg-color-blueDark {
   background-color: #4c4f53 !important
}

.bg-color-green {
   background-color: #356e35 !important
}

.bg-color-greenLight {
   background-color: #71843f !important
}

.bg-color-greenDark {
   background-color: #496949 !important
}

.bg-color-red {
   background-color: #a90329 !important
}

.bg-color-yellow {
   background-color: #b09b5b !important
}

.bg-color-orange {
   background-color: #c79121 !important
}

.bg-color-orangeDark {
   background-color: #a57225 !important
}

.bg-color-pink {
   background-color: #ac5287 !important
}

.bg-color-pinkDark {
   background-color: #a8829f !important
}

.bg-color-purple {
   background-color: #6e587a !important
}

.bg-color-darken {
   background-color: #404040 !important
}

.bg-color-lighten {
   background-color: #d5e7ec !important
}

.bg-color-white {
   background-color: #fff !important
}

.bg-color-grayDark {
   background-color: #525252 !important
}

.bg-color-magenta {
   background-color: #6e3671 !important
}

.bg-color-teal {
   background-color: #568a89 !important
}

.bg-color-redLight {
   background-color: #a65858 !important
}

.bg-color-gray {
   background-color: gray !important
}

.bg-color-lightGray {
   background-color: #f6f6f6 !important
}

.highlight {
   background-color: #fff34d !important;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .7);
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .7);
   box-shadow: 0 1px 4px rgba(0, 0, 0, .7)
}

.highlight {
   padding: 1px 4px;
   margin: 0 -4px
}

ul.columns {
   list-style: none !important;
   width: 100%;
   columns: 1;
   margin: 0;
   padding: 0
}

ul.columns.columns-split-2 {
   columns: 2
}

ul.columns.columns-split-3 {
   columns: 3
}

ul.columns.columns-split-4 {
   columns: 4
}

ul.columns.columns-split-5 {
   columns: 5
}

ul.columns.columns-split-6 {
   columns: 6
}

ul.columns.columns-split-7 {
   columns: 7
}

ul.columns li {
   width: 100%;
   padding-bottom: 2px;
   margin-bottom: 2px;
   padding-right: 3px
}

ul.columns li:hover {
   background: #a0d3ff
}

ul.columns li label.checkbox-inline,
ul.columns li label.radio-inline {
   width: 100%;
   margin: 0 !important
}

.item_info dt {
   border-bottom: 2px solid #ddd;
   font-weight: 700;
   margin-bottom: 3px
}

.item_info dd {
   margin-bottom: 10px
}

.b {
   font-weight: 700
}

pre.readonly-field {
   padding: 3px;
   border-radius: 0;
   margin: 0
}

#form-filter tr td label {
   margin-bottom: 0
}

#form-filter tr td {
   border: 0 !important;
   padding: 0
}

.datepicker {
   z-index: 9999 !important
}

.no-border {
   border: none !important
}

.border-light {
   border: .1pt solid #ccc;
   border-radius: 4px
}

.padding-sm {
   padding: 5px
}

.margin-sm {
   margin: 5px
}

.margin-b-sm {
   margin-bottom: 5px
}

.table-slim td,
.table-slim th {
   padding: 2px !important
}

.table-checked tr.checked td {
   background-color: #ffa07a
}

.color-red {
   color: red
}

.sort-handler {
   display: inline-block;
   border: solid 1px #ccc;
   padding: 2px 5px;
   cursor: pointer
}

.search-result .highlight {
   background-color: #ff0 !important;
   color: red !important
}

.no-wrap,
.no_wrap,
.nowrap {
   white-space: nowrap
}

.no_pad {
   padding: 0 !important
}

.form-group-sm fieldset legend {
   font-size: 12px !important;
   margin-bottom: 0;
   padding-top: 3px
}

* {
   -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   border-radius: 0 !important
}

input[type=search]::-webkit-search-cancel-button {
   -webkit-appearance: searchfield-cancel-button
}

.float-hover-action,
.hover-action {
   display: none
}

.wysiwyg {
   padding: 5px 0
}

.wysiwyg .btn-group:after {
   border-left: 1px solid #e1e6ea;
   bottom: 6px;
   content: "";
   display: block;
   left: -2px;
   max-width: 0;
   position: absolute;
   top: 6px;
   width: 0
}

.wysiwyg .btn-group .btn,
.wysiwyg .btn-group>.inline>.btn {
   background: #fff !important;
   border: none !important;
   color: #adb3be !important;
   margin: 0 !important;
   text-shadow: none !important
}

.wysiwyg .btn-group .btn:hover,
.wysiwyg .btn-group>.inline>.btn:hover {
   color: #333 !important
}

.wysiwyg .btn-group .btn:active,
.wysiwyg .btn-group>.inline>.btn:active {
   background: #fff !important;
   border: none !important;
   color: #fff !important;
   margin: 0 !important;
   text-shadow: none !important
}

td.column-left {
   width: 25%
}

td.column-right {
   width: 75%
}

.footer,
.main-container,
.main-navigation,
.navigation-small ul.main-navigation-menu>li>ul.sub-menu,
body,
ul.main-navigation-menu>li>ul.sub-menu {
   background-color: #f6f6f6 !important
}

.layout-boxed .footer,
.layout-boxed .main-container,
.layout-boxed header {
   border-left-color: #c8c7cc;
   border-right-color: #c8c7cc
}

.navbar-inverse {
   background: rgba(255, 255, 255, .9);
   border-color: #c8c7cc
}

.navbar-inverse .nav>li>a,
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:hover {
   color: #666
}

.navbar-inverse .navbar-brand i,
.navbar-inverse .navbar-brand:hover i {
   color: #007aff
}

.navbar-inverse .nav>li>a {
   color: #999
}

.navbar-inverse .nav>li.current-user>a {
   color: #666 !important
}

.navbar-inverse .nav>li.current-user>a i {
   display: inline-block;
   text-align: center;
   width: 1.25em;
   color: #007aff !important;
   font-size: 12px
}

.navbar-inverse .nav>li:active>a,
.navbar-inverse .nav>li:hover>a {
   color: #555;
   background: #f5f5f5
}

.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle {
   background: #d9d9d9;
   color: #555
}

.ie8 .navbar-inverse {
   background: #fff
}

.navbar-tools .dropdown-menu li .dropdown-menu-title {
   background: #d9d9d9;
   color: #555
}

.navbar-inverse .btn-navbar {
   background-color: #d9d9d9;
   background: -moz-linear-gradient(top, #34485e 0, #283b52 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #34485e), color-stop(100%, #283b52))
}

.nav>li.dropdown .dropdown-toggle .badge {
   background-color: #007aff;
   border: none
}

.navbar-toggle {
   background-color: #fff
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
   background-color: #d9d9d9;
   -moz-box-shadow: 0 0 15px #fff;
   -webkit-box-shadow: 0 0 15px #fff;
   box-shadow: 0 0 15px #fff
}

.navbar-toggle span {
   color: #999
}

ul.main-navigation-menu>li a {
   border-bottom: none;
   border-top-color: #c8c7cc;
   color: #555
}

ul.main-navigation-menu>li a>i {
   color: #007aff;
   font-weight: 400
}

ul.main-navigation-menu>li.active>a {
   background: #007aff !important;
   border-top: none !important;
   color: #fff
}

ul.main-navigation-menu>li.active>a .selected:before {
   color: #007aff !important
}

ul.main-navigation-menu>li.active>a i {
   color: #fff
}

ul.main-navigation-menu>li.open>a,
ul.main-navigation-menu>li:hover>a,
ul.main-navigation-menu>li>a:hover {
   background-color: #d9d9d9
}

.go-top,
.navigation-toggler {
   background-color: #e4e5e6 !important;
   color: #b1b1b1
}

.go-top:hover,
.navigation-toggler:hover i:first-child {
   color: #555
}

.navigation-toggler:hover i:last-child {
   color: #b1b1b1
}

.navigation-small .navigation-toggler:hover i:first-child {
   color: #b1b1b1
}

.navigation-small .navigation-toggler:hover i:last-child {
   color: #555
}

ul.main-navigation-menu li>ul.sub-menu>li.active>a,
ul.main-navigation-menu li>ul.sub-menu>li.open>a,
ul.main-navigation-menu li>ul.sub-menu>li>a:hover {
   color: #000 !important;
   background: #d9d9d9 !important
}

.breadcrumb i {
   color: #ccc
}

.breadcrumb a {
   color: #007aff
}

.footer-fixed .footer {
   background: rgba(255, 255, 255, .9) !important;
   border-top-color: #c8c7cc
}

.ie8 .footer-fixed .footer {
   background: #fff
}

.footer-inner {
   color: #555
}

.main-content .container {
   border-left: 1px solid #d9d9d9;
   border-bottom: 1px solid #d9d9d9
}

body.rtl .main-content .container {
   border-left: none;
   border-right: 1px solid #d9d9d9
}

@media (max-width:767px) {
   .navbar-inverse {
      background: 0 0 !important
   }

   .navbar-tools {
      background: rgba(255, 255, 255, .9);
      border-top-color: #c8c7cc
   }

   .ie8 .navbar-tools {
      background: #fff
   }

   .navbar-header {
      background-color: #fff
   }
}

blockquote {
   padding: 10px 20px;
   margin: 0 0 20px;
   font-size: 17.5px;
   border-left: 5px solid #4181e9;
   background: #ecefff
}

.form-compact .control-label {
   position: absolute;
   top: 0;
   padding: 7px 0 0 7px;
   transition: all .2s;
   opacity: 00
}

.form-compact .form-control {
   height: 30px;
   text-align: right;
   padding: 10px 4px 0
}

.form-compact .form-group {
   position: relative;
   margin-bottom: 2px
}

.form-compact .form-control:focus+.control-label,
.form-compact .form-control:not(:placeholder-shown)+.control-label {
   font-size: 75%;
   transform: translate3d(0, -40%, 0);
   opacity: 1
}

input.is-error {
   border: solid 1px red
}

.kitchen-container {
   display: flex;
   flex-direction: column;
   height: 100vh;
   background: #f0f2f5
}

.kitchen-container .page-header {
   margin: 5px 0 !important;
   padding: 5px
}

.kitchen-container .page-header h1 {
   margin: 0
}

.kitchen-container .page-header .toolbar-box {
   padding: 0 !important;
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
   display: flex
}

.kitchen-container .page-header .toolbar-box a {
   margin-left: 10px
}

.kitchen-container .working-board {
   flex-grow: 1;
   display: flex;
   flex-direction: row;
   overflow: hidden
}

.kitchen-container .working-board .stack-col {
   min-width: 250px;
   margin-right: 10px;
   height: 100%;
   padding: 3px 3px 0;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background-color: #fff;
   -webkit-box-shadow: rgba(0, 0, 0, .2);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.kitchen-container .working-board .stack-col .stack-col__title {
   font-weight: 700;
   font-size: 1.2em
}

.kitchen-container .working-board .stack-col .stack-col__body {
   flex-grow: 1;
   overflow-y: auto
}

.kitchen-container .working-board .stack-col:last-child {
   margin-right: 0
}

.kitchen-container .working-board .stack-col-remain {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   background-color: #fff
}

.kitchen-container .working-board .filter-timeslots {
   max-height: 450px;
   overflow-y: auto
}

.kitchen-container .working-board .order-filter {
   border-bottom: solid 1px #ccc;
   margin-bottom: 5px;
   width: 300px
}

.kitchen-container .working-board .order-filter .timeslots {
   padding: 5px
}

.kitchen-container .working-board .order-filter .quantity {
   min-width: 10px;
   padding: 3px 7px;
   font-weight: 700;
   color: #fff;
   line-height: 1;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   background-color: #777;
   display: none;
   border-radius: 10px !important
}

.kitchen-container .working-board .order-filter .quantity.has-order {
   display: inline-block
}

.kitchen-container .working-board .order-stats {
   display: flex;
   flex-direction: row;
   background-color: #eee;
   margin: -5px -5px 0;
   padding: 3px 3px 0
}

.kitchen-container .working-board .order-stats .stat {
   border: solid 1px #ccc;
   margin: 0 5px 5px;
   padding: 3px
}

.kitchen-container .working-board .order-stats .stat:last-child {
   flex-grow: 1
}

.kitchen-container .working-board .order-list {
   flex-grow: 1
}

.kitchen-container .working-board .order-list .order {
   border: solid 1px #ccc;
   margin: 0 5px 10px;
   padding: 25px 10px 0;
   position: relative;
   background: #f7ffcb;
   -webkit-box-shadow: rgba(0, 0, 0, .2);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
   border-bottom-right-radius: 8px !important;
   border-bottom-left-radius: 8px !important
}

.kitchen-container .working-board .order-list .order .order__pickup_time {
   position: absolute;
   top: 0;
   right: 0;
   text-align: right
}

.kitchen-container .working-board .order-list .order .order__pickup_time .time {
   font-size: 1.4em;
   font-weight: 700;
   display: inline-block
}

.kitchen-container .working-board .order-list .order .order__code {
   font-size: 1.4em;
   font-weight: 700;
   position: absolute;
   top: -5px;
   left: -5px;
   line-height: 1.2em;
   padding: 5px 5px 0
}

.kitchen-container .working-board .order-list .order .order__items .oitem {
   width: 100%;
   display: flex;
   margin-bottom: 5px;
   border: solid 1px #ccc
}

.kitchen-container .working-board .order-list .order .order__items .oitem:nth-child(even) {
   background-color: #eee
}

.kitchen-container .working-board .order-list .order .order__items .oitem:nth-child(odd) {
   background-color: #fff
}

.kitchen-container .working-board .order-list .order .order__items .oitem .oitem__info {
   flex-grow: 1
}

.kitchen-container .working-board .order-list .order .order__items .oitem>* {
   padding: 5px
}

.kitchen-container .working-board .order-list .order .order__items .oitem .oitem__quantity::after {
   content: "x"
}

.kitchen-container .working-board .order-list .order .order__items .oitem .action-cook {
   display: none
}

.kitchen-container .working-board .order-list .order.expanded .order__items {
   display: block
}

.kitchen-container .working-board .order-list.can-cook .action-cook {
   display: inline-block !important
}

.kitchen-container .working-board .order-list .order__actions .btn {
   display: none
}

.kitchen-container .working-board .order-list .order__actions .btn.action-detail {
   display: inline-block
}

.kitchen-container .working-board .order-list .order-status-3 .action-cooked,
.kitchen-container .working-board .order-list .order-status-3 .action-pospone {
   display: inline-block
}

.kitchen-container .working-board .order-list .order-status-1 .action-cook {
   display: inline-block
}

.kitchen-container .working-board .order-list .order-status-4 .action-ready,
.kitchen-container .working-board .order-list .order-status-4 .action-recook {
   display: inline-block
}

.kitchen-container .working-board .order-list .order-status-6 .action-print-bill {
   display: inline-block
}

.kitchen-container .working-board .order-list.ready-list .order__items {
   display: none
}

.kitchen-container .working-board .filter-foods .food-list {
   display: flex;
   flex-wrap: wrap;
   padding: 10px
}

.kitchen-container .working-board .filter-foods .food-list .food {
   padding: 3px;
   border: solid 1px #ccc;
   width: 30%;
   margin: 0 5px 5px;
   display: none
}

.kitchen-container .working-board .filter-foods .food-list .food.has-filted,
.kitchen-container .working-board .filter-foods .food-list .food.has-order {
   display: block
}

.modal-open .modal {
   z-index: 8001 !important
}

body::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #f5f5f5
}

body::-webkit-scrollbar {
   width: 7px;
   background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb {
   background-color: #0ae;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent))
}

body.has-right-bar .bootstrap-dialog {
   z-index: 9999 !important
}

.bg_style_2.header-fixed .navbar.navbar-fixed-top {
   background: url(/assets/images/bg_2.png) rgba(0, 0, 0, 0) !important
}

.header-fixed .navbar>.container .navbar-brand {
   max-height: 100%;
   padding: 0
}

.logo,
.navbar>.container .navbar-brand {
   padding: 12px;
   min-width: 10px !important
}

nav {
   left: 60px !important
}

.care-question tr p {
   margin: 0 !important
}

body.login .logo {
   background-color: #f7f7f7
}

.error-field {
   border: solid 1px red !important
}

body.layout-flex.header-fixed.navbar-fixed-top {
   height: 45px
}

body.layout-flex.header-fixed .container {
   display: flex;
   flex-direction: row;
   height: 40px
}

body.layout-flex.header-fixed .container .navbar-header {
   margin-right: 10px
}

body.layout-flex.header-fixed .container .navbar-tools {
   flex-grow: 1;
   display: flex;
   position: relative;
   right: 0
}

body.layout-flex.header-fixed .container .navbar-tools>ul>li>a {
   padding: 10px 15px;
   height: 40px
}

body.layout-flex.header-fixed .container .navbar-tools>ul>li>a .badge {
   top: 0
}

body.layout-flex.header-fixed .container .navbar-tools .nav.nav-tabs {
   flex-grow: 1;
   height: 39px;
   bottom: 0;
   margin-top: 1px;
   border: 0
}

body.layout-flex.header-fixed .toolbar-box {
   padding: 0 !important;
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
   display: flex
}

body.layout-flex.header-fixed .toolbar-box>* {
   margin-left: 5px
}

body.layout-flex.header-fixed .toolbar-box .search-input {
   width: 100px;
   -webkit-transition: all .7s ease 0s;
   -moz-transition: all .7s ease 0s;
   -o-transition: all .7s ease 0s;
   transition: all .7s ease 0s
}

body.layout-flex.header-fixed .toolbar-box .search-input:focus {
   width: 500px !important
}

body.layout-flex .navbar-brand img {
   height: 100%
}

body.layout-flex .page-content {
   position: relative;
   flex-grow: 2;
   overflow: auto;
   width: 100% !important;
   padding: 15px
}

body.layout-flex .page-content::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #f5f5f5
}

body.layout-flex .page-content::-webkit-scrollbar {
   width: 7px;
   background-color: #f5f5f5
}

body.layout-flex .page-content::-webkit-scrollbar-thumb {
   background-color: #0ae;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent))
}

body.layout-flex .filter-box {
   width: 260px;
   display: none;
   position: absolute;
   overflow: hidden;
   background-color: #fff;
   left: 0
}

body.layout-flex .searchbox-show .filter-box {
   display: block
}

body.layout-flex .searchbox-show .page-content {
   padding-left: 265px !important
}

body.layout-flex .searchbox-show .navigation-top .main-content {
   margin-left: 0 !important;
   background-color: #f5f5f5
}

body.layout-flex .main-container {
   display: flex;
   flex-direction: row;
   height: 100%
}

body.layout-flex .main-container .main-content {
   flex-grow: 2;
   overflow: hidden;
   height: 100%
}

body.layout-flex .main-container .main-content .container {
   padding: 0 !important;
   height: 100%;
   min-height: 100px
}

body.layout-flex .main-container .main-content .container .layout-content {
   height: 100%;
   width: 100%;
   padding: 5px 5px 0 7px;
   display: flex;
   flex-direction: column
}

body.layout-flex .main-container .main-content .container .layout-content .page-content {
   padding: 5px 5px 0
}

body.layout-flex .main-container .main-content .container .layout-content.searchbox-show #main-panel {
   margin-left: 0
}

body.layout-flex .main-container .main-content .container .page-header {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #eee;
   min-height: 35px
}

body.layout-flex .main-container .main-content .container .page-header h1 {
   margin: 6px 15px 2px 0
}

.toolbar-box {
   padding: 0 !important
}

.splitter-ver {
   height: 10px;
   cursor: col-resize;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.splitter-hoz {
   min-height: 10px;
   cursor: row-resize;
   text-align: center;
   line-height: 3px;
   background-color: #ddd;
   vertical-align: middle;
   text-align: center;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.resizable .ui-resizable-handle {
   visibility: hidden !important;
   opacity: 0;
   transition: visibility 0s, opacity .5s linear
}

.resizable:hover .ui-resizable-handle {
   visibility: visible !important;
   opacity: 1
}

.resizable .ui-resizable-e,
.resizable .ui-resizable-w {
   line-height: 3px;
   background-color: #ddd
}

.resizable .ui-resizable-e::after,
.resizable .ui-resizable-w::after {
   content: ".\00000a.\00000a.\00000a.\00000a.\00000a";
   position: absolute;
   font-size: 15px;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center
}

.resizable .ui-resizable-n,
.resizable .ui-resizable-s {
   line-height: 3px;
   background-color: #ddd;
   vertical-align: middle
}

.resizable .ui-resizable-n::after,
.resizable .ui-resizable-s::after {
   text-align: center;
   content: "....";
   font-size: 15px;
   position: absolute;
   right: 0;
   left: 0;
   line-height: 0;
   padding: 0;
   margin-top: -1px
}

.dropdown.on-hover:hover .dropdown-menu {
   display: block;
   margin-top: 0
}

.tocContainer {
   margin-top: .5em;
   margin-bottom: .5em;
   padding: .5em;
   padding-top: 0;
   background-color: #fbf8cd
}

a.tocLink,
a.tocLink:visited {
   font-size: 11pt;
   font-weight: 400;
   color: #00f
}

a.tocBackLink,
a.tocBackLink:visited {
   font-size: 11pt;
   padding-left: .5em;
   font-weight: 400;
   color: #00f
}

div.tocLevel1 {
   padding-top: .3em;
   font-size: .9em
}

div.tocLevel2 {
   padding-left: 1em;
   font-size: .8em
}

div.tocLevel3 {
   padding-left: 2em
}

div.tocLevel4 {
   padding-left: 3em
}

div.tocLevel5,
div.tocLevel6 {
   padding-left: 4em;
   font-style: italic
}

.page-header .stats {
   padding: 0 5px;
   margin-right: 3px;
   border-right: solid 1px #ccc;
   font-size: 18px !important;
   font-weight: bolder;
   line-height: .8em
}

.page-header .stats small {
   font-weight: 400;
   display: block;
   font-size: 10px
}

.label {
   border-radius: 3px !important
}

.text-bold {
   font-weight: 700
}

.text-bolder {
   font-weight: bolder
}

.text-big {
   font-size: 18px
}

.text-bigger {
   font-size: 20px
}

.clear {
   clear: both
}

.print-mode .print-layer {
   display: block
}

.print-layer {
   display: none;
   position: absolute;
   z-index: 999;
   background: #d3d3d3;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0
}

.print-layer .print-content {
   max-width: 80mm;
   height: auto;
   margin: auto
}

.qui-pulse {
   animation: pulse 1s infinite;
   animation-timing-function: linear
}

.easy-autocomplete-container {
   z-index: 9999
}

.soki-container {
   font-family: Questrial, sans-serif !important;
   display: flex;
   flex-direction: column;
   overflow: hidden !important;
   background: #f0f2f5
}


.soki-container .page-header {
   margin: 5px 0 !important;
   padding: 5px
}

.soki-container .page-header h1 {
   margin: 0
}

.soki-container .page-header .toolbar-box {
   padding: 0 !important;
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
   display: flex
}

.soki-container .page-header .toolbar-box a {
   margin-left: 10px
}

.soki-container .top-bar {
   background: #6495ed;
   display: flex;
   flex-direction: row;
   align-items: flex-end
}

.soki-container .top-bar .top-menu {
   flex-grow: 1
}

.soki-container .top-bar .top-menu .menu__item {
   color: #fff !important;
   font-weight: 700;
   padding: 8px 8px;
   margin: 4px;
   text-transform: uppercase
}

.soki-container .top-bar .top-menu .menu__item.active {
   background: #f0f2f5;
   color: #17379e !important
}

.soki-container .top-bar .right-box {
   padding-right: 20px
}

.soki-container .top-bar .right-box a {
   color: #fff
}


.soki-container .working-board.new-order .m-new-order {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   padding: 20px;
}

/*
.soki-container .working-board.new-order .m-new-order {
   display: grid;
   grid-template-rows: 4fr 1fr auto;
}

*/
.soki-container .working-board.new-order .m-new-order .fcat {
   padding: 5px;
   width: 150px;
   height: 180px;
   margin: 0 2px 2px 0;
   align-content: center;
}

.soki-container .working-board.new-order .m-new-order .card{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.soki-container .working-board.new-order .m-new-order .fcat .card .image{
   padding: 5px;
   justify-content: center;
   margin: 0 2px 2px 0;
}

.soki-container .working-board.new-order .m-new-order .fcat .card .info{
   justify-content: center;
}

.soki-container .working-board.new-order .m-new-order .fcat .card .info>h3{
   font-size: 14px;
}
/*
.soki-container .working-board.new-order .list-catalog {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   overflow-x: auto;
   justify-content: space-around;
   padding-bottom: 20px;
}
   */
  .soki-container .working-board.new-order .list-catalog {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-x: auto;
      justify-content: center;
      padding-bottom: 40px;
   }
   

.soki-container .working-board.new-order .list-catalog button {
   margin-bottom: 5px
}

.soki-container .working-board.new-order .food-list {
   align-items: center;
   justify-content: left;   
   overflow-y: auto
}

.soki-container .working-board.new-order .food-list .food {
   padding: 0 !important;
   width: 200px;
   flex-direction: column;
   align-items: stretch;
   color: #000;
   box-shadow: 0 1px 5px #0000004d;
   background-color: #fff;
   cursor: pointer;
   align-items: center;
   justify-content: flex-start;

}

.soki-container .working-board.new-order .food-list .food .fimage {
   width: 100%;
   height: 150px;
   background-size: cover !important;
   background-repeat: no-repeat !important
}

.soki-container .working-board.new-order .food-list .fprice__1,
.soki-container .working-board.new-order .food-list .fprice__2,
.soki-container .working-board.new-order .food-list .fprice__3 {
   display: none
}

.soki-container .working-board.new-order .food-list.order-type-1 .fprice__1,
.soki-container .working-board.new-order .food-list.order-type-1.can__1 {
   display: block
}

.soki-container .working-board.new-order .food-list.order-type-1 .disallow__1 {
   display: none !important
}

.soki-container .working-board.new-order .food-list.order-type-2 .fprice__2,
.soki-container .working-board.new-order .food-list.order-type-2.can__2 {
   display: block
}

.soki-container .working-board.new-order .food-list.order-type-3 .fprice__3,
.soki-container .working-board.new-order .food-list.order-type-3.can__3 {
   display: block
}

.soki-container .working-board.new-order .food-list .fcode{
   display: none;
}
.soki-container .working-board.new-order .food-list .fname {
   padding: 10px;
   line-height: 1em;
   overflow-wrap: break-word !important;
   word-wrap: break-word !important;
   word-break: break-word !important;
   hyphens: auto;
   white-space: break-spaces;
   text-align: center !important
}

.soki-container .working-board.new-order .food-list .fimage,
.soki-container .working-board.new-order .food-list .fname {
   display: block;
}

.soki-container .working-board.new-order .food-list.show-fullname.show-image .fname {
   padding: 2px
}

.soki-container .working-board.new-order .food-list.show-fullname .fname {
   display: block
}

.soki-container .working-board.new-order .food-list.show-fullname .fcode {
   display: none
}

.soki-container .working-board.new-order .food-list.show-image .fimage {
   display: block
}

.soki-container .working-board.new-order .food-list.show-small .food {
   width: 80px
}

.soki-container .working-board.new-order .food-list.show-small .food .fimage {
   height: 75px
}

.soki-container .working-board.current-order .m-current-order {
   display: flex
}

.soki-container .working-board .stack-col {
   min-width: 250px;
   height: 100%;
   padding: 3px 3px 0;
   display: flex;
   flex-direction: column;
   overflow: hidden
}

.soki-container .working-board .stack-col .stack-col__title {
   font-weight: 700;
   font-size: 1.2em
}

.soki-container .working-board .stack-col .stack-col__body {
   flex-grow: 1;
   overflow-y: auto
}

.soki-container .working-board .stack-col:last-child {
   margin-right: 0
}

.soki-container .working-board .stack-col-remain {
   flex-grow: 1;
   display: flex;
   flex-direction: column
}

.soki-container .working-board .filter-timeslots {
   max-height: 450px;
   overflow-y: auto
}

.soki-container .working-board.new-order .panel-new-order {
   display: flex !important;
   min-width: 350px;
   justify-content: center;
   align-items: center;
}

.soki-container .working-board.new-order .panel-new-order .stack-col__body {
   display: flex;
   flex-direction: column
}

.soki-container .working-board.new-order .panel-new-order .stack-col__body .order-detail {
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   overflow: hidden
}

.soki-container .working-board.new-order .panel-new-order .stack-col__body .order-items {
   flex-grow: 1;
   overflow-y: auto
}

.soki-container .working-board.new-order .panel-new-order .stack-col__body .order-items .item {
   height: 80px;
   display: flex;
   justify-content: center;

}

.soki-container .working-board .order-filter {
   background-color: #fff;
   border-bottom: solid 1px #ccc;
   margin-bottom: 5px;
   width: 300px
}

.soki-container .working-board .order-filter .timeslots {
   padding: 5px
}

.soki-container .working-board .order-filter .quantity {
   min-width: 10px;
   padding: 3px 7px;
   font-weight: 700;
   color: #fff;
   line-height: 1;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   background-color: #777;
   display: none;
   border-radius: 10px !important
}

.soki-container .working-board .order-filter .quantity.has-order {
   display: inline-block
}

.soki-cart-item-img {
   width: 120px;
   margin: 10px;
   
}

.soki-container .working-board .order-stats {
   display: flex;
   flex-direction: row;
   background-color: #eee;
   margin: -5px -5px 0;
   padding: 3px 3px 0
}

.soki-container .working-board .order-stats .stat {
   border: solid 1px #ccc;
   margin: 0 5px 5px;
   padding: 3px
}

.soki-container .working-board .order-stats .stat:last-child {
   flex-grow: 1
}

.soki-container .working-board .order-list {
   flex-grow: 1;
   flex-flow: row wrap
}

.soki-container .working-board .order-list .order {
   display: inline-block;
   border-bottom: solid 1px #ccc;
   margin: 0 5px 10px;
   padding: 5px;
   position: relative;
   background: #fff;
   width: 250px;
   height: 110px
}

.soki-container .working-board .order-list .order .order__quantity {
   position: absolute;
   top: 5px;
   right: 5px
}

.soki-container .working-board .order-list .order .order__info {
   padding: 10px;
   font-size: 1.2em
}

.soki-container .working-board .order-list .order .order__info .order__pickup_time {
   display: inline-block
}

.soki-container .working-board .order-list .order .order__info .order__amount {
   display: inline-block
}

.soki-container .working-board .order-list .order .order__code {
   font-size: 1.4em;
   font-weight: 700;
   line-height: 1.2em;
   padding: 5px 5px 0
}

.soki-container .working-board .order-list .order .order__items .oitem {
   width: 100%;
   display: flex;
   margin-bottom: 5px;
   border: solid 1px #ccc
}

.soki-container .working-board .order-list .order .order__items .oitem:nth-child(even) {
   background-color: #eee
}

.soki-container .working-board .order-list .order .order__items .oitem:nth-child(odd) {
   background-color: #fff
}

.soki-container .working-board .order-list .order .order__items .oitem .oitem__info {
   flex-grow: 1
}

.soki-container .working-board .order-list .order .order__items .oitem>* {
   padding: 5px
}

.soki-container .working-board .order-list .order .order__items .oitem .oitem__quantity::after {
   content: "x"
}

.soki-container .working-board .order-list .order .order__items .oitem .action-cook {
   display: none
}

.soki-container .working-board .order-list .order.expanded .order__items {
   display: block
}

.soki-container .working-board .order-list.can-cook .action-cook {
   display: inline-block !important
}

.soki-container .working-board .order-list .order__actions {
   border-top: solid 1px #5cb85c;
   clear: both;
   padding: 10px
}

.soki-container .working-board .order-list .order__actions a.action {
   color: #228cdb;
   cursor: pointer
}

.soki-container .working-board .order-list .order-status-3 .action-cooked,
.soki-container .working-board .order-list .order-status-3 .action-pospone {
   display: inline-block
}

.soki-container .working-board .order-list .order-status-1 .action-cook {
   display: inline-block
}

.soki-container .working-board .order-list .order-status-4 .action-ready,
.soki-container .working-board .order-list .order-status-4 .action-recook {
   display: inline-block
}

.soki-container .working-board .order-list .order-status-6 .action-print-bill {
   display: inline-block
}

.soki-container .working-board .order-list.ready-list .order__items {
   display: none
}

.soki-container .working-board .food-list {
   display: flex;
   justify-content:center;
   margin: 2px;
   overflow-y: auto;
   flex-wrap: wrap;
}

.soki-container .working-board .food-list .food {
   padding: 3px 10px;
   border: solid 1px #ccc;
   margin: 0 5px 5px 0;
   display: none
}

.soki-container .working-board .food-list .food.has-filted,
.soki-container .working-board .food-list .food.has-order {
   display: flex
}


.soki-container .working-board .cart__item {
   position: relative;
   display: flex;
   margin-bottom: 2px;
   border-top: solid 1px #d3d3d3;
   border-bottom: solid 1px #ccc;
   border-right: solid 1px #ccc;
   align-items: center;
}

.soki-container .working-board .cart__item>* {
   padding: 3px 3px 0;
   
}

.soki-container .working-board .cart__item.not-available {
   text-decoration: line-through !important
}

.soki-container .working-board .cart__item:nth-child(odd) {
   background-color: #eee
}

.soki-container .working-board .cart__item .item__ {
   width: 30px
}

.soki-container .working-board .cart__item .item__quantity {
   font-size: 1.5em;
   line-height: 1.25em;
   vertical-align: bottom;
   width: 22px;
   display: inline-block;
   text-align: center
}

.soki-container .working-board .cart__item .addon {
   margin-right: 5px;
   padding-right: 5px;
   border-right: dotted 1px #ccc
}

.soki-container .working-board .cart__item .addons {
   display: flex;
   flex-direction: row
}

.soki-container .working-board .cart__item .addons span {
   display: block;
   margin-right: 5px
}

.soki-container .working-board .cart__item .item__info {
   flex-grow: 1;
   position: relative;
   padding-top: 20px;
   padding-bottom: 25px;
   
}

.soki-container .working-board .cart__item .item__info .item__note {
   width: 100%;
}

.soki-container .working-board .cart__item .item__info textarea:placeholder-shown {
   height: auto !important
}

.soki-container .working-board .cart__item .item__amount {
   width: 50px;
   font-weight: 700
}

.soki-container .working-board .cart__item .js-item-setting {
   position: absolute;
   bottom: 3px;
   right: 3px
}

.pos-container {
   font-family: Questrial, sans-serif !important;
   display: flex;
   flex-direction: column;
   overflow: hidden !important;
   height: 100vh;
   background: #f0f2f5
}


.pos-container .page-header {
   margin: 5px 0 !important;
   padding: 5px
}

.pos-container .page-header h1 {
   margin: 0
}

.pos-container .page-header .toolbar-box {
   padding: 0 !important;
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
   display: flex
}

.pos-container .page-header .toolbar-box a {
   margin-left: 10px
}

.pos-container .top-bar {
   background: #6495ed;
   display: flex;
   flex-direction: row;
   align-items: flex-end
}

.pos-container .top-bar .top-menu {
   flex-grow: 1
}

.pos-container .top-bar .top-menu .menu__item {
   color: #fff !important;
   font-weight: 700;
   padding: 8px 8px;
   margin: 4px;
   text-transform: uppercase
}

.pos-container .top-bar .top-menu .menu__item.active {
   background: #f0f2f5;
   color: #17379e !important
}

.pos-container .top-bar .right-box {
   padding-right: 20px
}

.pos-container .top-bar .right-box a {
   color: #fff
}

.pos-container .working-board {
   flex-grow: 1;
   display: flex;
   flex-direction: row;
   overflow: hidden
}

.pos-container .working-board>* {
   display: none;
   flex-grow: 1;
   flex-direction: row;
   overflow: hidden
}

.pos-container .working-board.new-order .m-new-order {
   display: flex
}

.pos-container .working-board.new-order .list-catalog {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   max-width: 120px !important;
   min-width: 120px !important;
   flex: 0 0 120px
}

.pos-container .working-board.new-order .list-catalog button {
   margin-bottom: 5px
}

.pos-container .working-board.new-order .food-list {
   overflow-y: auto
}

.pos-container .working-board.new-order .food-list .food {
   padding: 0 !important;
   width: 200px;
   flex-direction: column;
   align-items: stretch;
   color: #000;
   box-shadow: 0 1px 5px #0000004d;
   background-color: #fff;
   cursor: pointer;
   display: none
}

.pos-container .working-board.new-order .food-list .food .fimage {
   width: 100%;
   height: 150px;
   background-size: cover !important;
   background-repeat: no-repeat !important
}

.pos-container .working-board.new-order .food-list .fprice__1,
.pos-container .working-board.new-order .food-list .fprice__2,
.pos-container .working-board.new-order .food-list .fprice__3 {
   display: none
}

.pos-container .working-board.new-order .food-list.order-type-1 .fprice__1,
.pos-container .working-board.new-order .food-list.order-type-1.can__1 {
   display: block
}

.pos-container .working-board.new-order .food-list.order-type-1 .disallow__1 {
   display: none !important
}

.pos-container .working-board.new-order .food-list.order-type-2 .fprice__2,
.pos-container .working-board.new-order .food-list.order-type-2.can__2 {
   display: block
}

.pos-container .working-board.new-order .food-list.order-type-3 .fprice__3,
.pos-container .working-board.new-order .food-list.order-type-3.can__3 {
   display: block
}

.pos-container .working-board.new-order .food-list .fcode,
.pos-container .working-board.new-order .food-list .fname {
   padding: 10px;
   line-height: 1em;
   overflow-wrap: break-word !important;
   word-wrap: break-word !important;
   word-break: break-word !important;
   hyphens: auto;
   white-space: break-spaces;
   text-align: center !important
}

.pos-container .working-board.new-order .food-list .fimage,
.pos-container .working-board.new-order .food-list .fname {
   display: none
}

.pos-container .working-board.new-order .food-list.show-fullname.show-image .fname {
   padding: 2px
}

.pos-container .working-board.new-order .food-list.show-fullname .fname {
   display: block
}

.pos-container .working-board.new-order .food-list.show-fullname .fcode {
   display: none
}

.pos-container .working-board.new-order .food-list.show-image .fimage {
   display: block
}

.pos-container .working-board.new-order .food-list.show-small .food {
   width: 80px
}

.pos-container .working-board.new-order .food-list.show-small .food .fimage {
   height: 75px
}

.pos-container .working-board.current-order .m-current-order {
   display: flex
}

.pos-container .working-board .stack-col {
   min-width: 250px;
   height: 100%;
   padding: 3px 3px 0;
   display: flex;
   flex-direction: column;
   overflow: hidden
}

.pos-container .working-board .stack-col .stack-col__title {
   font-weight: 700;
   font-size: 1.2em
}

.pos-container .working-board .stack-col .stack-col__body {
   flex-grow: 1;
   overflow-y: auto
}

.pos-container .working-board .stack-col:last-child {
   margin-right: 0
}

.pos-container .working-board .stack-col-remain {
   flex-grow: 1;
   display: flex;
   flex-direction: column
}

.pos-container .working-board .filter-timeslots {
   max-height: 450px;
   overflow-y: auto
}

.pos-container .working-board.new-order .panel-new-order {
   display: flex !important;
   min-width: 590px;
   max-width: 600px;
   width: 30%;
   flex-grow: 1
}

.pos-container .working-board.new-order .panel-new-order .stack-col__body {
   display: flex;
   flex-direction: column
}

.pos-container .working-board.new-order .panel-new-order .stack-col__body .order-detail {
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   overflow: hidden
}

.pos-container .working-board.new-order .panel-new-order .stack-col__body .order-items {
   flex-grow: 1;
   overflow-y: auto
}

.pos-container .working-board.new-order .panel-new-order .stack-col__body .order-items .item {
   height: 110px
}

.pos-container .working-board .order-filter {
   background-color: #fff;
   border-bottom: solid 1px #ccc;
   margin-bottom: 5px;
   width: 300px
}

.pos-container .working-board .order-filter .timeslots {
   padding: 5px
}

.pos-container .working-board .order-filter .quantity {
   min-width: 10px;
   padding: 3px 7px;
   font-weight: 700;
   color: #fff;
   line-height: 1;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   background-color: #777;
   display: none;
   border-radius: 10px !important
}

.pos-container .working-board .order-filter .quantity.has-order {
   display: inline-block
}

.pos-container .working-board .order-stats {
   display: flex;
   flex-direction: row;
   background-color: #eee;
   margin: -5px -5px 0;
   padding: 3px 3px 0
}

.pos-container .working-board .order-stats .stat {
   border: solid 1px #ccc;
   margin: 0 5px 5px;
   padding: 3px
}

.pos-container .working-board .order-stats .stat:last-child {
   flex-grow: 1
}

.pos-container .working-board .order-list {
   flex-grow: 1;
   flex-flow: row wrap
}

.pos-container .working-board .order-list .order {
   display: inline-block;
   border-bottom: solid 1px #ccc;
   margin: 0 5px 10px;
   padding: 5px;
   position: relative;
   background: #fff;
   width: 250px;
   height: 110px
}

.pos-container .working-board .order-list .order .order__quantity {
   position: absolute;
   top: 5px;
   right: 5px
}

.pos-container .working-board .order-list .order .order__info {
   padding: 10px;
   font-size: 1.2em
}

.pos-container .working-board .order-list .order .order__info .order__pickup_time {
   display: inline-block
}

.pos-container .working-board .order-list .order .order__info .order__amount {
   display: inline-block
}

.pos-container .working-board .order-list .order .order__code {
   font-size: 1.4em;
   font-weight: 700;
   line-height: 1.2em;
   padding: 5px 5px 0
}

.pos-container .working-board .order-list .order .order__items .oitem {
   width: 100%;
   display: flex;
   margin-bottom: 5px;
   border: solid 1px #ccc
}

.pos-container .working-board .order-list .order .order__items .oitem:nth-child(even) {
   background-color: #eee
}

.pos-container .working-board .order-list .order .order__items .oitem:nth-child(odd) {
   background-color: #fff
}

.pos-container .working-board .order-list .order .order__items .oitem .oitem__info {
   flex-grow: 1
}

.pos-container .working-board .order-list .order .order__items .oitem>* {
   padding: 5px
}

.pos-container .working-board .order-list .order .order__items .oitem .oitem__quantity::after {
   content: "x"
}

.pos-container .working-board .order-list .order .order__items .oitem .action-cook {
   display: none
}

.pos-container .working-board .order-list .order.expanded .order__items {
   display: block
}

.pos-container .working-board .order-list.can-cook .action-cook {
   display: inline-block !important
}

.pos-container .working-board .order-list .order__actions {
   border-top: solid 1px #5cb85c;
   clear: both;
   padding: 10px
}

.pos-container .working-board .order-list .order__actions a.action {
   color: #228cdb;
   cursor: pointer
}

.pos-container .working-board .order-list .order-status-3 .action-cooked,
.pos-container .working-board .order-list .order-status-3 .action-pospone {
   display: inline-block
}

.pos-container .working-board .order-list .order-status-1 .action-cook {
   display: inline-block
}

.pos-container .working-board .order-list .order-status-4 .action-ready,
.pos-container .working-board .order-list .order-status-4 .action-recook {
   display: inline-block
}

.pos-container .working-board .order-list .order-status-6 .action-print-bill {
   display: inline-block
}

.pos-container .working-board .order-list.ready-list .order__items {
   display: none
}

.pos-container .working-board .food-list {
   display: flex;
   flex-wrap: wrap;
   padding: 3px 0;
   margin: 2px;
   overflow-y: auto
}

.pos-container .working-board .food-list .food {
   padding: 3px 10px;
   border: solid 1px #ccc;
   margin: 0 5px 5px 0;
   display: none
}

.pos-container .working-board .food-list .food.has-filted,
.pos-container .working-board .food-list .food.has-order {
   display: flex
}


.pos-container .working-board .cart__item {
   position: relative;
   display: flex;
   margin-bottom: 2px;
   border-top: solid 1px #d3d3d3;
   border-bottom: solid 1px #ccc;
   border-right: solid 1px #ccc
}

.pos-container .working-board .cart__item>* {
   padding: 3px 3px 0
}

.pos-container .working-board .cart__item.not-available {
   text-decoration: line-through !important
}

.pos-container .working-board .cart__item:nth-child(odd) {
   background-color: #eee
}

.pos-container .working-board .cart__item .item__ {
   width: 30px
}

.pos-container .working-board .cart__item .item__quantity {
   font-size: 1.5em;
   line-height: 1.25em;
   vertical-align: bottom;
   width: 22px;
   display: inline-block;
   text-align: center
}

.pos-container .working-board .cart__item .addon {
   margin-right: 5px;
   padding-right: 5px;
   border-right: dotted 1px #ccc
}

.pos-container .working-board .cart__item .addons {
   display: flex;
   flex-direction: row
}

.pos-container .working-board .cart__item .addons span {
   display: block;
   margin-right: 5px
}

.pos-container .working-board .cart__item .item__info {
   flex-grow: 1;
   position: relative
}

.pos-container .working-board .cart__item .item__info .item__note {
   width: 100%
}

.pos-container .working-board .cart__item .item__info textarea:placeholder-shown {
   height: auto !important
}

.pos-container .working-board .cart__item .item__amount {
   width: 50px;
   font-weight: 700
}

.pos-container .working-board .cart__item .js-item-setting {
   position: absolute;
   bottom: 3px;
   right: 3px
}

.product-addon-picker .header{
   font-size: .28em
}
.product-addon-picker .price {
   font-size: .14em
}

.product-addon-picker .addons .header {
   display: block
}

.product-addon-picker .addons label {
   min-width: 140px
}

.product-container {
   display: flex;
   flex-direction: column;
   height: 100vh;
   background: #f0f2f5
}

.product-container .page-header {
   margin: 5px 0 !important;
   padding: 5px
}

.product-container .page-header h1 {
   margin: 0
}

.product-container .page-header .toolbar-box {
   padding: 0 !important;
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
   display: flex
}

.product-container .page-header .toolbar-box a {
   margin-left: 10px
}

.product-container .working-board {
   flex-grow: 1;
   display: flex;
   flex-direction: row;
   overflow: hidden
}

.product-container .working-board .stack-col {
   min-width: 150px;
   margin-right: 10px;
   height: 100%;
   padding: 3px 3px 0;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background-color: #fff;
   -webkit-box-shadow: rgba(0, 0, 0, .2);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.product-container .working-board .stack-col .stack-col__title {
   font-weight: 700;
   font-size: 1.2em
}

.product-container .working-board .stack-col .stack-col__body {
   flex-grow: 1;
   overflow-y: auto
}

.product-container .working-board .stack-col:last-child {
   margin-right: 0
}

.product-container .working-board .stack-col-remain {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   background-color: #fff
}

.product-container .working-board .btn[data-status="3"] {
   background-color: #f7ffcb !important
}

.product-container .working-board .btn[data-status="1"] {
   background-color: #cbffe7 !important
}

.product-container .working-board .btn[data-status="6"] {
   background-color: #ff3719 !important
}

.product-container .working-board .filter-timeslots {
   max-height: 450px;
   overflow-y: auto
}

.product-container .working-board .product-filter {
   border-bottom: solid 1px #ccc;
   margin-bottom: 5px;
   min-width: 220px
}

.product-container .working-board .product-filter .timeslots {
   padding: 5px
}

.product-container .working-board .product-filter .quantity {
   min-width: 10px;
   padding: 3px 7px;
   font-weight: 700;
   color: #fff;
   line-height: 1;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   background-color: #777;
   display: none;
   border-radius: 10px !important
}

.product-container .working-board .product-filter .quantity.has-order {
   display: inline-block
}

.product-container .working-board .product-stats {
   display: flex;
   flex-direction: row;
   background-color: #eee;
   margin: -5px -5px 0;
   padding: 3px 3px 0
}

.product-container .working-board .product-stats .stat {
   border: solid 1px #ccc;
   margin: 0 5px 5px;
   padding: 3px
}

.product-container .working-board .product-stats .stat:last-child {
   flex-grow: 1
}

.product-container .working-board .product-list {
   flex-grow: 1;
   display: flex;
   flex-flow: column wrap
}

.product-container .working-board .product-list .divider {
   height: 100vh;
   width: 0;
   border: solid 1px;
   border-left-color: #aaa;
   border-right-color: #eee;
   border-top: 0;
   border-bottom: 0
}

.product-container .working-board .product-list .product {
   border: solid 1px #ccc;
   margin: 0 5px 10px;
   padding: 20px 10px 0;
   position: relative;
   background: #f7ffcb;
   width: 80px;
   display: inline-block;
   cursor: pointer;
   -webkit-box-shadow: rgba(0, 0, 0, .2);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.product-container .working-board .product-list .product .product__care_no {
   position: absolute;
   top: 0;
   right: 0;
   text-align: right
}

.product-container .working-board .product-list .product .product__care_no .time {
   font-size: 1.4em;
   font-weight: 700;
   display: block
}

.product-container .working-board .product-list .product .product__code {
   font-size: 1.4em;
   font-weight: 700;
   line-height: 1.2em;
   padding: 5px 5px 0;
   white-space: nowrap
}

.product-container .working-board .product-list .product.expanded .product__items {
   display: block
}

.product-container .working-board .product-list .product.product-status-1 {
   background-color: #cbffe7 !important
}

.product-container .working-board .product-list .product.product-status-6 {
   background-color: #ff3719 !important
}

.product-container .working-board .product-list.can-cook .action-cook {
   display: inline-block !important
}

.product-container .working-board .panel-filter.stack-col {
   max-width: 250px
}

.product-container .working-board .panel-filter .fcat {
   padding: 5px;
   border: solid 1px #ccc;
   width: 30%;
   margin: 0 2px 2px 0;
   display: inline-block
}

.product-container .working-board .panel-filter .fcat.has-filted,
.product-container .working-board .panel-filter .fcat.has-order {
   display: inline-block
}

.product-container .working-board .panel-filter .fstatus i.fa {
   display: none
}

.product-container .working-board .panel-filter .fstatus.selected i.fa {
   display: inline-block
}

#qdev_panel {
   display: none;
   position: absolute;
   z-index: 5000;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fff;
   overflow-y: auto
}

#qdev_panel.show {
   display: block !important
}

#qdev_panel_indicator {
   position: fixed;
   z-index: 5000;
   bottom: 0;
   background: #ffb6c1;
   left: 50%;
   transform: translateX(-50%);
   cursor: pointer
}

.qflex {
   display: flex
}

.qflex.qflex-hoz {
   flex-direction: column
}

.qflex.qflex-hoz-reverse {
   flex-direction: column-reverse
}

.qflex.qflex-from-right {
   flex-direction: row-reverse
}

.qflex.qflex-ver {
   flex-direction: row
}

.qflex .h {
   padding: 5px;
   height: 8%;
   flex-shrink: 0
}

.qflex .h-2 {
   height: 16%
}

.qflex .h-3 {
   height: 24%
}

.qflex .h-4 {
   height: 32%
}

.qflex .h-5 {
   height: 40%
}

.qflex .h-6 {
   height: 48%
}

.qflex .w {
   padding: 5px;
   width: 8.3%;
   flex-shrink: 0
}

.qflex .w-border-left {
   border-left: solid 1px #ccc;
   padding-left: 10px
}

.qflex .w-2 {
   width: 16.6% !important
}

.qflex .w-3 {
   width: 25.4% !important
}

.qflex .w-4 {
   width: 33.2% !important
}

.qflex .w-5 {
   width: 41.5% !important
}

.qflex .w-6 {
   width: 49.8% !important
}

.qflex .w-7 {
   width: 58.1% !important
}

.qflex .w-8 {
   width: 67.2% !important
}

.qflex .box-content {
   flex-grow: 1;
   padding: 5px;
   overflow: auto
}

body.has-right-bar .select2-container--open {
   z-index: 9999 !important
}

body.has-right-bar .modal-backdrop {
   z-index: 8000 !important
}

body.has-right-bar>.tooltip {
   z-index: 9999 !important
}

#page-sidebar {
   bottom: 0;
   position: fixed;
   right: -270px;
   top: 2px;
   transition: right .3s ease 0s;
   -webkit-transition: right .3s ease 0s;
   width: 270px;
   z-index: 6090;
   border-left: 1px solid #c8c7cc;
   border-top: 1px solid #c8c7cc;
   background: 0 0
}

#page-sidebar .sb-wrapper {
   height: 99vh;
   overflow: hidden
}

#page-sidebar .qdrawer {
   height: 100vh
}

#page-sidebar .qdrawer,
#page-sidebar .sidebar-content {
   display: flex;
   flex-direction: column
}

#page-sidebar .qdrawer .qdrawer-header,
#page-sidebar .sidebar-content .qdrawer-header {
   display: block;
   background: #228cdb;
   box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6);
   font-size: 2em;
   padding: 5px;
   margin: 0;
   color: #fff;
   position: relative;
   height: 50px;
   flex-shrink: 0
}

#page-sidebar .qdrawer .qdrawer-header .sb__pagetitle,
#page-sidebar .sidebar-content .qdrawer-header .sb__pagetitle {
   margin: 0;
   font-size: 20px;
   line-height: 20px;
   vertical-align: baseline;
   padding: 10px 2px 0 5px
}

#page-sidebar .qdrawer .qdrawer-header .sb__pagetitle small,
#page-sidebar .sidebar-content .qdrawer-header .sb__pagetitle small {
   color: #e6e4e4;
   font-size: .6em
}

#page-sidebar .qdrawer .qdrawer-header .action-box,
#page-sidebar .sidebar-content .qdrawer-header .action-box {
   display: inline-block;
   position: absolute;
   right: 0;
   top: 5px;
   padding: 0 5px
}

#page-sidebar .qdrawer .qdrawer-header .stats,
#page-sidebar .sidebar-content .qdrawer-header .stats {
   padding: 0 5px;
   margin-right: 3px;
   border-right: solid 1px #ccc;
   font-size: 18px !important;
   font-weight: bolder;
   line-height: .8em;
   margin-top: 4px
}

#page-sidebar .qdrawer .qdrawer-header .stats small,
#page-sidebar .sidebar-content .qdrawer-header .stats small {
   font-weight: 400;
   display: block;
   font-size: 10px
}

#page-sidebar .qdrawer .qdrawer-content,
#page-sidebar .sidebar-content .qdrawer-content {
   flex-grow: 1;
   overflow-y: auto
}

#page-sidebar .qdrawer .qdrawer-content::-webkit-scrollbar-track,
#page-sidebar .sidebar-content .qdrawer-content::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #f5f5f5
}

#page-sidebar .qdrawer .qdrawer-content::-webkit-scrollbar,
#page-sidebar .sidebar-content .qdrawer-content::-webkit-scrollbar {
   width: 7px;
   background-color: #f5f5f5
}

#page-sidebar .qdrawer .qdrawer-content::-webkit-scrollbar-thumb,
#page-sidebar .sidebar-content .qdrawer-content::-webkit-scrollbar-thumb {
   background-color: #0ae;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent))
}

#page-sidebar .qdrawer .qdrawer-content .sb-page,
#page-sidebar .sidebar-content .qdrawer-content .sb-page {
   display: flex;
   flex-direction: column;
   height: 100%
}

#page-sidebar .qdrawer .qdrawer-content .sb-page .sb-page-content,
#page-sidebar .sidebar-content .qdrawer-content .sb-page .sb-page-content {
   flex-grow: 1;
   overflow-y: auto;
   background-color: #fafafa;
   box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}

#page-sidebar .qdrawer .qdrawer-content .sb-page .sb-page-content::-webkit-scrollbar-track,
#page-sidebar .sidebar-content .qdrawer-content .sb-page .sb-page-content::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #f5f5f5
}

#page-sidebar .qdrawer .qdrawer-content .sb-page .sb-page-content::-webkit-scrollbar,
#page-sidebar .sidebar-content .qdrawer-content .sb-page .sb-page-content::-webkit-scrollbar {
   width: 7px;
   background-color: #f5f5f5
}

#page-sidebar .qdrawer .qdrawer-content .sb-page .sb-page-content::-webkit-scrollbar-thumb,
#page-sidebar .sidebar-content .qdrawer-content .sb-page .sb-page-content::-webkit-scrollbar-thumb {
   background-color: #0ae;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent))
}

#page-sidebar .qdrawer .qdrawer-content .sb-page .sb-page-footer,
#page-sidebar .sidebar-content .qdrawer-content .sb-page .sb-page-footer {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   flex-shrink: 0;
   padding: 5px;
   margin: 0;
   position: relative;
   height: 54px
}

#page-sidebar .qdrawer .qdrawer-content .sb-page .sb-page-footer .action-box,
#page-sidebar .sidebar-content .qdrawer-content .sb-page .sb-page-footer .action-box {
   margin-left: auto;
   display: inline-block;
   padding: 0 5px
}

#page-sidebar .sidebar-wrapper {
   position: absolute;
   right: 0;
   background: #f6f6f6;
   overflow: visible !important;
   box-shadow: -5px 0 5px 2px rgba(0, 0, 0, .6)
}

#page-sidebar .sidebar-wrapper .scroll-wrapper>.nav-tabs li a {
   border-left: none;
   border-top: none;
   background: 0 0
}

#page-sidebar .sidebar-wrapper .scroll-wrapper>.nav-tabs li.active a {
   background: #fff;
   border-bottom-color: transparent
}

#page-sidebar .sidebar-wrapper .scroll-wrapper>.tab-content {
   border: none;
   padding: 0;
   position: relative
}

#page-sidebar .has-overlay .overlay {
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   background-color: rgba(0, 0, 0, .4);
   opacity: 1;
   position: absolute;
   border: 0 !important
}

#page-sidebar .sidebar-close {
   width: 50px;
   height: 50px;
   border-top-left-radius: 20px !important;
   border-bottom-left-radius: 20px !important;
   background: #228cdb;
   position: absolute;
   top: 0;
   left: -50px;
   cursor: pointer;
   -webkit-transition: opacity .3s;
   transition: opacity .3s;
   box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}

#page-sidebar .sidebar-close-inner {
   width: 32px;
   height: 32px;
   border-radius: 50% !important;
   position: absolute;
   top: 9px;
   margin-top: 0;
   left: 30px;
   margin-left: -18px;
   transition: all .3s ease;
   border: 2px solid rgba(255, 255, 255, .7);
   background-color: rgba(0, 0, 0, .1);
   opacity: 1
}

#page-sidebar .sidebar-close-inner:after,
#page-sidebar .sidebar-close-inner:before {
   content: "";
   position: absolute;
   height: 2px;
   width: 16px;
   background-color: #fff;
   top: 50%;
   left: 50%
}

#page-sidebar .sidebar-close-inner:after {
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

#page-sidebar .sidebar-close-inner:before {
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

#page-sidebar #favorites,
#page-sidebar #users {
   position: relative;
   right: 0;
   top: 0;
   transition: right .3s ease 0s;
   -webkit-transition: right .3s ease 0s
}

#page-sidebar .user-chat {
   position: relative;
   left: 270px;
   top: 0
}

#page-sidebar .users-list {
   position: absolute;
   right: 0;
   left: 0;
   top: 0
}

#page-sidebar .media-list .media {
   border-bottom: 1px solid #c8c7cc;
   margin: 0
}

#page-sidebar .media-list .media a {
   padding: 10px;
   display: block
}

#page-sidebar .media-list .media a:hover {
   background: #d9d9d9;
   text-decoration: none
}

#page-sidebar .sidebar-title {
   color: #999;
   font-size: 11px;
   margin: 15px 10px 10px 10px;
   text-transform: uppercase
}

#page-sidebar .sidebar-back {
   color: #999;
   font-size: 11px;
   margin: 15px 0 10px 0;
   text-transform: uppercase
}

#page-sidebar .sidebar-back:hover {
   color: #555;
   text-decoration: none
}

#page-sidebar .media-list .media .media-object {
   border-radius: 50% !important;
   float: left;
   margin-right: 10px;
   opacity: .8;
   width: 40px
}

#page-sidebar .media-list .media .user-label {
   display: inline-block;
   margin-top: 10px;
   position: absolute;
   right: 25px
}

#page-sidebar .media-list .media .status-online {
   line-height: 40px;
   font-size: 6px;
   position: absolute;
   right: 10px;
   display: inline-block;
   color: #5cb85c
}

#page-sidebar .media-list .media .media-heading {
   color: #555;
   display: block;
   font-size: 13px;
   margin-bottom: 4px
}

#page-sidebar .media-list .media .media-body span {
   color: #bbb;
   display: block;
   font-size: 12px
}

#page-sidebar .discussion .avatar img {
   border-radius: 50% !important;
   width: 40px
}

#page-sidebar .discussion .messages {
   margin-top: 10px
}

#page-sidebar .discussion .messages p {
   font-size: 12px
}

#page-sidebar #recent_notification .media-list li {
   padding: 5px;
   border-bottom: solid 1px #ccc
}