.ps-container .ps-scrollbar-x-rail {

  position: absolute;

  /* please don't change 'position' */

  bottom: 3px;

  /* there must be 'bottom' for ps-scrollbar-x-rail */

  height: 5px;

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transition: background-color .2s linear, opacity .2s linear;

  -moz-transition: background-color .2s linear, opacity .2s linear;

  -o-transition: background-color .2s linear, opacity .2s linear;

  transition: background-color .2s linear, opacity .2s linear;

}

.ps-container:hover .ps-scrollbar-x-rail,

.ps-container.hover .ps-scrollbar-x-rail {

  zoom: 1;

  filter: alpha(opacity=60);

  -webkit-opacity: 0.6;

  -moz-opacity: 0.6;

  opacity: 0.6;

}

.ps-container .ps-scrollbar-x-rail:hover,

.ps-container .ps-scrollbar-x-rail.hover {

  background-color: rgba(255, 255, 255, 0.5);

}

.ps-container .ps-scrollbar-x-rail.in-scrolling {

  background-color: rgba(255, 255, 255, 0.9);

}

.ps-container .ps-scrollbar-y-rail {

  position: absolute;

  /* please don't change 'position' */

  right: 2px;

  /* there must be 'right' for ps-scrollbar-y-rail */

  width: 5px;

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transition: background-color .2s linear, opacity .2s linear;

  -moz-transition: background-color .2s linear, opacity .2s linear;

  -o-transition: background-color .2s linear, opacity .2s linear;

  transition: background-color .2s linear, opacity .2s linear;

}

.ps-container:hover .ps-scrollbar-y-rail,

.ps-container.hover .ps-scrollbar-y-rail {

  zoom: 1;

  filter: alpha(opacity=60);

  -webkit-opacity: 0.6;

  -moz-opacity: 0.6;

  opacity: 0.6;

}

.ps-container .ps-scrollbar-y-rail:hover,

.ps-container .ps-scrollbar-y-rail.hover {

  background-color: rgba(255, 255, 255, 0.5);

}

.ps-container .ps-scrollbar-y-rail.in-scrolling {

  background-color: #eee;

  zoom: 1;

  filter: alpha(opacity=90);

  -webkit-opacity: 0.9;

  -moz-opacity: 0.9;

  opacity: 0.9;

}

.ps-container .ps-scrollbar-x {

  position: absolute;

  /* please don't change 'position' */

  bottom: 0;

  /* there must be 'bottom' for ps-scrollbar-x */

  height: 5px;

  background-color: #aaa;

  -o-transition: background-color 0.2s linear;

  -webkit-transition: background-color 0.2s linear;

  -moz-transition: background-color 0.2s linear;

  transition: background-color 0.2s linear;

}

.ps-container.ie6 .ps-scrollbar-x {

  font-size: 0;

  /* fixed scrollbar height in xp sp3 ie6 */

}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,

.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {

  background-color: #999;

}

.ps-container .ps-scrollbar-y {

  position: absolute;

  /* please don't change 'position' */

  right: 0;

  /* there must be 'right' for ps-scrollbar-y */

  width: 5px;

  background-color: #aaa;

  -webkit-transition: background-color .2s linear;

  -moz-transition: background-color .2s linear;

  -o-transition: background-color .2s linear;

  transition: background-color .2s linear;

}

.ps-container.ie6 .ps-scrollbar-y {

  font-size: 0;

  /* fixed scrollbar height in xp sp3 ie6 */

}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,

.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {

  background-color: #FAFAFA;

}

.ps-container.ie .ps-scrollbar-x,

.ps-container.ie .ps-scrollbar-y {

  visibility: hidden;

}

.ps-container.ie:hover .ps-scrollbar-x,

.ps-container.ie:hover .ps-scrollbar-y,

.ps-container.ie.hover .ps-scrollbar-x,

.ps-container.ie.hover .ps-scrollbar-y {

  visibility: visible;

}

.cbp_tmtimeline {

  margin: 30px 0 0 0;

  padding: 0;

  list-style: none;

  position: relative;

}

/* The line */

.cbp_tmtimeline:before {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  width: 10px;

  background: #afdcf8;

  left: 20%;

  margin-left: -10px;

}

/* The date/time */

.cbp_tmtimeline > li {

  position: relative;

}

.cbp_tmtimeline > li .cbp_tmtime {

  display: block;

  width: 25%;

  padding-right: 100px;

  position: absolute;

}

.cbp_tmtimeline > li .cbp_tmtime span {

  display: block;

  text-align: right;

}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {

  font-size: 0.9em;

  color: #bdd0db;

}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {

  font-size: 2.9em;

  color: #3594cb;

}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {

  color: #6cbfee;

}

/* Right content */

.cbp_tmtimeline > li .cbp_tmlabel {

  margin: 0 0 15px 25%;

  background: #3594cb;

  color: #fff;

  padding: 2em;

  font-size: 1.2em;

  font-weight: 300;

  line-height: 1.4;

  position: relative;

  border-radius: 5px;

}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {

  background: #6cbfee;

}

.cbp_tmtimeline > li .cbp_tmlabel h2 {

  margin-top: 0px;

  padding: 0 0 10px 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.4);

}

/* The triangle */

.cbp_tmtimeline > li .cbp_tmlabel:after {

  right: 100%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-right-color: #3594cb;

  border-width: 10px;

  top: 10px;

}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {

  border-right-color: #6cbfee;

}

/* The icons */

.cbp_tmtimeline > li .cbp_tmicon {

  width: 40px;

  height: 40px;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  font-size: 1.4em;

  line-height: 40px;

  -webkit-font-smoothing: antialiased;

  position: absolute;

  color: #fff;

  background: #46a4da;

  border-radius: 50%;

  box-shadow: 0 0 0 8px #afdcf8;

  text-align: center;

  left: 20%;

  top: 0;

  margin: 0 0 0 -25px;

}

/* Example Media Queries */

@media screen and (max-width: 65.375em) {

  .cbp_tmtimeline > li .cbp_tmtime span:last-child {

    font-size: 1.5em;

  }

}

@media screen and (max-width: 47.2em) {

  .cbp_tmtimeline:before {

    display: none;

  }

  .cbp_tmtimeline > li .cbp_tmtime {

    width: 100%;

    position: relative;

    padding: 0 0 20px 0;

  }

  .cbp_tmtimeline > li .cbp_tmtime span {

    text-align: left;

  }

  .cbp_tmtimeline > li .cbp_tmlabel {

    margin: 0 0 30px 0;

    padding: 1em;

    font-weight: 400;

    font-size: 95%;

  }

  .cbp_tmtimeline > li .cbp_tmlabel:after {

    right: auto;

    left: 20px;

    border-right-color: transparent;

    border-bottom-color: #3594cb;

    top: -20px;

  }

  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {

    border-right-color: transparent;

    border-bottom-color: #6cbfee;

  }

  .cbp_tmtimeline > li .cbp_tmicon {

    position: relative;

    float: right;

    left: auto;

    margin: -55px 5px 0 0px;

  }

}

.dropdown-menu > li.checkbox-row {

  padding: 5px 20px;

}

.dropdown-menu li.checkbox-row {

  display: block;

  clear: both;

  font-weight: normal;

  line-height: 18px;

  color: #333333;

  white-space: nowrap;

}

.dropdown-menu li.checkbox-row label {

  font-weight: normal;

}

.dropdown-menu li.checkbox-row:hover,

.dropdown-menu li.checkbox-row input:hover,

.dropdown-menu li.checkbox-row label:hover {

  cursor: pointer;

}

.no-touch .dropdown-menu > .checkbox-row:hover,

.no-touch .dropdown-menu > .checkbox-row:active {

  text-decoration: none;

  color: #262626;

  background-color: #f5f5f5;

}

.btn-toolbar {

  margin-bottom: 5px;

}

.btn-toolbar .btn-default {

  background-color: #68b828;

  color: #fff;

  border: 1px solid transparent;

}

.btn-toolbar .btn-default.dropdown-toggle {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-color: transparent;

}

.btn-toolbar .btn-primary {

  background-color: #508e1f;

}

.btn-toolbar .btn-group.open .dropdown-toggle {

  background-color: #508e1f;

  color: #fff;

}

.btn-toolbar .dropdown-menu {

  margin-top: 0;

}

.btn-toolbar .dropdown-menu .checkbox-row {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.btn-toolbar .dropdown-menu .checkbox-row .cbr-replaced {

  margin: 0;

  margin-right: 5px;

}

.btn-toolbar .dropdown-menu .checkbox-row label {

  color: #000;

  font-size: 12px;

  margin: 0;

}

.lt-ie8 .btn-toolbar {

  display: none;

}

.table-responsive {

  border-radius: 0px;

  border: 1px solid #eeeeee;

  margin-bottom: 18px;

}

.table-responsive > .table {

  margin-bottom: 0;

}

.table-responsive > .table-bordered {

  border: 0;

}

.table-responsive > .table-bordered > thead > tr > th:first-child,

.table-responsive > .table-bordered > tbody > tr > th:first-child,

.table-responsive > .table-bordered > tfoot > tr > th:first-child,

.table-responsive > .table-bordered > thead > tr > td:first-child,

.table-responsive > .table-bordered > tbody > tr > td:first-child,

.table-responsive > .table-bordered > tfoot > tr > td:first-child {

  border-left: 0;

}

.table-responsive > .table-bordered > thead > tr > th:last-child,

.table-responsive > .table-bordered > tbody > tr > th:last-child,

.table-responsive > .table-bordered > tfoot > tr > th:last-child,

.table-responsive > .table-bordered > thead > tr > td:last-child,

.table-responsive > .table-bordered > tbody > tr > td:last-child,

.table-responsive > .table-bordered > tfoot > tr > td:last-child {

  border-right: 0;

}

.table-responsive > .table-bordered > tbody > tr:last-child > th,

.table-responsive > .table-bordered > tfoot > tr:last-child > th,

.table-responsive > .table-bordered > tbody > tr:last-child > td,

.table-responsive > .table-bordered > tfoot > tr:last-child > td {

  border-bottom: 0;

}

.table-responsive[data-pattern="priority-columns"] {

  position: relative;

  width: 100%;

  margin-bottom: 18px;

  overflow-y: hidden;

  overflow-x: auto;

  -ms-overflow-style: -ms-autohiding-scrollbar;

  border-radius: 0px;

  border: 1px solid #eeeeee;

  -webkit-overflow-scrolling: touch;

}

.table-responsive[data-pattern="priority-columns"] > .table {

  margin-bottom: 0;

}

.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > th,

.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > th,

.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > th,

.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > td,

.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > td,

.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > td {

  white-space: nowrap;

}

.table-responsive[data-pattern="priority-columns"] > .table-bordered {

  border: 0;

}

.table-responsive[data-pattern="priority-columns"] > .table-bordered > thead > tr > th:first-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tbody > tr > th:first-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tfoot > tr > th:first-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > thead > tr > td:first-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tbody > tr > td:first-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tfoot > tr > td:first-child {

  border-left: 0;

}

.table-responsive[data-pattern="priority-columns"] > .table-bordered > thead > tr > th:last-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tbody > tr > th:last-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tfoot > tr > th:last-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > thead > tr > td:last-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tbody > tr > td:last-child,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tfoot > tr > td:last-child {

  border-right: 0;

}

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tbody > tr:last-child > th,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tfoot > tr:last-child > th,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tbody > tr:last-child > td,

.table-responsive[data-pattern="priority-columns"] > .table-bordered > tfoot > tr:last-child > td {

  border-bottom: 0;

}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority],

.mq.js.lt-ie10 .sticky-table-header th[data-priority],

.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority],

.mq.js.lt-ie10 .sticky-table-header td[data-priority] {

  display: none;

}

.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],

.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],

.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],

.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {

  display: inline;

}

.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],

.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],

.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],

.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"] {

  display: table-cell;

}

@media screen and (min-width: 480px) {

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {

    display: inline;

  }

  .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],

  .mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],

  .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],

  .mq.js.lt-ie10 .sticky-table-header td[data-priority="2"] {

    display: table-cell;

  }

}

@media screen and (min-width: 640px) {

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {

    display: inline;

  }

  .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],

  .mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],

  .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],

  .mq.js.lt-ie10 .sticky-table-header td[data-priority="3"] {

    display: table-cell;

  }

}

@media screen and (min-width: 800px) {

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {

    display: inline;

  }

  .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],

  .mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],

  .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],

  .mq.js.lt-ie10 .sticky-table-header td[data-priority="4"] {

    display: table-cell;

  }

}

@media screen and (min-width: 960px) {

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {

    display: inline;

  }

  .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],

  .mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],

  .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],

  .mq.js.lt-ie10 .sticky-table-header td[data-priority="5"] {

    display: table-cell;

  }

}

@media screen and (min-width: 1120px) {

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],

  .lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],

  .lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {

    display: inline;

  }

  .mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],

  .mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],

  .mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],

  .mq.js.lt-ie10 .sticky-table-header td[data-priority="6"] {

    display: table-cell;

  }

}

table.table-small-font {

  font-size: 12px;

  -webkit-text-size-adjust: none;

  line-height: 1.5em;

}

table.focus-on tbody tr:hover {

  cursor: pointer;

}

table.focus-on tbody tr.unfocused th,

table.focus-on tbody tr.unfocused td {

  color: #777777;

  color: rgba(0, 0, 0, 0.4);

}

table.focus-on tbody tr.focused th,

table.focus-on tbody tr.focused td {

  background-color: #68b828;

  color: #fff;

  border-color: #63b026;

}

table th.col-hide,

table td.col-hide {

  display: none;

}

table th.col-show,

table td.col-show {

  display: inline;

}

.lt-ie9 table th.col-show,

.lt-ie9 table td.col-show {

  display: table-cell;

}

.lt-ie9 table.display-all th,

.lt-ie9 table.display-all td {

  display: inline !important;

}

table.display-all th,

table.display-all td {

  display: table-cell !important;

}

.sticky-table-header {

  background-color: #fff;

  border: none;

  border-radius: 0;

  border-top: 1px solid #eeeeee;

  border-bottom: 1px solid #eeeeee;

  position: absolute;

  top: 0;

  visibility: hidden;

  z-index: 990;

  overflow: hidden;

  min-width: 100%;

}

.sticky-table-header.fixed-solution {

  min-width: 0;

  position: fixed;

}

.lt-ie10 .sticky-table-header.fixed-solution {

  border-left: 1px solid #eeeeee;

  border-right: 1px solid #eeeeee;

  box-sizing: content-box;

  border-bottom: none;

}

.sticky-table-header.border-radius-fix {

  border-bottom-left-radius: 3px;

  border-bottom-right-radius: 3px;

}

.sticky-table-header > .table {

  margin-bottom: 0;

}

.sticky-table-header > .table > thead > tr > th,

.sticky-table-header > .table > tbody > tr > th,

.sticky-table-header > .table > tfoot > tr > th,

.sticky-table-header > .table > thead > tr > td,

.sticky-table-header > .table > tbody > tr > td,

.sticky-table-header > .table > tfoot > tr > td {

  white-space: nowrap;

}

.sticky-table-header > .table-bordered {

  border: 0;

}

.sticky-table-header > .table-bordered > thead > tr > th:first-child,

.sticky-table-header > .table-bordered > tbody > tr > th:first-child,

.sticky-table-header > .table-bordered > tfoot > tr > th:first-child,

.sticky-table-header > .table-bordered > thead > tr > td:first-child,

.sticky-table-header > .table-bordered > tbody > tr > td:first-child,

.sticky-table-header > .table-bordered > tfoot > tr > td:first-child {

  border-left: 0;

}

.sticky-table-header > .table-bordered > thead > tr > th:last-child,

.sticky-table-header > .table-bordered > tbody > tr > th:last-child,

.sticky-table-header > .table-bordered > tfoot > tr > th:last-child,

.sticky-table-header > .table-bordered > thead > tr > td:last-child,

.sticky-table-header > .table-bordered > tbody > tr > td:last-child,

.sticky-table-header > .table-bordered > tfoot > tr > td:last-child {

  border-right: 0;

}

.sticky-table-header > .table-bordered > tbody > tr:last-child > th,

.sticky-table-header > .table-bordered > tfoot > tr:last-child > th,

.sticky-table-header > .table-bordered > tbody > tr:last-child > td,

.sticky-table-header > .table-bordered > tfoot > tr:last-child > td {

  border-bottom: 0;

}

.transall,

.sidebar-menu .main-menu a,

.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"],

.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i,

footer.main-footer .go-up a,

.user-info-navbar .user-info-menu > li > a,

.breadcrumb.auto-hidden li a,

.icon-collection .fontawesome-icon-list .fa-hover > i,

.icon-collection .fontawesome-icon-list .fa-hover > span {

  -webkit-transition: all 220ms ease-in-out;

  -moz-transition: all 220ms ease-in-out;

  -o-transition: all 220ms ease-in-out;

  transition: all 220ms ease-in-out;

}

.clearfix:before,

.clearfix:after,

.page-container .main-content .page-title:before,

.page-container .main-content .page-title:after,

.sidebar-menu .logo-env:before,

.sidebar-menu .logo-env:after,

.navbar.horizontal-menu .navbar-inner:before,

.navbar.horizontal-menu .navbar-inner:after,

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:before,

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:after,

#chat .chat-conversation .conversation-body > li:before,

#chat .chat-conversation .conversation-body > li:after,

.panel .panel-heading:before,

.panel .panel-heading:after,

.breadcrumb.auto-hidden:before,

.breadcrumb.auto-hidden:after,

.dataTables_wrapper .dataTables_length:before,

.dataTables_wrapper .dataTables_length:after,

.dataTables_wrapper .dataTables_filter:before,

.dataTables_wrapper .dataTables_filter:after,

.dataTables_wrapper .DTTT_container:before,

.dataTables_wrapper .DTTT_container:after,

.skin-color-palette:before,

.skin-color-palette:after,

.icon-collection .fontawesome-icon-list:before,

.icon-collection .fontawesome-icon-list:after,

.icon-collection .fontawesome-icon-list .fa-hover:before,

.icon-collection .fontawesome-icon-list .fa-hover:after,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:before,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:after {

  content: " ";

  display: table;

}

.clearfix:after,

.page-container .main-content .page-title:after,

.sidebar-menu .logo-env:after,

.navbar.horizontal-menu .navbar-inner:after,

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:after,

#chat .chat-conversation .conversation-body > li:after,

.panel .panel-heading:after,

.breadcrumb.auto-hidden:after,

.dataTables_wrapper .dataTables_length:after,

.dataTables_wrapper .dataTables_filter:after,

.dataTables_wrapper .DTTT_container:after,

.skin-color-palette:after,

.icon-collection .fontawesome-icon-list:after,

.icon-collection .fontawesome-icon-list .fa-hover:after,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:after {

  clear: both;

}

body {

  background-color: #eeeeee;

}

a {

  outline: none !important;

}

p {

  color: #000;

}

html,

body {

  height: 100%;

  margin: 0;

  padding: 0;

  border: none;

}

.boxed-container {

  background: #ccc;

}

.page-container {

  display: table;

  width: 100%;

  height: 100%;

  vertical-align: top;

  border-collapse: collapse;

  border-spacing: 0px;

  table-layout: fixed;

}

.boxed-container .page-container {

  max-width: 1140px;

  margin: 20px auto;

}

@media screen and (max-width: 768px) {

  .boxed-container .page-container {

    margin: 0;

  }

}

.page-container.container {

  max-width: 1140px;

  table-layout: auto;

}

.page-container .main-content {

  display: table-cell;

  position: relative;

  z-index: 1;

  padding: 30px;

  padding-bottom: 0;

  vertical-align: top;

  word-break: break-word;

}

.boxed-container .page-container .main-content {

  background-color: #eeeeee;

}

.page-container .main-content:hover {

  z-index: 15;

}

