.ajaxload-box {
  min-height: 180px;
  position: relative; }
  .ajaxload-box > .ajaxload-wait {
    z-index: 1000;
    display: none;
    position: absolute;
    top: 20px;
    left: 50%;
    padding: 20px 30px;
    margin-left: -125px;
    width: 250px;
    text-align: center;
    font-size: 1.5em;
    border: 1px solid #ddd;
    color: #999;
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
    .ajaxload-box > .ajaxload-wait > i {
      color: #aaa;
      margin-bottom: 10px; }
  .ajaxload-box > .ajaxload-empty {
    display: none; }

.select2-table.select2-drop {
  border: 1px solid #ddd;
  border-radius: 0; }
  .select2-table.select2-drop.select2-drop-above {
    border: 1px solid #ddd;
    border-radius: 0; }
    .select2-table.select2-drop.select2-drop-above > .select2-search > input {
      margin: 0; }
  .select2-table.select2-drop.select2-drop-active {
    border-color: #2196f3; }
  .select2-table.select2-drop > .select2-search {
    padding-top: 5px; }
    .select2-table.select2-drop > .select2-search > input {
      border-radius: 0;
      box-shadow: none;
      font-size: 0.9em;
      margin: 0; }

.btn-split {
  display: inline-block;
  height: 34px;
  /*
    background-color: #eee;
    border-left: #ccc solid 1px;
    */
  width: 2px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle; }

@media (max-width: 767px) {
  .nav-tabs {
    /*.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
    
    .nav-tabs > li:first-child {
        margin-left: 0;
    }
    
    .nav-tabs > li > a {
        border-radius: 0;
        margin-right: 0; // no need for the gap between nav items
        border: 1px solid #ddd;
    }
    .nav-tabs > li.active > a, 
    .nav-tabs > li.active > a:hover,
     .nav-tabs > li.active > a:focus {
        border: 1px solid #ddd;
        background-color: #f2f2f2;
    }
    
    .nav-tabs > li:first-child > a {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    
    .nav-tabs > li:last-child > a {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    
    .nav-tabs > .divider-vertical {
        width: auto;
        height: 1px;
        margin: 10px 0 8px 0;
        padding: 0;
        border-left: none;
        border-top: 1px dashed $color-light;
    }
    
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        border-color: #ddd;
        z-index: 2;
    }
    */ }
    .nav-tabs > li > a > .fa {
      font-size: 1.2em; }
      .nav-tabs > li > a > span {
        display: none; }

  .form-horizontal .control-group > .control-label {
    text-align: left;
    float: none;
    display: block;
    width: auto;
    margin-bottom: 5px; } }

.fileupload-list {
  margin: -3px; }
  .fileupload-list:before, .fileupload-list:after {
    content: " ";
    clear: both;
    display: table; }
  .fileupload-list > .fileupload-item, .fileupload-list > .fileupload-input {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    margin: 3px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s; }
    .fileupload-list > .fileupload-item:hover, .fileupload-list > .fileupload-input:hover {
      border-color: #ff9800; }
      .fileupload-list > .fileupload-item:hover > .btn-file-drop, .fileupload-list > .fileupload-input:hover > .btn-file-drop {
        display: block; }
    .fileupload-list > .fileupload-item:active, .fileupload-list > .fileupload-input:active {
      border-color: #2196f3;
      background-color: #e9f5fe; }
    .fileupload-list > .fileupload-item > .fa, .fileupload-list > .fileupload-input > .fa {
      font-size: 25px;
      line-height: 50px;
      color: #9e9e9e; }
    .fileupload-list > .fileupload-item > .btn-file-drop, .fileupload-list > .fileupload-input > .btn-file-drop {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 14px;
      line-height: 20px; }
  .fileupload-list > .fileupload-input {
    overflow: hidden; }
    .fileupload-list > .fileupload-input.fileupload-input-wait > .fa {
      color: #9e9e9e !important; }
      .fileupload-list > .fileupload-input.fileupload-input-wait > .fa::before {
        content: "\f110"; }
    .fileupload-list > .fileupload-input > input {
      cursor: pointer;
      direction: ltr;
      font-size: 80px;
      margin: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0; }

.fileupload-dummy {
  display: none;
  /*  
------ 
1
------
*/ }

.row + .row {
  margin-top: 20px; }

.row-xs {
  margin-left: -3px;
  margin-right: -3px; }
  .row-xs > .col-xs-1, .row-xs > .col-sm-1, .row-xs > .col-md-1, .row-xs > .col-lg-1, .row-xs > .col-xs-2, .row-xs > .col-sm-2, .row-xs > .col-md-2, .row-xs > .col-lg-2, .row-xs > .col-xs-3, .row-xs > .col-sm-3, .row-xs > .col-md-3, .row-xs > .col-lg-3, .row-xs > .col-xs-4, .row-xs > .col-sm-4, .row-xs > .col-md-4, .row-xs > .col-lg-4, .row-xs > .col-xs-5, .row-xs > .col-sm-5, .row-xs > .col-md-5, .row-xs > .col-lg-5, .row-xs > .col-xs-6, .row-xs > .col-sm-6, .row-xs > .col-md-6, .row-xs > .col-lg-6, .row-xs > .col-xs-7, .row-xs > .col-sm-7, .row-xs > .col-md-7, .row-xs > .col-lg-7, .row-xs > .col-xs-8, .row-xs > .col-sm-8, .row-xs > .col-md-8, .row-xs > .col-lg-8, .row-xs > .col-xs-9, .row-xs > .col-sm-9, .row-xs > .col-md-9, .row-xs > .col-lg-9, .row-xs > .col-xs-10, .row-xs > .col-sm-10, .row-xs > .col-md-10, .row-xs > .col-lg-10, .row-xs > .col-xs-11, .row-xs > .col-sm-11, .row-xs > .col-md-11, .row-xs > .col-lg-11, .row-xs > .col-xs-12, .row-xs > .col-sm-12, .row-xs > .col-md-12, .row-xs > .col-lg-12, .row-xs.row-autosize > div {
    padding-left: 3px;
    padding-right: 3px; }

.row-sm {
  margin-left: -5px;
  margin-right: -5px; }
  .row-sm > .col-xs-1, .row-sm > .col-sm-1, .row-sm > .col-md-1, .row-sm > .col-lg-1, .row-sm > .col-xs-2, .row-sm > .col-sm-2, .row-sm > .col-md-2, .row-sm > .col-lg-2, .row-sm > .col-xs-3, .row-sm > .col-sm-3, .row-sm > .col-md-3, .row-sm > .col-lg-3, .row-sm > .col-xs-4, .row-sm > .col-sm-4, .row-sm > .col-md-4, .row-sm > .col-lg-4, .row-sm > .col-xs-5, .row-sm > .col-sm-5, .row-sm > .col-md-5, .row-sm > .col-lg-5, .row-sm > .col-xs-6, .row-sm > .col-sm-6, .row-sm > .col-md-6, .row-sm > .col-lg-6, .row-sm > .col-xs-7, .row-sm > .col-sm-7, .row-sm > .col-md-7, .row-sm > .col-lg-7, .row-sm > .col-xs-8, .row-sm > .col-sm-8, .row-sm > .col-md-8, .row-sm > .col-lg-8, .row-sm > .col-xs-9, .row-sm > .col-sm-9, .row-sm > .col-md-9, .row-sm > .col-lg-9, .row-sm > .col-xs-10, .row-sm > .col-sm-10, .row-sm > .col-md-10, .row-sm > .col-lg-10, .row-sm > .col-xs-11, .row-sm > .col-sm-11, .row-sm > .col-md-11, .row-sm > .col-lg-11, .row-sm > .col-xs-12, .row-sm > .col-sm-12, .row-sm > .col-md-12, .row-sm > .col-lg-12, .row-sm.row-autosize > div {
    padding-left: 5px;
    padding-right: 5px; }

.row-md {
  margin-left: -10px;
  margin-right: -10px; }
  .row-md > .col-xs-1, .row-md > .col-sm-1, .row-md > .col-md-1, .row-md > .col-lg-1, .row-md > .col-xs-2, .row-md > .col-sm-2, .row-md > .col-md-2, .row-md > .col-lg-2, .row-md > .col-xs-3, .row-md > .col-sm-3, .row-md > .col-md-3, .row-md > .col-lg-3, .row-md > .col-xs-4, .row-md > .col-sm-4, .row-md > .col-md-4, .row-md > .col-lg-4, .row-md > .col-xs-5, .row-md > .col-sm-5, .row-md > .col-md-5, .row-md > .col-lg-5, .row-md > .col-xs-6, .row-md > .col-sm-6, .row-md > .col-md-6, .row-md > .col-lg-6, .row-md > .col-xs-7, .row-md > .col-sm-7, .row-md > .col-md-7, .row-md > .col-lg-7, .row-md > .col-xs-8, .row-md > .col-sm-8, .row-md > .col-md-8, .row-md > .col-lg-8, .row-md > .col-xs-9, .row-md > .col-sm-9, .row-md > .col-md-9, .row-md > .col-lg-9, .row-md > .col-xs-10, .row-md > .col-sm-10, .row-md > .col-md-10, .row-md > .col-lg-10, .row-md > .col-xs-11, .row-md > .col-sm-11, .row-md > .col-md-11, .row-md > .col-lg-11, .row-md > .col-xs-12, .row-md > .col-sm-12, .row-md > .col-md-12, .row-md > .col-lg-12, .row-md.row-autosize > div {
    padding-left: 10px;
    padding-right: 10px; }

.row-autosize > div {
  float: left;
  min-height: 1px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }
  .row-autosize.row-col-md-2 > div {
    width: 16.6667%; }
  .row-autosize.row-col-md-3 > div {
    width: 25%; }
  .row-autosize.row-col-md-4 > div {
    width: 33.33333%; }
  .row-autosize.row-col-md-6 > div {
    width: 50%; }

.row-form-horizontal > div {
  padding-top: 7px; }

.undialog {
  margin-top: 15px;
  padding: 0 15px; }
  .undialog > ul {
    padding-left: 40px; }
    .undialog > ul > li {
      list-style-type: disc; }
      .undialog > ul > li > strong {
        color: #f44336; }
  .undialog.undialog-error > ul {
    margin: 15px 0;
    padding: 10px 10px 10px 40px;
    border: 1px solid #faa19b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 4px; }

body, label, input, button, select, textarea {
  font-family: Tahoma;
  font-size: 14px;
  color: #000; }

h1, h2, h3, ul, li, dl, dd, dt {
  margin-top: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Tahoma; }

label {
  font-weight: normal; }

ul li {
  list-style: none; }

table, iframe {
  width: 100%; }

img {
  max-width: none; }

fieldset {
  margin-bottom: 20px; }

.alert {
  border-left-width: 7px;
  border-radius: 0; }

.alert-sm {
  padding: 8px 14px; }

.alert.alert-success .form-header {
  border-bottom-color: #d6e9c6; }

.caption h3 {
  margin-bottom: 15px; }

.carousel {
  margin-bottom: 20px; }

.carousel-control {
  opacity: 0; }

.carousel-indicators li {
  background-color: #fff;
  border: 1px solid #000; }

.carousel-indicators li.active {
  background-color: #333; }

.carousel-image-bg {
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }

.carousel-caption-label {
  padding-top: 10px; }

.carousel-caption-label a {
  color: #fff; }

.carousel-caption-label a:hover {
  color: #ccc; }

.checkbox-sm {
  margin-top: 5px;
  margin-bottom: 5px; }

.container.container-left {
  margin: 0; }

*:focus, a:focus, .btn:focus {
  outline: none; }

*::-moz-focus-inner {
  border: 0;
  outline: none; }

a.label-primary:hover {
  color: #fff;
  background-color: #2a6496; }

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 0; }

.modal {
  overflow-y: auto; }

.row.row-pad-sm {
  margin-left: -8px;
  margin-right: -8px; }
  .row.row-pad-sm > div {
    padding-left: 8px;
    padding-right: 8px; }

.has-feedback > .form-control-feedback {
  display: block;
  line-height: 34px; }

.input-lg + .form-control-feedback.fa.fa-lg {
  line-height: 46px; }

.navbar-nav.navbar-right:last-child {
  margin-right: 0; }

.navbar-nav > .divider-vertical {
  width: 15px;
  height: 40px;
  margin-top: 5px;
  margin-left: 15px;
  border-left: 1px dashed #bcbcbc; }

.nav-pills > li.active > a > i, .nav-pills > li.active > a:hover > i, .nav-pills > li.active > a:focus > i {
  color: #fff !important; }

.nav-pills > li.active > a > .badge, .nav-pills > li.active > a:hover > .badge, .nav-pills > li.active > a:focus > .badge {
  background-color: #fff !important; }

.navbar-form.navbar-right {
  margin-right: -15px; }
  .navbar-form.navbar-right + .navbar-form.navbar-right {
    margin-right: 0; }

.navbar-quota {
  padding: 7px 0;
  margin: 0 -15px;
  font-size: 18px;
  font-weight: bold;
  color: #777;
  line-height: 20px; }

.panel, .panel-body {
  display: block; }

.panel-color {
  border-color: #bcbcbc; }

.panel-color hr {
  border-top-color: #bcbcbc; }

.panel-sm > .panel-heading, .panel-heading-sm {
  padding: 5px 8px; }

.panel-sm > .panel-body, .panel-body-sm {
  padding: 6px 9px; }

.form-horizontal .help-block {
  margin-bottom: 0; }

.fa-muted {
  opacity: 0.3; }

.fa.tooltip-up {
  cursor: default; }

.fa.fa-lg {
  line-height: normal;
  vertical-align: top; }

.fa-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.fa-rotate-135 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.fa-rotate-225 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg); }

.fa-rotate-315 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg); }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-sortable-helper td {
  background: white; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-effects-transfer {
  border: 1px dashed black; }

.hideout {
  display: none; }

.cursor-point {
  cursor: pointer !important; }

.cursor-move {
  cursor: move !important; }

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

a {
  cursor: pointer; }

h2 > .fa-lg {
  margin-top: -3px; }

.icon-edit.fa-cog {
  cursor: pointer; }
  .icon-edit.fa-cog:hover {
    color: #f44336; }

.blockquote {
  padding: 0 5% 0 10%;
  font: 1.5em serif;
  color: #666; }

.blockquote:before, blockquote:after {
  display: block;
  font-size: 200%;
  color: #ccc; }

.blockquote:before {
  content: open-quote;
  margin-left: -10%;
  height: 0; }

.blockquote:after {
  content: close-quote;
  margin-left: 100%;
  margin-top: -33px;
  height: 33px; }

@media (max-width: 480px) {
  .btn-responsive-block {
    display: block; } }

.div-bordered {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  transition: background-color 0.5s; }
  .div-bordered > .legend {
    padding: 0;
    margin: 0;
    color: #999; }
  .div-bordered > .table:last-child {
    margin-bottom: 0; }

.div-dashed {
  padding: 15px;
  background-color: #fff;
  border: 1px dashed #ddd; }

.div-thick {
  padding: 15px;
  background-color: #fff;
  border: 4px solid #eee; }

.div-box > .header {
  margin-bottom: 10px;
  padding: 0; }
  .div-box.div-bordered, .div-box.div-dashed {
    padding: 10px;
    border-color: #262626; }
  .div-box.div-thick {
    padding: 10px;
    border-color: #141414; }

.div-radius {
  border-radius: 4px; }

.div-radius-lg {
  border-radius: 8px; }

.div-pad-lg {
  padding: 25px; }

.div-pad-md {
  padding: 15px; }

.div-pad-sm, .modal-body.div-pad-sm {
  padding: 8px; }

.div-bordered > h2 {
  padding: 0;
  margin-bottom: 20px; }

.div-hover:hover {
  background-color: #eee; }

.div-active {
  border-color: #ffc107;
  background-color: #fff8e1; }
  .div-active.div-hover:hover {
    background-color: #ffecb3; }

.div-main {
  border-color: #c5cae9;
  background-color: #e8eaf6; }
  .div-main.div-main:hover {
    background-color: #c5cae9; }

.div-placeholder {
  height: 8px;
  background: #f0ad4e;
  border-radius: 5px; }

.h300 {
  height: 300px; }

.h400 {
  height: 400px; }

.w200 {
  width: 200px; }

.w400 {
  width: 400px; }

.w600 {
  width: 600px; }

.w800 {
  width: 800px; }

.w900 {
  width: 900px; }

.dp-block {
  display: block; }

.dp-inlineblock {
  display: inline-block; }

.of-hidden {
  overflow: hidden; }

.div-table {
  width: 100%;
  display: table; }

.guide-h, .guide-v {
  display: none;
  position: absolute;
  left: 0;
  top: 0; }

.guide-h {
  border-top: 1px dashed #3f51b5;
  width: 100%; }

.guide-v {
  border-left: 1px dashed #3f51b5;
  height: 100%; }

@media (max-width: 767px) {
  .div-table {
    display: block; } }

.dl-horizontal dd {
  margin-bottom: 15px;
  min-height: 20px; }

.dl-horizontal dd:last-child {
  margin-bottom: 0; }

.dl-horizontal-sm dt {
  width: 100px; }

.dl-horizontal-sm dd {
  margin-left: 120px; }

.dl-horizontal-xs dt {
  width: 80px;
  font-size: 9pt; }

.dl-horizontal-xs dd {
  margin-left: 90px;
  margin-bottom: 8px;
  font-size: 9pt; }

form > fieldset:last-child {
  margin-bottom: 0; }

.form-horizontal .control-group {
  margin-bottom: 20px; }

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
  content: "";
  display: table;
  line-height: 0; }

.form-horizontal .control-group:last-child {
  margin-bottom: 0; }

.form-horizontal .control-group > .control-label {
  float: left;
  padding-top: 7px;
  text-align: right;
  width: 160px; }

.form-horizontal .control-group > .controls {
  min-height: 34px;
  margin-left: 180px; }

.form-horizontal .control-group > .controls > .radio, .form-horizontal .control-group > .controls > .checkbox {
  cursor: pointer;
  padding-top: 7px;
  font-weight: normal; }

.form-horizontal .control-group > .controls > .checkbox > input[type="radio"], .form-horizontal .control-group > .controls > .checkbox > input[type="checkbox"] {
  margin-top: 3px; }

.form-horizontal-sm .control-group > .control-label {
  width: 100px; }

.form-horizontal-sm .control-group > .controls {
  min-height: 34px;
  margin-left: 120px; }

.form-horizontal-xs .control-group > .control-label {
  width: 60px; }

.form-horizontal-xs .control-group > .controls {
  margin-left: 80px; }

.form-horizontal .has-feedback .form-control-feedback {
  right: 0; }

.input-sm + .form-control-feedback {
  height: 30px;
  line-height: 30px; }

.controls > .text {
  display: block;
  padding-top: 7px; }

.form-horizontal .control-group > .controls .form-inline {
  margin-bottom: 0; }

.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle; }

.form-input-other.form-inline {
  margin-bottom: 0; }
  .form-input-other.form-inline > .radio-inline {
    padding-top: 7px;
    padding-bottom: 7px; }
  .form-input-other > select + input, .form-input-other > input + input {
    margin-left: 10px; }
  .form-input-other > .input-other-field {
    display: none; }

@media (max-width: 767px) {
  .form-horizontal .control-group > .controls {
    margin-left: 0; }

  .form-horizontal .control-group > .controls .form-control, .form-horizontal .control-group > .controls .input-group {
    max-width: none; } }

@media (max-width: 480px) {
  .form-horizontal-xs .control-label, .form-horizontal-sm .control-label {
    width: auto; }

  .form-horizontal-xs .controls, .form-horizontal-sm .controls {
    margin-left: 0; }

  .form-header, .form-horizontal .control-group {
    margin-bottom: 10px; } }

.page-content > h1, h1 {
  margin-bottom: 15px;
  font-size: 18pt; }

h1 > .fa {
  font-size: 1.2em;
  margin-top: -4px;
  margin-right: 5px; }

h1 > .help, h2 > .help, .help-btn {
  font-size: 9pt;
  color: #93cbf9;
  border: 1px solid #93cbf9;
  background-color: #fff;
  border-radius: 3px;
  padding: 3px 5px; }
  h1 > .help:hover, h2 > .help:hover, .help-btn:hover {
    color: #478fca; }

h1 + h2 {
  font-size: 11pt;
  margin-top: -15px;
  margin-bottom: 15px; }

h1 > small, h1 > a > small {
  font-size: 14pt;
  font-weight: normal; }

h1 > a:hover > small {
  color: #666; }

h1 + .nav {
  margin-left: 60px; }

h2 {
  padding: 5px 0;
  font-weight: bold;
  font-size: 14pt; }

h2 > i {
  margin-right: 5px; }

h3 {
  padding: 5px 0;
  font-weight: bold;
  font-size: 12pt; }

h3 > i {
  margin-right: 5px; }

h4 {
  font-size: 11pt; }

.title-stack > .fa-stack {
  float: left;
  margin-right: 10px; }

.title-stack > .title-box {
  display: table;
  overflow: hidden; }

.title-stack > .title-box > .title-cell {
  display: table-cell;
  vertical-align: middle;
  height: 64px; }

.hr-sm {
  margin: 10px 0; }

.hr-md {
  margin: 15px 0; }

.hr-lg {
  margin: 40px 0; }

.img-fw {
  width: 100%; }

.img-sq20 {
  height: 20px !important;
  width: 20px !important; }

.img-sq32 {
  height: 32px !important;
  width: 32px !important; }

.img-sq32.img-thumbnail {
  height: 42px !important;
  width: 42px !important; }

.img-sq40 {
  height: 40px !important;
  width: 40px !important; }

.img-sq60 {
  height: 40px !important;
  width: 40px !important; }

.img-sq80 {
  height: 80px !important;
  width: 80px !important; }

.img-sq100 {
  height: 100px !important;
  width: 100px !important; }

.img-sq150 {
  height: 150px !important;
  width: 150px !important; }

.n {
  font-weight: normal; }

.b {
  font-weight: bold; }

.i {
  font-style: italic; }

.u {
  text-decoration: underline; }

.link {
  cursor: pointer; }

.title-wrap {
  margin-bottom: 20px; }
  .title-wrap > h1, .title-wrap > h2 {
    float: left;
    padding: 0;
    margin: 0; }
  .title-wrap > .btn-wrap, .title-wrap > .pull-right {
    float: right; }
  .title-wrap:before, .title-wrap:after {
    content: " ";
    display: table; }
  .title-wrap:after {
    clear: both; }

.no-border {
  border: none; }

.no-margin {
  margin: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.push-up {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate; }

.push-up-sm {
  margin-top: 10px;
  -webkit-margin-top-collapse: separate; }

.push-up-xs {
  margin-top: 5px;
  -webkit-margin-top-collapse: separate; }

.push-up-lg {
  margin-top: 40px;
  -webkit-margin-top-collapse: separate; }

.push-down {
  margin-bottom: 20px; }

.push-down-sm {
  margin-bottom: 10px; }

.push-down-lg {
  margin-bottom: 40px; }

.push-left {
  margin-left: 20px; }

.push-left-sm {
  margin-left: 10px; }

.push-left-lg {
  margin-left: 40px; }

.push-right {
  margin-right: 20px; }

.push-right-sm {
  margin-right: 10px; }

.push-right-lg {
  margin-right: 40px; }

.black, .black-hover:hover {
  color: #333 !important; }

.black-bg, .black-bg-hover:hover {
  background-color: #333 !important; }

.white, .white-hover:hover {
  color: #fff !important; }

.white-bg, .white-bg-hover:hover {
  background-color: #fff !important; }

.red, .red-hover:hover, .red-active.active {
  color: #f44336 !important; }

.red-border, .red-border-hover:hover {
  border-color: #f44336 !important; }

.red-bg, .red-bg-hover:hover {
  background-color: #f44336 !important; }

.pink, .pink-hover:hover, .pink-active.active {
  color: #e91e63 !important; }

.pink-border, .pink-border-hover:hover {
  border-color: #e91e63 !important; }

.pink-bg, .pink-bg-hover:hover {
  background-color: #e91e63 !important; }

.purple, .purple-hover:hover, .purple-active.active {
  color: #9c27b0 !important; }

.purple-border, .purple-border-hover:hover {
  border-color: #9c27b0 !important; }

.purple-bg, .purple-bg-hover:hover {
  background-color: #9c27b0 !important; }

.purple-deep, .purple-deep-hover:hover, .purple-deep-active.active {
  color: #673ab7 !important; }

.purple-deep-border, .purple-deep-border-hover:hover {
  border-color: #673ab7 !important; }

.purple-deep-bg, .purple-deep-bg-hover:hover {
  background-color: #673ab7 !important; }

.indigo, .indigo-hover:hover, .indigo-active.active {
  color: #3f51b5 !important; }

.indigo-border, .indigo-border-hover:hover {
  border-color: #3f51b5 !important; }

.indigo-bg, .indigo-bg-hover:hover {
  background-color: #3f51b5 !important; }

.blue, .blue-hover:hover, .blue-active.active {
  color: #2196f3 !important; }

.blue-border, .blue-border-hover:hover {
  border-color: #2196f3 !important; }

.blue-bg, .blue-bg-hover:hover {
  background-color: #2196f3 !important; }

.blue-light, .blue-light-hover:hover, .blue-light-active.active {
  color: #03a9f4 !important; }

.blue-light-border, .blue-light-border-hover:hover {
  border-color: #03a9f4 !important; }

.blue-light-bg, .blue-light-bg-hover:hover {
  background-color: #03a9f4 !important; }

.cyan, .cyan-hover:hover, .cyan-active.active {
  color: #00bcd4 !important; }

.cyan-border, .cyan-border-hover:hover {
  border-color: #00bcd4 !important; }

.cyan-bg, .cyan-bg-hover:hover {
  background-color: #00bcd4 !important; }

.teal, .teal-hover:hover, .teal-active.active {
  color: #009688 !important; }

.teal-border, .teal-border-hover:hover {
  border-color: #009688 !important; }

.teal-bg, .teal-bg-hover:hover {
  background-color: #009688 !important; }

.green, .green-hover:hover, .green-active.active {
  color: #4caf50 !important; }

.green-border, .green-border-hover:hover {
  border-color: #4caf50 !important; }

.green-bg, .green-bg-hover:hover {
  background-color: #4caf50 !important; }

.green-light, .green-light-hover:hover, .green-light-active.active {
  color: #8bc34a !important; }

.green-light-border, .green-light-border-hover:hover {
  border-color: #8bc34a !important; }

.green-light-bg, .green-light-bg-hover:hover {
  background-color: #8bc34a !important; }

.lime, .lime-hover:hover, .lime-active.active {
  color: #cddc39 !important; }

.lime-border, .lime-border-hover:hover {
  border-color: #cddc39 !important; }

.lime-bg, .lime-bg-hover:hover {
  background-color: #cddc39 !important; }

.yellow, .yellow-hover:hover, .yellow-active.active {
  color: #ffeb3b !important; }

.yellow-border, .yellow-border-hover:hover {
  border-color: #ffeb3b !important; }

.yellow-bg, .yellow-bg-hover:hover {
  background-color: #ffeb3b !important; }

.amber, .amber-hover:hover, .amber-active.active {
  color: #ffc107 !important; }

.amber-border, .amber-border-hover:hover {
  border-color: #ffc107 !important; }

.amber-bg, .amber-bg-hover:hover {
  background-color: #ffc107 !important; }

.orange, .orange-hover:hover, .orange-active.active {
  color: #ff9800 !important; }

.orange-border, .orange-border-hover:hover {
  border-color: #ff9800 !important; }

.orange-bg, .orange-bg-hover:hover {
  background-color: #ff9800 !important; }

.orange-deep, .orange-deep-hover:hover, .orange-deep-active.active {
  color: #ff5722 !important; }

.orange-deep-border, .orange-deep-border-hover:hover {
  border-color: #ff5722 !important; }

.orange-deep-bg, .orange-deep-bg-hover:hover {
  background-color: #ff5722 !important; }

.brown, .brown-hover:hover, .brown-active.active {
  color: #795548 !important; }

.brown-border, .brown-border-hover:hover {
  border-color: #795548 !important; }

.brown-bg, .brown-bg-hover:hover {
  background-color: #795548 !important; }

.grey, .grey-hover:hover, .grey-active.active {
  color: #9e9e9e !important; }

.grey-border, .grey-border-hover:hover {
  border-color: #9e9e9e !important; }

.grey-bg, .grey-bg-hover:hover {
  background-color: #9e9e9e !important; }

.grey-blue, .grey-blue-hover:hover, .grey-blue-active.active {
  color: #607d8b !important; }

.grey-blue-border, .grey-blue-border-hover:hover {
  border-color: #607d8b !important; }

.grey-blue-bg, .grey-blue-bg-hover:hover {
  background-color: #607d8b !important; }

.shadow-1, .shadow-1-hover:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-2, .shadow-2-hover:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.shadow-3, .shadow-3-hover:hover {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.shadow-4, .shadow-4-hover:hover {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.shadow-5, .shadow-5-hover:hover {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.navbar-box {
  margin-bottom: 20px; }
  .navbar-box > .navbar {
    min-height: 0;
    margin-bottom: 0; }
  .navbar-box > .navbar > .navbar-header {
    float: left; }
    .navbar-box > .navbar > .navbar-header > .navbar-brand {
      height: auto;
      font-size: 24px;
      font-weight: bold;
      padding: 0 30px 0 50px; }
    .navbar-box > .navbar > .navbar-header > .navbar-brand > .navbar-brand-icon {
      float: left;
      font-size: 30px;
      margin-left: -50px; }
    .navbar-box > .navbar > .navbar-header > .navbar-brand > .navbar-brand-text {
      margin-bottom: 0; }
    .navbar-box > .navbar > .navbar-header > .navbar-toggle {
      margin: 4px 0;
      background-color: #eee;
      transition: background-color 0.5s; }
    .navbar-box > .navbar > .navbar-header > .navbar-toggle > .icon-bar {
      background: #fff; }
    .navbar-box > .navbar > .navbar-header > .navbar-toggle:hover {
      background-color: #ff892a; }
  .navbar-box > .navbar .navbar-nav {
    padding: 7px 0; }
  .navbar-box > .navbar .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px; }
  .navbar-box > .navbar > .navbar-collapse > .navbar-right:first-child {
    padding-right: 0; }
  .navbar-box > .navbar .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px; }
    .navbar-box > .navbar .navbar-nav > li > a:hover, .navbar-box > .navbar .navbar-nav > li > a:focus {
      background: none;
      color: #dd5a43; }
    .navbar-box > .navbar .navbar-nav > li.open > a, .navbar-box > .navbar .navbar-nav > li.open > a:hover, .navbar-box > .navbar .navbar-nav > li.open > a:focus {
      background: none; }
    .navbar-box > .navbar .navbar-nav > li.active > a {
      font-weight: bold;
      color: #478fca; }
    .navbar-box > .navbar .navbar-nav > li > .dropdown-menu {
      margin-top: -5px;
      border-radius: 4px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

@media (max-width: 480px) {
  .navbar-box > .navbar > .navbar-header > .navbar-brand {
    float: none;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

.table > thead > tr > th {
  font-size: 85%;
  text-align: left; }
  .table > thead > tr > th.text-center {
    text-align: center; }
  .table > thead > tr > th.text-right {
    text-align: right; }
  .table > tbody > tr > td .icon-move {
    cursor: move; }
    .table > tbody > tr > td .icon-move:hover {
      color: #f44336; }
  .table > tbody > tr > td .btn.btn-xs {
    padding-top: 0;
    padding-bottom: 0; }
  .table > tbody > tr > td a + a {
    margin-left: 10px; }
  .table > tfoot {
    font-weight: bold; }
  .table .input-td {
    padding-top: 6px;
    padding-bottom: 5px; }
  .table .input-td input.form-control, .table .input-td select.form-control, .table .input-td textarea.form-control, .table .input-td .input-group > input.form-control {
    padding: 2px 0;
    border: none;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    background: none;
    box-shadow: none;
    height: 25px;
    transition: background-color 0.2s; }
  .table .input-td input.form-control:hover, .table .input-td select.form-control:hover, .table .input-td textarea.form-control:hover, .table .input-td .input-group > input.form-control:hover {
    background-color: #f4fafe;
    border-bottom-color: #2196f3; }
  .table .input-td input.form-control:focus, .table .input-td select.form-control:focus, .table .input-td textarea.form-control:focus, .table .input-td .input-group > input.form-control:focus {
    border-bottom: 1px solid #2196f3;
    background: #fff; }
  .table .input-td textarea.input-elastic {
    min-height: 25px;
    height: 25px;
    line-height: 1; }
  .table .input-td .icon-datepicker {
    margin: 0;
    line-height: 24px; }
  .table .input-td .icon-datepicker:before {
    margin: 0; }
  .table .input-td .icon-datepicker + .input-datepicker, .table .input-td .icon-datepicker + .input-datepicker-set {
    padding-left: 18px; }
  .table .input-td .select2-container {
    padding: 0; }
  .table .input-td .select2-container > .select2-choice {
    border: none;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    background: none;
    box-shadow: none;
    height: 25px; }
  .table .input-td .select2-container > .select2-choice > .select2-chosen {
    padding: 2px 0; }
  .table .input-td .select2-container > .select2-choice > .select2-arrow {
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 0; }
    .table .input-td .select2-container > .select2-choice > .select2-arrow > b {
      background-position: 0 -1px; }
  .table .input-td .input-group > .input-group-btn > .btn {
    border: none;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    background: none;
    padding: 2px 5px;
    text-shadow: none;
    box-shadow: none; }
  .table .input-td .input-group > .input-group-addon {
    border: none;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    padding: 2px 5px;
    background: none; }
  .table .input-td .input-group > .input-group-addon:last-child {
    padding-left: 10px; }
  .table .input-td .radio-inline {
    padding-top: 0; }
  .table .input-td .radio-inline > label {
    margin-bottom: 0; }
  .table .input-td .btn {
    padding: 2px;
    font-size: 0.9em;
    line-height: 19px; }

.table-bordered {
  empty-cells: show; }

.table-hover > tbody > tr:hover {
  background-color: #ffface; }

.v-mid {
  vertical-align: middle; }

.table-sorter tr .handle {
  text-align: center; }

.table-sorter tr .handle i {
  visibility: hidden; }

.table-sorter .placeholder > td {
  background-color: #93cbf9 !important;
  border-bottom: 1px solid #93cbf9; }

.table-sorter tr:hover .handle i {
  visibility: visible;
  cursor: move; }

.table-width-auto {
  width: auto; }

.table-fixed {
  table-layout: fixed; }
  .table-fixhead-head {
    border-radius: 4px 4px 0 0; }

.table-fixhead-head thead:last-child tr:last-child > th:first-child, .table-fixhead-head thead:last-child tr:last-child > th:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.table-fixhead-body {
  margin-top: -1px;
  overflow: hidden;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 4px 4px; }

.table-fixhead-body tbody:first-child tr:first-child > td:first-child, .table-fixhead-body tbody:first-child tr:first-child > td:last-child {
  border-radius: 0; }

.table-fixhead-body > table {
  border: none; }

.table-fixhead-body tbody > tr > td:first-child {
  border-left: none; }

.table-data {
  border: 1px solid #ddd;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); }

.table .new .hide-new {
  display: none; }

.table-acp th {
  text-align: center;
  padding: 8px 10px;
  border-left: 1px solid #eee;
  border-bottom: 2px solid #ddd;
  font-size: 10pt; }

.table-acp th.l {
  text-align: left; }

.table-acp th.r {
  text-align: right; }

.table-acp th:first-child {
  border-left: none; }

.table-acp td {
  padding: 10px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee; }

.table-acp td.c {
  text-align: center; }

.table-acp td.r {
  text-align: right; }

.table-acp td:first-child {
  border-left: none; }

.table-acp .data-move {
  display: none;
  color: #777;
  margin-top: 3px;
  margin-left: -8px;
  float: left;
  cursor: move; }

.table-acp > tbody > tr:hover > td {
  background-color: #f5f5f5; }

.table-acp > tbody > tr:hover > td > .data-move {
  display: block; }

.table-acp > tbody > tr:hover > td > .data-move:hover {
  color: #478fca; }

.table-acp > tbody > tr.placeholder > td {
  background: #f0ad4e;
  border-left: none; }

.table-acp.table-acp-bordered {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px; }

.table .has-info, .table .has-info td {
  background-color: #d9edf7; }

.table .has-warning, .table .has-warning td {
  background-color: #fcf8e3; }

.table .has-danger, .table .has-danger td {
  background-color: #f2dede; }

.table .has-success, .table .has-success td {
  background-color: #dff0d8; }

@media (max-width: 480px) {
  .table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive tfoot, .table-responsive th, .table-responsive td, .table-responsive tr {
    display: block; }

  .table-responsive {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0; }
    .table-responsive > thead > tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .table-responsive > tbody > tr {
      border-top: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      margin-bottom: 15px; }
      .table-responsive > tbody > tr:hover {
        border-color: #ccc; }
        .table-responsive > tbody > tr:hover > td {
          border-bottom-color: #ccc; }
      .table-responsive > tbody > tr > td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;
        white-space: normal;
        text-align: left;
        min-height: 20px;
        border-radius: 0;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; }
        .table-responsive > tbody > tr > td:before {
          position: absolute;
          top: 8px;
          left: 8px;
          width: 35%;
          padding-right: 10px;
          white-space: nowrap;
          text-align: left;
          font-weight: bold;
          overflow: hidden;
          text-overflow: ellipsis;
          box-sizing: content-box;
          -moz-box-sizing: content-box;
          -webkit-box-sizing: content-box;
          content: attr(data-title); }
        .table-responsive > tbody > tr > td.text-center, .table-responsive > tbody > tr > td.text-right {
          text-align: left; }
    .table-responsive .table-responsive-hide {
      display: none; }

  .table-responsive .table-responsive-header {
    width: 100%;
    text-align: center;
    padding: 4px 0;
    background: #bcbcbc;
    color: #787878; }

  .table-responsive tr:hover .table-responsive-header {
    color: #ff892a; }

  .table-responsive thead:last-child tr:last-child > th:first-child, .table-responsive tbody:last-child tr:last-child > td:first-child, .table-responsive tbody:last-child tr:last-child > th:first-child, .table-responsive tfoot:last-child tr:last-child > td:first-child, .table-responsive tfoot:last-child tr:last-child > th:first-child {
    border-radius: 0; } }

@media (max-width: 320px) {
  .table-responsive td {
    padding-left: 50%; }

  .table-responsive td:before {
    width: 40%; } }

.form-bbcode {
  position: relative; }
  .form-bbcode .form-bbcode-option {
    padding: 5px;
    position: absolute;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    z-index: 1000; }
  .form-bbcode .form-bbcode-option .dropdown-font {
    min-width: 275px;
    padding: 5px 10px; }
  .form-bbcode .form-bbcode-option .dropdown-font h3 {
    font-size: 10pt;
    margin: 0 0 5px 0; }
  .form-bbcode .form-bbcode-option .dropdown-font hr {
    margin: 5px 0; }
  .form-bbcode .form-bbcode-option .dropdown-font .btn-group {
    margin-bottom: 5px; }
  .form-bbcode .form-bbcode-option .dropdown-smile {
    min-width: 445px;
    padding: 5px 5px 8px 5px;
    max-height: 155px;
    overflow: auto;
    text-align: center; }
  .form-bbcode .form-bbcode-option .dropdown-smile > div {
    display: inline-block;
    margin: 3px 3px 8px 3px;
    cursor: pointer; }
  .form-bbcode .form-bbcode-option .dropdown-smile > div > span {
    display: block;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
  .form-bbcode .form-bbcode-option .dropdown-smile > div:hover {
    border-color: #ff892a; }
  .form-bbcode .form-bbcode-preview-text {
    font-size: 9pt;
    padding: 0 6px;
    position: absolute;
    border: 1px solid #f1f1f1;
    background: #fff;
    color: #ccc;
    top: 7px;
    right: 26px;
    border-radius: 1px;
    line-height: 22px;
    display: none;
    z-index: 1010; }
  .form-bbcode .form-bbcode-preview {
    height: 0;
    padding: 10px;
    position: absolute;
    width: 100%;
    display: none;
    overflow: auto;
    z-index: 1000; }
  .form-bbcode textarea {
    padding-top: 48px;
    resize: vertical; }

.form-bbcode-showpreview .form-bbcode-option {
  top: 300px; }

.form-bbcode-showpreview .form-bbcode-preview-text {
  display: block; }

.form-bbcode-showpreview .form-bbcode-preview {
  height: 300px;
  border-bottom: 1px solid #ccc;
  display: block; }

.form-bbcode-showpreview textarea {
  padding-top: 348px; }

.input-datepicker, .input-datepicker-set {
  width: 100px !important;
  text-align: center;
  background: white; }

.icon-datepicker {
  margin-top: 10px;
  margin-left: 4px;
  position: absolute; }
  .icon-datepicker.btn-datepicker-clear.has-data {
    cursor: pointer;
    color: #f44336 !important; }
  .icon-datepicker.btn-datepicker-clear.has-data:before {
    content: "\f273"; }

label + .icon-datepicker {
  top: 26px;
  left: 0; }

.row > div > label + .icon-datepicker {
  left: 15px; }

.icon-datepicker:before {
  margin: 7px 0 0 7px; }

.icon-datepicker + .input-datepicker, .icon-datepicker + .input-datepicker-set, .icon-datepicker + .input-daterange, .icon-datepicker + .input-daterange-set {
  padding-left: 32px;
  width: 125px !important; }

.icon-datepicker + .input-daterange, .icon-datepicker + .input-daterange-set {
  width: 210px !important; }

.input-datepicker.input-w-f, .input-datepicker-set.input-w-f, .input-daterange.input-w-f, .input-daterange-set.input-w-f {
  width: 100% !important; }

.input-datepicker[readonly], .input-datepicker-set[readonly], .input-daterange[readonly], .input-daterange-set[readonly] {
  background: white;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.075); }

.input-w-f {
  width: 100%; }

.input-w-xs, .form-inline select.input-w-xs {
  width: 100%;
  max-width: 60px; }

.input-w-sm, .form-inline select.input-w-sm {
  width: 100%;
  max-width: 90px; }

.input-w-md, .form-inline select.input-w-md {
  width: 100%;
  max-width: 150px; }

.input-w-lg, .form-inline select.input-w-lg {
  width: 100%;
  max-width: 210px; }

.input-w-xl, .form-inline select.input-w-xl {
  width: 100%;
  max-width: 270px; }

.input-w-xxl, .form-inline select.input-w-xxl {
  width: 100%;
  max-width: 530px; }

.input-xs {
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 5px;
  height: 22px; }

select.input-xs {
  height: 22px;
  line-height: 22px; }

.form-markup {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  padding: 6px 0 6px 12px; }
  .form-markup .form-markup-option {
    padding: 5px;
    margin: -6px 0 6px -12px;
    border-bottom: 1px dashed #ccc; }
  .form-markup .form-markup-option > .form-markup-label {
    float: right;
    line-height: 30px;
    font-weight: bold;
    color: #ddd;
    padding: 0 5px; }
  .form-markup .form-markup-option .dropdown-font {
    min-width: 275px;
    padding: 5px 10px; }
  .form-markup .form-markup-option .dropdown-font h3 {
    font-size: 10pt;
    margin: 0 0 5px 0; }
  .form-markup .form-markup-option .dropdown-font hr {
    margin: 5px 0; }
  .form-markup .form-markup-option .dropdown-font .btn-group {
    margin-bottom: 5px; }
  .form-markup .form-markup-option .dropdown-extar {
    width: 445px;
    padding: 5px 10px 10px 10px;
    max-height: 155px;
    overflow: auto; }
  .form-markup .form-markup-option .dropdown-extar h3 {
    font-size: 10pt;
    margin: 0 0 5px 0; }
  .form-markup .form-markup-option .dropdown-extar hr {
    margin: 5px 0; }
  .form-markup .form-markup-option .dropdown-extar .btn-group {
    margin-bottom: 5px; }
  .form-markup .form-markup-preview-text {
    font-size: 9pt;
    padding: 0 6px;
    position: absolute;
    border: 1px solid #f1f1f1;
    background: #fff;
    color: #ccc;
    top: 7px;
    right: 26px;
    border-radius: 1px;
    line-height: 22px;
    display: none;
    z-index: 1010; }
  .form-markup .form-markup-preview {
    height: 300px;
    width: 100%;
    display: none;
    overflow: auto;
    z-index: 1000;
    border-bottom: 1px solid #ccc;
    padding-right: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .form-markup textarea, .form-markup textarea:focus {
    padding: 0 6px 0 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    resize: vertical; }

.form-markup-showpreview .form-markup-preview {
  display: block; }

.emojione {
  vertical-align: bottom;
  font-size: 1.23em;
  width: 1.2em;
  height: 1.2em;
  top: -1px;
  margin: 0 0.3em; }

input[type='number'] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

button[type=submit].btn-primary {
  min-width: 120px; }

.form-control-feedback-left {
  left: 0; }

.form-header {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 0;
  cursor: default; }
  .form-header.closed > .fa {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .form-header > .fa:first-child {
    float: right;
    cursor: pointer;
    margin-top: 5px;
    color: #ddd;
    transition: color 0.5s, transform 0.5s; }
  .form-header > .fa:first-child:hover {
    color: #ff892a; }
  .form-header + .form-body {
    margin-top: 10px; }
  .form-header.form-header-sm > .fa:first-child {
    margin-top: 0; }

.form-group {
  position: relative; }

.form-inline {
  margin-bottom: 20px; }
  .form-inline > .form-group {
    margin-left: 0;
    margin-right: 10px;
    position: relative; }
  .form-inline > .form-group > .form-control {
    width: 100%; }
  .form-inline > .form-group > .checkbox-inline, .form-inline > .form-group > .radio-inline {
    padding-top: 0; }
  .form-inline > label {
    margin-right: 10px; }
  .form-inline > input + label, .form-inline > select + label {
    margin-left: 10px; }
  .form-inline select.form-control {
    width: 100%; }
  .form-inline .checkbox-inline, .form-inline .radio-inline {
    padding-top: 0; }

.form-horizontal > .form-group > .control-input > .radio-inline {
  margin-bottom: 7px; }

.form-horizontal .control-group {
  margin-bottom: 20px; }

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
  content: "";
  display: table;
  line-height: 0; }

.form-horizontal .control-group:last-child {
  margin-bottom: 0; }

.form-horizontal .control-group > .control-label {
  float: left;
  padding-top: 7px;
  text-align: right;
  width: 160px; }

.form-horizontal .control-group > .controls {
  margin-left: 180px; }

.form-horizontal .control-group > .controls > .radio, .form-horizontal .control-group > .controls > .checkbox {
  cursor: pointer;
  padding-top: 7px;
  font-weight: normal; }

.form-horizontal .control-group > .controls > .checkbox > input[type="radio"], .form-horizontal .control-group > .controls > .checkbox > input[type="checkbox"] {
  margin-top: 3px; }

.form-horizontal-sm .control-group > .control-label {
  width: 100px; }

.form-horizontal-sm .control-group > .controls {
  margin-left: 120px; }

.form-horizontal-xs .control-group > .control-label {
  width: 60px; }

.form-horizontal-xs .control-group > .controls {
  margin-left: 80px; }

.form-horizontal .has-feedback .form-control-feedback {
  right: 0; }

.set-active, .set-active-set {
  cursor: pointer; }
  .set-active:before, .set-active-set:before {
    color: #777;
    content: "\f10c"; }
  .set-active.active:before, .set-active-set.active:before {
    color: #ff892a;
    content: "\f069"; }
  .set-active:hover:before, .set-active-set:hover:before {
    color: #dd5a43 !important; }
  .set-active.error:before, .set-active-set.error:before {
    color: #ff892a;
    content: "\f071"; }

.input-file-button {
  position: relative;
  overflow: hidden; }

.input-file-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer; }

.input-dropzone {
  position: relative;
  min-height: 34px; }

.input-dropzone .input-dropzone-text {
  display: none;
  text-align: center;
  position: absolute;
  padding: 7px 0;
  top: 0;
  bottom: 0;
  width: 100%;
  vertical-align: middle;
  font-weight: bold;
  background: #ddd;
  z-index: 1010; }

.input-dropzone .input-dropzone-text > strong {
  display: block; }

.input-dropzone.in .input-dropzone-text {
  display: block; }

.input-dropzone.in.hover .input-dropzone-text, .input-dropzone-hover:hover .input-dropzone-text {
  background: #93cbf9;
  color: #478fca; }

.input-progress {
  position: relative; }

.input-progress > .progress {
  display: none;
  position: absolute;
  height: 3px;
  width: 100%;
  margin: 0;
  border-radius: 0 0 4px 4px;
  bottom: 0; }

.input-progress > .progress.progress-top {
  border-radius: 4px 4px 0 0;
  top: 0;
  bottom: auto; }

.panel-box {
  border-radius: 6px;
  padding: 15px; }

.panel-box .control-group:last-child {
  margin-bottom: 20px; }

.avataredit-group {
  display: inline-block;
  text-align: center;
  vertical-align: top; }
  .avataredit-group + .avataredit-group {
    margin-left: 10px; }
  .avataredit-group > .avataredit-label {
    margin: 5px 0 0 0;
    font-size: 9pt;
    color: #2196f3; }
  .avataredit-group > .avataredit-label + .avataredit-help {
    margin: 0; }
  .avataredit-group > .avataredit-help {
    margin: 5px 0 0 0;
    font-size: 8pt;
    color: #2196f3;
    /* ----- OpenGraph 600*315 = 190*100 */ }
  .avataredit-group.avataredit-opengraph > .avataredit-box {
    width: 190px; }

.avataredit-box {
  width: 100px;
  height: 100px;
  position: relative;
  padding: 2px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  transition: background-color 0.5s;
  border-radius: 4px; }
  .avataredit-box:hover > .avataredit-control {
    display: block; }
  .avataredit-box > .avataredit-control, .avataredit-box > .avataredit-preview {
    position: absolute;
    background: #ddd;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border-radius: 2px; }
  .avataredit-box > .avataredit-control {
    display: none;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.50); }
  .avataredit-box > .avataredit-control > .btn-action {
    position: absolute;
    z-index: 1002;
    width: 30px;
    padding: 5px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.60);
    border-radius: 15px;
    cursor: pointer;
    opacity: 0.5; }
  .avataredit-box > .avataredit-control > .btn-action:hover {
    opacity: 0.9; }
  .avataredit-box > .avataredit-control > .btn-action.btn-action-left {
    left: 6px;
    top: 6px; }
  .avataredit-box > .avataredit-control > .btn-action.btn-action-right {
    right: 6px;
    top: 6px; }
  .avataredit-box > .avataredit-control > .input-file-button {
    position: absolute;
    z-index: 1002;
    background-color: #444;
    border-color: #333;
    color: #fff;
    bottom: 2px;
    left: 2px;
    right: 2px;
    width: auto; }
  .avataredit-box > .avataredit-control > .input-file-button:hover {
    background-color: #333; }
  .avataredit-box > .avataredit-preview {
    z-index: 1000;
    background-color: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .avataredit-box > .avataredit-preview > .fa {
    font-size: 50px;
    display: block;
    text-align: center;
    padding: 20px 0;
    color: #aaa; }
  .avataredit-box > .avataredit-preview[style] > .fa {
    display: none; }

.blankslate {
  position: relative;
  padding: 30px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
  margin-left: auto;
  margin-right: auto; }
  .blankslate.blankslate-sm {
    padding: 15px; }
  .blankslate.blankslate-sm > .fa + p {
    margin-top: 8px; }
  .blankslate.blankslate-lg {
    padding: 100px 60px 120px; }
  .blankslate.blankslate-fw {
    width: 485px;
    margin: 50px auto; }
  .blankslate.blankslate-fw-lg {
    max-width: 600px;
    padding: 40px;
    margin: 50px auto; }
  .blankslate > img:first-child {
    margin-bottom: 10px; }
  .blankslate > .fa {
    font-size: 32px;
    color: #aaa; }
  .blankslate > .fa + .fa {
    margin-left: 10px; }
  .blankslate h3 {
    font-size: 1.5em;
    line-height: 1.43; }
  .blankslate p {
    margin-top: 0;
    margin-bottom: 15px; }
  .blankslate > .fa + p {
    margin-top: 15px; }
  .blankslate > .blankslate-detail > .fa {
    font-size: 80pt;
    color: #aaa; }
  .blankslate > .blankslate-detail > h1 {
    font-weight: bold;
    font-size: 20pt;
    margin: 20px 0; }
  .blankslate > .blankslate-detail > .blankslate-text {
    font-size: 14pt; }
  .blankslate > .blankslate-detail > .blankslate-text > .blankslate-quote {
    padding: 20px 10px 10px 10px;
    margin: 20px 0 10px 0;
    quotes: "\201C" "\201D" "\2018" "\2019";
    background-color: #eee;
    border-radius: 8px; }
  .blankslate > .blankslate-detail > .blankslate-text > .blankslate-quote:before, .blankslate > .blankslate-detail > .blankslate-text > .blankslate-quote:after {
    font-family: Georgia, sans-serif;
    opacity: 0.7;
    font-size: 4em;
    vertical-align: -0.4em; }
  .blankslate > .blankslate-detail > .blankslate-text > .blankslate-quote:before {
    content: open-quote;
    float: left;
    line-height: 0.5em;
    margin-right: 10px; }
  .blankslate > .blankslate-detail > .blankslate-text > .blankslate-quote:after {
    content: close-quote;
    float: right;
    line-height: 0.1em;
    margin-left: 0.25em; }
  .blankslate > .blankslate-detail > .blankslate-text > .blankslate-quote > p {
    overflow: hidden;
    margin-right: 40px; }
  .blankslate > .blankslate-foot {
    padding-top: 10px;
    text-align: right; }

.home-box {
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
  display: block;
  text-align: center; }
  .home-box:hover {
    border-color: #ff892a; }
  .home-box i {
    font-size: 40pt; }
  .home-box .h2, .home-box .h3 {
    line-height: 35px;
    margin: 10px; }
  .home-box .h2 i {
    font-size: 20pt; }
  .home-box span {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.home-box-help .panel-body {
  padding: 5px; }

.card {
  border: 1px solid #ddd;
  background-color: white;
  float: left;
  display: block;
  margin: 10px;
  padding: 6px;
  position: relative;
  width: 144px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  transition: background-color 0.5s; }
  .card > .data-icon {
    position: absolute;
    display: none;
    cursor: pointer; }
  .card > .data-icon > i {
    font-size: 30pt;
    opacity: 0.5; }
  .card > .data-icon.data-icon-topleft {
    top: -15px;
    left: -10px; }
  .card > .data-icon.data-icon-topright {
    top: -15px;
    right: -10px; }
  .card > .data-icon.move {
    cursor: move; }
  .card > .data-icon.data-icon-show {
    display: block; }
  .card > .data-icon.hide {
    display: none; }
  .card > .card-option {
    text-align: right; }
  .card > .card-option + .avatar {
    margin-top: 5px; }
  .card > .avatar {
    display: block;
    cursor: pointer;
    height: 122px;
    margin: -5px -5px -5px -5px;
    background: white;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 2px 2px 0 0; }
  .card > .avatar:hover > i {
    color: #dd5a43 !important; }
  .card > .avatar > i {
    font-size: 60pt;
    display: block;
    margin: 20px 0;
    text-align: center;
    color: #bcbcbc; }
  .card > .avatar > img {
    max-height: 100%;
    max-width: 100%; }
  .card > .avatar + h3, .card > .avatar + .h3 {
    margin-top: 8px; }
  .card > .avatar + h4, .card > .avatar + .h4, .card > .avatar + .text {
    margin-top: 10px; }
  .card > .avatar + textarea {
    margin-top: 10px; }
  .card > textarea {
    padding: 3px;
    font-size: 9pt;
    border: none;
    background-color: transparent;
    border-radius: 2px;
    width: 100%;
    height: 60px;
    resize: none; }
  .card > .text-option {
    text-align: right;
    margin: 5px 5px 0 5px; }
  .card > .text-option > a {
    color: #999; }
  .card > .text-option > a + a {
    margin-left: 7px; }
  .card > .text-option > a:hover {
    color: #000 !important;
    transition: color 1s; }
  .card > .text-option > a.active {
    color: #ff9800 !important;
    font-weight: bold; }
  .card > .text-option > a.active:hover {
    color: #f57c00 !important; }
  .card > .text-option > a.primary {
    color: #5677fc !important;
    font-weight: bold; }
  .card > .text-option > a.primary:hover {
    color: #455ede !important; }
  .card > .progress {
    height: 3px;
    margin: -3px 0 0 0;
    background: none;
    border-radius: 0; }
  .card > .progress > span {
    display: block;
    height: 3px;
    width: 0;
    background: #62c462; }
  .card .checkbox-inline, .card .radio-inline {
    font-size: 9pt; }
  .card > h3, .card > .h3 {
    display: block;
    /*    height: 27px;*/
    margin: 0;
    padding: 5px 0;
    font-size: 11pt;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold; }
  .card > h4, .card > .h4, .card > .text {
    display: block;
    font-size: 8pt;
    margin: 0;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .card:hover {
    background-color: #f2f2f2;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); }
  .card:hover > .data-icon {
    display: block; }
  .card:hover > .data-icon > i:hover {
    opacity: 1; }
  .card:hover > textarea {
    background-color: white; }
  .card:hover > .text-option > a {
    color: #666; }
  .card.card-hover:hover {
    cursor: pointer;
    background-color: #fbec88;
    border: 1px solid #ff9752;
    box-shadow: 0 1px 3px #ff9752; }
  .card.card-main {
    background-color: #e8eaf6;
    border: 1px solid #c5cae9;
    box-shadow: 0 1px 1px #e8eaf6; }
  .card.card-main:hover {
    background-color: #c5cae9; }
  .card.card-disabled {
    opacity: 0.5; }
  .card.card-wait {
    opacity: 0.5;
    box-shadow: none; }
  .card.card-error {
    background-color: #fcefed;
    border: 1px solid #dd5a43;
    box-shadow: none; }
  .card.card-error > .avatar {
    border: 1px solid #dd5a43; }
  .card.card-error > h4, .card.card-error > .h4 {
    color: #dd5a43; }
  .card.ui-selecting {
    background-color: #f1f8e9;
    border: 1px solid #dcedc8;
    box-shadow: none; }
  .card.ui-selecting:hover {
    background-color: #a3e9a4; }
  .card.ui-selected {
    background-color: #d0f8ce;
    border: 1px solid #a3e9a4;
    box-shadow: none; }
  .card.ui-selected:hover {
    background-color: #a3e9a4; }
  .card.card-sm {
    width: 96px;
    padding: 6px; }
  .card.card-sm > .avatar {
    height: 82px;
    margin-bottom: 5px; }
  .card.card-sm > .avatar > i {
    font-size: 40pt;
    margin: 12px 0; }
  .card.card-sm > h3, .card.card-sm > .h3 {
    margin-top: 3px;
    line-height: 20px;
    padding: 0;
    width: 80px;
    font-size: 9pt;
    height: 20px;
    font-weight: normal; }
  .card.card-sm > h4, .card.card-sm > .h4, .card.card-sm > .text {
    width: 80px;
    font-size: 7pt;
    line-height: normal; }
  .card.card-lg {
    width: 180px; }
  .card.card-lg > .avatar {
    height: 150px; }
  .card.card-move, .card.card-hover.card-move, .card.card-move .avatar, .card.card-hover.card-move .avatar {
    cursor: move; }

.card-view-text {
  position: relative;
  z-index: 1000; }
  .card-view-text:hover {
    z-index: 1001; }
  .card-view-text:hover > .card {
    position: absolute; }
  .card-view-text:hover > .card > h3, .card-view-text:hover > .card > .h3, .card-view-text:hover > .card > h4, .card-view-text:hover > .card > .text {
    white-space: normal; }

.card-placeholder {
  background: #ffb240;
  border: 1px solid #ff9800;
  border-radius: 4px;
  float: left;
  margin: 9px 10px;
  padding: 6px;
  position: relative;
  width: 144px; }
  .card-placeholder.card-placeholder-lg {
    width: 180px; }

.card-row .card {
  margin: 0 0 20px;
  width: 100%; }
  .card-row .card-placeholder-col {
    margin: 0; }
  .card-row .card-placeholder-col > .card-placeholder {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 10px; }

.summary-box {
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  transition: background-color 0.2s, box-shadow 0.2s; }
  .summary-box:before, .summary-box:after {
    content: " ";
    display: table; }
  .summary-box > .summary-icon {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px; }
  .summary-box > .summary-icon > .fa {
    margin-left: -35px;
    font-size: 110px;
    line-height: 110px;
    opacity: 0.2; }
  .summary-box > .summary-detail {
    position: absolute;
    right: 15px;
    padding-right: 15px; }
  .summary-box > .summary-detail > .summary-value {
    padding-top: 25px;
    text-align: right;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0px;
    font-weight: 300; }
  .summary-box > .summary-detail > .summary-label {
    text-align: right;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 300; }
  .summary-box > .summary-desc {
    clear: both;
    display: block;
    padding: 6px 10px 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #fff; }

.captcha-box {
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 10px;
  width: 240px; }
  .captcha-box:before, .captcha-box:after {
    content: " ";
    display: table; }
  .captcha-box:after {
    clear: both; }
  .captcha-box > img {
    width: 100%;
    background-color: white; }
  .captcha-box > .captcha-verrify {
    margin-top: 10px; }

a:hover .img-thumbnail {
  /*    box-shadow: 0 0 5px #ff9752;*/
  border-color: #ff9752; }

.img-list {
  margin: 15px -5px 0 -5px; }

.img-list .img-item {
  float: left;
  position: relative;
  margin: 5px; }

.img-list .img-item .img-drop {
  cursor: pointer;
  display: none;
  position: absolute;
  top: -20px;
  right: -15px;
  font-size: 30pt;
  z-index: 1020; }

.img-list .img-item:hover .img-drop {
  display: block;
  opacity: 0.5; }

.img-list .img-item:hover .img-drop:hover {
  opacity: 1; }

@media (max-width: 767px) {
  img {
    height: auto;
    max-width: 100%; } }

.listview > li {
  margin-bottom: 10px; }
  .listview > li:last-child {
    margin-bottom: 0; }
  .listview .listitem-placeholder {
    height: 68px;
    border: 1px dashed #777;
    margin: 8px 0;
    visibility: visible; }
  .listview .listitem-error {
    border-color: #ef5350;
    background-color: #ffebee; }
  .listview .listitem {
    padding: 8px 8px 8px 95px;
    margin: 8px 0;
    border: 1px solid #ddd;
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    position: relative;
    transition: border-color 0.2s; }
  .listview .listitem.listitem-active {
    border-color: #90cbf9;
    background: #f4fafe; }
  .listview .listitem.listitem-active:hover {
    border-color: #59b0f6; }
  .listview .listitem:before, .listview .listitem:after {
    display: table;
    content: " ";
    clear: both; }
  .listview .listitem:first-child {
    margin-top: 0; }
  .listview .listitem:last-child {
    margin-bottom: 0; }
  .listview .listitem:hover {
    border-color: #aaa; }
  .listview .listitem > .btn-sort {
    display: none; }
  .listview .listitem > .icon-status {
    float: left;
    margin-top: 3px;
    margin-left: -85px;
    width: 16px;
    text-align: center; }
  .listview .listitem > .icon-status.icon-status-action {
    cursor: pointer; }
  .listview .listitem > .icon-status + .icon-status {
    margin-top: 23px; }
  .listview .listitem > .icon-status + .icon-status + .icon-status {
    margin-top: 43px; }
  .listview .listitem > input[type="checkbox"]:first-child, .listview .listitem > .input[type="radio"]:first-child {
    float: left;
    margin-top: 3px;
    margin-left: -85px; }
  .listview .listitem > .listitem-avatar {
    float: left;
    width: 50px;
    height: 50px;
    margin-left: -60px;
    text-align: center;
    background-color: #eee;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 3px;
    border: 1px solid #ddd; }
  .listview .listitem > .listitem-avatar > .fa {
    margin-top: 10px;
    color: #aaa;
    font-size: 2em; }
  .listview .listitem > .listitem-avatar > .listitem-rownum {
    display: inline-block;
    font-size: 24px;
    margin: 5px; }
  .listview .listitem > .listitem-text > .listitem-option {
    float: right;
    text-align: right; }
  .listview .listitem > .listitem-text .listitem-title {
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0; }
  .listview .listitem > .listitem-text .listitem-title > .listitem-name:hover {
    text-decoration: underline; }
  .listview .listitem > .listitem-text .listitem-title > .listitem-category {
    font-size: 0.8em;
    font-weight: normal;
    color: #999; }
  .listview .listitem > .listitem-text .listitem-text {
    display: block;
    margin: 0;
    padding: 0; }
  .listview .listitem > .listitem-text .listitem-detail {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    color: #999; }
  .listview .listitem > .listitem-text > .listitem-html {
    white-space: normal; }
  .listview .listitem > .listitem-text > .listitem-property {
    display: block;
    font-size: 0.8em; }
  .listview .listitem > .listitem-text > .listitem-property > span + span:before {
    color: #aaa;
    content: ", ";
    padding: 0 3px; }
  .listview .listitem > .listitem-text > .listitem-child {
    margin: 3px 0 0 10px; }
  .listview .listitem > .listitem-text > .listitem-child > li {
    font-weight: normal;
    font-size: 9pt;
    color: #787878; }
    .listview .listitem > .listitem-text > .listitem-child > li > a {
      color: #787878;
      transition: color 0.2s; }
  .listview .listitem > .listitem-option {
    float: right;
    text-align: right;
    margin-left: 8px; }
  .listview .listitem > .listitem-option > .listitem-update {
    display: block;
    color: #ccc;
    font-size: 0.8em; }
  .listview .listitem > .listitem-option > .btn + .listitem-update {
    margin-top: 5px; }
  .listview .listitem > .listitem-stats {
    float: right;
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    float: right;
    margin-left: 8px;
    padding: 4px 3px;
    position: relative;
    text-align: center;
    width: 75px; }
  .listview .listitem > .listitem-stats.listitem-stats-action {
    cursor: pointer;
    transition: border-color 0.2s; }
  .listview .listitem > .listitem-stats.listitem-stats-action:hover {
    border-color: #ff9800; }
  .listview .listitem > .listitem-stats.listitem-stats-lg {
    width: 100px; }
  .listview .listitem > .listitem-stats.listitem-stats-xl {
    width: 150px; }
  .listview .listitem > .listitem-stats > .listitem-stats-name {
    font-size: 0.8em;
    display: block;
    line-height: 15px;
    color: #aaa; }
  .listview .listitem > .listitem-stats > .listitem-stats-value {
    display: block;
    font-size: 1.2em;
    line-height: 25px; }
  .listview .listitem > .listitem-stats > .listitem-stats-input {
    padding: 3px;
    height: 22px;
    margin-top: 3px;
    font-size: 0.8em;
    text-align: center; }
  .listview.listview-sortable .listitem {
    padding-left: 120px; }
  .listview.listview-sortable .listitem:hover > .btn-sort {
    color: #aaa; }
    .listview.listview-sortable .listitem:hover > .btn-sort:hover {
      color: #dd5a43;
      background: #eee; }
  .listview.listview-sortable .listitem > .btn-sort {
    display: block;
    width: 25px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    color: #eee;
    cursor: move;
    background: #fafafa; }
  .listview.listview-sortable .listitem.listitem-active > .btn-sort {
    background: #deeffd;
    color: #59b0f6; }
    .listview.listview-sortable .listitem.listitem-active > .btn-sort:hover {
      color: #fff;
      background: #90cbf9; }
  .listview.listview-nested > li ul {
    /*
                */
    position: relative; }
  .listview.listview-nested > li ul > li {
    margin-left: 50px;
    margin-top: 10px;
    position: relative; }
    .listview.listview-nested > li ul > li:before {
      border-left: 1px dotted #aaa;
      bottom: -4px;
      content: "";
      display: block;
      left: -30px;
      position: absolute;
      top: -5px;
      z-index: 1; }
    .listview.listview-nested > li ul > li:last-child:before {
      border-left-color: transparent; }
      .listview.listview-nested > li ul > li:last-child > div:before {
        border-left: 1px dotted #aaa; }
    .listview.listview-nested > li ul > li > div:before {
      border-bottom: 1px dotted #aaa;
      content: "";
      display: block;
      left: -31px;
      top: -7px;
      position: absolute;
      height: 40px;
      width: 20px;
      z-index: 1; }
    .listview.listview-nested > li ul > li.ui-sortable-helper:before {
      border: none; }
    .listview.listview-nested > li ul > li > ul > li.placeholder {
      margin-left: 50px;
      border-color: #f44336;
      background-color: #f2c6c3; }

.listview-empty {
  width: 300px;
  text-align: center;
  margin: 100px auto;
  color: #ccc; }
  .listview-empty > .fa {
    font-size: 60px; }
  .listview-empty > h2 {
    margin-top: 10px; }

.modal > form {
  margin-bottom: 0; }

.modal-content {
  border-radius: 0; }

.modal-header {
  background-color: #f9f9f9;
  border-radius: 0; }
  .modal-header > h3 {
    padding: 0;
    margin: 0;
    font-size: 16pt; }
  .modal-header > .close {
    line-height: 30px; }
  .modal-header > .bootstrap-dialog-header > .bootstrap-dialog-close-button > .close {
    line-height: 30px; }
  .modal-header > .bootstrap-dialog-header > .bootstrap-dialog-title {
    font-size: 16pt;
    padding: 0; }

.modal-body {
  padding: 15px 25px; }
  .modal-body > .nav-tabs {
    margin: -15px -25px 0 -25px;
    border-bottom: 1px solid #ececec; }
  .modal-body > .nav-tabs > li > a {
    font-size: 10pt;
    padding: 6px 12px; }
  .modal-body > .nav-tabs > li.active > a {
    border-top: 2px solid #43a0f2;
    border-radius: 0;
    position: static; }
  .modal-body > .bootstrap-dialog-body > .bootstrap-dialog-message {
    padding: 50px 0; }
  .modal-body > .bootstrap-dialog-body > .bootstrap-dialog-message > p {
    text-align: center; }

.modal-footer {
  margin-top: 0;
  border-top: none; }

.modal .modal-hide {
  display: none; }

.modal.modal-w800 .modal-dialog {
  width: 800px; }

.modal.modal-w900 .modal-dialog {
  width: 900px; }

.modal.modal-w1000 .modal-dialog {
  width: 1000px; }

.modal.modal-w1200 .modal-dialog {
  width: 1200px; }

.type-danger > .modal-dialog > .modal-content > .modal-header {
  color: #fff;
  background-color: #e57373;
  border-bottom-color: #e53935; }
  .type-danger > .modal-dialog > .modal-content > .modal-body {
    color: #f44336; }

.type-warning > .modal-dialog > .modal-content > .modal-header {
  color: #fff;
  background-color: #ffb300;
  border-bottom-color: #ff8f00; }
  .type-warning > .modal-dialog > .modal-content > .modal-body {
    color: #ff6f00; }

.pageguide {
  width: 400px;
  max-width: 400px; }
  .pageguide > .pageguide-title {
    padding: 15px 10px 0 10px;
    font-size: 14pt;
    background: transparent;
    border-bottom: none; }
  .pageguide > .pageguide-navigation > .disabled {
    display: none; }

.social-box {
  text-align: right;
  margin-bottom: 8px;
  height: 21px;
  overflow: hidden; }
  .social-box .box {
    vertical-align: top;
    display: inline-block;
    margin-left: 5px; }
  .social-box .box.box-fb {
    margin-top: -1px; }
  .social-box iframe {
    border: none; }

.status-info:before, .status-info:after {
  content: " ";
  display: table; }

.status-info > li {
  display: inline-block;
  position: relative;
  padding: 8px 10px; }

.status-box {
  font-size: 18pt;
  font-weight: bold;
  padding: 5px 5px 5px 75px;
  margin-bottom: 20px; }

.status-box > .fa-stack {
  float: left;
  margin-top: -5px;
  margin-left: -75px; }

.status-box > small {
  display: block;
  font-size: 10pt;
  font-weight: normal;
  color: #999 !important; }

.nav-tabs.nav-stacked > li:first-child {
  margin-left: 0; }
  .nav-tabs > li:first-child {
    margin-left: 25px; }
  .nav-tabs > li.tab-name {
    padding: 11px 5px 9px 5px;
    margin-left: 5px;
    margin-right: 15px;
    font-weight: bold;
    color: #9e9e9e; }
  .nav-tabs > li.tab-name > .fa {
    margin-right: 5px; }
  .nav-tabs > .divider-vertical {
    width: 15px;
    height: 33px;
    margin-top: 5px;
    margin-left: 15px;
    border-left: 1px dashed #bcbcbc; }

.tab-content {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: visible; }

.tab-bordered > .tab-content {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
  border-bottom: 0; }
  .tabs-right > .nav-tabs > li, .tabs-left > .nav-tabs > li {
    float: none; }
  .tabs-right > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }
  .tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px; }
  .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
    border-color: #eee #ddd #eee #eee; }

.tab-content > .tab-pane, .pill-content > .pill-pane {
  display: none; }

.tab-content > .active, .pill-content > .active {
  display: block; }

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
  border-color: #eee #eee #eee #ddd; }

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent; }

.tabs-left > .nav-tabs li:first-child {
  margin-top: 15px;
  margin-left: 0; }

.tabs-left > .nav-tabs li:last-child {
  margin-bottom: 15px; }

.tabs-left > .tab-content {
  overflow: hidden; }

.tabs-left.tabs-fit > .nav-tabs > li.active > a {
  border-radius: 0;
  border-left: none; }

.tab-content > .container {
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0; }

@media (min-width: 768px) {
  .tab-content > .container {
    width: auto;
    max-width: 750px; } }

@media (min-width: 992px) {
  .tab-content > .container {
    width: auto;
    max-width: 970px; } }

@media (min-width: 1200px) {
  .tab-content > .container {
    width: auto;
    max-width: 1170px; } }

.datatable-wrap {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ddd;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); }

.datatable .l {
  text-align: left; }
  .datatable .c {
    text-align: center; }
  .datatable .r {
    text-align: right; }
  .datatable .icon-move {
    color: #ccc;
    cursor: move; }
  .datatable > thead > tr > th {
    font-size: 10pt;
    padding: 6px 12px;
    vertical-align: bottom;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #dadada; }
  .datatable > thead:first-child > tr > th {
    border-top: none; }
  .datatable > tbody > tr > td {
    padding: 10px 12px;
    vertical-align: top; }
  .datatable > tbody > tr > td:first-child, .datatable > tbody > tr > td.no-border {
    border-left: none; }
  .datatable > tbody > tr > td:first-child {
    padding-left: 10px;
    border-left: 2px solid #fff; }
  .datatable > tbody > tr.new .hide-new {
    display: none; }
  .datatable > tbody > tr:nth-child(2n) > td {
    background-color: #f8f8f8; }
  .datatable > tbody > tr.selected > td {
    background-color: #ffffd6; }
  .datatable > tbody > tr.active > td:first-child {
    padding-left: 10px;
    border-left: 2px solid #4d90f0; }
  .datatable > tbody > tr.tr-goto > td {
    cursor: pointer; }
  .datatable > tbody > tr:hover .icon-move {
    color: #478fca; }
  .datatable > tbody > tr:hover .icon-move:hover {
    color: #dd5a43; }
  .datatable > tbody > tr:hover > td {
    background-color: #ffffd6; }
    .datatable > tbody > tr:hover > td:first-child {
      padding-left: 10px;
      border-left: 2px solid #f0ad4e; }
  .datatable > tfoot > tr > td {
    border-top: 1px solid #dadada;
    padding: 7px 12px 5px 12px;
    vertical-align: top; }
  .datatable > tfoot > tr.fix-width > td {
    border-top: none;
    padding: 0;
    height: 2px;
    background: #eee;
    vertical-align: top; }
  .datatable.datatable-sm > tbody > tr > td {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10pt; }

.table td > input[type="radio"], .table td > input[type="checkbox"] {
  margin: 0; }

.tags-item {
  position: relative; }

.tags-item > .tag {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 16px;
  font-size: 10pt;
  margin-left: 12px;
  margin-right: 5px;
  padding: 2px 10px 2px 12px;
  background: #3a87ad;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.tags-item > .tag:before {
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #3a87ad transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0; }

.tags-item > .tag:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: -1px -1px 4px #004977;
  -webkit-box-shadow: -1px -1px 4px #004977;
  box-shadow: -1px -1px 4px #004977; }

.tags-item > .tag:hover {
  background: #0089e0; }

.tags-item > .tag:hover:before {
  border-color: transparent #0089e0 transparent transparent; }

.total {
  display: block;
  padding: 10px;
  background-color: #78909c;
  border-radius: 4px;
  transition: background-color 0.5s; }
  .total:hover {
    background-color: #607d8b; }
  .total > i {
    float: right;
    font-size: 60px;
    color: #90a4ae; }
  .total > .total-title {
    display: block;
    line-height: 1.1;
    font-size: 11pt;
    margin: 2px 0 7px 0;
    color: #cfd8dc;
    font-weight: bold;
    white-space: nowrap; }
  .total > .total-number {
    display: block;
    font-size: 20pt;
    margin: 0 0 10px 0;
    color: #fff;
    letter-spacing: 1px;
    white-space: nowrap; }
  .total > .total-number > small {
    font-size: 14pt;
    color: #eceff1; }
  .total > .total-desc {
    display: block;
    font-size: 10pt;
    color: #cfd8dc;
    white-space: nowrap; }
  .total.total-blue {
    background-color: #a3c7e5; }
  .total.total-blue:hover {
    background-color: #9ac1e2; }
  .total.total-blue > i {
    color: #c8ddef; }
  .total.total-blue > .total-title, .total.total-blue > .total-desc {
    color: #edf4fa; }
  .total.total-blue > .total-number > small {
    color: #f6f9fc; }
  .total.total-sky {
    background-color: #c9e5fc; }
  .total.total-sky:hover {
    background-color: #c4e2fc; }
  .total.total-sky > i {
    color: #dfeffd; }
  .total.total-sky > .total-title, .total.total-sky > .total-desc {
    color: #f4fafe; }
  .total.total-sky > .total-number > small {
    color: #fafcff; }
  .total.total-red {
    background-color: #eeada1; }
  .total.total-red:hover {
    background-color: #eca498; }
  .total.total-red > i {
    color: #f5cec7; }
  .total.total-red > .total-title, .total.total-red > .total-desc {
    color: #fcefec; }
  .total.total-red > .total-number > small {
    color: #fdf7f6; }
  .total.total-green {
    background-color: #b4d5a3; }
  .total.total-green:hover {
    background-color: #add099; }
  .total.total-green > i {
    color: #d2e6c8; }
  .total.total-green > .total-title, .total.total-green > .total-desc {
    color: #f0f7ed; }
  .total.total-green > .total-number > small {
    color: #f8fbf6; }
  .total.total-orange {
    background-color: #ffc495; }
  .total.total-orange:hover {
    background-color: #ffbe8a; }
  .total.total-orange > i {
    color: #ffdcbf; }
  .total.total-orange > .total-title, .total.total-orange > .total-desc {
    color: #fff3ea; }
  .total.total-orange > .total-number > small {
    color: #fff9f4; }
  .total.total-purple {
    background-color: #d0b4e1; }
  .total.total-purple:hover {
    background-color: #cbadde; }
  .total.total-purple > i {
    color: #e3d2ed; }
  .total.total-purple > .total-title, .total.total-purple > .total-desc {
    color: #f6f0f9; }
  .total.total-purple > .total-number > small {
    color: #faf8fc; }

.paging {
  /* ----- COMMON ----- */ }
  .paging:before, .paging:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0; }
  .paging .paging-table {
    min-height: 180px; }
  .paging .paging-switch {
    margin: 0;
    float: left; }
  .paging .paging-switch > li > a, .paging .paging-switch > li > span {
    padding: 5px 0;
    text-align: center;
    width: 30px; }
  .paging .paging-select {
    width: auto;
    float: left;
    margin-left: 10px; }

.text-bbcode {
  /*
.text-bbcode * {

    font-size: inherit;
}
.text-bbcode a {
    color: $color;
}
.text-bbcode 
*/
  /* ----- ALIGNMENT ----- */ }
  .text-bbcode iframe {
    width: auto; }
  .text-bbcode a:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 0.5em;
    margin-left: 5px;
    content: "\f08e"; }
  .text-bbcode a.email:after {
    content: "\f003"; }
  .text-bbcode a:hover {
    text-decoration: underline; }
  .text-bbcode h1 {
    font-size: 14pt;
    border: none; }
  .text-bbcode .strike {
    text-decoration: line-through; }
  .text-bbcode .center {
    text-align: center; }
  .text-bbcode .right {
    text-align: right; }
  .text-bbcode ol, .text-bbcode ul {
    padding: 0 0 0 25px; }
  .text-bbcode ol br, .text-bbcode ul br {
    display: none; }
  .text-bbcode ol li, .text-bbcode ul li {
    list-style: disc;
    padding: 3px 0 0 0; }
  .text-bbcode ol.number li, .text-bbcode ul.number li {
    list-style: decimal; }
  .text-bbcode .quote {
    padding: 0;
    margin: 10px 0;
    quotes: "\201C" "\201D" "\2018" "\2019"; }
  .text-bbcode .quote:before {
    font-family: Georgia, sans-serif;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    color: #525252; }
  .text-bbcode .quote:after {
    font-family: Georgia, sans-serif;
    content: close-quote;
    float: right;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.25em;
    vertical-align: -0.4em;
    color: #525252; }
  .text-bbcode .quote .quotehead {
    font-weight: bold;
    font-size: 9pt;
    padding-left: 35px;
    margin-top: -24px;
    color: #525252; }
  .text-bbcode .quote .quotebody {
    padding: 10px 30px 10px 50px;
    margin-top: 5px;
    font-size: 10pt;
    color: #787878; }
  .text-bbcode .hidemsg {
    margin-top: 10px;
    padding: 10px;
    border: 1px dashed #9a9a9a; }
  .text-bbcode .hidemsg .hidemode {
    font-size: small;
    color: #525252; }
  .text-bbcode .hidemsg .hidetext {
    margin-top: 10px; }

.text-bbcode div.spoil {
  border: 1px solid #9a9a9a;
  padding: 5px;
  margin: 10px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(100% 100% 90deg, #fff, @baseColorWhite);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@baseColorWhite), to(#fff)); }

.text-bbcode div.spoil span.spoilhead {
  cursor: pointer;
  background: transparent url(http://cdn.un-no.net/static/icon/16/shape_move_forwards.png) no-repeat scroll 0 0;
  font-weight: bold;
  border-bottom: 1px solid #9a9a9a;
  padding-left: 23px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: small; }

.text-bbcode div.spoil span.spoilhead:hover {
  color: #9a9a9a; }

.text-bbcode div.spoil div.spoiltext {
  padding: 20px 10px;
  text-align: center;
  font-style: italic;
  color: #9a9a9a; }

.text-bbcode div.spoil div.spoildata {
  padding: 20px 10px;
  display: none; }

.text-bbcode span.search {
  color: red;
  background-color: yellow;
  /* ----- EMOTICON FORM ----- */ }

.emoticons {
  margin-top: 10px; }

.emoticons.controls {
  margin-top: 0; }

.emoticons dl dd {
  float: left;
  margin: 2px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: 1px solid white; }

.emoticons dl dd:hover {
  border: 1px solid #9a9a9a;
  /*!
 * jquery-confirm v2.5.1 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2016 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */ }

@-webkit-keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

body.jconfirm-noscroll {
  overflow: hidden !important; }

.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden; }

.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

.jconfirm .jconfirm-bg.seen {
  opacity: 1; }

.jconfirm .jconfirm-scrollpane {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: center;
  perspective-origin: center; }

.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative;
  outline: none;
  padding: 15px 15px 0; }

.jconfirm .jconfirm-box div.closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.6;
  text-align: center;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  display: none;
  font-size: 27px;
  line-height: 14px; }

.jconfirm .jconfirm-box div.closeIcon .fa {
  font-size: 16px; }

.jconfirm .jconfirm-box div.closeIcon .glyphicon {
  font-size: 16px; }

.jconfirm .jconfirm-box div.closeIcon .zmdi {
  font-size: 16px; }

.jconfirm .jconfirm-box div.closeIcon:hover {
  opacity: 1; }

.jconfirm .jconfirm-box div.title-c {
  display: block;
  font-size: 22px;
  line-height: 20px; }

.jconfirm .jconfirm-box div.title-c .icon-c {
  font-size: inherit;
  padding-bottom: 15px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }

.jconfirm .jconfirm-box div.title-c .icon-c i {
  vertical-align: middle; }

.jconfirm .jconfirm-box div.title-c .icon-c:empty {
  display: none; }

.jconfirm .jconfirm-box div.title-c .title {
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 15px; }

.jconfirm .jconfirm-box div.title-c .title:empty {
  display: none; }

.jconfirm .jconfirm-box div.content-pane {
  margin-bottom: 15px;
  height: auto;
  -webkit-transition: height 0.4s ease-in;
  transition: height 0.4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative; }

.jconfirm .jconfirm-box div.content-pane .content {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  right: 0; }

.jconfirm .jconfirm-box div.content-pane .content img {
  width: 100%;
  height: auto; }

.jconfirm .jconfirm-box div.content-pane .content:empty {
  display: none; }

.jconfirm .jconfirm-box div.content-pane .content:empty.loading {
  height: 40px;
  position: relative;
  opacity: 0.6;
  display: block; }

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:before {
  content: '';
  height: 20px;
  width: 20px;
  border: solid 2px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-radius: 50%;
  -webkit-animation: jconfirm-rotate 1s infinite linear;
  animation: jconfirm-rotate 1s infinite linear;
  border-bottom-color: #aaa;
  top: 50%;
  margin-top: -10px; }

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -15px; }

.jconfirm .jconfirm-box .buttons {
  padding-bottom: 15px; }

.jconfirm .jconfirm-box .buttons button + button {
  margin-left: 5px; }

.jconfirm .jquery-clear {
  clear: both; }

.jconfirm.rtl {
  direction: rtl; }

.jconfirm.rtl div.closeIcon {
  left: 12px;
  right: auto; }

.jconfirm.jconfirm-white .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.2); }

.jconfirm.jconfirm-white .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px; }

.jconfirm.jconfirm-white .jconfirm-box .buttons {
  float: right; }

.jconfirm.jconfirm-white .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white; }

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
  box-shadow: none;
  color: #333; }

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {
  background: #ddd; }

.jconfirm.jconfirm-black .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.5); }

.jconfirm.jconfirm-black .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #444;
  border-radius: 5px;
  color: white; }

.jconfirm.jconfirm-black .jconfirm-box .buttons {
  float: right; }

.jconfirm.jconfirm-black .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white; }

.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default {
  box-shadow: none;
  color: #fff;
  background: none; }

.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default:hover {
  background: #666; }

.jconfirm .jconfirm-box.hilight {
  -webkit-animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@-webkit-keyframes hilight {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0); }

  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0); }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0); }

  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0); } }

@keyframes hilight {
  /*Transition rules*/
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0); }

  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0); }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0); }

  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0); } }

.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px; }

.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: -webkit-transform, opacity, box-shadow;
  transition-property: transform, opacity, box-shadow; }

.jconfirm .jconfirm-box.anim-top, .jconfirm .jconfirm-box.anim-left, .jconfirm .jconfirm-box.anim-right, .jconfirm .jconfirm-box.anim-bottom, .jconfirm .jconfirm-box.anim-opacity, .jconfirm .jconfirm-box.anim-zoom, .jconfirm .jconfirm-box.anim-scale, .jconfirm .jconfirm-box.anim-none, .jconfirm .jconfirm-box.anim-rotate, .jconfirm .jconfirm-box.anim-rotatex, .jconfirm .jconfirm-box.anim-rotatey, .jconfirm .jconfirm-box.anim-scaley, .jconfirm .jconfirm-box.anim-scalex {
  opacity: 0; }

.jconfirm .jconfirm-box.anim-rotate {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.jconfirm .jconfirm-box.anim-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.jconfirm .jconfirm-box.anim-rotatexr {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.jconfirm .jconfirm-box.anim-rotatey {
  -webkit-transform: rotatey(90deg);
  -ms-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.jconfirm .jconfirm-box.anim-rotateyr {
  -webkit-transform: rotatey(-90deg);
  -ms-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.jconfirm .jconfirm-box.anim-scaley {
  -webkit-transform: scaley(1.5);
  -ms-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.jconfirm .jconfirm-box.anim-scalex {
  -webkit-transform: scalex(1.5);
  -ms-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }

.jconfirm .jconfirm-box.anim-top {
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px); }

.jconfirm .jconfirm-box.anim-left {
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px); }

.jconfirm .jconfirm-box.anim-right {
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px); }

.jconfirm .jconfirm-box.anim-bottom {
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px); }

.jconfirm .jconfirm-box.anim-zoom {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.jconfirm .jconfirm-box.anim-scale {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5); }

.jconfirm .jconfirm-box.anim-none {
  display: none; }

.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(54, 70, 93, 0.95); }

.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent; }

.jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon {
  color: white; }

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal; }

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c > * {
  padding-bottom: 25px; }

.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane {
  margin-bottom: 25px; }

.jconfirm.jconfirm-supervan .jconfirm-box div.content {
  text-align: center;
  color: white; }

.jconfirm.jconfirm-supervan .jconfirm-box .buttons {
  text-align: center; }

.jconfirm.jconfirm-supervan .jconfirm-box .buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: none;
  color: white;
  padding: 10px;
  min-width: 100px; }

.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.67); }

.jconfirm.jconfirm-material .jconfirm-box {
  background-color: white;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 25px 10px 25px; }

.jconfirm.jconfirm-material .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87); }

.jconfirm.jconfirm-material .jconfirm-box div.title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold; }

.jconfirm.jconfirm-material .jconfirm-box div.content {
  text-align: left;
  color: rgba(0, 0, 0, 0.87); }

.jconfirm.jconfirm-material .jconfirm-box .buttons {
  text-align: right; }

.jconfirm.jconfirm-material .jconfirm-box .buttons button {
  text-transform: uppercase;
  font-weight: 500; }

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.21); }

.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: white;
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.4);
  padding: 15px 0 0; }

.jconfirm.jconfirm-bootstrap .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87); }

.jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px; }

.jconfirm.jconfirm-bootstrap .jconfirm-box div.content {
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 0px 15px; }

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons {
  text-align: right;
  padding: 0px 0 0px;
  margin: -5px 0 0px;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px; }

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons button {
  font-weight: 500;
  border-radius: 0px;
  margin: 0;
  border-left: solid 1px #ddd;
  /**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/
  /* Container Appearance */ }

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  width: 278px; }

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''; }

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''; }

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''; }

.daterangepicker.dropup {
  margin-top: -5px; }

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000; }

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none; }

.daterangepicker .calendar {
  display: inline-block;
  max-width: 270px;
  margin: 4px; }

.daterangepicker.show-calendar .calendar {
  display: inline-block; }

.daterangepicker .calendar.single.left {
  margin: 4px; }

.daterangepicker .calendar.single.left .calendar-table {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 4px;
  /* Calendars */ }

.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px; }

.daterangepicker .calendar-table {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff; }

.daterangepicker table {
  width: 100%;
  margin: 0;
  table-layout: auto; }

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  color: #999;
  background: #fff; }

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee; }

.daterangepicker td.in-range {
  background: #ebf4f8;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff; }

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  font-weight: 300; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0; }

.daterangepicker th.month {
  width: auto;
  /* Text Input Above Each Calendar */ }

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%; }

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

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px; }

.daterangepicker .daterangepicker_input {
  position: relative;
  /* Time Picker */ }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
  /* Predefined Ranges */ }

.daterangepicker .ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  border-radius: 5px;
  cursor: pointer; }

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
  /*  Larger Screen Styling */ }

@media (max-width: 564px) {
  .daterangepicker.show-calendar .calendar {
    display: block; } }

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
    white-space: nowrap; }

  .daterangepicker .ranges {
    width: auto;
    float: left; }

  .daterangepicker .ranges ul {
    width: 160px; }

  .daterangepicker.single .ranges ul {
    width: 100%; }

  .daterangepicker .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

  .daterangepicker .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

  .daterangepicker .calendar.left {
    clear: left;
    margin-right: 0; }

  .daterangepicker.single .calendar.left {
    clear: none; }

  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: left; }

  .daterangepicker .calendar.right {
    margin-left: 0; }

  .daterangepicker .left .daterangepicker_input {
    padding-right: 12px; }

  .daterangepicker .calendar.left .calendar-table {
    padding-right: 12px; } }

@media (min-width: 730px) {
  .daterangepicker .calendar.left {
    clear: none; } }

.jGrowl {
  z-index: 9999;
  color: #333;
  font-size: 12px;
  position: fixed;
  left: 0px;
  bottom: 0px; }

.jGrowl .jGrowl-notification {
  zoom: 1;
  width: 235px;
  font-family: Tahoma;
  font-size: 11pt;
  text-align: left;
  display: none;
  padding: 8px 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: normal;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px; }

.jGrowl .jGrowl-notification {
  min-height: 40px; }

.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
  margin: 10px; }

.jGrowl .jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: 0.85em; }

.jGrowl .jGrowl-notification .jGrowl-close {
  z-index: 99;
  float: right;
  font-weight: bold;
  cursor: pointer;
  color: #999; }

.jGrowl .jGrowl-notification .jGrowl-close:hover {
  color: #dd5a43; }

.jGrowl .jGrowl-closer {
  width: 235px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 9pt;
  font-weight: bold;
  text-align: center; }

.jGrowl .jGrowl-closer:hover {
  color: #dd5a43; }

@media print {
  .jGrowl {
    display: none; } }

.notify-growl {
  overflow: hidden; }

.notify-growl > img {
  float: left;
  margin-right: 8px;
  height: 30px;
  margin-top: 4px;
  margin-right: 8px;
  vertical-align: middle;
  width: 30px;
  border-radius: 5px; }

.notify-growl > .fa-stack {
  float: left;
  margin-right: 8px; }

.notify-growl > .notify-text {
  overflow: hidden;
  font-size: 10pt; }

.notify-growl > .notify-text > .notify-type {
  margin-top: 5px;
  font-size: 9pt; }

.textcomplete-dropdown {
  padding: 1px;
  border-radius: 0;
  z-index: 1000;
  /**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 * v0.1
 */ }
  .textcomplete-dropdown > .textcomplete-item > a {
    padding: 3px 12px;
    font-size: 10pt; }
  .textcomplete-dropdown > .textcomplete-footer {
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.84em; }
  .textcomplete-dropdown > .textcomplete-footer > a {
    text-align: center; }

.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 250px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 9000 !important; }

.jq-toast-wrap * {
  margin: 0;
  padding: 0; }

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px; }

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px; }

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px; }

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px; }

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 5px;
  border-radius: 4px;
  font-size: 12px;
  font-family: arial, sans-serif;
  line-height: 17px;
  position: relative;
  pointer-events: all !important;
  background-color: #444;
  color: white;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  font-size: 14px;
  margin: 0px 0px 7px;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal; }

.jq-toast-single a {
  color: #eee;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid white;
  padding-bottom: 3px;
  font-size: 12px; }

.jq-toast-single ul {
  margin: 0px 0px 0px 15px;
  background: none;
  padding: 0px; }

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: normal; }

.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 14px;
  cursor: pointer; }

.jq-has-icon {
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px; }
  .jq-has-icon > .fa {
    float: left;
    font-size: 25px;
    margin-left: -35px;
    margin-top: 5px; }

.jq-type-info {
  background-color: #1e87db;
  color: #fff;
  border-color: #1a78c2; }

.jq-type-warning {
  background-color: #e68900;
  color: #fff;
  border-color: #cc7a00; }

.jq-type-error {
  background-color: #dc3c31;
  color: #fff;
  border-color: #c3362b; }

.jq-type-success {
  background-color: #449e48;
  color: #fff;
  border-color: #3d8c40; }

#data-loading {
  z-index: 9999;
  display: none;
  position: absolute;
  width: 250px;
  text-align: center;
  padding: 20px 30px;
  font-size: 14pt;
  border: 1px solid #9a9a9a;
  color: #9a9a9a;
  background: white;
  box-shadow: 0 0 10px #9a9a9a; }

#data-loading > .fa {
  font-size: 40pt;
  display: block;
  text-align: center;
  margin-bottom: 20px; }

#ajax-loading {
  display: none;
  background-color: #fff1a8;
  color: black;
  font-size: 11pt;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
  width: 180px;
  top: 0px;
  left: 50%;
  border-radius: 0 0 5px 5px;
  margin-left: -90px;
  z-index: 10000;
  position: fixed; }