#sidebar {
  position: fixed;
  width: 150px;
  height: 100vh;
  background: #e5342f;
  z-index: 9999;
  -webkit-transition: 0.5s left;
  -o-transition: 0.5s left;
  transition: 0.5s left; }

#sidebar.sidebar-close {
  left: -145px; }
  #sidebar.sidebar-close .glyphicon-chevron-right {
    display: block; }
  #sidebar.sidebar-close .glyphicon-chevron-left {
    display: none; }

#sidebar.sidebar-open {
  left: 0; }
  #sidebar.sidebar-open .glyphicon-chevron-right {
    display: none; }
  #sidebar.sidebar-open .glyphicon-chevron-left {
    display: block; }

#sidebar .sidebar-button {
  color: #fff;
  width: 30px;
  height: 30px;
  background-color: #e5342f;
  display: block;
  position: absolute;
  top: 0;
  right: -30px;
  z-index: 9999; }
  #sidebar .sidebar-button .glyphicon {
    position: relative;
    top: 6px;
    left: 6px; }

#sidebar .sidebar-head {
  background-color: #e5342f;
  display: block;
  float: left;
  width: 100%;
  padding: 20px 10px; }
  #sidebar .sidebar-head h3 {
    color: #fff;
    padding: 0;
    margin: 0; }

#sidebar .sidebar-body {
  float: left;
  padding: 0;
  width: 100%; }
  #sidebar .sidebar-body li {
    list-style: none; }
  #sidebar .sidebar-body .nav-item.offset {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px; }
  #sidebar .sidebar-body .nav-item {
    color: #fff; }
    #sidebar .sidebar-body .nav-item.submenu li:hover {
      color: #e5342f; }
    #sidebar .sidebar-body .nav-item:hover {
      color: #e5342f;
      background-color: #fff; }
  #sidebar .sidebar-body .nav-item.submenu:hover {
    color: #fff; }
  #sidebar .sidebar-body .submenu li {
    color: #fff; }
    #sidebar .sidebar-body .submenu li:hover {
      color: #e5342f;
      background-color: #fff; }
  #sidebar .sidebar-body .nav-item, #sidebar .sidebar-body .submenu li {
    font-size: 13px; }
    #sidebar .sidebar-body .nav-item a, #sidebar .sidebar-body .submenu li a {
      color: inherit;
      text-decoration: none;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 10px;
      display: block; }
      #sidebar .sidebar-body .nav-item a:hover, #sidebar .sidebar-body .submenu li a:hover {
        text-decoration: none; }
    #sidebar .sidebar-body .nav-item i, #sidebar .sidebar-body .submenu li i {
      margin-right: 4px; }
  #sidebar .sidebar-body .submenu ul {
    padding: 0;
    display: none; }
  #sidebar .sidebar-body .submenu ul a {
    padding-left: 20px; }
  #sidebar .sidebar-body .submenu.active {
    background-color: #df211c; }

#content {
  width: 100%;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  padding-bottom: 30px; }

.panel.is-hide .panel-body {
  display: none; }

.panel-heading {
  position: relative; }

.panel .panel-heading:after {
  content: '-';
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: -4px; }

.panel.is-hide .panel-heading:after {
  content: '+';
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 0; }

.panel {
  border-radius: 0; }