.page-container .main-content .page-title {

  background: #f8f8f8;

  margin: -30px;

  margin-bottom: 30px;

  padding: 20px 0;

  -webkit-box-shadow: 0 1px 0 rgba(0,1,1,.08), inset 0 1px 0 #ededed;

  -moz-box-shadow: 0 1px 0 rgba(0,1,1,.08), inset 0 1px 0 #ededed;

  box-shadow: 0 1px 0 rgba(0,1,1,.08), inset 0 1px 0 #ededed;

}

@media screen and (max-width: 768px) {

  .page-container .main-content .page-title {

    padding: 15px 0;

  }

}

.page-container .main-content .page-title.full-width .title-env {

  width: 100%;

  padding-right: 30px;

}

.page-container .main-content .page-title .title-env,

.page-container .main-content .page-title .breadcrumb-env {

  display: block;

}

.page-container .main-content .page-title .title-env {

  float: left;

  padding-left: 30px;

}

.page-container .main-content .page-title .title-env .title {

  margin: 0;

  font-size: 27px;

}

@media screen and (max-width: 768px) {

  .page-container .main-content .page-title .title-env .title {

    font-size: 23px;

  }

  .page-container .main-content .page-title .title-env .title + p {

    font-size: 12px;

  }

}

@media screen and (max-width: 480px) {

  .page-container .main-content .page-title .title-env .title {

    font-size: 19px;

  }

}

.page-container .main-content .page-title .title-env .title + p {

  margin: 0;

  margin-top: 5px;

  color: #000;

}

.page-container .main-content .page-title .breadcrumb-env {

  float: right;

  padding-right: 30px;

}

@media screen and (max-width: 480px) {

  .page-container .main-content .page-title .breadcrumb-env {

    clear: both;

    float: none;

    padding: 0 10px;

  }

}

.page-container .main-content .page-title .breadcrumb-env .breadcrumb {

  margin-bottom: 0;

  margin-top: 8px;

}

@media screen and (max-width: 768px) {

  .page-container .main-content .page-title .breadcrumb-env .breadcrumb {

    margin-top: 4px;

  }

  .page-container .main-content .page-title .breadcrumb-env .breadcrumb li a {

    font-size: 12px;

  }

}

.sidebar-menu {

  display: table-cell;

  position: relative;

  width: 340px;

  background: #2c2e2f;

  z-index: 1;

}

.sidebar-menu .logo-env {

  padding: 30px 45px;

  border-bottom: 1px solid #313437;

}

.sidebar-menu .logo-env .logo {

  float: left;

}

.sidebar-menu .logo-env .logo .logo-collapsed {

  display: none;

}

.sidebar-menu .logo-env .settings-icon {

  float: right;

  position: relative;

  top: 1px;

}

.sidebar-menu .logo-env .settings-icon a {

  color: #000;

  line-height: 1;

}

.sidebar-menu .logo-env .settings-icon a i {

  line-height: 1;

  font-size: 18px;

}

.sidebar-menu .logo-env .settings-icon a:hover {

  color: #ffffff;

}

.sidebar-menu .main-menu {

  padding-left: 40px;

  padding-right: 40px;

  margin-top: 20px;

  margin-bottom: 20px;

  list-style: none;

}

@media screen and (max-width: 768px) {

  .sidebar-menu .main-menu {

    margin-top: 10px;

    margin-bottom: 10px;

  }

}

.sidebar-menu .main-menu a {

  color: #000;

  text-decoration: none;

  display: block;

  padding: 13px 5px;

  border-bottom: 1px solid #313437;

}

.sidebar-menu .main-menu a > i {

  display: inline-block;

  margin-right: 10px;

}

.sidebar-menu .main-menu a > i + span {

  padding-right: 10px;

}

.sidebar-menu .main-menu a > span {

  display: inline-block;

}

.sidebar-menu .main-menu a > .label {

  margin-top: 1px;

}

.sidebar-menu .main-menu a > .badge {

  font-size: 75%;

  line-height: 1.2;

}

.sidebar-menu .main-menu a:hover {

  color: #ffffff;

}

.sidebar-menu .main-menu li.active > a {

  color: #ffffff;

}

.sidebar-menu .main-menu li.has-sub > a:before {

  position: relative;

  display: inline-block;

  font-family: 'FontAwesome';

  content: '\f107';

  float: right;

  color: #6d747a;

  margin-left: 10px;

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  transform: rotate(-90deg);

  -webkit-transition: all 150ms ease-in-out;

  -moz-transition: all 150ms ease-in-out;

  -o-transition: all 150ms ease-in-out;

  transition: all 150ms ease-in-out;

}

.sidebar-menu .main-menu li.has-sub.opened > a:before,

.sidebar-menu .main-menu li.has-sub.expanded > a:before {

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}

.sidebar-menu .main-menu > li.opened > ul {

  display: block;

}

.sidebar-menu .main-menu > li.opened .opened > ul {

  display: block;

}

.sidebar-menu .main-menu ul {

  display: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  list-style: none;

}

.sidebar-menu .main-menu ul li {

  position: relative;

}

@media screen and (min-width: 768px) {

  .sidebar-menu .main-menu ul li.is-hidden {

    left: -20px;

    zoom: 1;

    filter: alpha(opacity=0);

    -webkit-opacity: 0;

    -moz-opacity: 0;

    opacity: 0;

  }

}

.sidebar-menu .main-menu ul li.is-shown {

  left: 0;

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  -webkit-transition: all 200ms ease-in-out;

  -moz-transition: all 200ms ease-in-out;

  -o-transition: all 200ms ease-in-out;

  transition: all 200ms ease-in-out;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown {

  -webkit-transition-delay: 80ms;

  -moz-transition-delay: 80ms;

  -o-transition-delay: 80ms;

  transition-delay: 80ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 120ms;

  -moz-transition-delay: 120ms;

  -o-transition-delay: 120ms;

  transition-delay: 120ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 160ms;

  -moz-transition-delay: 160ms;

  -o-transition-delay: 160ms;

  transition-delay: 160ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 200ms;

  -moz-transition-delay: 200ms;

  -o-transition-delay: 200ms;

  transition-delay: 200ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 240ms;

  -moz-transition-delay: 240ms;

  -o-transition-delay: 240ms;

  transition-delay: 240ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 280ms;

  -moz-transition-delay: 280ms;

  -o-transition-delay: 280ms;

  transition-delay: 280ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 320ms;

  -moz-transition-delay: 320ms;

  -o-transition-delay: 320ms;

  transition-delay: 320ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 360ms;

  -moz-transition-delay: 360ms;

  -o-transition-delay: 360ms;

  transition-delay: 360ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 400ms;

  -moz-transition-delay: 400ms;

  -o-transition-delay: 400ms;

  transition-delay: 400ms;

}

.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

  -webkit-transition-delay: 440ms;

  -moz-transition-delay: 440ms;

  -o-transition-delay: 440ms;

  transition-delay: 440ms;

}

.sidebar-menu .main-menu ul li.hidden-item {

  visibility: hidden;

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transition: all 250ms ease-in-out;

  -moz-transition: all 250ms ease-in-out;

  -o-transition: all 250ms ease-in-out;

  transition: all 250ms ease-in-out;

}

.sidebar-menu .main-menu ul li a {

  padding-left: 35px;

}

.sidebar-menu .main-menu ul li ul li a {

  padding-left: 60px;

}

.sidebar-menu .main-menu ul li ul li ul li a {

  padding-left: 85px;

}

.sidebar-menu .main-menu ul li ul li ul li ul li a {

  padding-left: 110px;

}

.sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x,

.sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {

  background-color: rgba(255, 255, 255, 0.6);

}

.sidebar-menu.fixed {

  height: 100%;

}

.sidebar-menu.fixed .sidebar-menu-inner {

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  width: inherit;

  overflow: hidden;

}

.page-body.right-sidebar .sidebar-menu.fixed .sidebar-menu-inner {

  left: auto;

  right: 0;

}

@media screen and (min-width: 768px) {

  .sidebar-menu.collapsed {

    width: 80px;

    z-index: 10;

    overflow: visible;

  }

  .sidebar-menu.collapsed .hidden-collapsed {

    display: none !important;

  }

  .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {

    color: #606161;

  }

  .sidebar-menu.collapsed + .main-content .main-footer {

    left: 80px;

  }

  .sidebar-menu.collapsed .sidebar-menu-inner {

    overflow: visible;

    position: relative;

  }

  .sidebar-menu.collapsed .logo-env {

    padding: 18px 0;

  }

  .sidebar-menu.collapsed .logo-env .logo-collapsed {

    display: block;

    text-align: center;

  }

  .sidebar-menu.collapsed .logo-env .logo-collapsed img {

    display: inline-block;

  }

  .sidebar-menu.collapsed .logo-env .logo-expanded,

  .sidebar-menu.collapsed .logo-env .settings-icon {

    display: none;

  }

  .sidebar-menu.collapsed .logo-env .logo {

    float: none;

  }

  .sidebar-menu.collapsed .main-menu {

    padding-left: 0;

    padding-right: 0;

  }

  .sidebar-menu.collapsed .main-menu > li {

    text-align: center;

    position: relative;

  }

  .sidebar-menu.collapsed .main-menu > li.active,

  .sidebar-menu.collapsed .main-menu > li li.active {

    background-color: #252627;

  }

  .sidebar-menu.collapsed .main-menu > li > a > i {

    margin-right: 0;

    font-size: 16px;

  }

  .sidebar-menu.collapsed .main-menu > li > a > span {

    display: none;

  }

  .sidebar-menu.collapsed .main-menu > li > a > span.label {

    display: block;

    position: absolute;

    right: 0;

    top: 0;

  }

  .sidebar-menu.collapsed .main-menu > li.has-sub > a:before {

    display: none;

  }

  .sidebar-menu.collapsed .main-menu > li.opened > ul {

    display: none;

  }

  .sidebar-menu.collapsed .main-menu > li > ul {

    position: absolute;

    background: #2c2e2f;

    width: 250px;

    top: 0;

    left: 100%;

    text-align: left;

  }

  .page-body.right-sidebar .sidebar-menu.collapsed .main-menu > li > ul {

    left: auto;

    right: 100%;

  }

  .sidebar-menu.collapsed .main-menu > li > ul > li > a {

    padding-left: 20px;

  }

  .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > a {

    padding-left: 35px;

  }

  .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > ul > li > a {

    padding-left: 50px;

  }

  .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > ul > li > ul > li > a {

    padding-left: 65px;

  }

  .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {

    padding-left: 80px;

  }

  .sidebar-menu.collapsed .main-menu > li > ul li.has-sub > a:before {

    margin-right: 10px;

  }

  .sidebar-menu.collapsed .main-menu > li:hover > ul {

    display: block;

  }

}

.page-body.right-sidebar .page-container {

  direction: rtl;

}

.page-body.right-sidebar .page-container > * {

  direction: ltr;

}

.navbar.horizontal-menu {

  position: relative;

  height: 85px;

  background: #ffffff;

  margin: 0;

  padding: 0;

  z-index: 101;

  min-height: 0px;

  -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);

  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);

}

.navbar.horizontal-menu.navbar-fixed-top {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

}

.navbar.horizontal-menu.navbar-fixed-top + .page-container {

  margin-top: 85px;

}

.navbar.horizontal-menu.navbar-fixed-top + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

  top: 85px;

}

.settings-pane-open .navbar.horizontal-menu.navbar-fixed-top {

  position: relative;

}

.settings-pane-open .navbar.horizontal-menu.navbar-fixed-top + .page-container {

  margin-top: 0;

}

.settings-pane-open .navbar.horizontal-menu.navbar-fixed-top + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

  top: 0;

}

.navbar.horizontal-menu + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

  top: 85px;

}

.navbar.horizontal-menu .navbar-inner .navbar-brand {

  padding: 0 30px;

  margin: 0;

  float: left;

  height: 85px;

  display: table;

}

.navbar.horizontal-menu .navbar-inner .navbar-brand:hover a[data-toggle="settings-pane"] {

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

}

.settings-pane-open .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] {

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

}

.settings-pane-open .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {

  color: #2c2e2f;

}

.navbar.horizontal-menu .navbar-inner .navbar-brand a {

  display: table-cell;

  vertical-align: middle;

}

.navbar.horizontal-menu .navbar-inner .navbar-brand a.logo img {

  margin: 0;

}

.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] {

  padding-left: 10px;

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

}

.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {

  display: block;

  line-height: 1;

  font-size: 12px;

  color: #000;

  margin-top: 1px;

}

.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {

  color: #2c2e2f;

}

