.text-area {
  resize: vertical;
  width: 100%;
  min-height: 50px;
  max-height: 200px; }

.submit-btn-group .submit {
  margin-right: 10px;
  float: left; }

.select2-container {
  width: 100% !important; }

button.ms-choice {
  border: 0px;
  height: 24px; }
  button.ms-choice:focus {
    outline: none; }

div.ms-drop.bottom {
  border: 2px solid #ccc; }
  div.ms-drop.bottom.bottom {
    min-width: 300px; }
    div.ms-drop.bottom.bottom ul li.ms-select-all > label {
      font-size: 13px; }
    div.ms-drop.bottom.bottom ul li label input {
      margin: 0px; }
    div.ms-drop.bottom.bottom ul li label span {
      padding-left: 5px;
      font-size: 13px; }

div.ms-parent span.placeholder {
  margin-top: 2px; }

.table thead > tr > th > span a.asc:before {
  margin-right: 3px;
  font-family: "FontAwesome";
  content: "\f106"; }
.table thead > tr > th > span a.desc:before {
  margin-right: 3px;
  font-family: "FontAwesome";
  content: "\f107"; }

img.user-photo {
  cursor: pointer;
  transition: 0.3s; }

.dropzone .dz-preview .dz-remove {
  display: none; }
.dropzone .dz-preview .dz-error-message {
  bottom: 145px;
  top: inherit; }
  .dropzone .dz-preview .dz-error-message::after {
    top: 30px;
    border-top: 6px solid #be2626;
    border-bottom: 0px; }

.detail-values .detail-label {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.7;
  padding: 10px 20px;
  text-align: right;
  border-right: 1px solid #C2C2C2;
  margin-right: -1px; }
  @media (max-width: 767px) {
    .detail-values .detail-label {
      float: none;
      text-align: left;
      padding: 10px 5px 3px; } }
.detail-values .detail-value {
  padding: 10px 15px;
  font-size: 0.875em;
  line-height: 1.7;
  border-left: 1px solid #C2C2C2; }
  .detail-values .detail-value.detail-value-2x {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4; }
    @media (max-width: 767px) {
      .detail-values .detail-value.detail-value-2x {
        border-left: 0;
        padding: 3px 5px 10px;
        border-bottom: 1px solid #C2C2C2; } }

#myImg:hover {
  opacity: 0.7; }

/* The Modal (background) */
.user-image-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
  /* Modal Content (Image) */
  /* Caption of Modal Image (Image Text) - Same Width as the Image */
  /* Add Animation - Zoom in the Modal */
  /* The Close Button */
  /* 100% Image Width on Smaller Screens */ }
  .user-image-modal .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px; }
  .user-image-modal #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px; }
  .user-image-modal .modal-content, .user-image-modal #caption {
    animation-name: zoom;
    animation-duration: 0.6s; }
  .user-image-modal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s; }
  .user-image-modal .close:hover,
  .user-image-modal .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer; }
  @media only screen and (max-width: 700px) {
    .user-image-modal .modal-content {
      width: 100%; } }

@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
/*
  CPX CUSTOM DESIGN
 */
