.icon, .dms .breadcrumbs a:after, .dms .btn .ico-setup:before, .chat-box-send:before, .ico-plus:before, .ico-shield:before, .ico-table:before, .ico-file:before, .ico-list:before, .ico-back:before, .ico-edit:after, .ico-download:after, .ico-info:after, .ico-sort-up:before, .ico-sort-down:before, .ico-sort-down-arrow:before, .ico-sort-up-arrow:before, .ico-filter:before, .ico-success:before, .ico-control-download:before, .ico-control-card:before, .ico-control-edit:before, .ico-control-visible:before, .ico-control-delete:before, .ico-control-dots:before, .level-down:before, .level-down:after, .dropdown-item .ico-favourite:before, .dropdown-item .ico-favourite-remove:before, .dropdown .dropdown-toggle.form-control:before, .input-group-addon.delete:before, .input-group-keywords:before, .dms .sidebar-control:before, .dms .sidebar-control.sidebar-show:before, .modal.left .modal-part.modal-ico-part-info:before, .modal.left .modal-part.modal-ico-part-link:before, .modal.left .modal-part.modal-ico-part-calendar:before, .modal.left .modal-part.modal-ico-part-user:before, .modal.left .modal-part.modal-ico-part-share:before, .modal.left .modal-part.modal-ico-part-settings:before, .modal.left .modal-part.modal-ico-part-list:before, .modal.left .modal-part.modal-ico-part-font:before, .modal.left .modal-part.modal-ico-part-indent:before, .modal.left .modal-part.modal-ico-part-ol-list:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
/* only the icon */
/* inline icon */
/* icon pseudo element helper */
/* ACCORDIONS in DMS */
.accordion-dms {
  border: 1px solid #d0d6d8;
  border-radius: 0.28571rem;
  margin-bottom: 1.42857rem ;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) ;
  -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) ;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) ; }