@media screen and (min-width: 768px) {

  .navbar.horizontal-menu .navbar-inner .navbar-nav {

    list-style: none;

    padding: 0;

    margin: 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover > a:before {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded > a:before {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a {

    position: relative;

    display: inline-block;

    line-height: 1;

    color: #000;

    z-index: 1;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > i {

    display: inline-block;

    margin-right: 5px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > .label.pull-right {

    margin-top: 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > .title {

    display: inline-block;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > .title + .badge {

    margin-left: 7px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a,

  .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {

		color:#1387b3;



  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li {

    position: relative;

    z-index: 1;

    line-height: 85px;

    border: 1px solid transparent;

    border-top: 0;

    border-bottom: 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {

    z-index: 2;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active,

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li:hover {

    border-color: #f3f3f3;

    background-color: #fafafa;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active {

    margin-left: -1px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li.active + li:hover {

    border-left-color: transparent;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li > a {

    padding: 0 15px;

    line-height: 85px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {

    position: absolute;

    min-width: 270px;

    border: 1px solid #eee;

    visibility: hidden;

    display: block;

    left: -1px;

    -webkit-border-radius: 0 0 0px 0px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 0 0 0px 0px;

    -moz-background-clip: padding;

    border-radius: 0 0 0px 0px;

    background-clip: padding-box;

    -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);

    -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);

    box-shadow: 0 2px 8px rgba(0,1,1,.05);

    -webkit-transition: opacity 180ms linear, visibility 180ms linear;

    -moz-transition: opacity 180ms linear, visibility 180ms linear;

    -o-transition: opacity 180ms linear, visibility 180ms linear;

    transition: opacity 180ms linear, visibility 180ms linear;

    zoom: 1;

    filter: alpha(opacity=0);

    -webkit-opacity: 0;

    -moz-opacity: 0;

    opacity: 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li.hover > ul {

    visibility: visible;

    zoom: 1;

    filter: alpha(opacity=100);

    -webkit-opacity: 1;

    -moz-opacity: 1;

    opacity: 1;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul {

    position: relative;

    display: none;

    list-style: none;

    padding: 0;

    margin: 0;

    top: 100%;

    min-width: 100%;

    background: #ffffff;

    z-index: 2;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul ul {

    display: block;

    height: 0px;

    overflow: hidden;

    visibility: hidden;

    zoom: 1;

    filter: alpha(opacity=0);

    -webkit-opacity: 0;

    -moz-opacity: 0;

    opacity: 0;

    -webkit-transition: opacity 350ms linear;

    -moz-transition: opacity 350ms linear;

    -o-transition: opacity 350ms linear;

    transition: opacity 350ms linear;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul ul.is-visible {

    height: auto;

    visibility: visible;

    zoom: 1;

    filter: alpha(opacity=100);

    -webkit-opacity: 1;

    -moz-opacity: 1;

    opacity: 1;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li:last-child > a:after {

    display: none;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li {

    line-height: 1;

    margin: 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a {

    position: relative;

    display: block;

    white-space: nowrap;

    padding: 15px 25px;

    color: #000;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {

    content: '';

    position: absolute;

    left: 25px;

    right: 25px;

    bottom: 0;

    background: #eee;

    height: 1px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a {

    color: #313232;

    background: #fafafa;

    border-top: 1px solid #eee;

    margin-top: -2px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.active > a:after {

    left: 0;

    right: 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub > a:before {

    content: '\f105';

    font-family: 'FontAwesome';

    display: block;

    float: right;

    color: #000;

    position: relative;

    margin-left: 10px;

    line-height: 1.3;

    -webkit-transform-origin: center center;

    -moz-transform-origin: center center;

    -o-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub:hover > a:before,

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li.has-sub.expanded > a:before {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul {

    background: #f6f6f6;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-top: -1px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul {

    background: #f1f1f1;

    border-top-color: #e7e7e7;

    border-bottom-color: #e7e7e7;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul a:after {

    background-color: #e7e7e7;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul {

    background: #ececec;

    border-top-color: #e2e2e2;

    border-bottom-color: #e2e2e2;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li ul ul ul a:after {

    background-color: #e2e2e2;

  }

}

.navbar.horizontal-menu .navbar-inner .navbar-mobile-clear {

  display: block;

}

.navbar.horizontal-menu .navbar-inner > .nav {

  list-style: none;

  margin: 0;

  padding: 0;

}

.navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile {

  display: none;

}

.navbar.horizontal-menu .navbar-inner > .nav > li {

  line-height: 85px;

  display: inline-block;

}

.navbar.horizontal-menu .navbar-inner > .nav > li i {

  font-size: 15px;

  color: #000;

  line-height: 1;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a {

  position: relative;

  padding: 0 15px;

  margin: 0;

  border: 1px solid transparent;

  border-top: 0;

  border-bottom: 0;

  z-index: 2;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a:hover {

  background: #fafafa;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a:hover i {

  color: #717272;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon {

  padding: 0 20px;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:before {

  content: '';

  position: absolute;

  height: 2px;

  top: 0px;

  left: 0;

  right: 0;

  background: #68b828;

  display: none;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon:hover:before {

  display: block;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon i {

  margin-right: 2px;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon .badge {

  font-size: 9px;

  position: absolute;

  top: 50%;

  right: 10px;

  padding: 4px;

  min-width: 18px;

  

  line-height: 1;

  margin-top: -20px;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon.notification-icon-messages:before {

  background-color: #7c38bc;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] {

  padding: 0 20px;

}

.chat-open .navbar.horizontal-menu .navbar-inner > .nav > li > a[data-toggle="chat"] i {

  color: #717272;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon {

  background-color: #fff;

  border-color: #f3f3f3;

  color: #717272;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon i {

  color: #717272;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.open > a.notification-icon:before {

  display: block;

}

.navbar.horizontal-menu .navbar-inner > .nav > li > ul {

  z-index: 1;

  border-color: #f3f3f3;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form {

  padding: 0 20px;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a {

  border: 1px solid transparent;

  border-top: 0;

  border-bottom: 0;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a:focus {

  background-color: #fff;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > a {

  background-color: #fff;

  border-color: #f3f3f3;

}

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile.open > .dropdown-menu {

  margin-left: -1px;

}

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu {

  line-height: 1.42857143;

}

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu {

  z-index: 1;

  margin-top: -1px;

}

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu {

  right: 0 !important;

}

@media screen and (min-width: 767px) and (max-width: 992px) {

  .navbar.horizontal-menu .navbar-inner .navbar-brand {

    padding: 0 15px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li {

    line-height: 84px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li > a {

    padding: 0 10px;

    font-size: 12px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li > a > .badge {

    display: none;

  }

  .navbar.horizontal-menu .navbar-inner > .nav > li i {

    font-size: 13px;

  }

  .navbar.horizontal-menu .navbar-inner > .nav > li > a.notification-icon {

    padding-left: 15px;

    padding-right: 15px;

  }

  .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > span {

    display: none !important;

  }

}

.navbar.horizontal-menu.navbar-minimal {

  height: 55px;

}

.navbar.horizontal-menu.navbar-minimal.navbar-fixed-top + .page-container {

  margin-top: 55px;

}

.navbar.horizontal-menu.navbar-minimal.navbar-fixed-top + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

  top: 55px;

}

.navbar.horizontal-menu.navbar-minimal + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

  top: 55px;

}

.navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-brand {

  height: 55px;

}

@media screen and (min-width: 768px) {

  .navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-nav > li {

    line-height: 55px;

  }

  .navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-nav > li > a {

    line-height: 55px;

  }

}

.navbar.horizontal-menu.navbar-minimal .navbar-inner > .nav > li {

  line-height: 55px;

}

@media screen and (min-width: 767px) and (max-width: 992px) {

  .navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-nav > li {

    line-height: 54px;

  }

}

@media screen and (max-width: 768px) {

  .navbar.horizontal-menu {

    background: #2c2e2f;

    color: #fff;

    height: auto;

  }

  .chat-open .navbar.horizontal-menu {

    left: -340px;

  }

  .navbar.horizontal-menu.navbar-fixed-top {

    position: relative;

  }

  .navbar.horizontal-menu.navbar-fixed-top + .page-container {

    margin-top: 0;

  }

  .navbar.horizontal-menu.navbar-fixed-top + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

    top: 0;

  }

  .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top {

    position: relative;

  }

  .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top + .page-container {

    margin-top: 0;

  }

  .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

    top: 0;

  }

  .navbar.horizontal-menu + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {

    top: 85px;

  }

  .navbar.horizontal-menu .navbar-inner {

    padding: 20px 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-brand {

    height: auto;

    padding-left: 20px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] {

    display: none;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-mobile-clear {

    display: block;

    clear: both;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav {

    display: none;

    padding-left: 40px;

    padding-right: 40px;

    margin-top: 20px;

    margin-bottom: 20px;

    list-style: none;

    margin-bottom: 0;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a {

    color: #32c5ff;

    text-decoration: none;

    display: block;

    padding: 13px 5px;

    border-bottom: 1px solid #313437;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > i {

    display: inline-block;

    margin-right: 10px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > i + span {

    padding-right: 10px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > span {

    display: inline-block;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > .label {

    margin-top: 1px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a > .badge {

    font-size: 75%;

    line-height: 1.2;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav a:hover {

    color: #ffffff;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {

    color: #ffffff;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub > a:before {

    position: relative;

    display: inline-block;

    font-family: 'FontAwesome';

    content: '\f107';

    float: right;

    color: #6d747a;

    margin-left: 10px;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    -o-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub.opened > a:before,

  .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub.expanded > a:before {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li.opened > ul {

    display: block;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav > li.opened .opened > ul {

    display: block;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul {

    display: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    list-style: none;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li {

    position: relative;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown {

    left: 0;

    zoom: 1;

    filter: alpha(opacity=100);

    -webkit-opacity: 1;

    -moz-opacity: 1;

    opacity: 1;

    -webkit-transition: all 200ms ease-in-out;

    -moz-transition: all 200ms ease-in-out;

    -o-transition: all 200ms ease-in-out;

    transition: all 200ms ease-in-out;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown {

    -webkit-transition-delay: 80ms;

    -moz-transition-delay: 80ms;

    -o-transition-delay: 80ms;

    transition-delay: 80ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 120ms;

    -moz-transition-delay: 120ms;

    -o-transition-delay: 120ms;

    transition-delay: 120ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 160ms;

    -moz-transition-delay: 160ms;

    -o-transition-delay: 160ms;

    transition-delay: 160ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 240ms;

    -moz-transition-delay: 240ms;

    -o-transition-delay: 240ms;

    transition-delay: 240ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 280ms;

    -moz-transition-delay: 280ms;

    -o-transition-delay: 280ms;

    transition-delay: 280ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 320ms;

    -moz-transition-delay: 320ms;

    -o-transition-delay: 320ms;

    transition-delay: 320ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 360ms;

    -moz-transition-delay: 360ms;

    -o-transition-delay: 360ms;

    transition-delay: 360ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 400ms;

    -moz-transition-delay: 400ms;

    -o-transition-delay: 400ms;

    transition-delay: 400ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {

    -webkit-transition-delay: 440ms;

    -moz-transition-delay: 440ms;

    -o-transition-delay: 440ms;

    transition-delay: 440ms;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.hidden-item {

    visibility: hidden;

    zoom: 1;

    filter: alpha(opacity=0);

    -webkit-opacity: 0;

    -moz-opacity: 0;

    opacity: 0;

    -webkit-transition: all 250ms ease-in-out;

    -moz-transition: all 250ms ease-in-out;

    -o-transition: all 250ms ease-in-out;

    transition: all 250ms ease-in-out;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li a {

    padding-left: 35px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li ul li a {

    padding-left: 60px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li ul li ul li a {

    padding-left: 85px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li ul li ul li ul li a {

    padding-left: 110px;

  }

  .navbar.horizontal-menu .navbar-inner .navbar-nav.mobile-is-visible {

    display: block;

  }

  .navbar.horizontal-menu .navbar-inner > .nav {

    display: none;

  }

  .navbar.horizontal-menu .navbar-inner > .nav > li {

    line-height: 65px;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.nav-userinfo {

    float: none;

    width: 100%;

    display: none;

    background: #fff;

    position: relative;

    top: 20px;

    text-align: right;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.nav-userinfo.mobile-is-visible {

    display: block;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.nav-userinfo > .xs-left {

    float: left;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.nav-userinfo > .xs-left.open > .dropdown-menu {

    left: 1px;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.nav-userinfo .notification-icon .badge {

    top: 50%;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.nav-userinfo .user-profile > a span {

    display: none;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.nav-userinfo .user-profile.open > a {

    background-color: #fafafa;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile {

    display: block;

    float: right;

    padding-right: 20px;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a {

    position: relative;

    display: inline-block;

    color: #fff;

    line-height: 1;

    margin-left: 15px;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a i {

    line-height: 1;

    font-size: 18px;

    position: relative;

    top: 1px;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:hover,

  .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:active,

  .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a:focus {

    color: #ffffff;

  }

  .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a .badge {

    position: absolute;

    right: -3px;

    top: -8px;

    font-size: 8px;

    padding: 1px 2px;

    min-width: 14px;

  }

}

@media screen and (max-width: 768px) and screen and (max-width: 768px) {

  .navbar.horizontal-menu .navbar-inner .navbar-nav {

    margin-top: 10px;

    margin-bottom: 10px;

  }

}

@media screen and (max-width: 768px) and screen and (min-width: 768px) {

  .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-hidden {

    left: -20px;

    zoom: 1;

    filter: alpha(opacity=0);

    -webkit-opacity: 0;

    -moz-opacity: 0;

    opacity: 0;

  }

}

footer.main-footer {

  padding: 20px 30px;

  border-top: 1px solid #dddddd;

  font-size: 12px;

  margin-left: -30px;

  margin-right: -30px;

  margin-top: 10px;

  background-color: #eeeeee;

}

footer.main-footer:before,

footer.main-footer:after {

  content: " ";

  display: table;

}

footer.main-footer:after {

  clear: both;

}

footer.main-footer:before,

footer.main-footer:after {

  content: " ";

  display: table;

}

footer.main-footer:after {

  clear: both;

}

.page-container + footer.main-footer {

  margin-left: 0;

  margin-right: 0;

}

.page-container + footer.main-footer .footer-inner {

  max-width: 1080px;

  margin-left: auto;

  margin-right: auto;

}

footer.main-footer .footer-text {

  float: left;

}

footer.main-footer .go-up {

  float: right;

}

footer.main-footer .go-up a {

  display: inline-block;

  background-color: rgba(44, 46, 47, 0.05);

  padding: 2px 5px;

}

footer.main-footer .go-up a:hover {

  background-color: rgba(44, 46, 47, 0.1);

}

footer.main-footer.footer-type-2 {

  background-color: #252729;

  border-top: 0;

  color: #ffffff;

}

footer.main-footer.footer-type-2 a {

  color: #ffffff;

}

footer.main-footer.footer-type-2 .go-up a {

  background-color: rgba(255, 255, 255, 0.05);

}

footer.main-footer.footer-type-2 .go-up a:hover {

  background-color: rgba(255, 255, 255, 0.1);

}

footer.main-footer.fixed {

  position: fixed;

  left: 340px;

  right: 0;

  bottom: 0;

  margin-left: 0;

  margin-right: 0;

  margin-top: 10px !important;

}

body.chat-open .user-info-navbar a[data-toggle="chat"] {

  color: #606161;

}

.user-info-navbar {

  background-color: #ffffff;

  min-height: 0;

  border: 0;

  padding: 0;

  margin: -30px;

  margin-bottom: 30px;

}

.user-info-navbar .user-info-menu {

  margin: 0;

}

.user-info-navbar .user-info-menu.left-links {

  float: left;

}

.user-info-navbar .user-info-menu.right-links {

  float: right;

}

.user-info-navbar .user-info-menu li {

  line-height: 1;

}

.user-info-navbar .user-info-menu li a {

  line-height: 1;

}

.user-info-navbar .user-info-menu li a img {

  line-height: 1;

}

.user-info-navbar .user-info-menu > li {

  position: relative;

  margin: 0;

  padding: 0;

  border: 1px solid #ffffff;

  border-top: 0;

  border-bottom: 0;

  display: block;

  float: left;

}

.user-info-navbar .user-info-menu > li.hover-line:before {

  content: '';

  position: absolute;

  display: block;

  height: 2px;

  top: 0px;

  left: 0;

  right: 0;

  background: #68b828;

  display: none;

}

.user-info-navbar .user-info-menu > li.hover-line:hover:before,

.user-info-navbar .user-info-menu > li.hover-line.open:before {

  display: block;

}

.user-info-navbar .user-info-menu > li > a {

  position: relative;

  display: block;

  padding: 30px 20px;

  color: #000;

  border-bottom: 1px solid #ffffff;

  top: 1px;

  z-index: 5;

}

.user-info-navbar .user-info-menu > li > a i {

  font-size: 15px;

  line-height: 1;

}

.user-info-navbar .user-info-menu > li > a:hover {

  color: #606161;

}

.user-info-navbar .user-info-menu > li > a .badge {

  font-size: 9px;

  position: absolute;

  top: 20px;

  right: 10px;

  padding: 4px;

  min-width: 18px;

  font-size: 400;

  line-height: 1;

}

.user-info-navbar .user-info-menu > li > form {

  position: relative;

  display: block;

  padding: 30px 20px;

  padding-bottom: 26px;

  margin: 0;

  border-bottom: 1px solid #ffffff;

}

.user-info-navbar .user-info-menu > li a[data-toggle="sidebar"] {

  padding-left: 25px;

}

.user-info-navbar .user-info-menu > li.search-form .btn,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn {

  position: relative;

  padding: 0;

  margin: 0;

  height: auto;

  color: #000;

  z-index: 2;

}

.user-info-navbar .user-info-menu > li.search-form .btn:hover,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn:hover {

  color: #606161;

}

.user-info-navbar .user-info-menu > li.search-form .btn:active,

.user-info-navbar .user-info-menu > li.search-form .btn:focus,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn:active,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.user-info-navbar .user-info-menu > li.search-form .search-field,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field {

  position: absolute;

  top: 50%;

  right: 15px;

  margin-top: -15.5px;

  line-height: 1;

  height: 31px;

  border: 1px solid #dddddd;

  border: 0;

  padding: 0 10px;

  width: 170px;

  padding-right: 30px;

  font-size: 12px;

  z-index: 1;

  visibility: hidden;

  background: #f3f3f3;

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

}

.user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-moz-placeholder {

  color: #000;

  opacity: 1;

}

.user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:-ms-input-placeholder {

  color: #000;

}

.user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-webkit-input-placeholder {

  color: #000;

}

.user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-webkit-input-placeholder {

  color: #000;

}

.user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:-moz-placeholder {

  color: #000;

}

.user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-moz-placeholder {

  color: #000;

}

.user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:-ms-input-placeholder {

  color: #000;

}

.user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:focus + .btn {

  color: #606161;

}

.user-info-navbar .user-info-menu > li.search-form.focused .search-field,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form.focused .search-field {

  visibility: visible;

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  -webkit-transition: all 100ms ease-in-out;

  -moz-transition: all 100ms ease-in-out;

  -o-transition: all 100ms ease-in-out;

  transition: all 100ms ease-in-out;

}

.user-info-navbar .user-info-menu > li.search-form.always-visible .search-field,

.navbar.horizontal-menu .navbar-inner > .nav > li.search-form.always-visible .search-field {

  visibility: visible;

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

}

.user-info-navbar .user-info-menu > li.user-profile > a,

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a {

  text-decoration: none;

}

.user-info-navbar .user-info-menu > li.user-profile > a > img,

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > img {

  position: relative;

}

.user-info-navbar .user-info-menu > li.user-profile > a > img + span,

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > img + span {

  margin-left: 5px;

}

.user-info-navbar .user-info-menu > li.user-profile > a span,

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {

  display: inline-block;

}

.user-info-navbar .user-info-menu > li.user-profile .userpic-32,

.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile .userpic-32 {

  margin-top: -17px;

  top: 8px;

}

.user-info-navbar .user-info-menu > li.open {

  border-left-color: #dddddd;

  border-right-color: #dddddd;

  z-index: 15;

}

.user-info-navbar .user-info-menu > li.open > a {

  color: #606161;

}

.user-info-navbar .user-info-menu > li .dropdown-menu,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu {

  margin: 0;

  padding: 0;

  margin-top: 0px;

  margin-left: -1px;

  z-index: 3;

  -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);

  -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);

  box-shadow: 0 2px 8px rgba(0,1,1,.05);

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list {

  position: relative;

  max-height: 300px;

  overflow: auto;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list.ps-scrollbar,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list.ps-scrollbar {

  overflow: hidden;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li {

  position: relative;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a {

  position: relative;

  display: block;

  padding: 20px 30px;

  color: #000;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line {

  display: block;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line.desc,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line.desc {

  margin-top: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-right: 10px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line .light,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line .light {

  zoom: 1;

  filter: alpha(opacity=60);

  -webkit-opacity: 0.6;

  -moz-opacity: 0.6;

  opacity: 0.6;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line.small,

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line .small,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line.small,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line .small {

  font-size: 12px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line.time,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line.time {

  font-size: 11px;

  margin-top: 5px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a:after {

  content: '';

  display: block;

  position: absolute;

  height: 1px;

  background: #ededed;

  bottom: 0;

  left: 30px;

  right: 30px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a:hover {

  color: #606161;

}

.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li.active a {

  color: #606161;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .top,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top {

  padding: 20px 30px;

  padding-bottom: 0;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .top a,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top a {

  color: #000;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top a:hover {

  color: #606161;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .top p,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top p {

  margin: 0;

  color: #000;

  padding-bottom: 15px;

  border-bottom: 1px solid #ededed;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .external,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external {

  position: relative;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .external:after,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  top: -1px;

  background-color: none;

  height: 1px;

  background-color: #ededed;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a {

  display: block;

  padding: 20px 30px;

  color: #000;

  background-color: #f5f5f5;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a span,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a span {

  float: left;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a i {

  float: right;

}

.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:hover {

  color: #6a6b6c;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.messages,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages {

  width: 370px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages .dropdown-menu-list li:after {

  content: '';

  display: block;

  position: absolute;

  background-color: #cccccc;

  top: 50%;

  margin-top: -2.5px;

  right: 30px;

  width: 5px;

  height: 5px;

  -webkit-border-radius: 50%;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 50%;

  -moz-background-clip: padding;

  border-radius: 50%;

  background-clip: padding-box;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active:after,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages .dropdown-menu-list li.active:after {

  background-color: #8dc63f;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications {

  width: 370px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list {

  max-height: 276px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {

  float: left;

  background: #dddddd;

  color: #FFF;

  padding: 5px;

  line-height: 17px;

  width: 27px;

  text-align: center;

  -webkit-border-radius: 50%;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 50%;

  -moz-background-clip: padding;

  border-radius: 50%;

  background-clip: padding-box;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {

  padding-left: 45px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-primary > a > i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-primary > a > i {

  background-color: #2c2e2f;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-success > a > i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-success > a > i {

  background-color: #8dc63f;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-danger > a > i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-danger > a > i {

  background-color: #cc3f44;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-warning > a > i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-warning > a > i {

  background-color: #ffba00;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-info > a > i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-info > a > i {

  background-color: #40bbea;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {

  background-color: #FFF;

  color: #444;

  -webkit-box-shadow: 0 0 0 1px #eeeeee;

  -moz-box-shadow: 0 0 0 1px #eeeeee;

  box-shadow: 0 0 0 1px #eeeeee;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu {

  right: -1px;

  left: auto;

  width: 250px;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li {

  position: relative;

  display: block;

  padding: 0;

  margin: 0;

  padding: 15px 20px;

  padding-bottom: 0;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a {

  display: block;

  color: #000;

  padding: 0;

  padding-bottom: 15px;

  border-bottom: 1px solid #f0f0f0;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a:hover {

  background: none;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a:hover {

  color: #606161;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li.last {

  background: #fafafa;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li.last:after {

  content: '';

  display: block;

  position: absolute;

  height: 1px;

  background: #f0f0f0;

  top: -1px;

  left: 0;

  right: 0;

}

.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a,

.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li.last > a {

  border-bottom: 0;

}

.badge {

  position: relative;

  font-size: 9px;

  line-height: 12px;

}

.badge.pull-right {

  margin-top: 4px;

  margin-left: 5px;

}

.badge.pull-left {

  margin-top: 4px;

  margin-right: 5px;

}

.badge.badge-default {

  background-color: #777777;

}

.badge.badge-red,

.badge.badge-danger {

  background-color: #cc3f44;

}

.badge.badge-blue,

.badge.badge-info {

  background-color: #40bbea;

}

.badge.badge-yellow,

.badge.badge-warning {

  background-color: #ffba00;

}

.badge.badge-green,

.badge.badge-success {

  background-color: #8dc63f;

}

.badge.badge-primary {

  background-color: #2c2e2f;

}

.badge.badge-secondary {

  background-color: #68b828;

}

.badge.badge-purple {

  background-color: #7c38bc;

}

.badge.badge-pink {

  background-color: #ff6264;

}

.badge.badge-yellow {

  background-color: #fcd036;

}

.badge.badge-orange {

  background-color: #f7aa47;

}

.badge.badge-turquoise {

  background-color: #00b19d;

}

.badge.badge-red {

  background-color: #d5080f;

}

.badge.badge-blue {

  background-color: #0e62c7;

}

.badge.badge-black {

  background-color: #222222;

}

.badge.badge-white {

  background-color: #fff;

  color: #333;

  -webkit-box-shadow: 0px 0px 0px 1px #dddddd;

  -moz-box-shadow: 0px 0px 0px 1px #dddddd;

  box-shadow: 0px 0px 0px 1px #dddddd;

}

#chat {

  display: table-cell;

  position: relative;

  z-index: 100;

  width: 280px;

  background: #ffffff;

  vertical-align: top;

  display: none;

}

body.chat-open #chat {

  display: table-cell;

}

#chat.fixed .chat-inner {

  position: fixed;

  right: 0;

  width: inherit;

}

.page-body.right-sidebar #chat.fixed .chat-inner {

  right: auto;

  left: 0;

}

#chat .chat-inner {

  overflow: auto;

  height: 100%;

  border-left: 1px solid #dddddd;

}

.page-body.right-sidebar #chat .chat-inner {

  border-left: 0;

  border-right: 1px solid #dddddd;

}

#chat .chat-inner.ps-container {

  overflow: hidden;

}

#chat .chat-header {

  font-size: 16px;

  color: #000;

  padding: 29px 35px;

  padding-bottom: 0;

  line-height: 1;

  margin: 0;

  position: relative;

}

#chat .chat-header .badge {

  position: relative;

  top: -1px;

  margin-left: 5px;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  -webkit-transition: all 220ms ease-in-out;

  -moz-transition: all 220ms ease-in-out;

  -o-transition: all 220ms ease-in-out;

  transition: all 220ms ease-in-out;

}

#chat .chat-header .badge.is-hidden {

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -o-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

}

#chat .chat-header .chat-close {

  position: absolute;

  right: 0px;

  font-size: 15px;

  right: 25px;

  margin-top: 0px;

  color: #dddddd;

  font-weight: normal;

  zoom: 1;

  filter: alpha(opacity=80);

  -webkit-opacity: 0.8;

  -moz-opacity: 0.8;

  opacity: 0.8;

}

#chat .chat-header .chat-close:hover {

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

}

#chat .chat-group {

  margin-top: 24px;

}

#chat .chat-group > strong,

#chat .chat-group > a {

  display: block;

  padding: 6px 35px;

  font-weight: normal;

  font-size: 12px;

}

#chat .chat-group > strong {

  text-transform: uppercase;

  color: #000;

}

#chat .chat-group > a {

  position: relative;

  color: #000;

  -webkit-transition: background 250ms ease-in-out;

  -moz-transition: background 250ms ease-in-out;

  -o-transition: background 250ms ease-in-out;

  transition: background 250ms ease-in-out;

}

#chat .chat-group > a:hover,

#chat .chat-group > a.active {

  color: #717272;

}

#chat .chat-group > a:before {

  content: '';

  display: block;

  position: absolute;

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width: 4px 0 4px 4px;

  border-color: transparent transparent transparent #111111;

  left: 0;

  top: 50%;

  margin-top: -4px;

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transition: all 220ms ease-in-out;

  -moz-transition: all 220ms ease-in-out;

  -o-transition: all 220ms ease-in-out;

  transition: all 220ms ease-in-out;

}

#chat .chat-group > a.active:before {

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

}

#chat .chat-group > a .badge {

  font-size: 9px;

  margin-left: 5px;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  -webkit-transition: all 220ms ease-in-out;

  -moz-transition: all 220ms ease-in-out;

  -o-transition: all 220ms ease-in-out;

  transition: all 220ms ease-in-out;

}

#chat .chat-group > a .badge.is-hidden {

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -o-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

}

#chat .chat-group > a em {

  font-style: normal;

}

#chat .user-status {

  display: inline-block;

  background: #b7b7b7;

  margin-right: 5px;

  width: 8px;

  height: 8px;

  -webkit-border-radius: 8px;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 8px;

  -moz-background-clip: padding;

  border-radius: 8px;

  background-clip: padding-box;

  -webkit-transition: all 220ms ease-in-out;

  -moz-transition: all 220ms ease-in-out;

  -o-transition: all 220ms ease-in-out;

  transition: all 220ms ease-in-out;

}

#chat .user-status.is-online {

  background-color: #8dc63f;

}

#chat .user-status.is-offline {

  background-color: #b7b7b7;

}

#chat .user-status.is-idle {

  background-color: #ffba00;

}

#chat .user-status.is-busy {

  background-color: #cc3f44;

}

#chat .chat-conversation {

  position: absolute;

  right: 279px;

  width: 340px;

  background: #ffffff;

  border: 1px solid #dedede;

  top: 166px;

  display: none;

}

.page-body.right-sidebar #chat .chat-conversation {

  right: auto;

  left: 279px;

}

#chat .chat-conversation.is-open {

  display: block;

}

#chat .chat-conversation .conversation-header {

  position: relative;

  padding: 20px 24px;

  font-size: 14px;

  color: #000;

  border-bottom: 1px solid #ededed;

}

#chat .chat-conversation .conversation-header small {

  color: rgba(151, 152, 152, 0.6);

  font-size: 12px;

  padding-left: 8px;

}

#chat .chat-conversation .conversation-header .conversation-close {

  float: right;

  color: #000;

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  position: relative;

  top: -2px;

}

#chat .chat-conversation .conversation-header:after {

  position: absolute;

  display: block;

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 7px 0 7px 9.1px;

  border-color: transparent transparent transparent #dedede;

  right: -9.1px;

  top: 50%;

  margin-top: -3.5px;

}

.page-body.right-sidebar #chat .chat-conversation .conversation-header:after {

  right: auto;

  left: -8.1px;

  border-width: 7px 7px 9.1px 0;

  border-color: transparent #dedede transparent transparent;

}

#chat .chat-conversation .conversation-body {

  list-style: none;

  margin: 0;

  padding: 0;

  overflow: auto;

  height: 245px;

}

#chat .chat-conversation .conversation-body::-webkit-scrollbar {

  width: 5px;

}

#chat .chat-conversation .conversation-body::-webkit-scrollbar-track {

  width: 5px;

  background-color: #fff;

}

#chat .chat-conversation .conversation-body::-webkit-scrollbar-thumb {

  background-color: #dedede;

}

#chat .chat-conversation .conversation-body > li {

  padding: 0 30px;

  margin: 0;

  padding-top: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #f1f1f1;

  color: #000;

}

#chat .chat-conversation .conversation-body > li.odd {

  background: rgba(250, 250, 250, 0.55);

}

#chat .chat-conversation .conversation-body > li .user {

  font-weight: bold;

  color: #000;

}

#chat .chat-conversation .conversation-body > li .time {

  float: right;

  color: rgba(151, 152, 152, 0.8);

  font-size: 10px;

  position: relative;

  top: 3px;

}

#chat .chat-conversation .conversation-body > li p {

  padding-top: 5px;

}

#chat .chat-conversation .conversation-body > li:last-child {

  border-bottom: 0;

}

#chat .chat-conversation .chat-textarea {

  padding: 20px 24px;

  background: #fafafa;

  position: relative;

  border-top: 1px solid #ededed;

  padding: 0;

}

#chat .chat-conversation .chat-textarea:after {

  content: '\f075';

  font-family: 'fontawesome';

  color: #000;

  right: 15px;

  top: 10px;

  font-size: 15px;

  position: absolute;

}

#chat .chat-conversation .chat-textarea textarea {

  background: #fafafa;

  border: 0;

  max-height: 100px !important;

  padding-right: 35px;

  padding-top: 10px;

  height: 32px;

  resize: none;

}

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {

  color: rgba(151, 152, 152, 0.85);

  opacity: 1;

}

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {

  color: rgba(151, 152, 152, 0.85);

}

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {

  color: rgba(151, 152, 152, 0.85);

}

#chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder {

  color: rgba(151, 152, 152, 0.85);

}

#chat .chat-conversation .chat-textarea textarea:-moz-placeholder {

  color: rgba(151, 152, 152, 0.85);

}

#chat .chat-conversation .chat-textarea textarea::-moz-placeholder {

  color: rgba(151, 152, 152, 0.85);

}

#chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder {

  color: rgba(151, 152, 152, 0.85);

}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar {

  width: 5px;

}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-track {

  width: 5px;

  background-color: #ededed;

}

#chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-thumb {

  background-color: #ccc;

}

.chat-history {

  display: none;

}

/* Relatively-Small screen */

@media (max-width: 767px) {

  .chat-visible #chat,

  .chat-visible #chat.fixed {

    display: none;

  }

  .chat-visible.toggle-click #chat,

  .chat-visible.toggle-click #chat.fixed {

    display: block;

  }

  #chat,

  #chat.fixed {

    position: fixed;

    width: auto;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 10px;

  }

  #chat .chat-conversation,

  #chat.fixed .chat-conversation {

    position: fixed;

    width: auto;

    left: 0;

    right: 0;

    top: 0 !important;

    bottom: 0;

    margin: 10px;

    overflow: auto;

  }

  #chat .chat-conversation .conversation-body,

  #chat.fixed .chat-conversation .conversation-body {

    height: auto;

    max-height: 450px;

  }

  #chat .chat-conversation::-webkit-scrollbar,

  #chat.fixed .chat-conversation::-webkit-scrollbar {

    width: 5px;

  }

  #chat .chat-conversation::-webkit-scrollbar-track,

  #chat.fixed .chat-conversation::-webkit-scrollbar-track {

    width: 5px;

    background-color: #343a45;

  }

  #chat .chat-conversation::-webkit-scrollbar-thumb,

  #chat.fixed .chat-conversation::-webkit-scrollbar-thumb {

    background-color: #4a5262;

  }

}

@media screen and (max-width: 768px) {

  .page-container {

    display: block;

  }

  .page-container .sidebar-menu,

  .page-container .main-content {

    display: block;

    width: 100%;

    height: auto;

  }

  .page-container .sidebar-menu {

    position: relative;

  }

  .page-container .sidebar-menu .sidebar-menu-inner {

    position: relative;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env,

  .page-container .sidebar-menu .sidebar-menu-inner .main-menu {

    padding-left: 20px;

    padding-right: 20px;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env {

    margin-bottom: 0;

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle {

    float: right;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a {

    position: relative;

    display: inline-block;

    color: #000;

    line-height: 1;

    margin-left: 15px;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a i {

    line-height: 1;

    font-size: 18px;

    position: relative;

    top: 1px;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:hover,

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:active,

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:focus {

    color: #ffffff;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a .badge {

    position: absolute;

    right: -3px;

    top: -8px;

    font-size: 8px;

    padding: 1px 2px;

    min-width: 14px;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .main-menu {

    display: none;

    margin-bottom: 0;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible {

    display: block;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible.both-menus-visible {

    margin-top: 0;

    padding-top: 0;

  }

  .page-container .sidebar-menu .sidebar-menu-inner .main-menu > li:last-child > a {

    border-bottom: 0;

  }

  .page-container .main-content .navbar.user-info-navbar {

    display: none;

  }

  .page-container .main-content .navbar.user-info-navbar.mobile-is-visible {

    display: block;

  }

  .page-container .main-content .navbar.user-info-navbar .user-info-menu > li {

    min-height: 0 !important;

  }

  .page-container .main-content .navbar.user-info-navbar .user-info-menu > li > a,

  .page-container .main-content .navbar.user-info-navbar .user-info-menu > li > form {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .page-container .main-content .navbar.user-info-navbar .user-info-menu > li.user-profile > a > span,

  .page-container .main-content .navbar.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > span {

    display: none;

  }

  .page-container .main-content .navbar.user-info-navbar .user-info-menu > li a > .badge {

    top: 10px;

  }

  .page-container .main-content .main-footer {

    position: relative;

    left: 0;

    right: auto;

    margin-left: -30px;

    margin-right: -30px;

  }

  .page-container {

    position: relative;

  }

  .page-container #chat {

    left: auto;

    margin: 0;

    width: 340px;

  }

  .page-container #chat .chat-conversation {

    bottom: auto;

    position: absolute;

    left: 0;

    top: 0;

  }

  .chat-open .page-container {

    left: -340px;

  }

}

.panel {

  position: relative;

  background: #ffffff;

  padding: 20px 30px;

  border: 0;

  margin-bottom: 30px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.panel.panel-headerless .panel-body {

  padding-top: 0;

}

.panel .panel-heading {

  position: relative;

  padding: 0;

  margin: 0;

  background: none;

  font-size: 17px;

  padding-bottom: 15px;

  border-bottom: 2px solid #f5f5f5;

}

.panel .panel-heading > .panel-title {

  float: left;

  font-size: 17px;

}

.panel .panel-heading > .panel-title > a {

  color: inherit;

}

.panel .panel-heading > .panel-options {

  float: right;

  font-size: 13px;

}

.panel .panel-heading > .panel-options a {

  display: inline-block;

  color: #000;

  margin-left: 7px;

  line-height: 1;

}

.panel .panel-heading > .panel-options a i {

  line-height: 1;

}

.panel .panel-heading > .panel-options a[data-toggle="panel"] span {

  display: block;

  font-size: 16px;

  width: 10px;

  text-align: center;

}

.panel .panel-heading > .panel-options a[data-toggle="panel"] span.expand-icon {

  display: none;

  font-size: 18px;

}

.panel .panel-heading > .panel-options a[data-toggle="remove"] {

  font-size: 18px;

}

.panel .panel-heading > .panel-options a:first-child {

  margin-left: 0;

}

.panel .panel-heading > .panel-options .nav-tabs {

  border: 0;

}

.panel .panel-heading > .panel-options .nav-tabs > li {

  border: 0;

}

.panel .panel-heading > .panel-options .nav-tabs > li > a {

  padding: 0;

  border: 0;

  margin-left: 15px;

  color: #000;

  background: none;

}

.panel .panel-heading > .panel-options .nav-tabs > li > a:hover {

  background: none;

}

.panel .panel-heading > .panel-options .nav-tabs > li.active > a {

  color: #4b4b4b;

}

.panel .panel-body {

  padding: 0;

  padding-top: 20px;

  color: #000;

}

.panel .panel-body.no-padding {

  padding: 0;

  margin-top: -2px;

  margin-left: -30px;

  margin-right: -30px;

  margin-bottom: -20px;

}

.panel .panel-body.panel-border {

  border-top: 1px solid #f5f5f5;

  padding-top: 30px;

}

.panel .panel-body p {

  margin-bottom: 0;

}

.panel .panel-body p + p {

  margin-top: 15px;

}

.panel .panel-disabled {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(255, 255, 255, 0.7);

}

.panel.collapsed .panel-heading .panel-options a[data-toggle="panel"] .collapse-icon {

  display: none;

}

.panel.collapsed .panel-heading .panel-options a[data-toggle="panel"] .expand-icon {

  display: block;

}

.panel.collapsed > .panel-body,

.panel.collapsed > .table {

  display: none;

}

.panel.panel-border {

  border: 1px solid #cccccc;

}

.panel.panel-shadow {

  -webkit-box-shadow: 0 1px 1px rgba(0,1,1,.08);

  -moz-box-shadow: 0 1px 1px rgba(0,1,1,.08);

  box-shadow: 0 1px 1px rgba(0,1,1,.08);

}

.panel.panel-inverted {

  background: #2c2e2f;

  color: #FFF;

}

.panel.panel-inverted > .panel-heading {

  border-bottom-color: #393c3e;

}

.panel.panel-inverted > .panel-disabled {

  background: rgba(44, 46, 47, 0.5);

}

.panel.panel-tabs {

  background: none;

  padding-left: 0;

  padding-right: 0;

  margin-bottom: 10px;

  padding-top: 7px;

}

.panel.panel-tabs > .panel-heading {

  border-bottom: 0;

}

.panel.panel-tabs > .panel-heading .nav-tabs {

  position: relative;

  margin-bottom: -21px;

  margin-right: -2px;

}

.panel.panel-tabs > .panel-heading .nav-tabs > li > a {

  position: relative;

  background-color: #f5f5f5;

  padding: 15px 20px;

  margin-left: 5px;

  top: -6px;

}

.panel.panel-tabs > .panel-heading .nav-tabs > li:hover > a,

.panel.panel-tabs > .panel-heading .nav-tabs > li.active > a {

  background-color: #FFF;

}

.panel.panel-tabs > .panel-body {

  background: #FFF;

  padding: 20px 30px;

}

.panel.panel-flat {

  background: none;

  padding-top: 0;

  padding-left: 0;

  padding-right: 0;

}

.panel.panel-flat .panel-heading {

  border-bottom-color: #dddddd;

}

.panel.panel-flat .panel-disabled {

  background: rgba(238, 238, 238, 0.6);

}

.panel.panel-success .panel-heading {

  background-color: #8dc63f;

  color: #ffffff;

}

.panel.panel-success .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-success .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-success .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-success .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-success .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-success > .panel-disabled {

  background-color: rgba(141, 198, 63, 0.15);

}

.panel.panel-info .panel-heading {

  background-color: #40bbea;

  color: #ffffff;

}

.panel.panel-info .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-info .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-info .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-info .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-info .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-info > .panel-disabled {

  background-color: rgba(64, 187, 234, 0.15);

}

.panel.panel-warning .panel-heading {

  background-color: #ffba00;

  color: #ffffff;

}

.panel.panel-warning .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-warning .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-warning .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-warning .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-warning .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-warning > .panel-disabled {

  background-color: rgba(255, 186, 0, 0.15);

}

.panel.panel-danger .panel-heading {

  background-color: #cc3f44;

  color: #ffffff;

}

.panel.panel-danger .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-danger .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-danger .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-danger .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-danger .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-danger > .panel-disabled {

  background-color: rgba(204, 63, 68, 0.15);

}

.panel.panel-red .panel-heading {

  background-color: #d5080f;

  color: #ffffff;

}

.panel.panel-red .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-red .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-red .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-red .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-red .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-red > .panel-disabled {

  background-color: rgba(213, 8, 15, 0.15);

}

.panel.panel-black .panel-heading {

  background-color: #222222;

  color: #ffffff;

}

.panel.panel-black .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-black .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-black .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-black .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-black .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-black > .panel-disabled {

  background-color: rgba(34, 34, 34, 0.15);

}

.panel.panel-purple .panel-heading {

  background-color: #7c38bc;

  color: #ffffff;

}

.panel.panel-purple .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-purple .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-purple .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-purple .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-purple .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-purple > .panel-disabled {

  background-color: rgba(124, 56, 188, 0.15);

}

.panel.panel-blue .panel-heading {

  background-color: #0e62c7;

  color: #ffffff;

}

.panel.panel-blue .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-blue .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-blue .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-blue .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-blue .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-blue > .panel-disabled {

  background-color: rgba(14, 98, 199, 0.15);

}

.panel.panel-light-blue .panel-heading {

  background-color: #4fcdfc;

  color: #ffffff;

}

.panel.panel-light-blue .panel-heading > .panel-title {

  color: #ffffff;

}

.panel.panel-light-blue .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-light-blue .panel-heading > .panel-options {

  color: #ffffff;

}

.panel.panel-light-blue .panel-heading > .panel-options a {

  color: rgba(255, 255, 255, 0.6);

}

.panel.panel-light-blue .panel-heading > .panel-options a:hover {

  color: #ffffff;

}

.panel.panel-light-blue > .panel-disabled {

  background-color: rgba(79, 205, 252, 0.15);

}

.panel.panel-gray .panel-heading {

  background-color: #e1e1e1;

  color: #717272;

}

.panel.panel-gray .panel-heading > .panel-title {

  color: #717272;

}

.panel.panel-gray .panel-heading > .panel-title > a {

  color: inherit;

}

.panel.panel-gray .panel-heading > .panel-options {

  color: #717272;

}

.panel.panel-gray .panel-heading > .panel-options a {

  color: rgba(113, 114, 114, 0.6);

}

.panel.panel-gray .panel-heading > .panel-options a:hover {

  color: #717272;

}

.panel.panel-gray > .panel-disabled {

  background-color: rgba(225, 225, 225, 0.15);

}

.panel.panel-color .panel-heading {

  margin-top: -20px;

  margin-left: -30px;

  margin-right: -30px;

  padding: 20px 30px;

  border-bottom: 0;

}

.panel.panel-color.collapsed > .panel-heading {

  margin-bottom: -20px;

}

.breadcrumb {

  background: none;

}

.breadcrumb li i {

  margin-right: 4px;

}

.breadcrumb li a {

  color: #fff;

}

.breadcrumb li.active > * {

  color: #646565;

}

.breadcrumb.bc-2 {

  background-color: #eeeeee;

}

.breadcrumb.bc-3 {

  border: 1px solid #dddddd;

}

.breadcrumb.auto-hidden li {

  display: block;

  float: left;

}

.breadcrumb.auto-hidden li:before {

  display: block;

  float: left;

}

.breadcrumb.auto-hidden li a {

  display: block;

  float: left;

  white-space: nowrap;

  overflow: hidden;

}

.breadcrumb.auto-hidden li a.collapsed {

  width: 45px !important;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media screen and (max-width: 768px) {

  body.chat-open .settings-pane {

    left: -340px;

  }

}

.settings-pane {

  background: #27292a;

  color: #ffffff;

  display: none;

  position: relative;

  overflow: hidden;

  -webkit-perspective: 500px;

  -moz-perspective: 500px;

  perspective: 500px;

  -webkit-transform-origin: center bottom;

  -moz-transform-origin: center bottom;

  -o-transform-origin: center bottom;

  -ms-transform-origin: center bottom;

  transform-origin: center bottom;

}

@media screen and (max-width: 768px) {

  .settings-pane {

    padding: 30px;

  }

}

.settings-pane .settings-pane-inner {

  position: relative;

  padding: 50px;

}

@media screen and (max-width: 768px) {

  .settings-pane .settings-pane-inner {

    padding: 0;

  }

}

.settings-pane .settings-pane-inner.with-animation {

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

  -moz-transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

  -o-transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

  transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);

}

.settings-pane .settings-pane-inner.with-animation.visible {

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  -webkit-transition-delay: 200ms;

  -moz-transition-delay: 200ms;

  -o-transition-delay: 200ms;

  transition-delay: 200ms;

}

.settings-pane .settings-pane-inner.with-animation.closing {

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transition-delay: 0ms;

  -moz-transition-delay: 0ms;

  -o-transition-delay: 0ms;

  transition-delay: 0ms;

}

.settings-pane > a[data-toggle="settings-pane"] {

  display: block;

  color: #000;

  position: absolute;

  right: 0;

  top: 0;

  padding: 10px 12px;

  font-size: 18px;

  line-height: 1;

  z-index: 100;

}

.settings-pane > a[data-toggle="settings-pane"]:hover {

  color: #FFF;

}

.settings-pane .user-info {

  display: table;

  width: 100%;

  border-spacing: 0;

  border-collapse: collapse;

}

@media screen and (min-width: 768px) and (max-width: 992px) {

  .settings-pane .user-info {

    width: auto;

    margin: 0 auto;

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 768px) {

  .settings-pane .user-info {

    width: auto;

    margin: 0 auto;

    margin-bottom: 20px;

  }

}

.settings-pane .user-info .user-image,

.settings-pane .user-info .user-details {

  display: table-cell;

  vertical-align: middle;

}

.settings-pane .user-info .user-image {

  width: 130px;

}

.settings-pane .user-info .user-image a {

  display: block;

  position: relative;

}

.settings-pane .user-info .user-details {

  padding-left: 20px;

}

.settings-pane .user-info .user-details h3 {

  margin: 0;

}

.settings-pane .user-info .user-details h3 a {

  color: #ffffff;

}

.settings-pane .user-info .user-details h3 .user-status {

  position: relative;

  display: inline-block;

  background: #FFF;

  top: -3px;

  margin-left: 5px;

  width: 8px;

  height: 8px;

  -webkit-border-radius: 50%;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 50%;

  -moz-background-clip: padding;

  border-radius: 50%;

  background-clip: padding-box;

}

.settings-pane .user-info .user-details h3 .user-status.is-online {

  background-color: #8dc63f;

}

.settings-pane .user-info .user-details h3 .user-status.is-idle {

  background-color: #ffba00;

}

.settings-pane .user-info .user-details h3 .user-status.is-busy {

  background-color: #d5080f;

}

.settings-pane .user-info .user-details h3 .user-status.is-offline {

  background-color: #CCC;

}

.settings-pane .user-info .user-details .user-title {

  color: rgba(255, 255, 255, 0.65);

  margin: 0;

  margin-top: 5px;

}

.settings-pane .user-info .user-details .user-links {

  margin-top: 15px;

}

.settings-pane .user-info .user-details .user-links a {

  display: inline-block;

}

.settings-pane .user-info .user-details .user-links a + a {

  margin-left: 8px;

}

.settings-pane .links-block {

  display: inline-block;

  padding-right: 85px;

  text-align: left;

}

@media screen and (max-width: 991px) {

  .settings-pane .links-block {

    padding-right: 40px;

    margin-top: 10px;

  }

}

.settings-pane .links-block.left-sep {

  border-left: 1px solid #323435;

  padding-left: 75px;

}

@media screen and (max-width: 991px) {

  .settings-pane .links-block.left-sep {

    padding-left: 40px;

  }

  .settings-pane .links-block.left-sep:first-child {

    border-left: 0;

  }

}

@media screen and (max-width: 599px) {

  .settings-pane .links-block.left-sep {

    padding: 0 25px;

  }

}

.settings-pane .links-block h4 {

  color: #ffffff;

  margin: 0;

  margin-bottom: 15px;

}

.settings-pane .links-block h4 span {

  display: inline-block;

  border-bottom: 1px solid #323435;

  padding-bottom: 5px;

}

.settings-pane .links-block h4 a {

  color: #ffffff;

}

.settings-pane .links-block h4 a:hover {

  color: #000;

}

.settings-pane .links-block ul li label {

  display: inline-block;

  padding-left: 5px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.settings-pane .links-block ul li a {

  color: #32c5ff;

  display: block;

}

.settings-pane .links-block ul li a:hover {

  color: #ffffff;

}

.settings-pane .links-block ul li + li a {

  margin-top: 5px;

}

.settings-pane .link-blocks-env {

  text-align: center;

}

.settings-pane-open .settings-pane {

  display: block;

}

.settings-pane-open .sidebar-menu .sidebar-menu-inner {

  position: relative !important;

}

.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {

  background: #27292a;

  -webkit-box-shadow: 0px 0px 0px 10px #27292a, 0px -10px 0px 10px #27292a, 0px -20px 0px 10px #27292a, 0px -30px 0px 10px #27292a;

  -moz-box-shadow: 0px 0px 0px 10px #27292a, 0px -10px 0px 10px #27292a, 0px -20px 0px 10px #27292a, 0px -30px 0px 10px #27292a;

  box-shadow: 0px 0px 0px 10px #27292a, 0px -10px 0px 10px #27292a, 0px -20px 0px 10px #27292a, 0px -30px 0px 10px #27292a;

}

.cbr-replaced {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  top: -1px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.cbr-replaced .cbr-input {

  display: none;

}

.cbr-replaced .cbr-state {

  position: relative;

  display: block;

  background: #FFF;

  border: 1px solid #dddddd;

  line-height: 1;

  width: 15px;

  height: 15px;

}

.cbr-replaced .cbr-state span {

  display: block;

  background: url(../images/ok.png) no-repeat center center;

  background-image: none;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  cursor: pointer;

}

.cbr-replaced.cbr-checked span {

  background-image: url(../images/ok.png);

}

.cbr-replaced.cbr-disabled {

  zoom: 1;

  filter: alpha(opacity=40);

  -webkit-opacity: 0.4;

  -moz-opacity: 0.4;

  opacity: 0.4;

}

.cbr-replaced.cbr-radio .cbr-state {

  -webkit-border-radius: 50%;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 50%;

  -moz-background-clip: padding;

  border-radius: 50%;

  background-clip: padding-box;

}

.cbr-replaced.cbr-radio .cbr-state span {

  background: #FFF;

  left: 2px;

  right: 2px;

  top: 2px;

  bottom: 2px;

  -webkit-border-radius: 50%;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 50%;

  -moz-background-clip: padding;

  border-radius: 50%;

  background-clip: padding-box;

}

.cbr-replaced.cbr-radio.cbr-checked .cbr-state span {

  background: #dddddd;

}

.cbr-replaced.cbr-primary .cbr-state {

  background: #2c2e2f;

  border-color: #323435;

}

.cbr-replaced.cbr-primary.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-primary.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-primary.cbr-radio .cbr-state span {

  background-color: #fff;

}

.cbr-replaced.cbr-primary.cbr-radio.cbr-checked .cbr-state span {

  background: #2c2e2f;

}

.cbr-replaced.cbr-secondary .cbr-state {

  background: #68b828;

  border-color: #68b828;

}

.cbr-replaced.cbr-secondary.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-secondary.cbr-checked.cbr-radio .cbr-state span {

  background: #68b828;

}

.cbr-replaced.cbr-secondary.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-success .cbr-state {

  background: #8dc63f;

  border-color: #8dc63f;

}

.cbr-replaced.cbr-success.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-success.cbr-checked.cbr-radio .cbr-state span {

  background: #8dc63f;

}

.cbr-replaced.cbr-success.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-info .cbr-state {

  background: #40bbea;

  border-color: #40bbea;

}

.cbr-replaced.cbr-info.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-info.cbr-checked.cbr-radio .cbr-state span {

  background: #40bbea;

}

.cbr-replaced.cbr-info.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-danger .cbr-state {

  background: #cc3f44;

  border-color: #cc3f44;

}

.cbr-replaced.cbr-danger.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-danger.cbr-checked.cbr-radio .cbr-state span {

  background: #cc3f44;

}

.cbr-replaced.cbr-danger.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-warning .cbr-state {

  background: #ffba00;

  border-color: #ffba00;

}

.cbr-replaced.cbr-warning.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-warning.cbr-checked.cbr-radio .cbr-state span {

  background: #ffba00;

}

.cbr-replaced.cbr-warning.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-red .cbr-state {

  background: #d5080f;

  border-color: #d5080f;

}

.cbr-replaced.cbr-red.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-red.cbr-checked.cbr-radio .cbr-state span {

  background: #d5080f;

}

.cbr-replaced.cbr-red.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-blue .cbr-state {

  background: #0e62c7;

  border-color: #0e62c7;

}

.cbr-replaced.cbr-blue.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-blue.cbr-checked.cbr-radio .cbr-state span {

  background: #0e62c7;

}

.cbr-replaced.cbr-blue.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-purple .cbr-state {

  background: #7c38bc;

  border-color: #7c38bc;

}

.cbr-replaced.cbr-purple.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-purple.cbr-checked.cbr-radio .cbr-state span {

  background: #7c38bc;

}

.cbr-replaced.cbr-purple.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-pink .cbr-state {

  background: #ff6264;

  border-color: #ff6264;

}

.cbr-replaced.cbr-pink.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-pink.cbr-checked.cbr-radio .cbr-state span {

  background: #ff6264;

}

.cbr-replaced.cbr-pink.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-orange .cbr-state {

  background: #f7aa47;

  border-color: #f7aa47;

}

.cbr-replaced.cbr-orange.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-orange.cbr-checked.cbr-radio .cbr-state span {

  background: #f7aa47;

}

.cbr-replaced.cbr-orange.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-turquoise .cbr-state {

  background: #00b19d;

  border-color: #00b19d;

}

.cbr-replaced.cbr-turquoise.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-turquoise.cbr-checked.cbr-radio .cbr-state span {

  background: #00b19d;

}

.cbr-replaced.cbr-turquoise.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-yellow .cbr-state {

  background: #fcd036;

  border-color: #fcd036;

}

.cbr-replaced.cbr-yellow.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-yellow.cbr-checked.cbr-radio .cbr-state span {

  background: #fcd036;

}

.cbr-replaced.cbr-yellow.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-gray .cbr-state {

  background: #c8c8c8;

  border-color: #c8c8c8;

}

.cbr-replaced.cbr-gray.cbr-checked span {

  background-image: url(../images/ok-white-full.png);

}

.cbr-replaced.cbr-gray.cbr-checked.cbr-radio .cbr-state span {

  background: #c8c8c8;

}

.cbr-replaced.cbr-gray.cbr-radio .cbr-state {

  background: #fff;

}

.cbr-replaced.cbr-gray.cbr-checked span {

  background-image: url(../images/ok.png);

}

.cbr-replaced + label {

  padding-left: 5px;

}

label .cbr-replaced {

  margin-right: 4px;

}

label.cbr-inline {

  padding-top: 7px;

}

label.cbr-inline + .cbr-inline {

  margin-left: 10px;

}

.btn {

  outline: none;

  border: 1px solid transparent;

  margin-bottom: 10px;

}

.btn.text-left {

  text-align: left;

}

.btn.text-right {

  text-align: right;

}

.btn:active,

.btn:focus {

  outline: none !important;

}

.btn:active,

.btn.active {

  -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);

  box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);

}

.btn + .btn {

  margin-left: 5px;

}

.btn + .btn.btn-block {

  margin-left: 0;

}

.btn.btn-single {

  margin-bottom: 0;

}

.btn.btn-icon {

  line-height: 1;

}

.btn.btn-icon i {

  vertical-align: middle;

  display: inline-block;

  padding: 5px 0;

}

.btn.btn-icon span {

  display: inline-block;

}

.btn.btn-icon-standalone {

  padding: 0;

  border: 0;

  line-height: 1;

}

.btn.btn-icon-standalone i,

.btn.btn-icon-standalone span {

  display: block;

  padding: 12px 12px;

}

.btn.btn-icon-standalone i {

  border-right: 1px solid transparent;

  float: left;

}

.btn.btn-icon-standalone span {

  padding-left: 55px;

  padding-right: 13px;

}

.btn.btn-icon-standalone.btn-icon-standalone-right i {

  float: right;

  border-left: 1px solid transparent;

  border-right: 0;

}

.btn.btn-icon-standalone.btn-icon-standalone-right span {

  padding-left: 13px;

  padding-right: 55px;

}

.btn.btn-icon-standalone.btn-lg i,

.btn.btn-icon-standalone.btn-lg span {

  padding: 15px 16px;

}

.btn.btn-icon-standalone.btn-lg span {

  padding-left: 75px;

}

.btn.btn-icon-standalone.btn-lg.btn-icon-standalone-right span {

  padding-left: 17px;

  padding-right: 75px;

}

.btn.btn-icon-standalone.btn-sm i,

.btn.btn-icon-standalone.btn-sm span {

  padding: 8px 10px;

}

.btn.btn-icon-standalone.btn-sm span {

  padding-left: 50px;

}

.btn.btn-icon-standalone.btn-sm.btn-icon-standalone-right span {

  padding-left: 12px;

  padding-right: 50px;

}

.btn.btn-icon-standalone.btn-xs i,

.btn.btn-icon-standalone.btn-xs span {

  padding: 5px 5px;

}

.btn.btn-icon-standalone.btn-xs span {

  padding-left: 34px;

}

.btn.btn-icon-standalone.btn-xs.btn-icon-standalone-right span {

  padding-left: 10px;

  padding-right: 34px;

}

.btn.btn-secondary {

  background-color: #68b828;

  color: #ffffff;

}

.btn.btn-secondary:hover {

  background-color: #5ca323;

  text-color: #ffffff;

}

.btn.btn-secondary:active,

.btn.btn-secondary:focus {

  background-color: #5ca323;

  border-color: #579b22;

}

.btn.btn-purple {

  background-color: #7c38bc;

  color: #ffffff;

}

.btn.btn-purple:hover {

  background-color: #6f32a8;

  text-color: #ffffff;

}

.btn.btn-purple:active,

.btn.btn-purple:focus {

  background-color: #6f32a8;

  border-color: #6a30a0;

}

.btn.btn-orange {

  background-color: #f7aa47;

  color: #ffffff;

}

.btn.btn-orange:hover {

  background-color: #f69f2f;

  text-color: #ffffff;

}

.btn.btn-orange:active,

.btn.btn-orange:focus {

  background-color: #f69f2f;

  border-color: #f69a25;

}

.btn.btn-pink {

  background-color: #ff6264;

  color: #ffffff;

}

.btn.btn-pink:hover {

  background-color: #ff484b;

  text-color: #ffffff;

}

.btn.btn-pink:active,

.btn.btn-pink:focus {

  background-color: #ff484b;

  border-color: #ff3e41;

}

.btn.btn-turquoise {

  background-color: #00b19d;

  color: #ffffff;

}

.btn.btn-turquoise:hover {

  background-color: #009886;

  text-color: #ffffff;

}

.btn.btn-turquoise:active,

.btn.btn-turquoise:focus {

  background-color: #009886;

  border-color: #008d7d;

}

.btn.btn-blue {

  background-color: #0e62c7;

  color: #ffffff;

}

.btn.btn-blue:hover {

  background-color: #0c56af;

  text-color: #ffffff;

}

.btn.btn-blue:active,

.btn.btn-blue:focus {

  background-color: #0c56af;

  border-color: #0c52a6;

}

.btn.btn-red {

  background-color: #d5080f;

  color: #ffffff;

}

.btn.btn-red:hover {

  background-color: #bc070d;

  text-color: #ffffff;

}

.btn.btn-red:active,

.btn.btn-red:focus {

  background-color: #bc070d;

  border-color: #b3070d;

}

.btn.btn-gray {

  background-color: #eeeeee;

  color: #333333;

}

.btn.btn-gray:hover {

  background-color: #e1e1e1;

  text-color: #333333;

}

.btn.btn-gray:active,

.btn.btn-gray:focus {

  background-color: #e1e1e1;

  border-color: #dcdcdc;

}

.btn.btn-black {

  background-color: #222222;

  color: #ffffff;

}

.btn.btn-black:hover {

  background-color: #151515;

  text-color: #ffffff;

}

.btn.btn-black:active,

.btn.btn-black:focus {

  background-color: #151515;

  border-color: #101010;

}

.btn.btn-black:hover {

  background-color: #3c3c3c;

}

.btn.btn-white {

  background-color: #ffffff;

  color: #333333;

  border: 1px solid #dddddd;

}

.btn.btn-white:hover {

  background-color: #f2f2f2;

  text-color: #333333;

}

.btn.btn-white:active,

.btn.btn-white:focus {

  background-color: #f2f2f2;

  border-color: #ededed;

}

.btn.btn-primary.btn-icon-standalone i {

  background-color: #383b3c;

  border-right-color: #454849;

}

.btn.btn-primary.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #454849;

}

.btn.btn-primary.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #1d1f1f;

}

.btn.btn-primary.btn-icon-standalone:hover i {

  border-right-color: #1d1f1f;

}

.btn.btn-secondary.btn-icon-standalone i {

  background-color: #63b026;

  border-right-color: #5fa724;

}

.btn.btn-secondary.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #5fa724;

}

.btn.btn-secondary.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #5a9f23;

}

.btn.btn-secondary.btn-icon-standalone:hover i {

  border-right-color: #5a9f23;

}

.btn.btn-info.btn-icon-standalone i {

  background-color: #2eb4e8;

  border-right-color: #1baee6;

}

.btn.btn-info.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #1baee6;

}

.btn.btn-info.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #24b1e7;

}

.btn.btn-info.btn-icon-standalone:hover i {

  border-right-color: #24b1e7;

}

.btn.btn-danger.btn-icon-standalone i {

  background-color: #c33439;

  border-right-color: #b32f34;

}

.btn.btn-danger.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #b32f34;

}

.btn.btn-danger.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #bb3236;

}

.btn.btn-danger.btn-icon-standalone:hover i {

  border-right-color: #bb3236;

}

.btn.btn-warning.btn-icon-standalone i {

  background-color: #f0af00;

  border-right-color: #e6a700;

}

.btn.btn-warning.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #e6a700;

}

.btn.btn-warning.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #e0a400;

}

.btn.btn-warning.btn-icon-standalone:hover i {

  border-right-color: #e0a400;

}

.btn.btn-red.btn-icon-standalone i {

  background-color: #c1070e;

  border-right-color: #b8070d;

}

.btn.btn-red.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #b8070d;

}

.btn.btn-red.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #b8070d;

}

.btn.btn-red.btn-icon-standalone:hover i {

  border-right-color: #b8070d;

}

.btn.btn-purple.btn-icon-standalone i {

  background-color: #7233ac;

  border-right-color: #NaNNaNNaN;

}

.btn.btn-purple.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #NaNNaNNaN;

}

.btn.btn-purple.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #6c31a4;

}

.btn.btn-purple.btn-icon-standalone:hover i {

  border-right-color: #6c31a4;

}

.btn.btn-blue.btn-icon-standalone i {

  background-color: #0d59b4;

  border-right-color: #0c54aa;

}

.btn.btn-blue.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #0c54aa;

}

.btn.btn-blue.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #0c54aa;

}

.btn.btn-blue.btn-icon-standalone:hover i {

  border-right-color: #0c54aa;

}

.btn.btn-white.btn-icon-standalone i {

  background-color: #f5f5f5;

  border-right-color: #e6e6e6;

}

.btn.btn-white.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #e6e6e6;

}

.btn.btn-white.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #e0e0e0;

}

.btn.btn-white.btn-icon-standalone:hover i {

  border-right-color: #e0e0e0;

}

.btn.btn-gray.btn-icon-standalone i {

  background-color: #e4e4e4;

  border-right-color: #d5d5d5;

}

.btn.btn-gray.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #d5d5d5;

}

.btn.btn-gray.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #cfcfcf;

}

.btn.btn-gray.btn-icon-standalone:hover i {

  border-right-color: #cfcfcf;

}

.btn.btn-black.btn-icon-standalone i {

  background-color: #2f2f2f;

  border-right-color: #3c3c3c;

}

.btn.btn-black.btn-icon-standalone.btn-icon-standalone-right i {

  border-left-color: #3c3c3c;

}

.btn.btn-black.btn-icon-standalone.btn-icon-standalone-right:hover i {

  border-left-color: #414141;

}

.btn.btn-black.btn-icon-standalone:hover i {

  border-right-color: #414141;

}

.btn-group .btn.btn-purple:hover {

  border-color: #552681;

}

.btn-group .btn.btn-red:hover {

  border-color: #8b050a;

}

.btn-group .btn.btn-blue:hover {

  border-color: #093f80;

}

.btn-group .btn.btn-white:hover {

  border-color: #d9d9d9;

}

.btn-group .btn.btn-gray:hover {

  border-color: #c8c8c8;

}

.btn-group .btn.btn-black:hover {

  border-color: #484848;

}

.btn-unstyled {

  margin: 0;

  padding: 0;

  background: none;

  border: 0;

  height: auto;

  line-height: 1;

}

.btn-unstyled:active,

.btn-unstyled:focus {

  background: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.dropdown-menu.no-spacing {

  margin-top: -10px;

}

.dropdown-menu.dropdown-primary {

  background: #2c2e2f;

  border-color: #2c2e2f;

}

.dropdown-menu.dropdown-primary .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #454849;

}

.dropdown-menu.dropdown-primary > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-primary > li > a:hover {

  background-color: #454849;

}

.dropdown-menu.dropdown-secondary {

  background: #68b828;

  border-color: #68b828;

}

.dropdown-menu.dropdown-secondary .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #5ca323;

}

.dropdown-menu.dropdown-secondary > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-secondary > li > a:hover {

  background-color: #5ca323;

}

.dropdown-menu.dropdown-info {

  background: #40bbea;

  border-color: #40bbea;

}

.dropdown-menu.dropdown-info .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #1baee6;

}

.dropdown-menu.dropdown-info > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-info > li > a:hover {

  background-color: #1baee6;

}

.dropdown-menu.dropdown-success {

  background: #8dc63f;

  border-color: #8dc63f;

}

.dropdown-menu.dropdown-success .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #80b636;

}

.dropdown-menu.dropdown-success > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-success > li > a:hover {

  background-color: #80b636;

}

.dropdown-menu.dropdown-warning {

  background: #ffba00;

  border-color: #ffba00;

}

.dropdown-menu.dropdown-warning .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #e6a700;

}

.dropdown-menu.dropdown-warning > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-warning > li > a:hover {

  background-color: #e6a700;

}

.dropdown-menu.dropdown-danger {

  background: #cc3f44;

  border-color: #cc3f44;

}

.dropdown-menu.dropdown-danger .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #b32f34;

}

.dropdown-menu.dropdown-danger > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-danger > li > a:hover {

  background-color: #b32f34;

}

.dropdown-menu.dropdown-red {

  background: #d5080f;

  border-color: #d5080f;

}

.dropdown-menu.dropdown-red .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #bc070d;

}

.dropdown-menu.dropdown-red > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-red > li > a:hover {

  background-color: #bc070d;

}

.dropdown-menu.dropdown-purple {

  background: #7c38bc;

  border-color: #7c38bc;

}

.dropdown-menu.dropdown-purple .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #672f9d;

}

.dropdown-menu.dropdown-purple > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-purple > li > a:hover {

  background-color: #672f9d;

}

.dropdown-menu.dropdown-blue {

  background: #0e62c7;

  border-color: #0e62c7;

}

.dropdown-menu.dropdown-blue .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #0b4fa1;

}

.dropdown-menu.dropdown-blue > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-blue > li > a:hover {

  background-color: #0b4fa1;

}

.dropdown-menu.dropdown-black {

  background: #222222;

  border-color: #222222;

}

.dropdown-menu.dropdown-black .divider {

  height: 1px;

  margin: 8px 0;

  overflow: hidden;

  background-color: #363636;

}

.dropdown-menu.dropdown-black > li > a {

  color: #ffffff;

}

.dropdown-menu.dropdown-black > li > a:hover {

  background-color: #363636;

}

.dropdown-menu.dropdown-white.no-spacing {

  margin-top: -11px;

}

.nav.nav-tabs {

  border-bottom: 0;

}

.nav.nav-tabs > li {

  display: inline-block;

  float: none;

  margin-bottom: 0;

}

.nav.nav-tabs > li > a {

  border: none;

  background-color: #f4f4f4;

  margin-right: 5px;

  padding-left: 20px;

  padding-right: 20px;

}

.nav.nav-tabs > li > a:hover {

  border: none;

  background-color: #ffffff;

}

.nav.nav-tabs > li.active > a {

  background-color: #fff;

}

.nav.nav-tabs.right-aligned {

  text-align: right;

}

.nav.nav-tabs.right-aligned > li {

  float: none;

  display: inline-block;

}

.nav.nav-tabs.right-aligned > li > a {

  margin-right: 0;

  margin-left: 5px;

}

.nav.nav-tabs.nav-tabs-justified {

  display: table;

  width: 100%;

  table-layout: fixed;

  border-collapse: separate;

}

.nav.nav-tabs.nav-tabs-justified:before,

.nav.nav-tabs.nav-tabs-justified:after {

  display: none;

}

.nav.nav-tabs.nav-tabs-justified > li {

  display: table-cell;

  vertical-align: top;

  width: 1%;

  text-align: center;

}

.nav.nav-tabs.nav-tabs-justified > li:last-child > a {

  margin-right: 0;

}

.nav.nav-tabs + .tab-content {

  background: #FFF;

  padding: 30px;

  margin-bottom: 30px;

}

.nav.nav-tabs + .tab-content > p:last-child,

.nav.nav-tabs + .tab-content * > p:last-child {

  margin-bottom: 0;

}

.panel-group .panel .panel-heading {

  padding-bottom: 0;

  border-bottom: 0;

}

.panel-group .panel .panel-heading .panel-title {

  float: none;

}

.panel-group .panel .panel-heading a[data-toggle="collapse"] {

  display: block;

}

.panel-group .panel .panel-heading a[data-toggle="collapse"]:before {

  float: right;

  display: block;

  content: '–';

  font-size: 18px;

  width: 25px;

  text-align: right;

}

.panel-group .panel .panel-heading a[data-toggle="collapse"].collapsed:before {

  content: '+';

}

.panel-group .panel .panel-heading + .panel-collapse .panel-body {

  border-top: 2px solid #f5f5f5;

  margin-top: 15px;

}

.panel-group.panel-group-joined {

  border: 1px solid #dddddd;

}

.panel-group.panel-group-joined .panel .panel-collapse .panel-body {

  border-top: 0;

  padding-top: 0;

}

.panel-group.panel-group-joined .panel + .panel {

  margin-top: 0;

  border-top: 1px solid #dddddd;

}

.tabs-vertical-env {

  display: table;

  margin-bottom: 30px;

  width: 100%;

}

.tabs-vertical-env .nav.tabs-vertical,

.tabs-vertical-env .tab-content {

  display: table-cell;

  vertical-align: top;

}

.tabs-vertical-env .nav.tabs-vertical {

  min-width: 120px;

  width: 150px;

}

.tabs-vertical-env .nav.tabs-vertical li > a {

  background-color: #f4f4f4;

  margin-bottom: 5px;

  text-align: center;

  white-space: nowrap;

}

.tabs-vertical-env .nav.tabs-vertical li.active > a {

  background-color: #fff;

}

.tabs-vertical-env .nav.tabs-vertical li:last-child {

  padding-bottom: 20px;

}

.tabs-vertical-env .tab-content {

  padding: 30px;

  background: #FFF;

}

.tabs-vertical-env .tab-content * > p:last-child {

  margin-bottom: 0;

}

.tabs-vertical-env.tabs-vertical-bordered .tab-content,

.tabs-vertical-env.tabs-vertical-bordered .nav.tabs-vertical > li > a {

  border: 1px solid #dddddd;

}

.tabs-vertical-env.tabs-vertical-bordered .nav.tabs-vertical {

  position: relative;

  right: -1px;

}

.tabs-vertical-env.tabs-vertical-bordered .nav.tabs-vertical > li.active > a {

  border-right-color: #fff;

}

.tabs-vertical-env.tabs-vertical-bordered.right-aligned .nav.tabs-vertical {

  right: 1px;

}

.tabs-vertical-env.tabs-vertical-bordered.right-aligned .nav.tabs-vertical > li.active > a {

  border-left-color: #fff;

  border-right-color: #dddddd;

}

.label {

  position: relative;

}

.label.pull-right {

  margin-top: 4px;

}

.label.pull-left {

  margin-top: 4px;

  margin-right: 5px;

}

.label.label-primary {

  background-color: #2c2e2f;

  color: #fff;

}

.label.label-secondary {

  background-color: #68b828;

  color: #fff;

}

.label.label-success {

  background-color: #8dc63f;

  color: #fff;

}

.label.label-danger {

  background-color: #cc3f44;

  color: #fff;

}

.label.label-info {

  background-color: #40bbea;

  color: #fff;

}

.label.label-warning {

  background-color: #ffba00;

  color: #fff;

}

.label.label-red {

  background-color: #d5080f;

  color: #fff;

}

.label.label-purple {

  background-color: #7c38bc;

  color: #fff;

}

.label.label-pink {

  background-color: #ff6264;

  color: #fff;

}

.label.label-yellow {

  background-color: #fcd036;

  color: #fff;

}

.label.label-orange {

  background-color: #f7aa47;

  color: #fff;

}

.label.label-turquoise {

  background-color: #00b19d;

  color: #fff;

}

.label.label-blue {

  background-color: #0e62c7;

  color: #fff;

}

.label.label-black {

  background-color: #222222;

  color: #fff;

}

.label.label-white {

  color: #333;

  -webkit-box-shadow: 0px 0px 0px 1px #dddddd;

  -moz-box-shadow: 0px 0px 0px 1px #dddddd;

  box-shadow: 0px 0px 0px 1px #dddddd;

}

.line-height-default li {

  line-height: 1.85;

}

.popover + .btn,

.tooltip + .btn {

  margin-left: 5px;

}

.popover {

  padding: 0;

  border: 1px solid #dddddd;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.popover.popover-primary .popover-title {

  background-color: #2c2e2f;

  color: #FFF;

  position: relative;

}

.popover.popover-primary.top .popover-title,

.popover.popover-primary.bottom .popover-title {

  margin: -1px;

}

.popover.popover-primary.bottom .arrow:after {

  border-bottom-color: #2c2e2f;

}

.popover.popover-secondary .popover-title {

  background-color: #68b828;

  color: #FFF;

  position: relative;

}

.popover.popover-secondary.top .popover-title,

.popover.popover-secondary.bottom .popover-title {

  margin: -1px;

}

.popover.popover-secondary.bottom .arrow:after {

  border-bottom-color: #68b828;

}

.popover.popover-info .popover-title {

  background-color: #40bbea;

  color: #FFF;

  position: relative;

}

.popover.popover-info.top .popover-title,

.popover.popover-info.bottom .popover-title {

  margin: -1px;

}

.popover.popover-info.bottom .arrow:after {

  border-bottom-color: #40bbea;

}

.popover.popover-warning .popover-title {

  background-color: #ffba00;

  color: #FFF;

  position: relative;

}

.popover.popover-warning.top .popover-title,

.popover.popover-warning.bottom .popover-title {

  margin: -1px;

}

.popover.popover-warning.bottom .arrow:after {

  border-bottom-color: #ffba00;

}

.popover.popover-danger .popover-title {

  background-color: #cc3f44;

  color: #FFF;

  position: relative;

}

.popover.popover-danger.top .popover-title,

.popover.popover-danger.bottom .popover-title {

  margin: -1px;

}

.popover.popover-danger.bottom .arrow:after {

  border-bottom-color: #cc3f44;

}

.popover.popover-success .popover-title {

  background-color: #8dc63f;

  color: #FFF;

  position: relative;

}

.popover.popover-success.top .popover-title,

.popover.popover-success.bottom .popover-title {

  margin: -1px;

}

.popover.popover-success.bottom .arrow:after {

  border-bottom-color: #8dc63f;

}

.popover.popover-purple .popover-title {

  background-color: #7c38bc;

  color: #FFF;

  position: relative;

}

.popover.popover-purple.top .popover-title,

.popover.popover-purple.bottom .popover-title {

  margin: -1px;

}

.popover.popover-purple.bottom .arrow:after {

  border-bottom-color: #7c38bc;

}

.popover.popover-blue .popover-title {

  background-color: #0e62c7;

  color: #FFF;

  position: relative;

}

.popover.popover-blue.top .popover-title,

.popover.popover-blue.bottom .popover-title {

  margin: -1px;

}

.popover.popover-blue.bottom .arrow:after {

  border-bottom-color: #0e62c7;

}

.popover.popover-red .popover-title {

  background-color: #d5080f;

  color: #FFF;

  position: relative;

}

.popover.popover-red.top .popover-title,

.popover.popover-red.bottom .popover-title {

  margin: -1px;

}

.popover.popover-red.bottom .arrow:after {

  border-bottom-color: #d5080f;

}

.popover.popover-black .popover-title {

  background-color: #0e62c7;

  color: #FFF;

  position: relative;

}

.popover.popover-black.top .popover-title,

.popover.popover-black.bottom .popover-title {

  margin: -1px;

}

.popover.popover-black.bottom .arrow:after {

  border-bottom-color: #0e62c7;

}

.tooltip .tooltip-inner {

  padding: 10px 15px;

}

.tooltip.tooltip-primary .tooltip-inner {

  background-color: #2c2e2f;

}

.tooltip.tooltip-primary.top .tooltip-arrow {

  border-top-color: #2c2e2f;

}

.tooltip.tooltip-primary.bottom .tooltip-arrow {

  border-bottom-color: #2c2e2f;

}

.tooltip.tooltip-primary.left .tooltip-arrow {

  border-left-color: #2c2e2f;

}

.tooltip.tooltip-primary.right .tooltip-arrow {

  border-right-color: #2c2e2f;

}

.tooltip.tooltip-secondary .tooltip-inner {

  background-color: #68b828;

}

.tooltip.tooltip-secondary.top .tooltip-arrow {

  border-top-color: #68b828;

}

.tooltip.tooltip-secondary.bottom .tooltip-arrow {

  border-bottom-color: #68b828;

}

.tooltip.tooltip-secondary.left .tooltip-arrow {

  border-left-color: #68b828;

}

.tooltip.tooltip-secondary.right .tooltip-arrow {

  border-right-color: #68b828;

}

.tooltip.tooltip-info .tooltip-inner {

  background-color: #40bbea;

}

.tooltip.tooltip-info.top .tooltip-arrow {

  border-top-color: #40bbea;

}

.tooltip.tooltip-info.bottom .tooltip-arrow {

  border-bottom-color: #40bbea;

}

.tooltip.tooltip-info.left .tooltip-arrow {

  border-left-color: #40bbea;

}

.tooltip.tooltip-info.right .tooltip-arrow {

  border-right-color: #40bbea;

}

.tooltip.tooltip-warning .tooltip-inner {

  background-color: #ffba00;

}

.tooltip.tooltip-warning.top .tooltip-arrow {

  border-top-color: #ffba00;

}

.tooltip.tooltip-warning.bottom .tooltip-arrow {

  border-bottom-color: #ffba00;

}

.tooltip.tooltip-warning.left .tooltip-arrow {

  border-left-color: #ffba00;

}

.tooltip.tooltip-warning.right .tooltip-arrow {

  border-right-color: #ffba00;

}

.tooltip.tooltip-danger .tooltip-inner {

  background-color: #cc3f44;

}

.tooltip.tooltip-danger.top .tooltip-arrow {

  border-top-color: #cc3f44;

}

.tooltip.tooltip-danger.bottom .tooltip-arrow {

  border-bottom-color: #cc3f44;

}

.tooltip.tooltip-danger.left .tooltip-arrow {

  border-left-color: #cc3f44;

}

.tooltip.tooltip-danger.right .tooltip-arrow {

  border-right-color: #cc3f44;

}

.tooltip.tooltip-success .tooltip-inner {

  background-color: #8dc63f;

}

.tooltip.tooltip-success.top .tooltip-arrow {

  border-top-color: #8dc63f;

}

.tooltip.tooltip-success.bottom .tooltip-arrow {

  border-bottom-color: #8dc63f;

}

.tooltip.tooltip-success.left .tooltip-arrow {

  border-left-color: #8dc63f;

}

.tooltip.tooltip-success.right .tooltip-arrow {

  border-right-color: #8dc63f;

}

.tooltip.tooltip-purple .tooltip-inner {

  background-color: #7c38bc;

}

.tooltip.tooltip-purple.top .tooltip-arrow {

  border-top-color: #7c38bc;

}

.tooltip.tooltip-purple.bottom .tooltip-arrow {

  border-bottom-color: #7c38bc;

}

.tooltip.tooltip-purple.left .tooltip-arrow {

  border-left-color: #7c38bc;

}

.tooltip.tooltip-purple.right .tooltip-arrow {

  border-right-color: #7c38bc;

}

.tooltip.tooltip-blue .tooltip-inner {

  background-color: #0e62c7;

}

.tooltip.tooltip-blue.top .tooltip-arrow {

  border-top-color: #0e62c7;

}

.tooltip.tooltip-blue.bottom .tooltip-arrow {

  border-bottom-color: #0e62c7;

}

.tooltip.tooltip-blue.left .tooltip-arrow {

  border-left-color: #0e62c7;

}

.tooltip.tooltip-blue.right .tooltip-arrow {

  border-right-color: #0e62c7;

}

.tooltip.tooltip-red .tooltip-inner {

  background-color: #d5080f;

}

.tooltip.tooltip-red.top .tooltip-arrow {

  border-top-color: #d5080f;

}

.tooltip.tooltip-red.bottom .tooltip-arrow {

  border-bottom-color: #d5080f;

}

.tooltip.tooltip-red.left .tooltip-arrow {

  border-left-color: #d5080f;

}

.tooltip.tooltip-red.right .tooltip-arrow {

  border-right-color: #d5080f;

}

.tooltip.tooltip-black .tooltip-inner {

  background-color: #0e62c7;

}

.tooltip.tooltip-black.top .tooltip-arrow {

  border-top-color: #0e62c7;

}

.tooltip.tooltip-black.bottom .tooltip-arrow {

  border-bottom-color: #0e62c7;

}

.tooltip.tooltip-black.left .tooltip-arrow {

  border-left-color: #0e62c7;

}

.tooltip.tooltip-black.right .tooltip-arrow {

  border-right-color: #0e62c7;

}

blockquote small {

  margin-top: 10px;

  display: block;

}

.blockquote {

  position: relative;

  padding: 20px 30px;

  background: #fff;

  border: 1px solid #dddddd;

}

.blockquote:before {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 6px;

  background: #f7f7f7;

}

.blockquote.blockquote-blue {

  border: 1px solid #0e62c7;

}

.blockquote.blockquote-blue:before {

  background: rgba(14, 98, 199, 0.1);

}

.blockquote.blockquote-blue strong {

  color: #0e62c7;

}

.blockquote.blockquote-red {

  border: 1px solid #d5080f;

}

.blockquote.blockquote-red:before {

  background: rgba(213, 8, 15, 0.1);

}

.blockquote.blockquote-red strong {

  color: #d5080f;

}

.blockquote.blockquote-success {

  border: 1px solid #8dc63f;

}

.blockquote.blockquote-success:before {

  background: rgba(141, 198, 63, 0.1);

}

.blockquote.blockquote-success strong {

  color: #8dc63f;

}

.blockquote.blockquote-warning {

  border: 1px solid #ffba00;

}

.blockquote.blockquote-warning:before {

  background: rgba(255, 186, 0, 0.1);

}

.blockquote.blockquote-warning strong {

  color: #ffba00;

}

.blockquote.blockquote-info {

  border: 1px solid #40bbea;

}

.blockquote.blockquote-info:before {

  background: rgba(64, 187, 234, 0.1);

}

.blockquote.blockquote-info strong {

  color: #40bbea;

}

.blockquote.blockquote-danger {

  border: 1px solid #cc3f44;

}

.blockquote.blockquote-danger:before {

  background: rgba(204, 63, 68, 0.1);

}

.blockquote.blockquote-danger strong {

  color: #cc3f44;

}

.blockquote.blockquote-purple {

  border: 1px solid #7c38bc;

}

.blockquote.blockquote-purple:before {

  background: rgba(124, 56, 188, 0.1);

}

.blockquote.blockquote-purple strong {

  color: #7c38bc;

}

.blockquote.blockquote-black {

  border: 1px solid #222222;

}

.blockquote.blockquote-black:before {

  background: rgba(34, 34, 34, 0.1);

}

.blockquote.blockquote-black strong {

  color: #222222;

}

.modal .modal-dialog .modal-content {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-color: #f5f5f5;

  padding: 30px;

}

.modal .modal-dialog .modal-content .modal-header {

  margin: 0;

  padding: 0;

  border-bottom-width: 2px;

  padding-bottom: 15px;

}

.modal .modal-dialog .modal-content .modal-header .close {

  outline: none;

}

.modal .modal-dialog .modal-content .modal-body {

  padding: 20px 0;

}

.modal .modal-dialog .modal-content .modal-footer {

  padding: 0;

  padding-top: 15px;

}

.modal .modal-dialog .modal-content .modal-footer .btn {

  margin-bottom: 0;

}

.modal.scale .modal-dialog {

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transform: scale(0.8);

  -moz-transform: scale(0.8);

  -o-transform: scale(0.8);

  -ms-transform: scale(0.8);

  transform: scale(0.8);

  -webkit-transition: all 1000ms ease-in-out;

  -moz-transition: all 1000ms ease-in-out;

  -o-transition: all 1000ms ease-in-out;

  transition: all 1000ms ease-in-out;

  -webkit-transform-origin: center bottom;

  -moz-transform-origin: center bottom;

  -o-transform-origin: center bottom;

  -ms-transform-origin: center bottom;

  transform-origin: center bottom;

}

.modal.scale.in .modal-dialog {

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.table.table-bordered {

  border-color: #eeeeee;

}

.table.table-bordered > thead > tr > td,

.table.table-bordered > tbody > tr > td,

.table.table-bordered > tfood > tr > td,

.table.table-bordered > thead > tr > th,

.table.table-bordered > tbody > tr > th,

.table.table-bordered > tfood > tr > th {

  border-color: #eeeeee;

}

.table > thead > tr > td,

.table > tbody > tr > td,

.table > tfood > tr > td,

.table > thead > tr > th,

.table > tbody > tr > th,

.table > tfood > tr > th {

  padding: 12px 15px;

}

.text-center.table > thead > tr > td,

.text-center.table > tbody > tr > td,

.text-center.table > tfood > tr > td,

.text-center.table > thead > tr > th,

.text-center.table > tbody > tr > th,

.text-center.table > tfood > tr > th {

  text-align: center !important;

}

.middle-align.table > thead > tr > td,

.middle-align.table > tbody > tr > td,

.middle-align.table > tfood > tr > td,

.middle-align.table > thead > tr > th,

.middle-align.table > tbody > tr > th,

.middle-align.table > tfood > tr > th {

  vertical-align: middle;

}

.table > thead > tr > td.middle-align,

.table > tbody > tr > td.middle-align,

.table > tfood > tr > td.middle-align,

.table > thead > tr > th.middle-align,

.table > tbody > tr > th.middle-align,

.table > tfood > tr > th.middle-align {

  vertical-align: middle;

}

.table > thead > tr.no-borders > td,

.table > tbody > tr.no-borders > td,

.table > tfood > tr.no-borders > td,

.table > thead > tr.no-borders > th,

.table > tbody > tr.no-borders > th,

.table > tfood > tr.no-borders > th {

  border-left: 0;

  border-right: 0;

}

.table > thead > tr > td,

.table > thead > tr > th {

  position: relative;

  border-bottom: 1px solid #eeeeee;

  color: #2c2e2f;

}

.table > thead > tr > td:after,

.table > thead > tr > th:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 1px;

  height: 1px;

  background-color: #eeeeee;

}

.table > tbody > tr > td,

.table > tfoot > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > th {

  border-top: 0;

  border-bottom: 1px solid #eeeeee;

}

.table > tbody > tr > td .progress,

.table > tfoot > tr > td .progress,

.table > tbody > tr > th .progress,

.table > tfoot > tr > th .progress,

.table > tbody > tr > td .btn,

.table > tfoot > tr > td .btn,

.table > tbody > tr > th .btn,

.table > tfoot > tr > th .btn {

  margin-bottom: 0;

}

.table > tfoot > tr > td,

.table > tfoot > tr > th {

  border-left: 0;

  border-bottom: 0;

  border-top: 1px solid #eeeeee;

  padding: 12px 15px;

  position: relative;

  color: #2c2e2f;

}

.table > tfoot > tr > td:after,

.table > tfoot > tr > th:after {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  top: 1px;

  height: 1px;

  background-color: #eeeeee;

}

.table.table-condensed > thead > tr > td,

.table.table-condensed > tbody > tr > td,

.table.table-condensed > tfoot > tr > td,

.table.table-condensed > thead > tr > th,

.table.table-condensed > tbody > tr > th,

.table.table-condensed > tfoot > tr > th {

  padding: 5px 8px;

}

.table.table-model-2 > thead > tr {

  background: #f6f6f6;

}

.table.table-model-2 > thead > tr > td:after,

.table.table-model-2 > thead > tr > th:after {

  display: none;

}

.table.table-model-2 > thead > tr > td,

.table.table-model-2 > tbody > tr > td,

.table.table-model-2 > tfood > tr > td,

.table.table-model-2 > thead > tr > th,

.table.table-model-2 > tbody > tr > th,

.table.table-model-2 > tfood > tr > th {

  border-color: #dddddd;

}

.table.table-model-2.table-bordered {

  border-color: #dddddd;

}

.table tbody.middle-align > tr > th,

.table tbody.middle-align > tr > td {

  vertical-align: middle;

}

.panel > .table > thead > tr > td:after,

.panel > .table > thead > tr > th:after {

  display: none;

}

.dataTables_wrapper .dataTables_length,

.dataTables_wrapper .dataTables_filter {

  padding-bottom: 5px;

}

.dataTables_wrapper .dataTables_filter .form-control {

  margin-left: 10px;

}

.dataTables_wrapper .dataTables_info,

.dataTables_wrapper .dataTables_paginate {

  padding-top: 10px;

}

.dataTables_wrapper .DTTT_container {

  float: right;

  border: 1px solid #eeeeee;

  position: relative;

  margin-top: -2px;

  margin-left: 20px;

}

.dataTables_wrapper .DTTT_container + .dataTables_filter {

  float: right;

}

.dataTables_wrapper .DTTT_container .DTTT_button {

  position: relative;

  display: block;

  float: left;

  padding: 7px 10px;

}

.dataTables_wrapper .DTTT_container .DTTT_button span {

  position: relative;

  z-index: 100;

  cursor: pointer;

}

.dataTables_wrapper .DTTT_container .DTTT_button:hover {

  background: #f5f5f5;

}

.dataTables_wrapper .DTTT_container .DTTT_button:hover div {

  background: #f5f5f5;

}

.dataTables_wrapper .DTTT_container .DTTT_button + .DTTT_button {

  border-left: 1px solid #eeeeee;

}

.dataTables_wrapper table.dataTable thead > tr > th {

  padding-left: 15px;

  padding-right: 15px;

}

.dataTables_wrapper tr.replace-inputs > th,

.dataTables_wrapper tr.replace-inputs > td {

  vertical-align: top;

}

.dataTables_wrapper tr .dataTables_empty {

  border-bottom: 1px solid #eeeeee;

}

.dataTables_wrapper tr .yadcf-filter-wrapper {

  position: relative;

  margin-top: 10px;

  border-top: 1px solid #eeeeee;

  margin-left: -15px;

  margin-right: -15px;

  display: block;

  padding: 10px 15px;

  padding-bottom: 0;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-reset-button {

  margin: 0;

  padding: 0;

  background: none;

  border: 0;

  height: auto;

  position: absolute;

  top: 0;

  right: 0;

  padding: 2px 5px;

  padding-top: 0;

  background: #f5f5f5;

  color: #000;

  line-height: 1;

  font-weight: normal;

  font-size: 11px;

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-reset-button:active,

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-reset-button:focus {

  background: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.dataTables_wrapper tr .yadcf-filter-wrapper:hover .yadcf-filter-reset-button {

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter {

  display: block;

  width: 100%;

  margin: 0;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter[type="text"] {

  background: #fff;

  border: 1px solid #e4e4e4;

  font-weight: normal;

  outline: none;

  padding: 0 10px;

  height: 30px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner {

  display: table;

  width: 100%;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner .yadcf-filter-range {

  display: table-cell;

  width: 100%;

  background: #fff;

  border: 1px solid #e4e4e4;

  font-weight: normal;

  outline: none;

  padding: 0 5px;

  height: 32px;

  text-align: center;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner .yadcf-filter-range-number-seperator {

  padding: 0 5px;

  display: table-cell;

  width: 10%;

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner .yadcf-filter-range-number-seperator:after {

  content: '–';

  color: #000;

  font-size: 11px;

  font-weight: normal;

}

.dataTables_wrapper .table thead > tr .sorting,

.dataTables_wrapper .table thead > tr .sorting_asc,

.dataTables_wrapper .table thead > tr .sorting_desc {

  background: none;

}

.dataTables_wrapper .table thead > tr .sorting:before,

.dataTables_wrapper .table thead > tr .sorting_asc:before,

.dataTables_wrapper .table thead > tr .sorting_desc:before {

  font-family: 'fontawesome';

  content: '\f0dc';

  float: right;

  display: block;

  zoom: 1;

  filter: alpha(opacity=50);

  -webkit-opacity: 0.5;

  -moz-opacity: 0.5;

  opacity: 0.5;

}

.dataTables_wrapper .table thead > tr .sorting_asc:before {

  content: '\f0de';

}

.dataTables_wrapper .table thead > tr .sorting_desc:before {

  content: '\f0dd';

}

.dataTables_wrapper .table thead > tr .no-sorting:before {

  display: none;

}

.form-horizontal .control-label {

  text-align: right;

}

.form-horizontal > .form-group:last-child {

  margin-bottom: 0;

}

input.form-control.form-focus-primary:focus {

  border-color: rgba(44, 46, 47, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44, 46, 47, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44, 46, 47, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44, 46, 47, 0.6);

}

input.form-control.form-focus-primary:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-warning:focus {

  border-color: rgba(255, 186, 0, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 186, 0, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 186, 0, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 186, 0, 0.6);

}

input.form-control.form-focus-warning:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-danger:focus {

  border-color: rgba(204, 63, 68, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 63, 68, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 63, 68, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 63, 68, 0.6);

}

input.form-control.form-focus-danger:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-success:focus {

  border-color: rgba(141, 198, 63, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(141, 198, 63, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(141, 198, 63, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(141, 198, 63, 0.6);

}

input.form-control.form-focus-success:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-info:focus {

  border-color: rgba(64, 187, 234, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(64, 187, 234, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(64, 187, 234, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(64, 187, 234, 0.6);

}

input.form-control.form-focus-info:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-purple:focus {

  border-color: rgba(124, 56, 188, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(124, 56, 188, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(124, 56, 188, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(124, 56, 188, 0.6);

}

input.form-control.form-focus-purple:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-red:focus {

  border-color: rgba(213, 8, 15, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213, 8, 15, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213, 8, 15, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213, 8, 15, 0.6);

}

input.form-control.form-focus-red:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-blue:focus {

  border-color: rgba(14, 98, 199, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(14, 98, 199, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(14, 98, 199, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(14, 98, 199, 0.6);

}

input.form-control.form-focus-blue:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

input.form-control.form-focus-gray:focus {

  border-color: rgba(200, 200, 200, 0.6);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 200, 200, 0.6);

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 200, 200, 0.6);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 200, 200, 0.6);

}

input.form-control.form-focus-gray:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

form .help-block {

  color: #000;

}

form .form-block {

  padding-top: 7px;

}

form .form-group.has-success .help-block,

form .form-group.has-success .control-label,

form .form-group.has-success .radio,

form .form-group.has-success .checkbox,

form .form-group.has-success .radio-inline,

form .form-group.has-success .checkbox-inline {

  color: #8dc63f;

}

form .form-group.has-success .form-control {

  border-color: rgba(141, 198, 63, 0.4);

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

form .form-group.has-success .form-control:focus {

  border-color: #8dc63f;

}

form .form-group.has-success .input-group-addon {

  color: #8dc63f;

  border-color: rgba(141, 198, 63, 0.4);

}

form .form-group.has-success .form-control-feedback {

  color: #8dc63f;

}

form .form-group.has-warning .help-block,

form .form-group.has-warning .control-label,

form .form-group.has-warning .radio,

form .form-group.has-warning .checkbox,

form .form-group.has-warning .radio-inline,

form .form-group.has-warning .checkbox-inline {

  color: #ffba00;

}

form .form-group.has-warning .form-control {

  border-color: rgba(255, 186, 0, 0.6);

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

form .form-group.has-warning .form-control:focus {

  border-color: #ffba00;

}

form .form-group.has-warning .input-group-addon {

  color: #ffba00;

  border-color: rgba(255, 186, 0, 0.6);

}

form .form-group.has-warning .form-control-feedback {

  color: #ffba00;

}

form .form-group.has-error .help-block,

form .form-group.has-error .control-label,

form .form-group.has-error .radio,

form .form-group.has-error .checkbox,

form .form-group.has-error .radio-inline,

form .form-group.has-error .checkbox-inline {

  color: #cc3f44;

}

form .form-group.has-error .form-control {

  border-color: rgba(204, 63, 68, 0.4);

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

form .form-group.has-error .form-control:focus {

  border-color: #cc3f44;

}

form .form-group.has-error .input-group-addon {

  color: #cc3f44;

  border-color: rgba(204, 63, 68, 0.4);

}

form .form-group.has-error .form-control-feedback {

  color: #cc3f44;

}

form .form-group.has-info .help-block,

form .form-group.has-info .control-label,

form .form-group.has-info .radio,

form .form-group.has-info .checkbox,

form .form-group.has-info .radio-inline,

form .form-group.has-info .checkbox-inline {

  color: #40bbea;

}

form .form-group.has-info .form-control {

  border-color: rgba(64, 187, 234, 0.4);

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

form .form-group.has-info .form-control:focus {

  border-color: #40bbea;

}

form .form-group.has-info .input-group-addon {

  color: #40bbea;

  border-color: rgba(64, 187, 234, 0.4);

}

form .form-group.has-info .form-control-feedback {

  color: #40bbea;

}

form .form-group.validate-has-error .form-control {

  border-color: #cc3f44;

  color: #cc3f44;

}

form .form-group.validate-has-error .form-control::-moz-placeholder {

  color: #cc3f44;

  opacity: 1;

}

form .form-group.validate-has-error .form-control:-ms-input-placeholder {

  color: #cc3f44;

}

form .form-group.validate-has-error .form-control::-webkit-input-placeholder {

  color: #cc3f44;

}

form .form-group.validate-has-error .form-control::-webkit-input-placeholder {

  color: #cc3f44;

}

form .form-group.validate-has-error .form-control:-moz-placeholder {

  color: #cc3f44;

}

form .form-group.validate-has-error .form-control::-moz-placeholder {

  color: #cc3f44;

}

form .form-group.validate-has-error .form-control:-ms-input-placeholder {

  color: #cc3f44;

}

form .form-group.validate-has-error .form-control + span {

  display: block;

  padding-top: 5px;

  font-size: 12px;

  color: #cc3f44;

}

form.form-inline .form-group + .form-group {

  margin-left: 5px;

}

form .form-group-separator {

  height: 1px;

  background: #fff;

  margin-bottom: 15px;

}

label[for] {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

label.checkbox-inline input[type="checkbox"] {

  margin-top: 2px;

}

label.radio-inline input[type="radio"] {

  margin-top: 2px;

}

.radio input[type="radio"],

.checkbox input[type="checkbox"] {

  margin-top: 2px;

}

.input-group .btn {

  margin-bottom: 0;

}

.input-group.input-group-minimal > .form-control:first-child {

  border-right: 0;

  padding-right: 0;

}

.input-group.input-group-minimal .input-group-addon {

  background: none;

  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

  -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;

  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.input-group.input-group-minimal .input-group-addon + .form-control {

  border-left: 0;

  padding-left: 0;

}

.input-group.input-group-minimal .input-group-addon + .form-control.no-right-border {

  padding-right: 0;

}

.input-group.input-group-minimal.focused .input-group-addon {

  border-color: rgba(104, 184, 40, 0.5);

}

nav.navbar {

  border: 0;

}

nav.navbar form > .btn {

  margin-bottom: 0;

}

nav.navbar .navbar-header .navbar-brand {

  padding-left: 30px;

  padding-right: 30px;

}

nav.navbar .navbar-nav li a {

  padding-left: 20px;

  padding-right: 20px;

}

nav.navbar.navbar-inverse .navbar-toggle i {

  color: #fff;

}

@media print {

  .sidebar-menu {

    display: none;

  }

  .main-content {

    padding: 0 !important;

  }

  .main-content .user-info-navbar,

  .main-content .page-title,

  .main-content footer.main-footer {

    display: none;

  }

  .main-content > .panel {

    margin-bottom: 0;

  }

  .main-content > .panel + .panel {

    margin-top: 30px;

  }

}

.overflow-hidden {

  overflow: hidden !important;

}

.vertical-top > * {

  vertical-align: top;

}

strong + table {

  margin-top: 10px;

}

.text-small {

  font-size: 65%;

}

.text-bold {

  font-weight: bold;

}

address {

  padding-left: 20px;

  border-left: 5px solid #f0f0f0;

}

.scrollable .scrollable {

  margin-right: 20px;

}

.super-large {

  font-size: 66px;

}

.inline {

  display: inline-block !important;

}

div.text-overflow {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 100%;

}

.list-margin {

  margin: 10px 0;

}

.list-margin li {

  padding: 5px 0;

}

.rotate-45deg {

  position: relative;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.text-medium {

  font-size: 12px;

}

.text-bold {

  font-weight: bold;

}

.text-bold.h1,

.text-bold.h2,

.text-bold.h3,

.text-bold.h4,

.text-bold.h5,

.text-bold.h6 {

  font-weight: bold;

}

.text-upper {

  text-transform: uppercase;

}

.chart-item-bg {

  position: relative;

  background: #fff;

  width: 100%;

  margin-bottom: 30px;

}

.chart-item-bg .chart-label {

  position: absolute;

  left: 0;

  top: 0;

  padding: 30px;

  font-size: 15px;

}

.chart-item-bg .chart-label.chart-label-small {

  padding: 20px;

}

.chart-item-bg .chart-label .h1,

.chart-item-bg .chart-label .h2,

.chart-item-bg .chart-label .h3,

.chart-item-bg .chart-label .h4 {

  margin: 0;

  padding: 0;

}

.chart-item-bg .chart-right-legend {

  position: absolute;

  left: 0;

  top: 0;

  padding: 30px;

  font-size: 15px;

  left: auto;

  right: 0;

}

.chart-item-bg .chart-right-legend.chart-label-small {

  padding: 20px;

}

.chart-item-bg .chart-right-legend .h1,

.chart-item-bg .chart-right-legend .h2,

.chart-item-bg .chart-right-legend .h3,

.chart-item-bg .chart-right-legend .h4 {

  margin: 0;

  padding: 0;

}

.chart-item-bg .chart-inner {

  padding: 20px;

}

.chart-item-bg .chart-inner-wide {

  padding: 20px 40px;

}

.chart-item-bg .chart-entry-view {

  border-top: 1px solid #eeeeee;

  display: table;

  table-layout: fixed;

  width: 100%;

}

.chart-item-bg .chart-entry-view > div {

  display: table-cell;

  vertical-align: middle;

  padding: 20px 30px;

  color: #000;

  font-size: 14px;

}

.chart-item-bg .chart-entry-view:hover {

  background: #fafafa;

}

.chart-item-bg-2 {

  background: #fff;

  display: table;

  width: 100%;

  margin-bottom: 30px;

}

.chart-item-bg-2 > div {

  display: table-cell;

  padding: 15px;

  vertical-align: middle;

}

.chart-item-bg-2 .chart-item-num {

  padding-left: 40px;

  font-size: 90px;

  color: #434444;

  padding-right: 30px;

  white-space: nowrap;

}

.chart-item-bg-2 .chart-item-num.num-sm {

  font-size: 70px;

}

.chart-item-bg-2 .chart-item-env > div {

  margin: 10px 0;

}

.skin-color-palette {

  display: block;

  border: 1px solid #f0f0f0;

  margin-right: 20px;

}

.skin-color-palette > span {

  float: left;

  width: 16.66666667%;

  height: 20px;

}

.skin-color-palette > span + span {

  border-left: 0px solid #fff;

}

.skin-color-palette.skin-color-palette-four > span {

  width: 25%;

}

.skin-name-link {

  font-weight: bold;

  color: #2c2e2f;

}

.skin-name-link:hover {

  color: #68b828;

}

.bs-example {

  line-height: 1.85;

}

.bs-example .label {

  margin-left: 2px;

}

.same-margin > * {

  margin-top: 0;

  margin-bottom: 15px;

}

.same-margin > *:last-child {

  margin-bottom: 0;

}

.vspacer {

  height: 80px;

}

.vspacer.v2 {

  height: 15px;

}

.vspacer.v3 {

  height: 30px;

  display: block !important;

}

.vspacer.v4 {

  height: 10px;

  display: block !important;

}

@media screen and (max-width: 768px) {

  .vspacer {

    display: none;

  }

  .vspacer.v2 {

    display: block;

  }

}

.img-container {

  margin-bottom: 20px;

}

.img-shade {

  display: block;

  background: #f5f5f5;

  text-align: center;

  line-height: 0;

  margin-bottom: 20px;

}

.img-preview {

  display: inline-block;

  overflow: hidden;

  background: #f7f7f7;

  line-height: 1;

}

.img-preview img {

  display: block;

}

.no-left-border {

  border-left: 0 !important;

}

.no-right-border {

  border-right: 0 !important;

}

.no-top-margin {

  margin-top: 0 !important;

}

.no-padding {

  padding: 0 !important;

}

.no-margin {

  margin: 0 !important;

}

.no-transition {

  -webkit-transition: none !important;

  -moz-transition: none !important;

  -o-transition: none !important;

  transition: none !important;

}

img.img-cirlce {

  -webkit-border-radius: 50%;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 50%;

  -moz-background-clip: padding;

  border-radius: 50%;

  background-clip: padding-box;

}

.col-margin.row > * {

  margin-bottom: 20px;

}

.col-margin.row > *:last-child {

  margin-bottom: 0;

}

.ckeditor + .cke {

  margin-top: 20px;

  margin-bottom: 30px;

}

*[class*="fa-"] {

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

div.scrollable {

  max-height: 200px;

  overflow: hidden;

  position: relative;

}

.icon-collection .page-header {

  margin: 0;

  margin-bottom: 10px;

}

.icon-collection section .page-header {

  margin-top: 40px;

}

.icon-collection .fontawesome-icon-list .fa-hover {

  background: #fff;

  float: left;

  width: 24%;

  margin-right: 10px;

  margin-bottom: 10px;

  border: 1px solid #dddddd;

}

.icon-collection .fontawesome-icon-list .fa-hover:nth-child(4n) {

  margin-right: 0;

}

@media (max-width: 991px) {

  .icon-collection .fontawesome-icon-list .fa-hover {

    width: 31%;

  }

  .icon-collection .fontawesome-icon-list .fa-hover:nth-child(3n) {

    margin-right: 0;

  }

  .icon-collection .fontawesome-icon-list .fa-hover:nth-child(3n) i:hover {

    margin: 0;

  }

  .icon-collection .fontawesome-icon-list .fa-hover:nth-child(4n) {

    margin-right: 10px;

    clear: right;

  }

}

.icon-collection .fontawesome-icon-list .fa-hover > i {

  display: block;

  float: left;

  position: relative;

  background: #fafafa;

  border-right: 1px solid #e9e9e9;

  padding: 10px;

  text-align: center;

  width: 25%;

}

.icon-collection .fontawesome-icon-list .fa-hover > i:hover {

  width: 60%;

  background: #68b828;

  color: #fff;

  margin: -1px;

}

.icon-collection .fontawesome-icon-list .fa-hover > i:hover + span {

  width: 40%;

}

.icon-collection .fontawesome-icon-list .fa-hover > span {

  display: block;

  float: right;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  padding: 10px;

  padding-bottom: 8px;

  width: 75%;

  color: #000;

}

.icon-collection .fontawesome-icon-list .fa-hover > span:hover {

  color: #2c2e2f;

}

.layout-variants {

  background: #fff;

  padding: 30px;

  margin-bottom: 30px;

}

.layout-variants .row-clearer {

  clear: both;

  height: 15px;

}

.layout-variants .layout-variant {

  display: block;

  margin-bottom: 20px;

  padding: 15px;

  border: 1px solid transparent;

}

.layout-variants .layout-variant:hover,

.layout-variants .layout-variant.layout-current {

  background: rgba(240, 240, 240, 0.2);

  border-color: #f0f0f0;

}

.layout-variants .layout-variant:hover .layout-name a,

.layout-variants .layout-variant.layout-current .layout-name a {

  color: #2c2e2f;

}

.layout-variants .layout-variant .layout-img {

  margin-bottom: 15px;

}

.layout-variants .layout-variant .layout-img img {

  display: block;

  width: 100%;

}

.layout-variants .layout-variant .layout-name {

  font-weight: bold;

}

.layout-variants .layout-variant .layout-name a {

  color: #6a6e71;

  max-width: 218px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.layout-variants .layout-variant .layout-name:after {

  display: block;

  content: '';

  width: 20px;

  height: 1px;

  background: #ccc;

  margin: 5.88235294px 0;

}

.layout-variants .layout-variant .layout-links {

  list-style: none;

  margin: 0;

  padding: 0;

}

.layout-variants .layout-variant .layout-links li {

  margin: 2px 0;

}

.layout-variants .layout-variant .layout-links li a {

  color: #000;

  font-size: 10px;

  text-transform: uppercase;

}

.layout-variants .layout-variant .layout-links li a:hover,

.layout-variants .layout-variant .layout-links li a.layout-mode-current {

  color: #4b4b4b;

}

.layout-variants .layout-variant .layout-links li a.layout-mode-current {

  font-weight: bold;

}

.layout-variants .layout-variant .layout-links li a.disabled {

  cursor: not-allowed;

  color: #000;

}

.loader-1 {

  -webkit-animation: loaderAnimate 1000ms linear infinite;

  -moz-animation: loaderAnimate 1000ms linear infinite;

  -o-animation: loaderAnimate 1000ms linear infinite;

  animation: loaderAnimate 1000ms linear infinite;

  clip: rect(0, 30px, 30px, 15px);

  height: 30px;

  width: 30px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -15px;

  margin-top: -15px;

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes loaderAnimate{ 0%{ -webkit-transform: rotate(0deg); } 100%{ -webkit-transform: rotate(220deg); }}

@-moz-keyframes loaderAnimate{ 0%{ -moz-transform: rotate(0deg); } 100%{ -moz-transform: rotate(220deg); }}

@-o-keyframes loaderAnimate{ 0%{ -o-transform: rotate(0deg); } 100%{ -o-transform: rotate(220deg); }}

@keyframes loaderAnimate{ 0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100%{-webkit-transform: rotate(220deg);-moz-transform: rotate(220deg);-ms-transform: rotate(220deg);transform: rotate(220deg); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes loaderAnimate2{ 0%{ box-shadow: inset #555555 0 0 0 8px; -webkit-transform: rotate(-140deg); } 50%{ box-shadow: inset #555555 0 0 0 2px; } 100%{ box-shadow: inset #555555 0 0 0 8px; -webkit-transform: rotate(140deg); }}

@-moz-keyframes loaderAnimate2{ 0%{ box-shadow: inset #555555 0 0 0 8px; -moz-transform: rotate(-140deg); } 50%{ box-shadow: inset #555555 0 0 0 2px; } 100%{ box-shadow: inset #555555 0 0 0 8px; -moz-transform: rotate(140deg); }}

@-o-keyframes loaderAnimate2{ 0%{ box-shadow: inset #555555 0 0 0 8px; -o-transform: rotate(-140deg); } 50%{ box-shadow: inset #555555 0 0 0 2px; } 100%{ box-shadow: inset #555555 0 0 0 8px; -o-transform: rotate(140deg); }}

@keyframes loaderAnimate2{ 0%{ box-shadow: inset #555555 0 0 0 8px;-webkit-transform: rotate(-140deg);-moz-transform: rotate(-140deg);-ms-transform: rotate(-140deg);transform: rotate(-140deg); } 50%{ box-shadow: inset #555555 0 0 0 2px; } 100%{ box-shadow: inset #555555 0 0 0 8px;-webkit-transform: rotate(140deg);-moz-transform: rotate(140deg);-ms-transform: rotate(140deg);transform: rotate(140deg); };

}

.loader-1:after {

  -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;

  -moz-animation: loaderAnimate2 1000ms ease-in-out infinite;

  -o-animation: loaderAnimate2 1000ms ease-in-out infinite;

  animation: loaderAnimate2 1000ms ease-in-out infinite;

  clip: rect(0, 30px, 30px, 15px);

  content: '';

  border-radius: 50%;

  height: 30px;

  width: 30px;

  position: absolute;

}

@keyframes loaderAnimate2 {

  0% {

    box-shadow: inset #fff 0 0 0 17px;

    transform: rotate(-140deg);

  }

  50% {

    box-shadow: inset #fff 0 0 0 2px;

  }

  100% {

    box-shadow: inset #fff 0 0 0 17px;

    transform: rotate(140deg);

  }

}

.loader-2 {

  -webkit-animation: loaderAnimate2 1000ms linear infinite;

  -moz-animation: loaderAnimate2 1000ms linear infinite;

  -o-animation: loaderAnimate2 1000ms linear infinite;

  animation: loaderAnimate2 1000ms linear infinite;

  clip: rect(0, 30px, 30px, 15px);

  height: 30px;

  width: 30px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -15px;

  margin-top: -15px;

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes loaderAnimate2{ 0%{ -webkit-transform: rotate(0deg); } 100%{ -webkit-transform: rotate(220deg); }}

@-moz-keyframes loaderAnimate2{ 0%{ -moz-transform: rotate(0deg); } 100%{ -moz-transform: rotate(220deg); }}

@-o-keyframes loaderAnimate2{ 0%{ -o-transform: rotate(0deg); } 100%{ -o-transform: rotate(220deg); }}

@keyframes loaderAnimate2{ 0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100%{-webkit-transform: rotate(220deg);-moz-transform: rotate(220deg);-ms-transform: rotate(220deg);transform: rotate(220deg); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes loaderAnimate22{ 0%{ box-shadow: inset #ffffff 0 0 0 8px; -webkit-transform: rotate(-140deg); } 50%{ box-shadow: inset #ffffff 0 0 0 2px; } 100%{ box-shadow: inset #ffffff 0 0 0 8px; -webkit-transform: rotate(140deg); }}

@-moz-keyframes loaderAnimate22{ 0%{ box-shadow: inset #ffffff 0 0 0 8px; -moz-transform: rotate(-140deg); } 50%{ box-shadow: inset #ffffff 0 0 0 2px; } 100%{ box-shadow: inset #ffffff 0 0 0 8px; -moz-transform: rotate(140deg); }}

@-o-keyframes loaderAnimate22{ 0%{ box-shadow: inset #ffffff 0 0 0 8px; -o-transform: rotate(-140deg); } 50%{ box-shadow: inset #ffffff 0 0 0 2px; } 100%{ box-shadow: inset #ffffff 0 0 0 8px; -o-transform: rotate(140deg); }}

@keyframes loaderAnimate22{ 0%{ box-shadow: inset #ffffff 0 0 0 8px;-webkit-transform: rotate(-140deg);-moz-transform: rotate(-140deg);-ms-transform: rotate(-140deg);transform: rotate(-140deg); } 50%{ box-shadow: inset #ffffff 0 0 0 2px; } 100%{ box-shadow: inset #ffffff 0 0 0 8px;-webkit-transform: rotate(140deg);-moz-transform: rotate(140deg);-ms-transform: rotate(140deg);transform: rotate(140deg); };

}

.loader-2:after {

  -webkit-animation: loaderAnimate22 1000ms ease-in-out infinite;

  -moz-animation: loaderAnimate22 1000ms ease-in-out infinite;

  -o-animation: loaderAnimate22 1000ms ease-in-out infinite;

  animation: loaderAnimate22 1000ms ease-in-out infinite;

  clip: rect(0, 30px, 30px, 15px);

  content: '';

  border-radius: 50%;

  height: 30px;

  width: 30px;

  position: absolute;

}

@keyframes loaderAnimate22 {

  0% {

    box-shadow: inset #fff 0 0 0 17px;

    transform: rotate(-140deg);

  }

  50% {

    box-shadow: inset #fff 0 0 0 2px;

  }

  100% {

    box-shadow: inset #fff 0 0 0 17px;

    transform: rotate(140deg);

  }

}

.page-loading-overlay {

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background: #2c2e2f;

  z-index: 10000;

  zoom: 1;

  filter: alpha(opacity=100);

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  -webkit-transition: all 800ms ease-in-out;

  -moz-transition: all 800ms ease-in-out;

  -o-transition: all 800ms ease-in-out;

  transition: all 800ms ease-in-out;

}

.page-loading-overlay.loaded {

  zoom: 1;

  filter: alpha(opacity=0);

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  visibility: hidden;

}

a:hover {

  text-decoration: none;

}

label {

  font-weight: normal;

}

.label {

  -webkit-border-radius: 0;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 0;

  -moz-background-clip: padding;

  border-radius: 0;

  background-clip: padding-box;

}

.dropdown-menu {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.dropdown-menu > li > a {

  padding: 5px 20px;

}

.dropdown-menu > li > a > i {

  display: inline-block;

  margin-right: 5px;

}

.left-dropdown .btn {

  float: right;

}

.left-dropdown .btn.dropdown-toggle {

  float: left;

}

.form-control {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.form-control:focus,

.form-control:active {

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-weight: normal;

}

.btn-group + .btn-group {

  margin-left: 5px;

}

.alert .close {

  position: relative;

  margin-top: -2px;

  outline: 0;

}

.alert .close span {

  text-shadow: none;

}

.alert.alert-default {

  background-color: #eeeeee;

  border-color: #eeeeee;

  color: #333333;

}

.alert.alert-default hr {

  border-top-color: #e1e1e1;

}

.alert.alert-default .alert-link {

  color: #1a1a1a;

}

.alert.alert-white {

  background-color: #ffffff;

  border-color: #eeeeee;

  color: #333333;

}

.alert.alert-white hr {

  border-top-color: #e1e1e1;

}

.alert.alert-white .alert-link {

  color: #1a1a1a;

}

.alert.alert-black {

  background-color: #000000;

  border-color: #000000;

  color: #ffffff;

}

.alert.alert-black hr {

  border-top-color: #000000;

}

.alert.alert-black .alert-link {

  color: #e6e6e6;

}

.alert.alert-black .close {

  zoom: 1;

  filter: alpha(opacity=50);

  -webkit-opacity: 0.5;

  -moz-opacity: 0.5;

  opacity: 0.5;

}

.alert.alert-black .close span {

  color: #FFF;

}

.alert.alert-black .close:hover {

  zoom: 1;

  filter: alpha(opacity=90);

  -webkit-opacity: 0.9;

  -moz-opacity: 0.9;

  opacity: 0.9;

}

.progress {

  height: 6px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.progress.progress-bar-purple > .progress-bar {

  background-color: #7c38bc;

}

.progress-striped .progress.progress-bar-purple > .progress-bar {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress.progress-bar-blue > .progress-bar {

  background-color: #0e62c7;

}

.progress-striped .progress.progress-bar-blue > .progress-bar {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress.progress-bar-red > .progress-bar {

  background-color: #d5080f;

}

.progress-striped .progress.progress-bar-red > .progress-bar {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress.progress-bar-black > .progress-bar {

  background-color: #222222;

}

.progress-striped .progress.progress-bar-black > .progress-bar {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress.progress-bar-gray > .progress-bar {

  background-color: #cccccc;

}

.progress-striped .progress.progress-bar-gray > .progress-bar {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress .progress-bar {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.progress .progress-bar.progress-bar-purple {

  background-color: #7c38bc;

}

.progress-striped .progress .progress-bar.progress-bar-purple {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress .progress-bar.progress-bar-blue {

  background-color: #0e62c7;

}

.progress-striped .progress .progress-bar.progress-bar-blue {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress .progress-bar.progress-bar-red {

  background-color: #d5080f;

}

.progress-striped .progress .progress-bar.progress-bar-red {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress .progress-bar.progress-bar-black {

  background-color: #222222;

}

.progress-striped .progress .progress-bar.progress-bar-black {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress .progress-bar.progress-bar-gray {

  background-color: #cccccc;

}

.progress-striped .progress .progress-bar.progress-bar-gray {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.list-group .list-group-item {

  padding: 15px 20px;

}

.list-group .list-group-item .list-group-item-text {

  margin-top: 10px;

}

.list-group.list-group-minimal .list-group-item {

  padding: 10px 15px;

}

.badge-roundless {

  -webkit-border-radius: 0;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 0;

  -moz-background-clip: padding;

  border-radius: 0;

  background-clip: padding-box;

}

mark,

.mark {

  background-color: rgba(255, 186, 0, 0.5);

  color: #666;

  padding-left: 5px;

  padding-right: 5px;

}

.text-muted {

  color: #9d9d9d;

}

.text-primary {

  color: #2c2e2f;

}

a.text-primary:hover {

  color: #131415;

}

.text-secondary {

  color: #68b828;

}

a.text-secondary:hover {

  color: #508e1f;

}

.text-purple {

  color: #7c38bc;

}

a.text-purple:hover {

  color: #622c95;

}

.text-turquoise {

  color: #00b19d;

}

a.text-turquoise:hover {

  color: #007e70;

}

.text-red {

  color: #d5080f;

}

a.text-red:hover {

  color: #a4060c;

}

.text-blue {

  color: #0e62c7;

}

a.text-blue:hover {

  color: #0b4b97;

}

.text-pink {

  color: #ff6264;

}

a.text-pink:hover {

  color: #ff2f32;

}

.text-yellow {

  color: #fcd036;

}

a.text-yellow:hover {

  color: #fbc404;

}

.text-gray {

  color: #555555;

}

a.text-gray:hover {

  color: #3b3b3b;

}

.text-success {

  color: #8dc63f;

}

a.text-success:hover {

  color: #72a230;

}

.text-info {

  color: #40bbea;

}

a.text-info:hover {

  color: #18a8df;

}

.text-warning {

  color: #ffba00;

}

a.text-warning:hover {

  color: #cc9500;

}

.text-danger {

  color: #cc3f44;

}

a.text-danger:hover {

  color: #ab2d32;

}

.text-white {

  color: #ffffff;

}

a.text-white:hover {

  color: #e6e6e6;

}

.bg-muted,

.bg-gray,

.bg-primary,

.bg-success,

.bg-info,

.bg-warning,

.bg-danger {

  padding: 10px 15px;

  color: #fff;

}

.bg-muted {

  background-color: #d0d0d0;

}

.bg-gray {

  background-color: #eeeeee;

}

pre {

  white-space: pre-wrap;

  font-size: 12px;

}

.page-body .jumbotron {

  padding: 0;

  padding-top: 0 !important;

  padding-bottom: 48px;

  margin-bottom: 20px;

}

.page-body .jumbotron > h1 {

  margin-top: 0;

  margin-bottom: 20px;

}

@media screen and (max-width: 768px) {

  .page-body .jumbotron {

    padding-left: 0;

    padding-right: 0;

  }

}

@media screen and (min-width: 768px) {

  .page-body .jumbotron {

    padding-top: 15px;

    padding-bottom: 48px;

  }

}