.btn {
  border-width: 0px; }
  .btn-default {
    background-color: #623494; }
    .btn-default:hover {
      background-color: #4c227b; }
  .btn-primary {
    background-color: #f044a0; }
    .btn-primary:hover {
      background-color: #d12b84; }
  .btn-info {
    background-color: #0066b2; }
    .btn-info:hover {
      background-color: #005695; }
  .btn-success {
    background-color: #8dc63f; }
    .btn-success:hover {
      background-color: #6fa624; }
  .btn-warning {
    background-color: #f4ec3b; }
    .btn-warning:hover {
      background-color: #d4cd1e; }
  .btn-danger {
    background-color: #d70000; }
    .btn-danger:hover {
      background-color: #ab0000; }

.label-success {
  background-color: #8dc63f; }
.label-danger {
  background-color: #d70000; }

.ns-type-success {
  background-color: #8dc63f; }
.ns-type-error {
  background-color: #d70000; }

#login-logo {
  background-color: #005695; }

/* Treant hierarchy tree */
#treant-wrapper {
  min-height: 100vh; }
  #treant-wrapper svg {
    width: auto !important; }
  #treant-wrapper path {
    stroke: #0066b2; }
  #treant-wrapper .chart {
    height: 600px;
    margin: 5px;
    width: 900px; }
  #treant-wrapper img {
    width: 40px; }
  #treant-wrapper a.tooltip-description {
    display: inline !important;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700; }
  #treant-wrapper a.collapse-switch {
    width: 15px;
    height: 15px;
    border: none;
    font-size: 16px;
    text-decoration: none; }
  #treant-wrapper .collapse-switch {
    background-color: #fff !important;
    color: #4c227b;
    font-weight: 300;
    margin: 5px 5px; }
  #treant-wrapper .cpx_h_node {
    max-height: 80px;
    min-width: 200px;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 2px solid #0066b2;
    font-size: 12px; }
    #treant-wrapper .cpx_h_node p.node-name {
      margin: 5px 25px 5px 20px;
      font-size: 16px;
      font-weight: 500; }
    #treant-wrapper .cpx_h_node p.node-position {
      margin-top: 15px; }
  #treant-wrapper .cpx_h_node.colored {
    border: 3px solid #8dc63f !important; }
  #treant-wrapper div.tooltip {
    min-width: 300px; }

.ql-editor {
  min-height: 250px;
  max-height: 600px; }

table.article-list a.table-link {
  font-size: 1em; }
  table.article-list a.table-link.delete {
    color: #ab0000; }
    table.article-list a.table-link.delete:hover {
      color: #ab0000; }

#searchbar-info-wrapper {
  font-size: 20px;
  position: relative;
  bottom: 37px;
  right: 15px;
  color: #7F7F7F; }
  #searchbar-info-wrapper i.fa-times {
    cursor: pointer;
    color: #d70000; }
  #searchbar-info-wrapper i.fa-spinner {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 1.5s linear infinite; }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
ul.kb-search-paginator {
  margin-top: 10px;
  text-align: center;
  list-style-type: none; }
  ul.kb-search-paginator li {
    display: inline;
    margin-right: 10px; }
    ul.kb-search-paginator li a {
      text-decoration: none; }

ul.list-group li.list-group-item i.fa-times {
  cursor: pointer;
  color: #d70000; }
ul.list-group li.list-group-item a {
  text-decoration: none; }
  ul.list-group li.list-group-item a.active {
    font-weight: 700; }

#kb-react-wrapp h3 {
  padding-bottom: 10px; }
#kb-react-wrapp article.row {
  border-bottom: 1px solid #b0bec5;
  margin: 20px 0; }
  #kb-react-wrapp article.row span {
    font-weight: 600; }
  #kb-react-wrapp article.row a {
    font-size: 21px;
    font-weight: 600; }
  #kb-react-wrapp article.row ul {
    font-size: 14px;
    list-style-type: none;
    padding-left: 0px;
    margin-top: 5px; }
    #kb-react-wrapp article.row ul li {
      display: inline;
      margin-right: 10px; }
      #kb-react-wrapp article.row ul li a {
        font-size: 14px; }
#kb-react-wrapp h3.categories-side, #kb-react-wrapp h3.search-results {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px; }
#kb-react-wrapp div.categories-wrapper a {
  font-size: 16px;
  margin-top: 8px;
  text-decoration: none;
  display: inline-block; }

h1.highlight-heading {
  margin-top: 20px; }

ul.kb-entry-meta {
  padding-left: 0px; }
  ul.kb-entry-meta li {
    display: inline; }

div.quill-content img {
  max-width: 100%; }

.documents-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 550px;
  font-size: 12px; }
  .documents-wrapper li {
    margin: 10px;
    margin-left: 0px;
    min-height: 100px;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
    transition: background-color ease-in-out .15s;
    -moz-transition: background-color ease-in-out .15s;
    -webkit-transition: background-color ease-in-out .15s;
    -o-transition: background-color ease-in-out .15s; }
    .documents-wrapper li a.document-link {
      color: #344644;
      text-decoration: none;
      display: block;
      height: 100%; }
  .documents-wrapper .document-download-link {
    color: #999;
    left: 60px;
    margin-top: 75px;
    position: absolute;
    top: 0;
    z-index: 98; }
  .documents-wrapper .document-preview-box {
    display: block;
    float: left;
    text-align: left;
    width: 55px;
    height: 100%; }
    .documents-wrapper .document-preview-box i {
      font-size: 3em;
      margin-top: 32px;
      margin-left: 15px; }
  .documents-wrapper .document-meta-info {
    position: relative;
    display: block;
    padding-left: 60px;
    padding-top: 15px;
    padding-bottom: 30px; }
    .documents-wrapper .document-meta-info .meta-name {
      display: block;
      font-size: 1.125em; }
    .documents-wrapper .document-meta-info .meta-created {
      margin-top: 5px;
      display: block; }

#content-wrapper h1 {
  padding-left: 0px; }
#content-wrapper h3 {
  padding-bottom: 10px; }
#content-wrapper .article-show {
  display: flex; }
#content-wrapper ul.kb-entry-meta {
  margin-top: 30px;
  border-top: 4px solid #e7ebee;
  border-bottom: 4px solid #e7ebee;
  margin-left: -20px;
  margin-right: -20px;
  padding: 5px 20px; }

.quill-editor-wrapper blockquote::before {
  content: none; }
.quill-editor-wrapper button.btn-default {
  background-color: #7F7F7F; }

.list-group-item {
  border: 0px; }
  .list-group-item .current {
    font-weight: 700; }

div.container a#logo {
  padding-top: 12px; }
  div.container a#logo img {
    height: 25px; }

.kb-entry-meta li {
  margin-left: 5px; }

.form-group.radio label.control-label:first-of-type {
  display: block;
  padding-left: 0; }
  .form-group.radio label.control-label:first-of-type:before {
    display: none; }
.form-group.radio.has-error .help-block, .form-group.radio.has-error .control-label, .form-group.radio.has-error label {
  color: #dd191d; }
.form-group.radio input[disabled] + label:after {
  background-color: #e7ebee; }
.form-group.radio input[disabled] + label:after, .form-group.radio input[disabled] + label:before {
  border-color: #e7ebee; }

/*# sourceMappingURL=styles.css.map */