.panel-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.panel-warning {
  border-color: #fbcc6e; }

.panel-warning > .panel-heading {
  color: #674603;
  background-color: #FABB3C;
  border-color: #f9aa0a; }

.panel-danger {
  border-color: #ff6c54; }

.panel-danger > .panel-heading {
  color: #540c00;
  background-color: #ff4021;
  border-color: #ed2100; }

.panel-primary {
  border-color: #60aee3; }

.panel-primary > .panel-heading {
  color: #0a273a;
  background-color: #3598DB;
  border-color: #217dbc; }

.panel-success {
  border-color: #95d06e; }

.panel-success > .panel-heading {
  color: #1c300f;
  background-color: #79C447;
  border-color: #61a434; }

.panel-info {
  border-color: #95d5f4; }

.panel-info > .panel-heading {
  color: #0d597d;
  background-color: #67C3EF;
  border-color: #39b1ea; }

.panel-primary .badge {
  background-color: #1a6090; }

.panel-success .badge {
  background-color: #4a7d28; }

.panel-info .badge {
  background-color: #179ad9; }

.panel-warning .badge {
  background-color: #cb8905; }

.panel-danger .badge {
  background-color: #ba1a00; }

.progress-bar-primary {
  background-color: #3598DB; }

.progress-bar-success {
  background-color: #79C447; }

.progress-bar-info {
  background-color: #67C3EF; }

.progress-bar-warning {
  background-color: #FABB3C; }

.progress-bar-danger {
  background-color: #ff4021; }

.btn-primary {
  color: #fff;
  background-color: #3598DB;
  border-color: #258cd1; }
  .btn-primary:hover {
    background-color: #258cd1;
    border-color: #258cd1; }
  .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background-color: #1e6fa6;
    border-color: #1e6fa6; }

.btn-success {
  color: #fff;
  background-color: #79C447;
  border-color: #6cb73b; }
  .btn-success:hover {
    background-color: #6cb73b;
    border-color: #6cb73b; }
  .btn-success:focus, .btn-success:active, .btn-success:active:focus {
    background-color: #55902e;
    border-color: #55902e; }

.btn-info {
  color: #fff;
  background-color: #67C3EF;
  border-color: #50baed; }
  .btn-info:hover {
    background-color: #50baed;
    border-color: #50baed; }
  .btn-info:focus, .btn-info:active, .btn-info:active:focus {
    background-color: #22a8e8;
    border-color: #22a8e8; }

.btn-warning {
  color: #fff;
  background-color: #FABB3C;
  border-color: #f9b223; }
  .btn-warning:hover {
    background-color: #f9b223;
    border-color: #f9b223; }
  .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus {
    background-color: #e49a06;
    border-color: #e49a06; }

.btn-danger {
  color: #fff;
  background-color: #ff4021;
  border-color: #ff2a08; }
  .btn-danger:hover {
    background-color: #ff2a08;
    border-color: #ff2a08; }
  .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus {
    background-color: #d41e00;
    border-color: #d41e00; }

hr {
  margin-top: 30px;
  margin-bottom: 30px; }
  hr.big {
    margin-top: 60px;
    margin-bottom: 60px; }

.bg-red {
  background-color: #e5342f; }

.no-margin {
  margin: 0; }

ul.no-margin {
  margin-bottom: 0px; }

ul.no-padding {
  padding-left: 0px; }

.section-title {
  font-size: 22px;
  margin-bottom: 25px;
  font-weight: 600; }

.table-hover > tbody > tr:hover {
  background-color: #ededed;
  cursor: pointer; }

select[multiple] {
  width: 100%;
  min-height: 95px; }

.table {
  font-size: 13px; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 8px; }

@media (max-width: 1500px) {
  .table {
    font-size: 9px; }
  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px; } }

.btn-edit, .btn-delete, .btn-duplicate {
  text-decoration: none;
  color: #fff;
  cursor: pointer; }
  .btn-edit:hover, .btn-delete:hover, .btn-duplicate:hover {
    color: #fff; }
  .btn-edit span, .btn-delete span, .btn-duplicate span {
    padding: 5px; }
  .btn-edit.btn-small span, .btn-delete.btn-small span, .btn-duplicate.btn-small span {
    padding: 2px;
    font-size: 8px;
    position: relative;
    top: -1px; }

.btn-edit span {
  background-color: #85cc38; }

.btn-delete span {
  background-color: #e5342f; }

.btn-duplicate span {
  background-color: #219ECD; }

.element-deleted {
  opacity: .4; }

#output_list .logo {
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 200px; }

.panel-heading {
  font-weight: 600; }