/* BEGIN INTERFACE STYLES */
.content-nav {
  width: 100%;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  -js-display: flex !important;
  display: flex !important;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  background: #fff; }
  .content-nav > .nav {
    width: 300px;
    min-width: 300px;
    background: #fff;
    padding-top: 10px; }
    .content-nav > .nav.fixed {
      height: 100%;
      position: fixed;
      top: 120px; }
      .content-nav > .nav.fixed + .nav-body {
        margin-left: 300px; }
    .content-nav > .nav > .nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .content-nav > .nav .separator {
      font-size: 11px;
      color: #858585;
      margin: 20px 30px 15px;
      text-transform: uppercase;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .content-nav > .nav .scroll-wrapper > .nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
  .content-nav > .nav-body {
    background: #fff;
    border-left: 1px solid #dee0e1;
    width: 1px;
    padding: 30px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100%; }
    .content-nav > .nav-body > h1:first-of-type,
    .content-nav > .nav-body > h2:first-of-type,
    .content-nav > .nav-body > h3:first-of-type,
    .content-nav > .nav-body > h4:first-of-type,
    .content-nav > .nav-body > h5:first-of-type,
    .content-nav > .nav-body > h6:first-of-type {
      margin-top: 0; }

.nav > .nav, .nav .scroll-wrapper > .nav {
  list-style: none;
  margin: 0;
  padding: 0; }
  .nav > .nav .nav-item, .nav .scroll-wrapper > .nav .nav-item {
    display: block; }
    .nav > .nav .nav-item .nav-link, .nav > .nav .nav-item.dropdown .dropdown-menu .dropdown-item, .nav .scroll-wrapper > .nav .nav-item .nav-link, .nav .scroll-wrapper > .nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      display: block;
      padding: 11px 30px;
      font-size: 13px;
      color: #333;
      position: relative;
      font-weight: normal; }
      .nav > .nav .nav-item .nav-link:not(.disabled):not(.active):hover, .nav > .nav .nav-item.dropdown .dropdown-menu .dropdown-item:not(.disabled):not(.active):hover, .nav .scroll-wrapper > .nav .nav-item .nav-link:not(.disabled):not(.active):hover, .nav .scroll-wrapper > .nav .nav-item.dropdown .dropdown-menu .dropdown-item:not(.disabled):not(.active):hover {
        text-decoration: none;
        background-color: rgba(57, 81, 155, 0.06); }
      .nav > .nav .nav-item .nav-link.disabled, .nav > .nav .nav-item.dropdown .dropdown-menu .dropdown-item.disabled, .nav .scroll-wrapper > .nav .nav-item .nav-link.disabled, .nav .scroll-wrapper > .nav .nav-item.dropdown .dropdown-menu .dropdown-item.disabled {
        color: #858585; }
    .nav > .nav .nav-item .nav-link, .nav .scroll-wrapper > .nav .nav-item .nav-link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .nav > .nav .nav-item .nav-link .custom-control, .nav .scroll-wrapper > .nav .nav-item .nav-link .custom-control {
        margin: 0; }
    .nav > .nav .nav-item.dropdown, .nav > .nav .nav-item.show, .nav .scroll-wrapper > .nav .nav-item.dropdown, .nav .scroll-wrapper > .nav .nav-item.show {
      position: static; }
      .nav > .nav .nav-item.dropdown .dropdown-toggle, .nav > .nav .nav-item.show .dropdown-toggle, .nav .scroll-wrapper > .nav .nav-item.dropdown .dropdown-toggle, .nav .scroll-wrapper > .nav .nav-item.show .dropdown-toggle {
        padding-right: 35px; }
        .nav > .nav .nav-item.dropdown .dropdown-toggle:after, .nav > .nav .nav-item.show .dropdown-toggle:after, .nav .scroll-wrapper > .nav .nav-item.dropdown .dropdown-toggle:after, .nav .scroll-wrapper > .nav .nav-item.show .dropdown-toggle:after {
          color: rgba(58, 82, 155, 0.5);
          position: absolute;
          right: 15px;
          top: -webkit-calc(50% - 7px);
          top: calc(50% - 7px); }
      .nav > .nav .nav-item.dropdown.show > .nav-link, .nav > .nav .nav-item.dropdown.active > .nav-link, .nav > .nav .nav-item.show.show > .nav-link, .nav > .nav .nav-item.show.active > .nav-link, .nav .scroll-wrapper > .nav .nav-item.dropdown.show > .nav-link, .nav .scroll-wrapper > .nav .nav-item.dropdown.active > .nav-link, .nav .scroll-wrapper > .nav .nav-item.show.show > .nav-link, .nav .scroll-wrapper > .nav .nav-item.show.active > .nav-link {
        background-color: #ebeef5; }
        .nav > .nav .nav-item.dropdown.show > .nav-link:hover, .nav > .nav .nav-item.dropdown.active > .nav-link:hover, .nav > .nav .nav-item.show.show > .nav-link:hover, .nav > .nav .nav-item.show.active > .nav-link:hover, .nav .scroll-wrapper > .nav .nav-item.dropdown.show > .nav-link:hover, .nav .scroll-wrapper > .nav .nav-item.dropdown.active > .nav-link:hover, .nav .scroll-wrapper > .nav .nav-item.show.show > .nav-link:hover, .nav .scroll-wrapper > .nav .nav-item.show.active > .nav-link:hover {
          background-color: #ebeef5; }
        .nav > .nav .nav-item.dropdown.show > .nav-link::before, .nav > .nav .nav-item.dropdown.active > .nav-link::before, .nav > .nav .nav-item.show.show > .nav-link::before, .nav > .nav .nav-item.show.active > .nav-link::before, .nav .scroll-wrapper > .nav .nav-item.dropdown.show > .nav-link::before, .nav .scroll-wrapper > .nav .nav-item.dropdown.active > .nav-link::before, .nav .scroll-wrapper > .nav .nav-item.show.show > .nav-link::before, .nav .scroll-wrapper > .nav .nav-item.show.active > .nav-link::before {
          position: absolute;
          top: 0;
          left: 0;
          content: "";
          width: 4px;
          height: 100%;
          background: rgba(57, 81, 155, 0.1); }
      .nav > .nav .nav-item.dropdown.show .dropdown-menu, .nav > .nav .nav-item.dropdown.active .dropdown-menu, .nav > .nav .nav-item.show.show .dropdown-menu, .nav > .nav .nav-item.show.active .dropdown-menu, .nav .scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu, .nav .scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu, .nav .scroll-wrapper > .nav .nav-item.show.show .dropdown-menu, .nav .scroll-wrapper > .nav .nav-item.show.active .dropdown-menu {
        position: static;
        float: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: none;
        margin: 0; }
        .nav > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item, .nav > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item, .nav > .nav .nav-item.show.show .dropdown-menu .dropdown-item, .nav > .nav .nav-item.show.active .dropdown-menu .dropdown-item, .nav .scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item, .nav .scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item, .nav .scroll-wrapper > .nav .nav-item.show.show .dropdown-menu .dropdown-item, .nav .scroll-wrapper > .nav .nav-item.show.active .dropdown-menu .dropdown-item {
          height: auto;
          min-height: 0;
          padding-left: 50px;
          border: none;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .nav > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active, .nav > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active, .nav > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active, .nav > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active, .nav .scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active, .nav .scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active, .nav .scroll-wrapper > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active, .nav .scroll-wrapper > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active {
            background-color: rgba(57, 81, 155, 0.06); }
            .nav > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active:before, .nav > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active:before, .nav > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active:before, .nav > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active:before, .nav .scroll-wrapper > .nav .nav-item.dropdown.show .dropdown-menu .dropdown-item.active:before, .nav .scroll-wrapper > .nav .nav-item.dropdown.active .dropdown-menu .dropdown-item.active:before, .nav .scroll-wrapper > .nav .nav-item.show.show .dropdown-menu .dropdown-item.active:before, .nav .scroll-wrapper > .nav .nav-item.show.active .dropdown-menu .dropdown-item.active:before {
              display: none; }

.menu {
  background: #fff; }
  .menu > .nav {
    -webkit-border-radius: 2px;
            border-radius: 2px;
    border: 1px solid rgba(57, 80, 155, 0.2); }
    .menu > .nav.nav-stacked {
      width: 263px;
      margin-right: 30px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .menu > .nav > .nav-item {
      cursor: pointer;
      margin: 0; }
      .menu > .nav > .nav-item > .nav-link {
        color: #333; }
        .menu > .nav > .nav-item > .nav-link.active {
          background: #fff; }
          .menu > .nav > .nav-item > .nav-link.active::before, .menu > .nav > .nav-item > .nav-link.active:hover::before {
            content: '';
            position: absolute;
            bottom: -1px;
            left: -1px;
            top: -1px;
            width: 4px;
            display: block;
            background: #42a5f5;
            z-index: 1; }
          .menu > .nav > .nav-item > .nav-link.active:hover {
            color: #333; }
        .menu > .nav > .nav-item > .nav-link:hover::before {
          content: '';
          position: absolute;
          bottom: -1px;
          left: -1px;
          top: -1px;
          width: 4px;
          display: block;
          z-index: 1;
          background: #d3edfc; }
      .menu > .nav > .nav-item:first-child > .nav-link:before {
        -webkit-border-top-left-radius: 2px;
                border-top-left-radius: 2px; }
      .menu > .nav > .nav-item:last-child > .nav-link:before {
        -webkit-border-bottom-left-radius: 2px;
                border-bottom-left-radius: 2px; }

.avatar {
  position: relative;
  -webkit-border-radius: 50%;
          border-radius: 50%; }
  .avatar > img {
    -webkit-border-radius: 50%;
            border-radius: 50%; }

.online:after, .offline:after {
  content: '';
  width: 11px;
  height: 11px;
  border: solid 2px #ffffff;
  position: absolute;
  top: -1px;
  right: -1px;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.online:after {
  background-color: #4caf50; }

.offline:after {
  background-color: #ccc; }

table {
  border-spacing: 0; }

.editor > .form-control {
  resize: none;
  height: 80px;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0; }

.editor > .actions {
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  border: solid 1px rgba(57, 81, 155, 0.3);
  border-top: none;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0; }
  .editor > .actions > .btn {
    margin-right: 10px; }
    .editor > .actions > .btn:last-child {
      margin-right: 0; }

.mobile-overlay.open {
  display: block;
  position: fixed;
  left: 0;
  top: 60px;
  width: 100%;
  height: 100%;
  z-index: 3;
  /* Important minimum 3 */
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: background .2s ease;
  transition: background .2s ease; }

.navigation {
  background: #fff; }
  .navigation.browse {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 249px;
    min-width: 249px;
    border-right: 1px solid rgba(57, 81, 155, 0.2); }
    .navigation.browse .wrapper {
      height: 100%; }
      .navigation.browse .wrapper > .separator {
        font-size: 11px;
        color: rgba(51, 51, 51, 0.6);
        margin: 0 30px 15px 30px;
        text-transform: uppercase;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .navigation.browse .wrapper > .separator:first-child {
          padding-top: 25px; }
        .navigation.browse .wrapper > .separator > .add > .control {
          width: 15px;
          height: 15px;
          -webkit-border-radius: 12px;
                  border-radius: 12px;
          line-height: 14px; }
          .navigation.browse .wrapper > .separator > .add > .control > .icon {
            font-size: 14px;
            line-height: 14px; }
      .navigation.browse .wrapper > .menu {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 35px; }
        .navigation.browse .wrapper > .menu .menu-item {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 11px 30px;
          font-size: 13px;
          color: #333;
          position: relative; }
          .navigation.browse .wrapper > .menu .menu-item:hover {
            text-decoration: none;
            background-color: rgba(57, 81, 155, 0.06); }
          .navigation.browse .wrapper > .menu .menu-item > .text > .icon {
            color: #25628F;
            font-size: 20px;
            display: inline-block;
            margin-right: 15px;
            position: relative;
            top: 2px; }
          .navigation.browse .wrapper > .menu .menu-item.active {
            background: #ebeef5; }
            .navigation.browse .wrapper > .menu .menu-item.active > .text {
              color: #333333;
              font-weight: 500; }
            .navigation.browse .wrapper > .menu .menu-item.active::before {
              content: '';
              width: 4px;
              height: 100%;
              background: #d7dceb;
              display: block;
              position: absolute;
              top: 0;
              left: 0; }
          .navigation.browse .wrapper > .menu .menu-item > .badge-pill {
            margin: 0;
            padding: 0 6px;
            -webkit-border-radius: 8px;
                    border-radius: 8px;
            min-height: 18px;
            line-height: 10px;
            text-align: center;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
          .navigation.browse .wrapper > .menu .menu-item > .circle {
            margin: 0; }
            .navigation.browse .wrapper > .menu .menu-item > .circle:before {
              margin: 0; }
        .navigation.browse .wrapper > .menu .label-create {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          border-top: 1px solid rgba(57, 81, 155, 0.2);
          border-bottom: 1px solid rgba(57, 81, 155, 0.2);
          padding: 0 30px;
          height: 38px; }
          .navigation.browse .wrapper > .menu .label-create > .form-control {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            border: none;
            height: 36px;
            line-height: 36px;
            padding: 0; }
          .navigation.browse .wrapper > .menu .label-create > .label-picker > .badge {
            border: 1px solid rgba(57, 81, 155, 0.2);
            padding: 3px 5px 5px 5px;
            -webkit-border-radius: 2px;
                    border-radius: 2px;
            cursor: pointer; }
            .navigation.browse .wrapper > .menu .label-create > .label-picker > .badge:before {
              margin: 0; }
          .navigation.browse .wrapper > .menu .label-create > .label-picker.open > .dropdown-menu {
            width: 200px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -js-display: flex;
            display: flex;
            padding: 20px 20px 10px 20px;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between; }

.comments-section {
  padding: 30px;
  margin-bottom: 30px;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  position: relative; }
  .comments-section:before {
    left: -1px;
    top: -12px;
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 0 14px;
    border-color: transparent transparent transparent #c4cbe1; }
  .comments-section:after {
    left: 0;
    top: -10px;
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 0 13px;
    border-color: transparent transparent transparent #fff; }
  .comments-section.no-arrow::before, .comments-section.no-arrow::after {
    display: none; }
  .comments-section > .comment {
    margin-bottom: 15px; }
    .comments-section > .comment:last-child {
      margin-bottom: 0; }
    .comments-section > .comment > .body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; }
      .comments-section > .comment > .body > .avatar {
        margin-right: 12px;
        width: 36px;
        height: 36px; }
      .comments-section > .comment > .body > .comment-box {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
        .comments-section > .comment > .body > .comment-box > .name {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          margin-bottom: 3px; }
          .comments-section > .comment > .body > .comment-box > .name > a {
            color: #333;
            font-size: 13px;
            font-weight: 500; }
          .comments-section > .comment > .body > .comment-box > .name > .time {
            font-size: 10px;
            text-transform: uppercase;
            color: #858585; }
        .comments-section > .comment > .body > .comment-box > .message {
          font-size: 12px;
          margin-bottom: 3px; }
          .comments-section > .comment > .body > .comment-box > .message > .reply-to {
            color: #333;
            font-weight: 500; }
        .comments-section > .comment > .body > .comment-box > .controls > .control {
          color: #42a5f5;
          font-size: 12px;
          display: inline-block;
          margin-right: 10px; }
          .comments-section > .comment > .body > .comment-box > .controls > .control:last-child {
            margin-right: 0; }
    .comments-section > .comment > .replies {
      margin-left: 48px;
      margin-top: 15px; }
      .comments-section > .comment > .replies > .reply {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        margin-bottom: 15px; }
        .comments-section > .comment > .replies > .reply:last-child {
          margin-bottom: 0; }
        .comments-section > .comment > .replies > .reply > .avatar {
          margin-right: 12px;
          width: 36px;
          height: 36px; }
        .comments-section > .comment > .replies > .reply > .reply-box {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; }
          .comments-section > .comment > .replies > .reply > .reply-box > .name {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -js-display: flex;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            margin-bottom: 3px; }
            .comments-section > .comment > .replies > .reply > .reply-box > .name > a {
              color: #333;
              font-size: 13px;
              font-weight: 500; }
            .comments-section > .comment > .replies > .reply > .reply-box > .name > .time {
              font-size: 10px;
              text-transform: uppercase;
              color: #858585; }
          .comments-section > .comment > .replies > .reply > .reply-box > .message {
            font-size: 12px;
            margin-bottom: 3px; }
            .comments-section > .comment > .replies > .reply > .reply-box > .message > .reply-to {
              color: #333;
              font-weight: 500; }
          .comments-section > .comment > .replies > .reply > .reply-box > .controls > .control {
            color: #42a5f5;
            font-size: 12px;
            display: inline-block;
            margin-right: 10px; }
            .comments-section > .comment > .replies > .reply > .reply-box > .controls > .control:last-child {
              margin-right: 0; }
  .comments-section > .new-comment > .form-control {
    resize: none; }

.collapse-block {
  margin-bottom: 20px; }
  .collapse-block > .dropdown {
    display: block;
    margin-bottom: 20px; }
    .collapse-block > .dropdown > .dropdown-toggle {
      font-weight: 500;
      cursor: pointer;
      display: block; }

.settings-slide-block {
  position: fixed;
  top: 60px;
  right: -295px;
  width: 295px;
  height: 100%;
  background: #fff;
  border-left: solid 1px rgba(57, 81, 155, 0.2);
  z-index: 2;
  /* Minimum 2 */
  -webkit-transition: right .4s ease;
  transition: right .4s ease;
  padding: 30px; }
  .settings-slide-block.open {
    right: 0; }
  .settings-slide-block > .settings-slide-control {
    cursor: pointer;
    position: absolute;
    font-size: 21px;
    padding: 8px 10px;
    top: 30%;
    background: #fff;
    border: solid 1px rgba(57, 81, 155, 0.2);
    -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
    left: -42px;
    border-right: none; }
    .settings-slide-block > .settings-slide-control > .icon {
      color: #333; }
  .settings-slide-block > .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .settings-slide-block > .header > .text {
      font-size: 14px;
      font-weight: 500; }
    .settings-slide-block > .header > .settings-slide-close-control {
      cursor: pointer; }
      .settings-slide-block > .header > .settings-slide-close-control > .icon {
        position: relative;
        top: 2px;
        font-size: 18px;
        color: rgba(58, 82, 155, 0.6); }
        .settings-slide-block > .header > .settings-slide-close-control > .icon:hover {
          color: rgba(58, 82, 155, 0.8); }
  .settings-slide-block > .themes-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 20px; }
    .settings-slide-block > .themes-list > .theme {
      width: 36px;
      height: 36px;
      -webkit-border-radius: 2px;
              border-radius: 2px;
      margin-top: 10px;
      position: relative;
      margin-right: 10px; }
      .settings-slide-block > .themes-list > .theme.active {
        text-align: center; }
        .settings-slide-block > .themes-list > .theme.active::before {
          display: inline-block;
          content: "\f17b";
          font-family: "LineAwesome";
          font-size: 18px;
          color: #fff;
          position: relative;
          top: -3px;
          padding-top: 9px; }
      .settings-slide-block > .themes-list > .theme::after {
        content: '';
        position: absolute;
        bottom: 4px;
        right: 4px;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 4px;
                border-radius: 4px; }
      .settings-slide-block > .themes-list > .theme.primary {
        background: #25628F; }
        .settings-slide-block > .themes-list > .theme.primary::after {
          background: #42a5f5; }
      .settings-slide-block > .themes-list > .theme.dark-primary {
        background: #2a3356; }
        .settings-slide-block > .themes-list > .theme.dark-primary::after {
          background: #f35b25; }
      .settings-slide-block > .themes-list > .theme.info {
        background: #42a5f5; }
        .settings-slide-block > .themes-list > .theme.info::after {
          background: #25628F; }
      .settings-slide-block > .themes-list > .theme.blink-pink-san-marino {
        background: #f85f73; }
        .settings-slide-block > .themes-list > .theme.blink-pink-san-marino::after {
          background: #4159b8; }
      .settings-slide-block > .themes-list > .theme.bermuda-gray-malachite {
        background: #718ca1; }
        .settings-slide-block > .themes-list > .theme.bermuda-gray-malachite::after {
          background: #1ec318; }
      .settings-slide-block > .themes-list > .theme.royal-blue-orchid {
        background: #6251da; }
        .settings-slide-block > .themes-list > .theme.royal-blue-orchid::after {
          background: #d149d0; }
      .settings-slide-block > .themes-list > .theme.ebony-clay-cerise-red {
        background: #222831; }
        .settings-slide-block > .themes-list > .theme.ebony-clay-cerise-red::after {
          background: #e23e57; }
      .settings-slide-block > .themes-list > .theme.international-klein-blue-dixie {
        background: #0139b0; }
        .settings-slide-block > .themes-list > .theme.international-klein-blue-dixie::after {
          background: #e69616; }
      .settings-slide-block > .themes-list > .theme.jungle-green-chambray {
        background: #27ae61; }
        .settings-slide-block > .themes-list > .theme.jungle-green-chambray::after {
          background: #25628F; }
      .settings-slide-block > .themes-list > .theme.voodoo-medium-purple {
        background: #4a304d; }
        .settings-slide-block > .themes-list > .theme.voodoo-medium-purple::after {
          background: #9043d8; }
      .settings-slide-block > .themes-list > .theme.cornflower-blue-ecstasy {
        background: #4c6ef5; }
        .settings-slide-block > .themes-list > .theme.cornflower-blue-ecstasy::after {
          background: #fd7e14; }
      .settings-slide-block > .themes-list > .theme.purple-mandy {
        background: #7950f2; }
        .settings-slide-block > .themes-list > .theme.purple-mandy::after {
          background: #e64980; }
      .settings-slide-block > .themes-list > .theme.oslo-gray-royal-blue {
        background: #868e96; }
        .settings-slide-block > .themes-list > .theme.oslo-gray-royal-blue::after {
          background: #4160de; }
      .settings-slide-block > .themes-list > .theme.astronaut-blue-persian-green {
        background: #00405d; }
        .settings-slide-block > .themes-list > .theme.astronaut-blue-persian-green::after {
          background: #02a388; }
      .settings-slide-block > .themes-list > .theme.old-brick {
        background: #911f27; }
        .settings-slide-block > .themes-list > .theme.old-brick::after {
          background: #630a10; }
      .settings-slide-block > .themes-list > .theme.old-brick {
        background: #911f27; }
        .settings-slide-block > .themes-list > .theme.old-brick::after {
          background: #630a10; }
      .settings-slide-block > .themes-list > .theme.white {
        background: #fff;
        border: 1px solid #dee0e1; }
        .settings-slide-block > .themes-list > .theme.white::after {
          background: #25628F; }
  .settings-slide-block > .settings-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px; }
    .settings-slide-block > .settings-list > li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .settings-slide-block > .settings-list > li + li {
        margin-top: 15px; }
      .settings-slide-block > .settings-list > li > .checkbox-slider {
        margin: 0; }

/* Add margin to rows */
.rows-section > .row + .row {
  margin-top: 30px; }

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

.column-section > .row + .row {
  margin-top: 30px; }

.column-section > .tabs-container + .tabs-container {
  margin-top: 30px; }

.panels-column-section > .card + .card, .panels-column-section > .card + .widget, .panels-column-section > .widget + .card, .panels-column-section > .widget + .widget {
  margin-top: 30px; }

.panels-row-section > .card + .card, .panels-row-section > .card + .widget, .panels-row-section > .widget + .card, .panels-row-section > .widget + .widget {
  margin-left: 30px; }

@media screen and (max-width: 910px) {
  .amount-widgets-collection > div + div, .widgets-collection > div + div {
    margin-top: 30px; } }

@media screen and (max-width: 910px) {
  .btn.content-nav-toggle {
    position: static; }
  .content-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .content-nav > .nav {
      position: fixed;
      top: 120px;
      bottom: 0;
      left: -301px;
      z-index: 3;
      height: -webkit-calc(100% - 120px);
      height: calc(100% - 120px);
      border-right: 1px solid #dee0e1; }
      .content-nav > .nav.open {
        left: 0;
        -webkit-transition: left .2s ease;
        transition: left .2s ease; }
      .content-nav > .nav.fixed + .nav-body {
        margin-left: 0; }
    .content-nav > .nav-body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      margin-left: 0;
      border-left: none; } }

/* Dashboard grad placeholder */
.card + .dashboard-portlet-placeholder {
  margin-top: 30px; }

.draggable-column > .card.ui-sortable-helper:first-child + .dashboard-portlet-placeholder {
  margin-top: 0; }

.dashboard-portlet-placeholder {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.035);
  border: 2px dashed #dee0e1; }
  .dashboard-portlet-placeholder + .card {
    margin-top: 30px; }

/* END INTERFACE STYLES */
/* BEGIN DROPDOWN ANIMATION */
/*.dropdown-menu {
  display: block;
  opacity: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dropdown-menu .dropdown-item {
  visibility: hidden;
}

.dropdown-menu.dropdown-menu-center {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
}

.open > .dropdown-menu,
.show > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.open > .dropdown-menu .dropdown-item,
.show > .dropdown-menu .dropdown-item {
  visibility: visible;
}

.dropup .dropdown-menu {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}

.dropup .dropdown-menu.dropdown-menu-center {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}*/
/* END DROPDOWN ANIMATION */