.accordion-item {
  position: relative;
  background: #fff;
  border-radius: 0.28571rem 0.28571rem 0 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  border: none;
  /* opened state */
  /* opened state alone in detail page */ }
  .accordion-item + .accordion-item {
    border-top: none;
    border-radius: 0; }
  .accordion-item:last-child {
    border-radius: 0 0 0.28571rem 0.28571rem; }
    .accordion-item:last-child .accordion-header {
      border-bottom: none;
      border-radius: 0 0 0.28571rem 0.28571rem; }
    .accordion-item:last-child .accordion-header-inner {
      border-bottom: none; }
  .accordion-item:hover .accordion-header {
    background: #dcefdd; }
    .accordion-item:hover .accordion-header .btn-green-outline, .accordion-item:hover .accordion-header .ico-control-edit, .accordion-item:hover .accordion-header .ico-control-download, .accordion-item:hover .accordion-header .ico-control-card, .accordion-item:hover .accordion-header .ico-control-visible {
      color: #fff;
      background-color: #74c078; }
      .accordion-item:hover .accordion-header .btn-green-outline:hover, .accordion-item:hover .accordion-header .ico-control-edit:hover, .accordion-item:hover .accordion-header .ico-control-download:hover, .accordion-item:hover .accordion-header .ico-control-card:hover, .accordion-item:hover .accordion-header .ico-control-visible:hover {
        background-color: #5e9c61; }
  .accordion-item:hover .accordion-header-group {
    background: #f9fafa; }
  .accordion-item.opened {
    margin: -0.07143rem -0.71429rem 0 -0.71429rem ;
    border-radius: 0.28571rem;
    border: 1px solid #a4aeb3;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important; }
    .accordion-item.opened .accordion-header, .accordion-item.opened .accordion-body {
      padding-left: 0.64286rem ;
      padding-right: 0.64286rem ; }
    .accordion-item.opened .accordion-footer {
      padding-left: 1.71429rem ;
      padding-right: 1.71429rem ; }
    .accordion-item.opened .accordion-header {
      border-radius: 0.28571rem 0.28571rem 0 0;
      border-bottom: 1px solid #d0d6d8; }
    .accordion-item.opened .accordion-header-inner {
      width: 100%;
      margin: 0;
      padding-left: 1.07143rem ;
      padding-right: 1.07143rem ;
      border: none; }
    .accordion-item.opened:hover .accordion-header {
      background-color: #fff; }
  .accordion-item.detail:first-child {
    border-top-left-radius: 0.28571rem;
    border-top-right-radius: 0.28571rem; }
  .accordion-item.opened.detail {
    margin: 0;
    border: none;
    box-shadow: none !important; }
    .accordion-item.opened.detail .accordion-header, .accordion-item.opened.detail .accordion-body {
      padding-left: 0;
      padding-right: 0; }
    .accordion-item.opened.detail .accordion-footer {
      padding-left: 1.07143rem ;
      padding-right: 1.07143rem ; }

.accordion-body {
  border-bottom: 1px solid #d0d6d8; }

.accordion-header {
  cursor: pointer;
  display: table;
  letter-spacing: -4px;
  width: 100%;
  position: relative; }
  .accordion-header.accordion-header-group {
    display: block;
    border-radius: 0.28571rem 0.28571rem 0 0;
    background: #f9fafa;
    border-bottom: 1px solid #d0d6d8;
    padding: 0.21429rem 1.07143rem ; }
    .accordion-header.accordion-header-group .row {
      letter-spacing: normal; }
  .accordion-header.selected {
    background: #dcefdd; }

.accordion-header-inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  width: calc(100% - 30px);
  margin: 0 1.07143rem ;
  padding: 0.35714rem 0 ;
  border-bottom: 1px solid #d0d6d8; }

.accordion-header-item {
  display: table-cell;
  letter-spacing: normal;
  vertical-align: middle;
  padding-right: 0.71429rem ; }
  .accordion-header-item:last-child {
    padding-right: 0; }
  .accordion-header-item input.datepicker {
    cursor: pointer;
    background-color: transparent;
    width: 100%; }
    .accordion-header-item input.datepicker::-webkit-input-placeholder {
      color: #74c078 !important; }
    .accordion-header-item input.datepicker::-moz-placeholder {
      color: #74c078 !important;
      opacity: 1 !important; }
    .accordion-header-item input.datepicker:-ms-input-placeholder {
      color: #74c078 !important; }
    .accordion-header-item input.datepicker:-moz-placeholder {
      color: #74c078 !important; }
  .accordion-header-item[class*="col-buttons-"] a {
    margin-left: 0;
    margin-right: 0; }

.col-created-corporate {
  width: 7%; }

.col-name-corporate {
  width: 20%; }

.col-persons-corporate {
  width: 15%; }

.col-status-corporate {
  width: 15%; }

.col-owner-corporate {
  width: 15%; }

.col-expiration-corporate {
  width: 10%; }

.col-buttons-corporate {
  width: 18%; }

.col-check-corporate {
  width: 3%; }

.col-check-corporate ~ .col-name-corporate {
  width: 17%; }

.col-created-public {
  width: 7%; }

.col-name-public {
  width: 20%; }

.col-persons-public {
  width: 14%; }

.col-status-public {
  width: 14%; }

.col-delivery-public {
  width: 8.5%; }

.col-due-public {
  width: 8.5%; }

.col-expiration-public {
  width: 10%; }

.col-buttons-public {
  width: 18%; }

.col-check-public {
  width: 3%; }

.col-check-public ~ .col-name-public {
  width: 17%; }

.col-created-admin {
  width: 8%; }

.col-name-admin {
  width: 17%; }

.col-persons-admin {
  width: 13%; }

.col-status-admin {
  width: 12%; }

.col-mail-admin {
  width: 17%; }

.col-send-admin {
  width: 7%; }

.col-payment-admin {
  width: 8%; }

.col-buttons-admin {
  width: 15%; }

.col-check-admin {
  width: 3%; }

.accordion-body {
  background: #f9fafa;
  font-size: 0.85714rem ;
  line-height: 1.5;
  display: table;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }

.accordion-body-block {
  float: left;
  display: inline-block;
  border-right: 1px solid #d0d6d8; }
  .accordion-body-block:last-child {
    border-right: none; }

.accordion-body-block-inner {
  padding: 0 1rem ; }
  .accordion-body-block-inner:first-child {
    padding-top: 1.5rem ; }
  .accordion-body-block-inner:last-child {
    padding-bottom: 1.5rem ; }

.accordion-footer {
  padding: 0.71429rem 1rem ; }

@media only screen and (max-width: 1750px) {
  .dms .container-content-sidebar-row:not(.sidebar-hidden) .ico-control-text {
    display: none; }
    .dms .container-content-sidebar-row:not(.sidebar-hidden) .col-buttons-corporate .ico-control-edit .ico-control-text {
      display: inline; }
    .dms .container-content-sidebar-row:not(.sidebar-hidden) .col-buttons-public .ico-control-download .ico-control-text {
      display: inline; }
    .dms .container-content-sidebar-row:not(.sidebar-hidden) .col-buttons-admin .ico-control-download .ico-control-text {
      display: inline; } }

@media only screen and (max-width: 1525px) {
  .accordion-header-item {
    font-size: 0.92857rem ; }
    .accordion-header-item input.datepicker {
      font-size: 0.92857rem ; }
    .accordion-header-item .ico-control-text {
      display: none; }
    .accordion-header-item.col-buttons-corporate .ico-control-edit .ico-control-text {
      display: inline; }
    .accordion-header-item.col-buttons-public .ico-control-download .ico-control-text, .accordion-header-item.col-buttons-public .ico-control-card .ico-control-text {
      display: inline; }
    .accordion-header-item.col-buttons-admin .ico-control-download .ico-control-text {
      display: inline; } }

@media only screen and (max-width: 1400px) {
  .col-check-corporate {
    width: 4%; }

  .col-check-corporate ~ .col-name-corporate {
    width: 16%; }

  .col-created-corporate {
    width: 9.5%; }

  .col-owner-corporate {
    width: 19%; }

  .col-expiration-corporate {
    width: 12.5%; }

  .col-buttons-corporate {
    width: 9%; }

  .col-check-public {
    width: 4%; }

  .col-check-public ~ .col-name-corporate {
    width: 16%; }

  .col-created-public {
    width: 9.5%; }

  .col-delivery-public {
    width: 10.5%; }

  .col-due-public {
    width: 10.5%; }

  .col-expiration-public {
    width: 12.5%; }

  .col-buttons-public {
    width: 9%; }

  .col-check-admin {
    width: 4%; }

  .col-check-admin ~ .col-name-corporate {
    width: 16%; }

  .col-created-admin {
    width: 9.5%; }

  .col-payment-admin {
    width: 10.5%; }

  .col-buttons-admin {
    width: 9%; }

  .accordion-header-item.col-buttons-corporate .ico-control-edit .ico-control-text, .accordion-header-item.col-buttons-public .ico-control-download .ico-control-text, .accordion-header-item.col-buttons-public .ico-control-card .ico-control-text, .accordion-header-item.col-buttons-admin .ico-control-download .ico-control-text {
    display: none !important; } }

@media (max-width: 1199px) {
  .accordion-body-block.w-lg-100, .accordion-body-block.w-lg-100:first-child {
    border-right: none;
    border-bottom: 1px solid #d0d6d8; } }

@media (max-width: 991px) {
  .accordion-body-block.w-md-100, .accordion-body-block.w-md-100:first-child {
    border-right: none;
    border-bottom: 1px solid #d0d6d8; }
    .accordion-body-block.w-md-100:last-child {
      border-bottom: none; } }
/* DMS BREADCRUMBS */
.dms .breadcrumbs {
  font-size: 1.71429rem ;
  margin-bottom: 1.42857rem ;
  font-weight: 700;
  line-height: 1.333;
  color: #455a64; }
  .dms .breadcrumbs span {
    position: relative; }
  .dms .breadcrumbs a, .dms .breadcrumbs span * {
    display: inline-block;
    margin: 0.21429rem 0 ; }
  .dms .breadcrumbs a {
    padding-right: 1.57143rem ;
    margin-right: 0.71429rem ;
    opacity: 0.5;
    text-decoration: none;
    color: #455a64;
    transition: opacity 0.2s ease-in-out;
    text-decoration: none;
    position: relative; }
    .dms .breadcrumbs a:after {
      font-size: 0.71429rem ;
      width: 0.49107rem ;
      height: 0.71429rem ;
      position: absolute;
      right: 0 ;
      left: auto;
      margin-left: 0;
      top: 50%;
      margin-top: -0.35714rem ; }
    .dms .breadcrumbs a:after {
      content: "\e95d"; }
    .dms .breadcrumbs a > span:before {
      content: "";
      position: absolute;
      width: 100%;
      bottom: 0;
      height: 2px;
      background: #455a64;
      opacity: 0;
      transition: opacity 0.2s ease-in-out; }
    .dms .breadcrumbs a:hover {
      opacity: 1; }
      .dms .breadcrumbs a:hover > span:before {
        opacity: 1; }
  .dms .breadcrumbs a.disable-content:after {
    content: unset; }
/* DMS buttons */
.dms {
  /* tag button remove */
  /* category tab button */ }
  .dms .btn-remove {
    color: #fff;
    background-color: #718188;
    border-color: #718188;
    box-shadow: none;
    border-width: 2px; }
  .dms .btn-remove:hover {
    color: #fff;
    background-color: #718188;
    border-color: #718188; }
  .dms .btn-remove:focus, .dms .btn-remove.focus {
    outline: none;
    box-shadow: none; }
  .dms .btn-remove.disabled, .dms .btn-remove:disabled {
    background-color: #d1d6d8;
    border-color: #d1d6d8; }
  .dms .btn-remove:active, .dms .btn-remove.active, .show > .dms .btn-remove.dropdown-toggle {
    color: #fff;
    background-color: #718188;
    background-image: none;
    border-color: #718188; }
  .dms .btn-remove.btn-remove-lighter {
    background-color: #a4aeb3;
    border-color: #a4aeb3; }
  .dms .btn-remove.active {
    border-color: #e36776;
    background-color: #e36776; }
  .dms .btn.btn-icon-delete:hover, .dms .btn.btn-icon-delete:focus, .dms .btn.btn-icon-delete:active {
    background-color: #e36776;
    border-color: #e36776; }
  .dms .btn.btn-icon-undo:hover, .dms .btn.btn-icon-undo:focus, .dms .btn.btn-icon-undo:active {
    background-color: #5e9c61;
    border-color: #5e9c61; }
  .dms .btn .ico-setup {
    padding-left: 2.14286rem ;
    text-decoration: none;
    position: relative; }
  .dms .btn .ico-setup:before {
    font-size: 1.37143rem ;
    width: 1.37143rem ;
    height: 1.37143rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.71429rem ; }
  .dms .btn .ico-setup:before {
    content: "\e96a"; }
  .dms .btn-category {
    text-align: center;
    padding: 0.42857rem 2.85714rem ;
    min-height: 3.85714rem ;
    box-shadow: none;
    border: 1px solid #d1d6d8;
    background-color: #f9fafa; }
  .dms .btn-category.active, .dms .btn-category:hover {
    background-color: #455a64;
    color: #fff;
    border-color: #455a64; }
  .dms .btn-category[class*="ico-"] {
    text-align: left;
    padding-left: 5rem ; }

.chat {
  height: 100%;
  background: #f9fafa;
  font-size: 0.92857rem ;
  /* skeleton load */
  /* card bg */ }
  .chat-box {
    padding: 1.07143rem 0 ;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative; }
  .chat-box-body {
    padding-left: 1.07143rem ;
    padding-right: 1.07143rem ; }
  .chat-box-body-scrollable {
    height: 350px;
    padding: 0; }
  .chat-box-messages-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1.42857rem ; }
    .chat-box-messages-item-img, .chat-box-messages-item-text {
      vertical-align: top;
      display: table-cell; }
    .chat-box-messages-item-img {
      width: 2.85714rem ; }
      .chat-box-messages-item-img img {
        width: 100%;
        border-radius: 50%; }
    .chat-box-messages-item-text {
      padding-left: 0.57143rem ; }
    .chat-box-messages-item.deleted {
      opacity: 0.5; }
    .chat-box-messages-item textarea {
      font-size: 0.92857rem ;
      min-height: 33px; }
  .chat-box-typing-status {
    position: absolute;
    bottom: 100%;
    left: 1.78571rem ;
    font-size: 10px;
    background: #dbe3e6;
    border-top-left-radius: 0.28571rem;
    border-top-right-radius: 0.28571rem;
    line-height: 1.28571rem;
    padding: 0 0.5rem ;
    color: #718188; }
    .chat-box-typing-status span {
      font-weight: bold; }
  .chat-box-new-message {
    position: relative;
    z-index: 2;
    padding-left: 1.07143rem ;
    margin-top: auto;
    display: table;
    table-layout: fixed;
    width: 100%; }
    .chat-box-new-message-textarea, .chat-box-new-message-controls {
      vertical-align: bottom;
      display: table-cell; }
    .chat-box-new-message textarea {
      font-size: 0.92857rem ;
      min-height: 33px; }
    .chat-box-new-message-controls {
      width: 4.28571rem ; }
    .chat-box-new-message-controls.short {
      width: 1.78571rem ; }
    .chat-box-new-message .dropdown {
      vertical-align: bottom; }
    .chat-box-new-message .dropdown.dropdown-dots .dropdown-toggle:hover:before, .chat-box-new-message .dropdown.show.dropdown-dots .dropdown-toggle:before {
      color: #5e9c61; }
  .chat-box-control-container {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 6.42857rem ;
    min-height: 1.42857rem ;
    line-height: 1.42857rem ;
    color: #718188; }
    .chat-box-control-container.auto-width {
      width: auto; }
    .chat-box-control-container.wider {
      width: 7.14286rem ; }
    .chat-box-control-container .edited {
      color: #718188;
      font-size: 0.71429rem ;
      margin-right: 0.71429rem ; }
    .chat-box-control-container .small {
      font-size: 0.71429rem ; }
  .chat-box-send {
    display: inline-block;
    position: relative;
    width: 1.71429rem ;
    height: 1.71429rem ;
    margin: 0.35714rem 0 0.35714rem 0.35714rem ; }
  .chat-box-send {
    border-radius: 50%;
    border: none;
    background-color: #74c078;
    text-decoration: none;
    position: relative;
    transition: background-color 0.2s ease-in-out; }
    .chat-box-send:before {
      font-size: 0.8rem ;
      width: 0.8rem ;
      height: 0.8rem ;
      position: absolute;
      left: 50%;
      margin-left: -0.42857rem ;
      top: 50%;
      margin-top: -0.42857rem ; }
    .chat-box-send:hover {
      background-color: #5e9c61; }
    .chat-box-send:before {
      color: #fff;
      content: "\e966"; }
    .chat-box-send:disabled {
      cursor: not-allowed;
      background-color: #d1d6d8; }
  .chat .cancel {
    color: #a4aeb3;
    text-decoration: none;
    font-weight: bold; }
  .chat-box-messages-loading {
    height: 80px;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle 40px, #d1d6d8 50%, transparent 0), linear-gradient(#d1d6d8 12px, transparent 0), linear-gradient(#d1d6d8 8px, transparent 0), linear-gradient(#d1d6d8 8px, transparent 0), linear-gradient(#f9fafa 100%, transparent 0);
    /*avatar*/
    /*title*/
    /*card*/
    background-size: 40px 40px, 80px 12px, 240px 8px, 180px 8px, 100% 100%;
    /* avatar */
    /* title */
    /* title */
    /* title */
    background-position: 0px 0px, 48px 0, 48px 22px, 48px 38px, 0 0;
    /* card bg */
    /* avatar */
    /* title */
    /* title */
    /* title */ }
  .chat-box-messages-loading:empty:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-image: linear-gradient(90deg, rgba(249, 250, 250, 0.1), rgba(249, 250, 250, 0.75), rgba(249, 250, 250, 0.1)), radial-gradient(circle 40px at center, #d1d6d8 50%, transparent 0), linear-gradient(#d1d6d8 12px, transparent 0), linear-gradient(#d1d6d8 8px, transparent 0), linear-gradient(#d1d6d8 8px, transparent 0), linear-gradient(transparent 500px, transparent 0);
    /*title-skeleton*/
    /*title-skeleton*/
    /*title-skeleton*/
    background-size: 100px 100%, 40px 40px, 80px 12px, 240px 8px, 180px 8px, 100% 100%;
    /*avatar size*/
    /*title width title height*/
    /*title width title height*/
    /*title width title height*/
    background-position: -150px 0, 0px 0px, 48px 0, 48px 22px, 48px 38px, 0 0;
    /*animation position*/
    /*avatar position*/
    /*title position*/
    /*title position*/
    /*title position*/
    /*card position*/
    background-repeat: no-repeat;
    animation: loading 1.75s infinite; }

@keyframes loading {
  to {
    background-position: 350% 0, 0 0, 48px 0, 48px 22px, 48px 38px, 0 0; } }

.color-picker {
  padding: 1.07143rem ;
  width: 15rem ; }
  .color-picker-label {
    text-transform: uppercase;
    color: #d1d6d8;
    font-weight: 700;
    font-size: 0.85714rem ;
    margin-bottom: 0.35714rem ; }
  .color-picker-palette {
    display: table;
    margin-left: -0.35714rem ; }
  .color-picker-sample {
    display: inline-block;
    text-align: center;
    margin-right: 0.35714rem ;
    width: 1.28571rem ;
    line-height: 1.42857rem ; }
  .color-picker-sample-item {
    display: block;
    width: 1.28571rem ;
    height: 1.28571rem ;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(0, 0, 0, 0.25); }
    .color-picker-sample-item:first-child {
      border-top-left-radius: 0.21429rem;
      border-top-right-radius: 0.21429rem;
      border-top: 1px solid rgba(0, 0, 0, 0.25); }
    .color-picker-sample-item:last-child {
      border-bottom-left-radius: 0.21429rem;
      border-bottom-right-radius: 0.21429rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
  .color-picker .color-picker-sample {
    margin-left: 0.35714rem ;
    margin-bottom: 0.35714rem ;
    margin-right: 0;
    float: left; }
  .color-picker-sample-big {
    width: 100%;
    height: 100%;
    margin: 0; }
  .color-picker-sample-big .color-picker-sample-item {
    width: 100%;
    height: 100%;
    margin: 0; }
/* DOCUMENT MANAGEMENT SYSTEM */
.ico-plus, .ico-table, .ico-edit, .ico-sort-up, .ico-sort-down, .ico-sort-up-arrow, .ico-sort-down-arrow, .ico-success, .ico-shield, .ico-info, .ico-file, .ico-list {
  display: inline-block; }

.ico-plus {
  padding-left: 1.21429rem ;
  text-decoration: none;
  position: relative; }
  .ico-plus:before {
    font-size: 0.91429rem ;
    width: 0.8rem ;
    height: 0.91429rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-plus:before {
    content: "\e95a"; }

.ico-shield {
  padding-left: 1.21429rem ;
  text-decoration: none;
  position: relative; }
  .ico-shield:before {
    font-size: 0.91429rem ;
    width: 0.91429rem ;
    height: 0.91429rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-shield:before {
    content: "\e948"; }

.ico-table {
  padding-left: 1.57143rem ;
  text-decoration: none;
  position: relative; }
  .ico-table:before {
    font-size: 1.14286rem ;
    width: 1.14286rem ;
    height: 1.14286rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.5rem ; }
  .ico-table:before {
    content: "\e975"; }

.ico-file {
  padding-left: 1.57143rem ;
  text-decoration: none;
  position: relative; }
  .ico-file:before {
    font-size: 1.14286rem ;
    width: 0.85714rem ;
    height: 1.14286rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.5rem ; }
  .ico-file:before {
    content: "\e976"; }

.ico-list {
  padding-left: 1.57143rem ;
  text-decoration: none;
  position: relative; }
  .ico-list:before {
    font-size: 1.14286rem ;
    width: 1.14286rem ;
    height: 1.14286rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.5rem ; }
  .ico-list:before {
    content: "\e977"; }

.ico-back {
  padding-left: 1.42857rem ;
  text-decoration: none;
  position: relative; }
  .ico-back:before {
    font-size: 1.14286rem ;
    width: 0.78571rem ;
    height: 1.14286rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.5rem ; }
  .ico-back:before {
    content: "\e964"; }

.ico-edit {
  position: relative;
  text-decoration: none !important;
  width: 0.91429rem ;
  height: 0.91429rem ; }
  .ico-edit:after {
    vertical-align: middle;
    font-size: 0.91429rem ; }
  .ico-edit:after {
    content: "\e952"; }

.ico-download {
  position: relative;
  text-decoration: none !important;
  width: 1.07143rem ;
  height: 1.14286rem ; }
  .ico-download:after {
    vertical-align: middle;
    font-size: 1.14286rem ; }
  .ico-download:after {
    content: "\e955"; }

.ico-info {
  position: relative;
  text-decoration: none !important;
  width: 1.14286rem ;
  height: 1.14286rem ; }
  .ico-info:after {
    vertical-align: middle;
    font-size: 1.14286rem ; }
  .ico-info:after {
    content: "\e974"; }
/* sort icons */
.sort {
  cursor: pointer; }

.sort-link {
  text-decoration: none;
  display: block; }

.ico-sort-up, .ico-sort-down {
  padding-left: 1.21429rem ; }

.ico-sort-up {
  text-decoration: none;
  position: relative; }
  .ico-sort-up:before {
    font-size: 1.25714rem ;
    width: 0.74643rem ;
    height: 1.25714rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.64286rem ; }
  .ico-sort-up:before {
    content: "\e95b"; }

.ico-sort-down {
  text-decoration: none;
  position: relative; }
  .ico-sort-down:before {
    font-size: 1.25714rem ;
    width: 0.74643rem ;
    height: 1.25714rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.64286rem ; }
  .ico-sort-down:before {
    content: "\e95c"; }

.ico-sort-up-arrow, .ico-sort-down-arrow {
  padding-right: 1.07143rem ; }

.ico-sort-down-arrow {
  text-decoration: none;
  position: relative; }
  .ico-sort-down-arrow:before {
    font-size: 0.8rem ;
    width: 0.8rem ;
    height: 0.8rem ;
    position: absolute;
    right: 0 ;
    left: auto;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-sort-down-arrow:before {
    content: "\e961"; }

.ico-sort-up-arrow {
  text-decoration: none;
  position: relative; }
  .ico-sort-up-arrow:before {
    font-size: 0.8rem ;
    width: 0.8rem ;
    height: 0.8rem ;
    position: absolute;
    right: 0 ;
    left: auto;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-sort-up-arrow:before {
    content: "\e962"; }

.ico-filter {
  position: relative;
  padding-left: 2.14286rem ;
  text-decoration: none;
  position: relative; }
  .ico-filter:before {
    font-size: 0.91429rem ;
    width: 0.91429rem ;
    height: 0.91429rem ;
    position: absolute;
    left: 50%;
    margin-left: -0.42857rem ;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-filter:before {
    content: "\e914"; }

.ico-success {
  padding-left: 1.28571rem ;
  text-decoration: none;
  position: relative; }
  .ico-success:before {
    font-size: 0.91429rem ;
    width: 0.91429rem ;
    height: 0.91429rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-success:before {
    content: "\e934"; }

.ico-control-download, .ico-control-card, .ico-control-edit, .ico-control-visible, .ico-control-delete, .ico-control-dots {
  display: inline-block;
  margin: 0 1px;
  z-index: 2;
  cursor: pointer; }

.ico-control-dots {
  width: 1.14286rem ;
  height: 1.14286rem ; }
  .ico-control-dots:active, .ico-control-dots:hover, .ico-control-dots:focus {
    text-decoration: none;
    color: #74c078; }

.ico-control-download, .ico-control-card, .ico-control-edit, .ico-control-visible, .ico-control-delete {
  padding-left: 1.71429rem ;
  line-height: 1.71429rem ;
  height: 1.71429rem ;
  font-size: 0.85714rem ;
  border-radius: 3px;
  font-weight: 700;
  border: 1px solid #74c078;
  transition: all 0.2s ease-in-out; }
  .ico-control-download:active, .ico-control-card:active, .ico-control-edit:active, .ico-control-visible:active, .ico-control-delete:active, .ico-control-download:hover, .ico-control-card:hover, .ico-control-edit:hover, .ico-control-visible:hover, .ico-control-delete:hover, .ico-control-download:focus, .ico-control-card:focus, .ico-control-edit:focus, .ico-control-visible:focus, .ico-control-delete:focus {
    text-decoration: none;
    background: #74c078;
    color: #fff; }

.ico-control-delete {
  border: 1px solid #e36776;
  color: #e36776; }
  .ico-control-delete:link, .ico-control-delete:visited {
    color: #e36776; }
  .ico-control-delete:active, .ico-control-delete:hover, .ico-control-delete:focus {
    background: #e36776;
    color: #fff; }

.ico-control-download {
  text-decoration: none;
  position: relative; }
  .ico-control-download:before {
    font-size: 1.14286rem ;
    width: 1.07143rem ;
    height: 1.14286rem ;
    position: absolute;
    right: auto;
    left: 0.28571rem ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.57143rem ; }
  .ico-control-download:before {
    content: "\e955"; }

.ico-control-card {
  text-decoration: none;
  position: relative; }
  .ico-control-card:before {
    font-size: 0.97143rem ;
    width: 1.09286rem ;
    height: 0.97143rem ;
    position: absolute;
    right: auto;
    left: 0.28571rem ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.5rem ; }
  .ico-control-card:before {
    content: "\e95e"; }

.ico-control-edit {
  text-decoration: none;
  position: relative; }
  .ico-control-edit:before {
    font-size: 0.97143rem ;
    width: 0.97143rem ;
    height: 0.97143rem ;
    position: absolute;
    right: auto;
    left: 0.35714rem ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.5rem ; }
  .ico-control-edit:before {
    content: "\e952"; }

.ico-control-visible {
  text-decoration: none;
  position: relative; }
  .ico-control-visible:before {
    font-size: 0.97143rem ;
    width: 0.97143rem ;
    height: 0.97143rem ;
    position: absolute;
    right: auto;
    left: 0.35714rem ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-control-visible:before {
    content: "\e93b"; }

.ico-control-delete {
  text-decoration: none;
  position: relative; }
  .ico-control-delete:before {
    font-size: 0.97143rem ;
    width: 0.78929rem ;
    height: 0.97143rem ;
    position: absolute;
    right: auto;
    left: 0.35714rem ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .ico-control-delete:before {
    content: "\e959"; }

.ico-control-dots {
  text-decoration: none;
  position: relative; }
  .ico-control-dots:before {
    font-size: 1.14286rem ;
    width: 1.14286rem ;
    height: 1.14286rem ;
    position: absolute;
    left: 50%;
    margin-left: -0.57143rem ;
    top: 50%;
    margin-top: -0.57143rem ; }
  .ico-control-dots:before {
    content: "\e956"; }

.collapse-filter {
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.85714rem ;
  position: relative;
  color: #a4aeb3 !important; }
  .collapse-filter:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.4em;
    vertical-align: middle;
    content: "";
    border-bottom: 0.4em solid #a4aeb3;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent; }
  .collapse-filter.collapsed:after {
    border-bottom: none;
    border-top: 0.4em solid #a4aeb3;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent; }
  .collapse-filter.color-gray {
    color: #455a64 !important; }
  .collapse-filter.color-gray:after {
    border-bottom-color: #455a64; }
  .collapse-filter.color-gray.collapsed:after {
    border-top-color: #455a64; }

.to-clipboard {
  cursor: pointer; }

.level-down {
  display: inline-block;
  font-size: 0.71429rem ;
  font-weight: 700;
  text-align: center;
  color: #a4aeb3;
  padding: 0.35714rem 1.42857rem ;
  margin: 0.35714rem 0 ;
  text-decoration: none;
  position: relative;
  text-decoration: none;
  position: relative; }
  .level-down:before {
    font-size: 1.14286rem ;
    width: 1.14286rem ;
    height: 1.14286rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.57143rem ; }
  .level-down:after {
    font-size: 1.14286rem ;
    width: 1.14286rem ;
    height: 1.14286rem ;
    position: absolute;
    right: 0 ;
    left: auto;
    margin-left: 0;
    top: 50%;
    margin-top: -0.21429rem ; }
  .level-down.before:before {
    content: "\e95f"; }
  .level-down.after:after {
    content: "\e960"; }

.custom-table {
  display: table;
  width: 100%; }
  .custom-table .thead {
    display: table-header-group; }
  .custom-table .thead .tr {
    border-bottom: none; }
    .custom-table .thead .tr .th {
      font-size: 0.85714rem ;
      padding-top: 0.71429rem ;
      padding-bottom: 0.71429rem ;
      font-weight: bold;
      color: #a4aeb3; }
  .custom-table .tbody {
    display: table-row-group;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden; }
  .custom-table .tbody .tr .td:first-of-type {
    border-left: 1px solid #d1d6d8; }
    .custom-table .tbody .tr .td:last-of-type {
      border-right: 1px solid #d1d6d8; }
    .custom-table .tbody .tr:first-of-type .td {
      border-top: 1px solid #d1d6d8; }
      .custom-table .tbody .tr:first-of-type .td:first-of-type {
        border-top-left-radius: 0.28571rem; }
      .custom-table .tbody .tr:first-of-type .td:last-of-type {
        border-top-right-radius: 0.28571rem; }
    .custom-table .tbody .tr:last-of-type .td {
      border-bottom: 1px solid #d1d6d8; }
      .custom-table .tbody .tr:last-of-type .td:first-of-type {
        border-bottom-left-radius: 0.28571rem; }
      .custom-table .tbody .tr:last-of-type .td:last-of-type {
        border-bottom-right-radius: 0.28571rem; }
  .custom-table .tr {
    position: relative;
    display: table-row;
    overflow: hidden; }
  .custom-table .tr-checkable {
    padding-left: 32px; }
    .custom-table .tr-checkable .td.td-check, .custom-table .tr-checkable .th.th-check {
      width: 0;
      padding: 0; }
    .custom-table .tr-checkable .td.td-check label, .custom-table .tr-checkable .th.th-check label {
      left: 0;
      margin: 0; }
    .custom-table .tr-checkable .th-check label {
      left: 1px; }
  .custom-table .tr:last-child .td {
    border-bottom: 0; }
  .custom-table .tr .th, .custom-table .tr .td {
    display: table-cell;
    vertical-align: middle;
    padding: 0.35714rem 0.71429rem 0.35714rem 0 ; }
    .custom-table .tr .th:last-child, .custom-table .tr .td:last-child {
      padding-right: 0; }
  .custom-table .tr .td {
    border-bottom: 1px solid #d1d6d8;
    background: #fff; }
    .custom-table .tr .td-height-helper {
      padding: 0;
      width: 0;
      height: 3.57143rem ; }
    .custom-table .tr .td-width-helper {
      width: 15px;
      border-bottom: 0; }
  .custom-table .tr-untouched .td {
    background-color: #eef7ee; }
  .custom-table-hoverable .tbody .tr:hover {
    cursor: pointer; }
    .custom-table-hoverable .tbody .tr:hover .btn-green-outline, .custom-table-hoverable .tbody .tr:hover .btn-outline-danger {
      color: #fff; }
    .custom-table-hoverable .tbody .tr:hover .btn-green-outline {
      background-color: #74c078; }
    .custom-table-hoverable .tbody .tr:hover .btn-outline-danger {
      background-color: #d9534f; }
    .custom-table-hoverable .tbody .tr:hover .td {
      background-color: #dcefdd; }

.pika-title {
  background-color: #f3f5f5; }

.pika-label-year {
  background-color: #fff; }
/* DMS DROPDOWNS */
.dropdown.show .dropdown-toggle {
  color: #74c078; }
  .dropdown.show .btn {
    color: #fff; }
  .dropdown.show .btn.btn-transparent-green {
    color: #74c078; }
  .dropdown .input-group-eraseable input {
    min-width: 16.07143rem ; }
  .dropdown.dropdown-selectable {
    padding-right: 1.07143rem ; }
  .dropdown.dropdown-selectable .dropdown-toggle:after {
    position: absolute;
    right: 0;
    top: 50%; }

.dropdown-item {
  position: relative; }
  .dropdown-item .ico-favourite, .dropdown-item .ico-favourite-remove {
    position: absolute !important;
    width: 1.14286rem ;
    height: 1.14286rem ;
    margin-top: -0.57143rem ;
    right: 30px;
    top: 50%;
    z-index: 2; }
  .dropdown-item .ico-favourite {
    text-decoration: none;
    position: relative; }
  .dropdown-item .ico-favourite:before {
    font-size: 1.14286rem ;
    width: 1.28571rem ;
    height: 1.14286rem ;
    position: absolute;
    left: 50%;
    margin-left: -0.64286rem ;
    top: 50%;
    margin-top: -0.57143rem ; }
  .dropdown-item .ico-favourite:before {
    content: "\e96d"; }
  .dropdown-item .ico-favourite:hover:before {
    content: "\e96c"; }
  .dropdown-item .ico-favourite-remove {
    color: #a4aeb3;
    text-decoration: none;
    position: relative; }
  .dropdown-item .ico-favourite-remove:before {
    font-size: 1.14286rem ;
    width: 1.28571rem ;
    height: 1.14286rem ;
    position: absolute;
    left: 50%;
    margin-left: -0.64286rem ;
    top: 50%;
    margin-top: -0.57143rem ; }
  .dropdown-item .ico-favourite-remove:before {
    content: "\e96c"; }
  .dropdown-item .ico-favourite-remove:hover {
    color: #e36776; }
  .dropdown-item:hover .ico-favourite {
    color: #74c078; }
/* dropdown with datepicker */
.dropdown.dropdown-date {
  padding-right: 0.85714rem ; }
  .dropdown.dropdown-date .dropdown-toggle:after {
    position: absolute;
    top: 50%; }
  .dropdown.dropdown-date .dropdown-menu {
    padding: 0; }
  .dropdown.dropdown-date .pika-single {
    border: none;
    margin: 0; }

.dropdown.show .dropdown-toggle {
  color: #455a64; }
  .dropdown.show .btn-green {
    color: #fff; }
  .dropdown .dropdown-toggle.form-control {
    text-decoration: none;
    position: relative; }
  .dropdown .dropdown-toggle.form-control:before {
    font-size: 0.68571rem ;
    width: 0.68571rem ;
    height: 0.68571rem ;
    position: absolute;
    right: 0.71429rem ;
    left: auto;
    margin-left: 0;
    top: 50%;
    margin-top: -0.25rem ; }
  .dropdown .dropdown-toggle.form-control:before {
    color: #74c078;
    content: '\e953'; }
  .dropdown .dropdown-toggle.form-control:after {
    display: none; }
  .dropdown .dropdown-toggle.form-control + .dropdown-menu .dropdown-item.selected {
    background-color: #dcefdd;
    border-top: 1px solid #74c078;
    border-bottom: 1px solid #74c078; }
    .dropdown .dropdown-toggle.form-control + .dropdown-menu .dropdown-item.selected:before {
      display: none; }
/* DMS fake scroll */
.dms .scrollWrap {
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 1;
  border: none; }
  .dms .scrollContent {
    height: 100%;
    width: 100%;
    padding: 0 32px 0 0;
    position: relative;
    right: -18px;
    overflow: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .dms .fakeScrollBar {
    position: absolute;
    background: transparent;
    width: 4px;
    border-radius: 4px;
    right: 5px;
    top: 0;
    z-index: 0;
    cursor: -moz-grab;
    cursor: -webkit-grab; }
  .dms .fakeScrollBar.enabled {
    background: #d1d6d8; }
  .dms .fakeScroll:hover .fakeScrollBar.fakescroll-grabbed {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    background: #fff; }
  .dms body.fakescroll-grabbed {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing; }
  .dms .dropdown-thin .dropdown-menu .scrollable-content.items-8 {
    height: 25.71429rem !important; }
/* DMS filter */
.filter {
  max-width: 13.42857rem ;
  /* ticket #6002*/ }
  .filter .bootstrap-select {
    width: 100%;
    width: calc(100% - 2.14286rem) !important; }
  .filter .selectbox-xs .dropdown-menu .dropdown-item {
    min-width: 17.14286rem ; }
  .filter .collapsable label.small.semi-bold.mr-0.pr-0:before, .filter .collapsable label.small.semi-bold.mr-0.pr-0:after {
    display: none; }
  .filter .collapsable label.small.semi-bold.mr-0.pr-0 {
    padding-left: 0; }
/* DOCUMENT MANAGEMENT SYSTEM FORMS */
/* autoheight textarea */
textarea.textarea-autoheight {
  box-sizing: border-box;
  resize: none;
  overflow-y: hidden; }

textarea.small {
  font-size: 0.85714rem ; }
/* input addon delete */
.input-group-addon.delete {
  color: #a4aeb3 !important;
  text-decoration: none;
  position: relative; }
  .input-group-addon.delete:before {
    font-size: 0.97143rem ;
    width: 0.78929rem ;
    height: 0.97143rem ;
    position: absolute;
    left: 50%;
    margin-left: -0.42857rem ;
    top: 50%;
    margin-top: -0.5rem ; }
  .input-group-addon.delete:before {
    content: "\e959"; }
  .input-group-addon.delete:hover {
    color: #e36776 !important; }
/* input addon bottom (textarea case) */
.input-group.input-group-vertical {
  display: block; }
  .input-group.input-group-vertical .input-group .form-control, .input-group.input-group-vertical .input-group-addon, .input-group.input-group-vertical .input-group-btn, .input-group.input-group-vertical textarea {
    display: block;
    width: 100%;
    border-left: 1px solid #d1d6d8;
    border-right: 1px solid #d1d6d8; }
  .input-group.input-group-vertical .input-group .form-control + .input-group-addon, .input-group.input-group-vertical .input-group-addon + .input-group-addon, .input-group.input-group-vertical .input-group-btn + .input-group-addon, .input-group.input-group-vertical textarea + .input-group-addon {
    border-top: 0; }
  .input-group.input-group-vertical .input-group .form-control:first-child, .input-group.input-group-vertical .input-group-addon:first-child, .input-group.input-group-vertical .input-group-btn:first-child, .input-group.input-group-vertical textarea:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group.input-group-vertical .input-group .form-control:last-child, .input-group.input-group-vertical .input-group-addon:last-child, .input-group.input-group-vertical .input-group-btn:last-child, .input-group.input-group-vertical textarea:last-child {
    border-left: 1px solid #d1d6d8;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .input-group.input-group-vertical .input-group-addon > * {
    vertical-align: middle;
    top: -2px; }
/* input group for adding keyword or tags */
.input-group-keywords {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d1d6d8;
  border-radius: 0.25rem;
  cursor: pointer;
  background-color: #fff;
  text-decoration: none;
  position: relative;
  transition: none; }
  .input-group-keywords:before {
    font-size: 0.68571rem ;
    width: 0.68571rem ;
    height: 0.68571rem ;
    position: absolute;
    right: 0.71429rem ;
    left: auto;
    margin-left: 0;
    top: 50%;
    margin-top: -0.25rem ; }
  .input-group-keywords:before {
    color: #74c078;
    content: '\e953'; }
  .input-group-keywords input[type="text"] {
    display: inline-block;
    width: auto;
    font-size: 1rem ;
    border: none; }
  .input-group-keywords.input-group-keywords-md {
    min-height: 3rem ;
    font-size: 1.14286rem ;
    padding: 0.35714rem 2.85714rem 0.35714rem 0.71429rem ; }
  .input-group-keywords.input-group-keywords-md > * {
    vertical-align: middle; }
  .input-group-keywords .bootstrap-select {
    position: absolute;
    left: 0;
    bottom: 0; }
  .input-group-keywords .bootstrap-select .dropdown-toggle {
    width: auto;
    display: none; }
  .input-group-keywords.show .dropdown-menu {
    display: block; }
  .input-group-keywords .bootstrap-select .dropdown-item.selected {
    display: none; }
/* hide placeholder on focus */
input:focus::-webkit-input-placeholder {
  color: transparent !important; }

input:focus::-moz-placeholder {
  color: transparent !important; }

input:-moz-placeholder {
  color: transparent !important; }

.form-control.form-control-gray-light:focus::-webkit-input-placeholder {
  color: transparent !important; }
  .form-control.form-control-gray-light:focus::-moz-placeholder {
    color: transparent !important; }
  .form-control.form-control-gray-light:-moz-placeholder {
    color: transparent !important; }
/* DOCUMENT MANAGEMENT SYSTEM */
.dms {
  background-image: none;
  height: auto; }
  .dms .container-fluid {
    max-width: 1720px;
    padding: 0 1.42857rem ; }
  .dms .container-fluid.container-fluid-padded-wide {
    padding: 0 7.5%; }
  .dms .content {
    position: relative;
    padding-top: 1.42857rem ;
    padding-bottom: 3.57143rem ; }
  .dms .content + .content {
    margin-top: 0; }
  .dms .content > form {
    position: relative; }
  .dms .container-content-sidebar-row {
    position: relative; }
  .dms .container-content-sidebar-row.sidebar-hidden .container-sidebar {
    left: -208px !important;
    margin-left: -188px; }
    .dms .container-content-sidebar-row.sidebar-hidden .container-fluid {
      margin-left: 0 !important;
      max-width: 100%; }
  .dms .content.content-sidebar > .container-content-sidebar {
    position: relative; }
  .dms .content.content-sidebar .container-sidebar {
    float: left; }
  .dms .content.content-sidebar .container-sidebar {
    position: relative;
    left: 20px;
    top: 0;
    width: 188px; }
  .dms .content.content-sidebar .container-fluid {
    margin-left: 208px;
    transition: all 0.2; }
  .dms .sidebar-control {
    font-size: 0.71429rem ;
    padding: 0.85714rem 2.28571rem ;
    background-color: #d1d6d8;
    margin-left: -20px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    color: #718188;
    border-radius: 0 0.25rem 0.25rem 0;
    text-decoration: none;
    position: relative; }
  .dms .sidebar-control:before {
    font-size: 0.8rem ;
    width: 0.55rem ;
    height: 0.8rem ;
    position: absolute;
    right: auto;
    left: 0.92857rem ;
    margin-left: 0;
    top: 50%;
    margin-top: -0.42857rem ; }
  .dms .sidebar-control:before {
    content: "\e964"; }
  .dms .sidebar-control .show {
    display: none; }
  .dms .sidebar-control .hide {
    display: block; }
  .dms .sidebar-control.sidebar-show {
    text-decoration: none;
    position: relative; }
    .dms .sidebar-control.sidebar-show:before {
      font-size: 0.8rem ;
      width: 0.55rem ;
      height: 0.8rem ;
      position: absolute;
      right: auto;
      left: 0.92857rem ;
      margin-left: 0;
      top: 50%;
      margin-top: -0.42857rem ; }
    .dms .sidebar-control.sidebar-show:before {
      content: "\e95d"; }
    .dms .sidebar-control.sidebar-show .hide {
      display: none; }
    .dms .sidebar-control.sidebar-show .show {
      display: block; }
  .dms .sidebar-control:hover {
    color: #455a64; }
  .dms .category-content .card {
    box-shadow: none; }

.scrollable-content {
  height: 100%;
  position: relative; }

@media screen and (max-width: 1450px) {
  .dms .container-fluid.container-fluid-padded-wide {
    padding: 0 20px; } }

@media (min-width: 1200px) {
  .dms-documents .col-xl-3 {
    width: 20%;
    flex: 0 0 20%; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) {
  .dms-documents .col-xl-3 {
    width: 19.3%;
    flex: 0 0 19.3%; } }

@media (max-width: 991px) {
  .dms .categories-container {
    width: calc(100% + 20px); } }

.list-group .list-group-item {
  display: block;
  background: transparent;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border-top: none;
  border-left: none;
  border-right: none; }
  .list-group .list-group-item:before {
    display: none; }
  .list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
    border-radius: 0; }
  .list-group .list-group-item:last-child {
    border-bottom: none; }
/* DMS modals */
/* sidebar modal */
.modal.left .modal-dialog, .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }
  .modal.left .modal-dialog.modal-md, .modal.right .modal-dialog.modal-md {
    width: 51.42857rem ; }
  .modal.left .modal-dialog .card, .modal.right .modal-dialog .card, .modal.left .modal-dialog .card .card-block, .modal.right .modal-dialog .card .card-block, .modal.left .modal-dialog .card .card-block:first-child, .modal.right .modal-dialog .card .card-block:first-child, .modal.left .modal-dialog .card .card-block:last-child, .modal.right .modal-dialog .card .card-block:last-child, .modal.left .modal-dialog .modal-content .card, .modal.right .modal-dialog .modal-content .card, .modal.left .modal-dialog .modal-content, .modal.right .modal-dialog .modal-content {
    border-radius: 0 !important; }
  .modal.left .modal-dialog .modal-header, .modal.right .modal-dialog .modal-header, .modal.left .modal-dialog .modal-body, .modal.right .modal-dialog .modal-body, .modal.left .modal-dialog .modal-footer, .modal.right .modal-dialog .modal-footer {
    padding: 1.78571rem ;
    overflow-x: hidden; }
  .modal.left .modal-dialog .modal-header, .modal.right .modal-dialog .modal-header, .modal.left .modal-dialog .modal-body, .modal.right .modal-dialog .modal-body {
    border: none; }
  .modal.left .modal-dialog .modal-header, .modal.right .modal-dialog .modal-header {
    height: 100px; }
  .modal.left .modal-dialog .modal-footer, .modal.right .modal-dialog .modal-footer {
    height: 100px; }
  .modal.left .modal-dialog .scrollable-content, .modal.right .modal-dialog .scrollable-content {
    height: 90%;
    height: calc(100% - 200px); }
  .modal.left .modal-dialog .scrollable-content .modal-body, .modal.right .modal-dialog .scrollable-content .modal-body {
    padding-left: 0.5rem ;
    padding-right: 11px; }
  .modal.left .modal-dialog .modal-footer, .modal.right .modal-dialog .modal-footer {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }

.modal.left .modal-content, .modal.right .modal-content {
  height: 100%;
  overflow: hidden; }

.modal.left .card-block, .modal.right .card-block {
  padding-left: 1.78571rem ;
  padding-right: 1.78571rem ; }
/* left side modal */
.modal.left .modal-part {
  padding-left: 3.21429rem ; }
  .modal.left .modal-part:before {
    color: #a4aeb3; }
  .modal.left .modal-part.modal-ico-part-info {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-info:before {
    font-size: 1.42857rem ;
    width: 1.42857rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-info:before {
    content: "\e936"; }
  .modal.left .modal-part.modal-ico-part-link {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-link:before {
    font-size: 1.42857rem ;
    width: 1.42857rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-link:before {
    content: "\e969"; }
  .modal.left .modal-part.modal-ico-part-calendar {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-calendar:before {
    font-size: 1.42857rem ;
    width: 1.25rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-calendar:before {
    content: "\e968"; }
  .modal.left .modal-part.modal-ico-part-user {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-user:before {
    font-size: 1.42857rem ;
    width: 1.42857rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-user:before {
    content: "\e967"; }
  .modal.left .modal-part.modal-ico-part-share {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-share:before {
    font-size: 1.42857rem ;
    width: 1.25rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-share:before {
    content: "\e96b"; }
  .modal.left .modal-part.modal-ico-part-settings {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-settings:before {
    font-size: 1.42857rem ;
    width: 1.42857rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-settings:before {
    content: "\e96a"; }
  .modal.left .modal-part.modal-ico-part-list {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-list:before {
    font-size: 1.42857rem ;
    width: 1.42857rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-list:before {
    content: "\e977"; }
  .modal.left .modal-part.modal-ico-part-font {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-font:before {
    font-size: 1.42857rem ;
    width: 1.25rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-font:before {
    content: "\e97c"; }
  .modal.left .modal-part.modal-ico-part-indent {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-indent:before {
    font-size: 1.42857rem ;
    width: 1.25rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-indent:before {
    content: "\e97d"; }
  .modal.left .modal-part.modal-ico-part-ol-list {
    text-decoration: none;
    position: relative; }
  .modal.left .modal-part.modal-ico-part-ol-list:before {
    font-size: 1.42857rem ;
    width: 1.42857rem ;
    height: 1.42857rem ;
    position: absolute;
    right: auto;
    left: 0 ;
    margin-left: 0;
    top: 0.35714rem ; }
  .modal.left .modal-part.modal-ico-part-ol-list:before {
    content: "\e97b"; }

.modal.left.fade .modal-dialog {
  left: -360px;
  -webkit-transition: opacity 0.2s linear, left 0.2s ease-out;
  -moz-transition: opacity 0.2s linear, left 0.2s ease-out;
  -o-transition: opacity 0.2s linear, left 0.2s ease-out;
  transition: opacity 0.2s linear, left 0.2s ease-out; }

.modal.left.fade.show .modal-dialog {
  left: 0; }
/* right side modal */
.modal.right.fade .modal-dialog {
  right: -360px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out; }

.modal.right.fade.show .modal-dialog {
  right: 0; }

.notifications .notification-icon, .notifications .notification-counter {
  display: inline-block; }
  .notifications .notification-icon {
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    color: #a4aeb3; }
  .notifications .notification-counter {
    position: absolute;
    top: -8px;
    right: -4px;
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    border-radius: 50%;
    text-align: center;
    background-color: #d0021b;
    color: #fff;
    box-shadow: 0px 0px 0px 2px #fff;
    transition: opacity 0.2s ease-in-out; }
  .notifications.active .notification-icon {
    color: #74c078; }
  .notifications.active .notification-counter {
    visibility: visible;
    opacity: 1; }
  .notifications.active .show-if-active {
    display: initial; }
  .notifications .show-if-active {
    display: none; }
  .notifications.show .notification-icon {
    color: #74c078; }
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.range-slider-bar {
  margin: 10px 10px 20px 10px; }

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  position: absolute; }

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 6px; }

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  left: -10px;
  top: -7px;
  border-radius: 50%; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 20px;
  height: 20px;
  left: -6px;
  top: -17px;
  border-radius: 50%; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -10px;
  left: auto; }
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #d1d6d8;
  border-radius: 4px; }

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background: #d1d6d8; }
  .noUi-connect.active {
    background: #74c078; }
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 2px solid #f3f5f5;
  border-radius: 3px;
  background: #74c078;
  cursor: default; }
  .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 12px;
    width: 12px;
    background: #f3f5f5;
    left: 2px;
    top: 2px;
    border-radius: 50%; }
  .noUi-handle.active:after {
    opacity: 0;
    visibility: hidden; }
/* Handle stripes;
 */
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #b8b8b8; }

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
  cursor: not-allowed; }
/* Base;
 *
 */
.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #ccc; }

.noUi-marker-sub {
  background: #aaa; }

.noUi-marker-large {
  background: #aaa; }
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }
/* DMS select */
.bootstrap-select.selectbox-md {
  /*@include rem(height, 42px);*/ }
  .bootstrap-select.selectbox-md > .dropdown-toggle {
    padding: 11px 30px 10px 20px;
    font-weight: 400;
    border-radius: 4px; }
  .bootstrap-select.selectbox-md > .dropdown-toggle:focus {
    border-radius: 4px; }

.sortable-placeholder-inner {
  width: 100%;
  height: 100%;
  border: 1px dashed #74c078;
  background: rgba(116, 192, 120, 0.05);
  border-radius: 0.28571rem; }
  .vertical-menu li {
    font-weight: 700;
    text-transform: uppercase;
    color: #a4aeb3;
    padding-left: 0.85714rem ;
    font-size: 0.85714rem ; }
  .vertical-menu li.vertical-menu-item {
    padding-left: 0;
    text-transform: none; }
  .vertical-menu li:before {
    display: none; }
  .vertical-menu-item {
    color: #d1d6d8; }
  .vertical-menu-link {
    text-decoration: none;
    color: #455a64 !important;
    background: transparent;
    display: block;
    border-radius: 4px;
    padding: 0.42857rem 0.85714rem ;
    font-size: 1rem ; }
  .vertical-menu-link:hover {
    background-color: rgba(209, 214, 216, 0.5);
    text-decoration: none; }
  .vertical-menu-link.active {
    background: #74c078;
    color: #fff !important; }