/* input */
.fileuploader-theme-boxafter {
    padding-top: 0.1px;
}
.fileuploader-theme-boxafter .fileuploader-input {
    display: block;
    margin-top: 48px;
    padding: 28px 0;
    background: rgba(120, 155, 236, 0.06);
    border: 2px dashed #d5dee8;
    border-radius: 14px;
    text-align: center;
    color: #bbc2d4;
    transition: all 0.2s ease;
}
.fileuploader-theme-boxafter .fileuploader-input h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.fileuploader-theme-boxafter .fileuploader-input h3 a {
    color: #789bec;
    text-decoration: none;
    font-weight: 700;
}
.fileuploader-theme-boxafter .fileuploader-input-button {
    position: absolute !important;
    top: -24px !important;;
    right: 12px !important;;
    width: 48px !important;;
    height: 48px !important;;
    padding: 0 !important;;
    font-size: 22px !important;;
    font-weight: 400 !important;;
    line-height: 48px !important;;
    border-radius: 50% !important;;
    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;;
}
.fileuploader-theme-boxafter .fileuploader-input.fileuploader-dragging {
    transform: scale(1.03);
    background: rgba(120, 155, 236, 0.1);
}

/* list */
.fileuploader-theme-boxafter .fileuploader-items {
    margin-top: -1px;
}
.fileuploader-theme-boxafter .fileuploader-items .fileuploader-item .fileuploader-progressbar {
    flex: 0;
    bottom: -6px;
    margin-left: 52px;
    width: calc(100% - 52px);
    background: rgba(0,0,0,0.06);
}

@charset "UTF-8";
/**
 * fileuploader
 * Copyright (c) 2020 Innostudio.de
 * Website: https://innostudio.de/fileuploader/
 * Version: 2.2 (12-Mar-2020)
 * Requires: jQuery v1.7.1 or later
 * License: https://innostudio.de/fileuploader/documentation/#license
 */
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action], .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action], .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item span.fileuploader-action-popup, .fileuploader-input .fileuploader-input-caption, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}

.fileuploader-popup .fileuploader-popup-node, .fileuploader-popup, .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item {
  -webkit-animation: fileuploaderFadeIn 0.2s ease;
  animation: fileuploaderFadeIn 0.2s ease;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  display: inline-block;
  margin: 0;
  padding: 14px 22px;
  border: none;
  border-radius: 30px;
  outline: 0;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  background: #e6ebf4;
  color: #90a0bc;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover {
  background: #edf1f7;
  transform: translateY(-1px);
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active {
  background: #dfe5f1;
  transform: translateY(1px);
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button {
  background: #9658FE;
  background: linear-gradient(135deg, #3A8FFE 0%, #9658FE 100%);
  background-size: 140% auto;
  background-position: center;
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover, .fileuploader-input .fileuploader-input-button:hover {
  background-position: left;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active, .fileuploader-input .fileuploader-input-button:active {
  background-position: right;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(2px);
}

.fileuploader-popup.loading:after, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after, .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after, .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
  content: "";
  position: absolute;
  min-width: 24px;
  min-height: 24px;
  max-width: 48px;
  max-height: 48px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=") no-repeat center;
  background-size: contain;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after, .fileuploader-popup .fileuploader-popup-move:after, .fileuploader-popup.loading:after, .fileuploader-items .fileuploader-item .fileuploader-item-icon i, .fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.fileuploader-items .fileuploader-item .progress-bar2 span, .fileuploader-items .fileuploader-item .fileuploader-action {
  top: 50%;
  transform: translateY(-50%);
}

.fileuploader-popup .fileuploader-cropper,
.fileuploader-popup .fileuploader-cropper *, .fileuploader-popup .fileuploader-popup-move, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action], .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon, .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-input .fileuploader-input-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* configuration */
.fileuploader,
.fileuploader *,
.fileuploader :before,
.fileuploader :after,
.fileuploader-popup,
.fileuploader-popup *,
.fileuploader-popup :before,
.fileuploader-popup :after {
  box-sizing: border-box;
}

.fileuploader,
.fileuploader-popup {
  font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  text-align: left;
}

.fileuploader .column-actions button,
.fileuploader-popup button {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  font: inherit;
  background: none;
  box-shadow: none;
}

.fileuploader button:focus:not(.btn),
.fileuploader-popup button:focus:not(.btn) {
  outline: 0;
}

/* main */
.fileuploader {
  display: block;
  width: 100%;
  padding: 16px;
  margin: 16px 0;
  background: #fafbfd;
  border-radius: 6px;
}

.fileuploader-icon-main {
  display: inline-block;
  font-size: 18px;
  color: #789BEC;
}

/* input */
.fileuploader-input {
  position: relative;
  display: flex;
  border: 1px solid transparent;
  border-radius: 30px;
  cursor: pointer;
}
.fileuploader-input .fileuploader-input-caption {
  position: relative;
  display: inline-block;
  flex: 1;
  align-self: flex-start;
  padding: 13px 16px;
  margin-right: 16px;
  background: #fff;
  border: 1px solid #ebeef1;
  border-radius: 30px;
  color: #789BEC;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.01);
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /*
  .fileuploader.fileuploader-is-uploading & {
      padding-left: 40px;

      &:after {
          @extend %fileuploader-loader;
          left: 10px;
          top: 50%;
          margin-top: -12px;
      }
  }
  */
}
.fileuploader-focused .fileuploader-input .fileuploader-input-caption {
  border-color: #789BEC;
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 22px;
  margin-right: 6px;
}
.fileuploader-input.fileuploader-dragging {
  background: #fff;
  border: 1px solid #ebeef1;
  border-style: dashed;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
  border-color: transparent;
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-button {
  transform: translateX(100%);
  opacity: 0;
}
.fileuploader-disabled .fileuploader-input {
  opacity: 0.7;
  cursor: default;
  pointer-events: none !important;
}

/* items */
.fileuploader-items .fileuploader-items-list {
  display: block;
  margin: 0 -16px;
  padding: 0;
  list-style: none;
}
.fileuploader-items .fileuploader-item {
  position: relative;
  margin: 0;
  padding: 20px 16px 20px 22px;
  border-bottom: 1px solid #ebeef1;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
.fileuploader-items .fileuploader-item:last-child {
  border-bottom: 0;
  margin-bottom: -16px;
}
.fileuploader-items .fileuploader-item.upload-failed {
  background: rgba(254, 84, 111, 0.06);
}
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 36px;
  height: 36px;
}
.fileuploader-items .fileuploader-item .columns {
  position: relative;
  display: flex;
  z-index: 2;
}
.fileuploader-items .fileuploader-item .column-thumbnail {
  position: relative;
  width: 36px;
  height: 36px;
}
.fileuploader-items .fileuploader-item .column-title {
  flex: 1;
  padding-left: 16px;
  padding-right: 16px;
  color: #74809D;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .column-title a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #74809D;
  text-decoration: none;
}
.fileuploader-items .fileuploader-item .column-title div {
  width: 100%;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .column-title span {
  font-size: 12px;
  color: #979fb8;
}
.fileuploader-items .fileuploader-item .column-actions {
  margin: 0 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
  content: "";
  width: 50%;
  height: 50%;
}
.fileuploader-items .fileuploader-item .fileuploader-item-image img,
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas {
  position: absolute;
  max-width: none;
  max-height: 100%;
  background: #fff;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
  cursor: default;
  background-color: #ddd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
  color: #888;
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i {
  position: absolute;
  display: block;
  width: 90%;
  font-style: normal;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 56, 71, 0.2);
  border-radius: 6px;
  cursor: pointer;
  opacity: 0;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
  opacity: 1;
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
  background: rgba(43, 56, 71, 0.4);
}
.fileuploader-items .fileuploader-item .fileuploader-action {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #c0c6d2;
  cursor: pointer;
  vertical-align: top;
  text-align: center;
}
.fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action {
  margin-left: 16px;
}
.fileuploader-items .fileuploader-item .fileuploader-action:hover {
  color: #789BEC;
}
.fileuploader-items .fileuploader-item .fileuploader-action:active {
  color: #668ee9;
}
.fileuploader-items .fileuploader-item .fileuploader-action i {
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 20px;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove {
  color: #fff;
  background: #FE7676;
  border-radius: 50%;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
  font-size: 14px;
  text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover {
  background-color: #fe8a8a;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:active {
  background-color: #fe6262;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success {
  color: #fff;
  background: #43D084;
  border-radius: 50%;
  box-shadow: -1px 1px 6px rgba(67, 208, 132, 0.8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i {
  font-size: 14px;
  text-shadow: none;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover {
  background-color: #53d48f;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:active {
  background-color: #33cc79;
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
  content: "";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover, .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active {
  background: #FE7676;
  box-shadow: -1px 1px 6px rgba(254, 118, 118, 0.8);
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover i:before, .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active i:before {
  content: "";
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active {
  background-color: #fe6262;
}
.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
  display: block;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 6px;
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 6px;
  background: #789BEC;
  box-shadow: 0 4px 8px -1px rgba(120, 155, 236, 0.6);
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 0;
  background: rgba(104, 125, 219, 0.08);
  box-shadow: none;
}
.fileuploader-items .fileuploader-item .progress-bar2 span {
  position: absolute;
  right: 16px;
  color: rgba(151, 159, 184, 0.16);
  font-size: 48px;
}
.fileuploader-items .fileuploader-item.sorting {
  background: #fafbfd;
  border-radius: 6px;
  opacity: 0.8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 799;
}
.fileuploader-items .fileuploader-item.sorting, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon, .fileuploader-items .fileuploader-item.sorting .fileuploader-action {
  -webkit-animation: none;
  animation: none;
}
.fileuploader-items .fileuploader-sorter-placeholder {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0;
  -webkit-animation: none;
  animation: none;
}

/* file extensions */
.file-type-image .fileuploader-item-icon {
  background-color: #3982fe !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7,8.5C7,7.119,8.119,6,9.5,6S12,7.119,12,8.5S10.881,11,9.5,11S7,9.881,7,8.5z M14.5,11l-4,6l-2-3L5,19h15L14.5,11z'/%3E%3C/svg%3E");
}
.file-type-image .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-type-audio .fileuploader-item-icon {
  background-color: #66d043 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13.21,5h-1.07v9.613c-0.685-0.381-1.62-0.504-2.58-0.271c-1.687,0.405-2.812,1.753-2.511,3.007c0.3,1.254,1.913,1.939,3.6,1.533c1.544-0.369,2.615-1.527,2.558-2.682h0.003V8.34c1.752,1.296,3.29,1.123,3.575,4.21C20.188,7.362,13.354,7.498,13.21,5z'/%3E%3C/svg%3E");
}
.file-type-audio .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-type-video .fileuploader-item-icon {
  background-color: #9868ff !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.81 11.28L8.487 6.107a.622.642 0 0 0-.326-.1c-.326 0-.592.28-.592.623h-.003l.003 10.738c0 .344.266.623.592.623.123 0 .225-.044.335-.106l8.315-5.166a.91.94 0 0 0 .323-.72.96.96 0 0 0-.323-.721z'/%3E%3C/svg%3E");
}
.file-type-video .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-rar .fileuploader-item-icon,
.file-ext-zip .fileuploader-item-icon {
  background-color: #ffd236 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6,11h12v2H6V11z M6,15h8v2H6V15z M6,7h12v2H6V7z'/%3E%3C/svg%3E");
}
.file-ext-rar .fileuploader-item-icon i,
.file-ext-zip .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-pdf .fileuploader-item-icon {
  background-color: #ef5350 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.61 13.224c-.336-.115-.752-.16-1.242-.15l-.84.06-.952.158-.906-.958c-.662-.808-1.23-1.684-1.732-2.6l.257-.608.283-.825c.153-.528.227-.985.192-1.37-.117-1.353-.86-2.218-1.9-2.127S9.164 5.88 9.28 7.23c.03.354.16.752.37 1.196a8.11 8.11 0 0 0 .396.743l.56.846-.132.35-1.12 2.846-.705 1.628-.068.012-.797.17-.838.24c-.52.178-.937.38-1.232.63-1.04.87-1.324 1.978-.658 2.77s1.807.707 2.848-.164c.272-.23.523-.563.77-.988a8.87 8.87 0 0 0 .381-.75c.078-.17.137-.35.207-.522l.173-.364 3.614-1 1.18-.256.47.502.64.595c.42.354.808.606 1.174.733 1.283.442 2.376.115 2.712-.862s-.326-1.917-1.6-2.36zM10.88 5.94c.314-.028.595.3.663 1.09.02.215-.034.546-.15.95l-.263.79-.454-.83c-.156-.333-.248-.613-.265-.807-.068-.79.154-1.162.47-1.2zM7.683 16.947c-.183.32-.36.555-.5.68-.606.508-1.04.54-1.242.298s-.096-.66.51-1.168c.166-.14.467-.286.864-.42l.8-.24-.423.85zm5.104-3.19l-2.74.735.353-.847.193-.475.807-2.082c.417.673.878 1.344 1.4 1.976l.5.58-.524.114zm5.35 1.452c-.103.298-.517.422-1.265.163-.203-.07-.484-.254-.805-.524l-.617-.562.947-.075c.367-.01.66.022.844.086.748.258.998.612.896.912z'/%3E%3C/svg%3E");
}
.file-ext-pdf .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-doc .fileuploader-item-icon,
.file-ext-docx .fileuploader-item-icon,
.file-ext-rtf .fileuploader-item-icon {
  background-color: #2372ba !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM7.974 8.5h-1.33l.922 7h1.708l.73-5.22.702 5.22h1.714l.938-7h-1.26l-.645 5.613L10.72 8.5h-1.4l-.77 5.613L7.974 8.5zM19 6h-3v12h3V6z'/%3E%3C/svg%3E");
}
.file-ext-doc .fileuploader-item-icon i,
.file-ext-docx .fileuploader-item-icon i,
.file-ext-rtf .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-xls .fileuploader-item-icon,
.file-ext-xlsx .fileuploader-item-icon {
  background-color: #14a73c !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM19 6h-3v12h3V6zm-6.148 9.5l-2.08-3.5 2.043-3.5H11.57l-1.244 2.246c-.047.196-.125.382-.232.554-.088-.173-.158-.354-.21-.54l-1.2-2.26H7.338L9.33 12l-2.182 3.5h1.338l1.396-2.416c.066-.14.117-.385.14-.385a1.58 1.58 0 0 1 .131.385l1.38 2.416h1.32z'/%3E%3C/svg%3E");
}
.file-ext-xls .fileuploader-item-icon i,
.file-ext-xlsx .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-pps .fileuploader-item-icon,
.file-ext-ppsx .fileuploader-item-icon,
.file-ext-ppt .fileuploader-item-icon,
.file-ext-pptx .fileuploader-item-icon {
  background-color: #f26522 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11,13h6.975c-0.256,3.355-3.054,6-6.475,6C7.91,19,5,16.09,5,12.5c0-3.421,2.645-6.219,6-6.475V13zM13,5.025V11h5.975C18.731,7.811,16.189,5.269,13,5.025z'/%3E%3C/svg%3E");
}
.file-ext-pps .fileuploader-item-icon i,
.file-ext-ppsx .fileuploader-item-icon i,
.file-ext-ppt .fileuploader-item-icon i,
.file-ext-pptx .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-psd .fileuploader-item-icon {
  background-color: #3172eb !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.853 11.374h.61c.57 0 .997-.112 1.28-.338s.424-.553.424-.983c0-.435-.12-.755-.356-.962S9.2 8.78 8.695 8.78h-.842v2.595zm4.183-1.387c0 .94-.293 1.66-.88 2.157s-1.424.747-2.507.747h-.796V16H6V7.262h2.79c1.06 0 1.867.228 2.417.683s.83 1.137.828 2.042zM18 14.016c0 .686-.238 1.207-.714 1.565s-1.188.538-2.137.538a6.63 6.63 0 0 1-1.243-.098c-.33-.063-.652-.16-.96-.29v-1.506c.367.17.75.303 1.144.4a4.66 4.66 0 0 0 1.122.161c.66 0 .99-.2.99-.573.005-.13-.042-.256-.13-.35a1.93 1.93 0 0 0-.454-.305c-.214-.112-.5-.244-.86-.397-.514-.215-.892-.414-1.133-.597-.225-.164-.405-.38-.526-.63-.11-.24-.163-.53-.163-.877 0-.594.23-1.053.69-1.377s1.112-.487 1.958-.487c.804 0 1.588.175 2.35.525l-.552 1.315c-.307-.134-.62-.25-.938-.353-.287-.092-.588-.138-.89-.138-.54 0-.807.146-.807.437 0 .163.085.305.26.424s.552.297 1.14.532c.52.21.904.408 1.147.592s.422.395.537.633.173.527.173.858z'/%3E%3C/svg%3E");
}
.file-ext-psd .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-ai .fileuploader-item-icon {
  background-color: #ff9e00 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.58 16l-.6-2.072H8.964L8.364 16h-1.89l2.922-8.738h2.145L14.473 16H12.58zm-1.02-3.618l-.937-3.185-.15-.582-1.07 3.767h2.155zm3.452-4.756c0-.59.328-.886.986-.886s.986.294.986.886c0 .282-.078.502-.244.656-.164.16-.412.238-.742.238-.658 0-.986-.298-.986-.894zM16.908 16h-1.816V9.347h1.816V16z'/%3E%3C/svg%3E");
}
.file-ext-ai .fileuploader-item-icon i {
  visibility: hidden;
  color: #fff;
}

.file-ext-txt .fileuploader-item-icon {
  background-color: #454545 !important;
}
.file-ext-txt .fileuploader-item-icon i {
  color: #fff !important;
}

.file-ext-css .fileuploader-item-icon {
  background-color: #26a69a !important;
}
.file-ext-css .fileuploader-item-icon i {
  color: #fff !important;
}

.file-ext-html .fileuploader-item-icon {
  background-color: #cf33a8 !important;
}
.file-ext-html .fileuploader-item-icon i {
  color: #fff !important;
}

/* popup */
.fileuploader-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #191d1e;
  z-index: 1090;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.fileuploader-popup.loading:after {
  width: 48px;
  height: 48px;
  z-index: 8;
}
.fileuploader-popup .fileuploader-popup-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-node {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  padding: 80px 56px 64px;
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-node.is-zoomed {
  display: block;
}
.fileuploader-popup .fileuploader-popup-node .reader-node {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  transform: translateZ(0);
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable {
  cursor: -webkit-grab;
  cursor: grab;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving, .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point, .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,
.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.fileuploader-popup .fileuploader-popup-node.node-image .reader-node > img, .fileuploader-popup .fileuploader-popup-node.node-video .reader-node > video, .fileuploader-popup .fileuploader-popup-node.node-audio .reader-node > audio, .fileuploader-popup .fileuploader-popup-node.node-astext .reader-node > div {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #47525d;
  background: #fafafa;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  transform: translateZ(0);
  border-radius: 0;
  outline: 0;
}
.fileuploader-popup .fileuploader-popup-node.node-audio .reader-node audio {
  width: 450px;
  border-radius: 34px;
}
.fileuploader-popup .fileuploader-popup-node.node-application .reader-node iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
}
.fileuploader-popup .fileuploader-popup-node.node-astext .reader-node div {
  max-width: 992px;
  padding: 20px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  overflow-y: auto;
  white-space: pre-wrap;
}
.fileuploader-popup .fileuploader-popup-node.has-node-centered {
  display: block;
}
.fileuploader-popup .fileuploader-popup-node.has-node-centered .reader-node {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+") no-repeat center;
  background-size: contain;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
  position: absolute;
  bottom: 14px;
  left: 0;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  max-width: 100%;
  background-image: none;
  word-wrap: break-word;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color {
  color: #888;
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i {
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  white-space: nowrap;
  visibility: visible;
}
.fileuploader-popup .fileuploader-popup-content {
  color: #fdfdfd;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.fileuploader-popup .fileuploader-popup-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fileuploader-popup .fileuploader-popup-content ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.fileuploader-popup .fileuploader-popup-content ul li + li {
  margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child {
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span {
  display: block;
  color: #80868b;
  font-size: 14px;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 {
  max-width: 100%;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty) {
  flex: 1;
  margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
  margin-left: 16px;
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  padding: 14px 24px;
  text-shadow: none;
}
.fileuploader-popup .fileuploader-popup-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] {
  display: inline-block;
  padding: 16px;
  padding-bottom: 13px;
  cursor: pointer;
  text-decoration: none;
  color: #fdfdfd;
  border-bottom: 3px solid transparent;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] i {
  display: inline-block;
  font-size: 18px;
  margin-top: -4px;
  margin-right: 6px;
  vertical-align: middle;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action]:hover {
  border-bottom-color: #789BEC;
  color: #fff;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
  font-size: 14px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  border: none;
  border-radius: 50%;
  padding: 0;
  vertical-align: middle;
  color: #fdfdfd;
  background: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input {
  display: inline-block;
  -webkit-appearance: none;
  width: 130px;
  padding: 0;
  margin: 0 16px;
  vertical-align: middle;
  background: transparent;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus {
  outline: none;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789BEC;
  border-radius: 6px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789BEC;
  border-radius: 6px;
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  margin-left: 6px;
  color: #fff;
  vertical-align: middle;
}
.fileuploader-popup .fileuploader-popup-move {
  position: absolute;
  display: none;
  width: 56px;
  height: 100%;
  font-size: 24px;
  bottom: 0;
  left: 0;
  color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.fileuploader-popup .fileuploader-popup-move:hover {
  opacity: 1;
}
.fileuploader-popup .fileuploader-popup-move:after {
  position: absolute;
}
.fileuploader-popup .fileuploader-popup-move[data-action=next] {
  left: auto;
  right: 0;
}
.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
  display: inline-block;
}
.fileuploader-popup .fileuploader-cropper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 20, 27, 0.65);
  z-index: 9;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 2;
  transform: translateZ(0);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
  content: "";
  position: absolute;
  border: 1px solid rgba(250, 250, 250, 0.8);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 1;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
  top: 0;
  left: 50%;
  height: 100%;
  width: 34%;
  border-top: 0;
  border-bottom: 0;
  transform: translateX(-50%);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
  top: 50%;
  left: 0;
  height: 34%;
  width: 100%;
  border-left: 0;
  border-right: 0;
  transform: translateY(-50%);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after {
  opacity: 1;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 3;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a {
  top: -12px;
  left: -12px;
  cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b {
  top: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: n-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c {
  top: -12px;
  right: -12px;
  cursor: ne-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d {
  top: 50%;
  right: -12px;
  margin-top: -12px;
  cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e {
  bottom: -12px;
  right: -12px;
  cursor: nw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f {
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: s-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g {
  bottom: -12px;
  left: -12px;
  cursor: sw-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h {
  left: -12px;
  top: 50%;
  margin-top: -12px;
  cursor: w-resize;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: move;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: top left;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info {
  position: absolute;
  bottom: -12px;
  left: 50%;
  color: #fff;
  font-family: sans-serif;
  line-height: 1;
  font-size: 12px;
  text-align: center;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 14px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-50%) translateY(100%);
  transition: all 0.4s ease;
  z-index: 2;
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info {
  opacity: 0;
}

/* responsive */
@media all and (max-width: 768px) {
  .fileuploader-popup .fileuploader-popup-header {
    display: block;
    padding: 0;
  }
  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
    padding: 16px;
  }
  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
    position: fixed;
    left: 0;
    bottom: 16px;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .fileuploader-popup .fileuploader-popup-node {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 117px;
  }
  .fileuploader-popup .fileuploader-popup-footer {
    bottom: 61px;
    background: none;
  }
  .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
    display: none;
  }
  .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover {
    border-color: transparent;
  }
  .fileuploader-popup .fileuploader-popup-move {
    width: 30px;
  }
  .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* animation */
@-webkit-keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mobile-toggle-left {
  color: #3c4b64;
  font-size: 28px;
  cursor: pointer;
  width: 45px;
  display: inline-block;
}
@media (min-width: 1200px) {
  .mobile-toggle-left {
    display: none;
  }
}
.mobile-toggle-left:after {
  font-family: "Material-Design-Iconic-Font";
  content: "";
  transition: all ease 0.3s;
}
.mobile-toggle-left.collapsed, .mobile-toggle-left:hover {
  color: #3c4b64;
}
.mobile-toggle-left.collapsed:after, .mobile-toggle-left:hover:after {
  content: "";
  transform: rotate(180deg);
}

[canvas=container] {
  background: none;
}

.mobile-slidebar {
  background-color: #3c4b64;
  width: 250px;
  overflow: hidden;
  overflow-y: auto;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  top: 0px;
  height: calc(100%);
  position: fixed;
  bottom: 0;
  z-index: 1040;
}
@media (min-width: 1200px) {
  .mobile-slidebar {
    margin-left: -250px;
    display: block;
    transition-duration: 300ms;
    transform: translate(250px, 0px);
  }
}
.mobile-slidebar .mobile-slidebar-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
  position: absolute !important;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar-thumb {
  background-color: #3c4b64;
  border-radius: 100px;
}
.mobile-slidebar .mobile-slidebar-block {
  padding: 0 20px;
}
.mobile-slidebar .mobile-slidebar-block .mobile-slidebar-block-title {
  font-weight: 400;
  margin-bottom: 20px;
}
.mobile-slidebar .mobile-slidebar-block .mobile-slidebar-social {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mobile-slidebar .mobile-slidebar-header {
  min-height: 150px;
  /*background-image: url('../images/bg-slidebar.png');*/
  position: relative;
  background: #fff;
}
.mobile-slidebar .mobile-slidebar-header img {
  height: 60px;
  margin: 0 auto;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title {
  position: absolute;
  background-color: #293344;
  display: block;
  bottom: 0;
  width: 100%;
  vertical-align: middle;
  height: 50px;
  overflow: hidden;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t {
  float: right;
  margin-right: 20px;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t .fa-close {
  font-size: 18px;
  transition: all ease 0.3s;
  cursor: pointer;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t .fa-close:hover {
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title h3 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  word-spacing: -4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title h3 span {
  font-weight: 400;
}
.mobile-slidebar .mobile-slidebar-menu {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > a {
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #323f54;
}
.mobile-slidebar .mobile-slidebar-menu > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  float: right;
  content: "";
  transition: all ease 0.3s;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.collapsed {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link {
  background-color: #3c4b64;
  color: #fff;
  display: flex;
  flex-flow: row;
  align-items: center;
  font-weight: 400;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link:after {
  content: "";
  margin-left: auto;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link:hover:after {
  margin-right: 5px;
}
.mobile-slidebar .mobile-slidebar-menu > li > a:hover, .mobile-slidebar .mobile-slidebar-menu > li > a.active {
  background-color: #323f54;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > a > i {
  margin-right: 15px;
  font-size: 26px;
  width: 25px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a {
  display: block;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  background: #323f54;
  position: relative;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  float: right;
  content: "";
  transition: all ease 0.3s;
  position: absolute;
  right: 20px;
  top: 10px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.collapsed {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link {
  background-color: #323f54;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link:after {
  content: "";
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link:hover:after {
  margin-right: 5px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a:hover {
  background-color: #323f54;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a > i {
  margin-right: 15px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a {
  display: block;
  padding: 10px 20px;
  font-size: 13px;
  color: #fff;
  background-color: #323f54;
  position: relative;
  font-weight: 600;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a:hover {
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a > i {
  margin-right: 15px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  content: "";
  transition: all ease 0.3s;
  float: right;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.collapsed {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link:after {
  content: "";
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link.active {
  background-color: #38465e;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link:hover {
  background-color: #38465e;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link:hover:after {
  margin-right: 5px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li:last-child {
  border-bottom: #293344;
}
.mobile-slidebar.mobile-left {
  box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.21);
}
.mobile-slidebar.mobile-right {
  box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.21);
}
.divider {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.header.header .header-menu {
  list-style: none;
  margin: 0;
  padding: 15px 0;
}
.header.header .header-menu > li > a {
  color: #fff;
}
.header.header .header-menu > li:not(.pull-right) {
  float: left;
}
.header.header .header-menu > li:first-child {
  width: 30px;
}
.header.header .header-menu .header-menu-logo {
  text-transform: uppercase;
  font-size: 20px;
  padding: 5px 10px 5px 0;
}
.header.header .header-menu > li > .header-menu {
  padding-top: 5px;
}
.header.header .header-menu > li > .header-menu > li > a > i {
  font-size: 30px;
}

header.header {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  min-height: 70px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: fixed;
  z-index: 11;
  width: 100%;
  left: 250px;
  top: 0;
  padding: 0 20px;
  background: #92051e;
  width: calc(100% - 250px);
}
@media (max-width: 1199px) {
  header.header {
    left: 0;
    width: 100%;
  }
}

body {
  font-weight: 300;
}

.page-wrapper {
  margin-top: 110px;
}
.page-wrapper aside#sidebar {
  width: 300px;
}
.page-wrapper section.content {
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .page-wrapper section.content {
    padding-left: 280px;
  }
}

[canvas=container] {
  transform: none;
  -webkit-transform: none;
}

html, body {
  height: 100%;
  max-width: 1920px;
  margin: 0;
  overflow: visible;
}

main {
  padding-bottom: 60px;
}

a {
  color: #3c4b64;
  transition: all 0.4s ease;
}
a:hover, a:focus {
  text-decoration: none;
  color: #4f6384;
}

h1, h2, h3, h4, h5, h6 {
  color: #3c4b64;
  font-weight: 700;
}
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6 {
    font-size: 10vw;
  }
}

.btn,
.page-link {
  box-shadow: none !important;
}

.btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 25%;
  height: 100%;
  width: 50%;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in-out 0.5s;
  transform: scale(5, 5);
}

.btn:active::after {
  padding: 0;
  margin: 0;
  opacity: 0.2;
  transition: 0s;
  transform: scale(0, 0);
}

.service-container.bg-gradient-light {
  background: #ffffff linear-gradient(180deg, #ffffff, #fafafa) repeat-x !important;
}

.service-container + .service-container {
  margin-top: 30px;
}

.fixed-save-button-container {
  left: 250px;
  width: calc(100% - 250px);
  box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
  background: #ffff;
  padding: 10px;
  text-align: center;
  display: none;
}
.fixed-save-button-container .btn-float {
  line-height: initial;
  height: auto;
}
@media (max-width: 1199px) {
  .fixed-save-button-container {
    left: 0;
    width: 100%;
  }
}

body.login-screen {
  background: #3c4b64;
}

.login {
  overflow: hidden;
  height: 100vh;
  text-align: center;
  transition: background-color;
  transition-duration: 300ms;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-block {
  background: #fff;
  border-radius: 2px;
  max-width: 350px;
  width: 100%;
  vertical-align: middle;
  position: relative;
  display: none;
  text-align: left;
  box-shadow: 3px 6px 57px -12px rgba(0, 0, 0, 0.75);
}

.l-block.toggled {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 10;
  display: inline-block;
}

.lb-header {
  padding: 25px 30px;
  color: #000;
  border-radius: 1px 1px 0 0;
}

.lb-header i,
.lb-header .avatar-img {
  display: block;
  margin-bottom: 10px;
}

.lb-header .avatar-img {
  border: 2px solid #fff;
}

.lb-header i {
  font-size: 40px;
}

.lb-body {
  padding: 30px;
}

.lb-body a:hover {
  text-decoration: underline;
}

#profile-main {
  min-height: 500px;
  position: relative;
}

#profile-main .pm-overview {
  overflow-y: auto;
}

@media (min-width: 1200px) {
  #profile-main .pm-overview {
    width: 300px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #profile-main .pm-overview {
    width: 250px;
  }
}
@media (min-width: 768px) {
  #profile-main .pm-overview {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f8f8f8;
    border-right: 1px solid #eee;
  }
}
@media (max-width: 767px) {
  #profile-main .pm-overview {
    width: 100%;
    background: #333;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  #profile-main .pm-body {
    padding-left: 300px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #profile-main .pm-body {
    padding-left: 250px;
  }
}
@media (max-width: 767px) {
  #profile-main .pm-body {
    padding-left: 0;
  }
}
#profile-main .pmo-pic {
  position: relative;
  margin: 20px;
}

@media (min-width: 768px) {
  #profile-main .pmo-pic img {
    width: 100%;
    border-radius: 2px 2px 0 0;
  }
}
@media (max-width: 767px) {
  #profile-main .pmo-pic img {
    width: 180px;
    display: inline-block;
    height: 180px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
  }
}
#profile-main .pmo-pic .pmo-stat {
  border-radius: 0 0 2px 2px;
  color: #fff;
  text-align: center;
  padding: 30px 5px 0;
}

@media (min-width: 768px) {
  #profile-main .pmo-pic .pmo-stat {
    background: #ffc107;
    padding-bottom: 15px;
  }
}
#profile-main .pmo-pic .pmop-edit {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.38);
  text-align: center;
  padding: 10px 10px 11px;
  transition: opacity;
  transition-duration: 250ms;
}

#profile-main .pmo-pic .pmop-edit:hover {
  background: rgba(0, 0, 0, 0.8);
}

#profile-main .pmo-pic .pmop-edit i {
  font-size: 18px;
  vertical-align: middle;
  margin-top: -3px;
}

@media (min-width: 768px) {
  #profile-main .pmo-pic .pmop-edit {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
  }

  #profile-main .pmo-pic .pmop-edit i {
    margin-right: 4px;
  }
}
#profile-main .pmo-pic:hover .pmop-edit {
  opacity: 1;
  filter: alpha(opacity=100);
}

#profile-main .pmo-pic .pmop-message {
  position: absolute;
  bottom: 27px;
  left: 50%;
  margin-left: -25px;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu {
  padding: 5px 0 55px;
  left: -90px;
  width: 228px;
  height: 150px;
  top: -74px;
  transform-origin: center;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu textarea {
  width: 100%;
  height: 95px;
  border: 0;
  resize: none;
  padding: 10px 19px;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu button {
  bottom: 5px;
  left: 88px;
}

#profile-main .pmb-block {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  #profile-main .pmb-block {
    padding: 40px 42px 0;
  }
}
@media (max-width: 1199px) {
  #profile-main .pmb-block {
    padding: 30px 20px 0;
  }
}
#profile-main .pmb-block:last-child {
  margin-bottom: 50px;
}

#profile-main .pmb-block .pmbb-header {
  margin-bottom: 25px;
  position: relative;
}

#profile-main .pmb-block .pmbb-header .actions {
  position: absolute;
  top: -2px;
  right: 0;
}

#profile-main .pmb-block .pmbb-header h2 {
  margin: 0;
  font-weight: 100;
  font-size: 20px;
}

#profile-main .pmb-block .pmbb-edit {
  position: relative;
  z-index: 1;
  display: none;
}

#profile-main .pmb-block .pmbb-edit,
#profile-main .pmb-block .pmbb-view {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#profile-main .pmb-block.toggled .pmbb-edit {
  display: block;
}

#profile-main .pmb-block.toggled .pmbb-view {
  display: none;
}

#profile-main .pmo-block {
  padding: 25px;
}

#profile-main .pmo-block > h2 {
  font-size: 16px;
  margin: 0 0 15px;
}

#profile-main .pmo-items .pmob-body {
  padding: 0 10px;
}

#profile-main .pmo-items a {
  display: block;
  padding: 4px;
}

#profile-main .pmo-items a img {
  width: 100%;
}

.alertify-notifier .ajs-message.ajs-success {
  background: rgba(6, 129, 32, 0.9);
  color: #fff;
}

body {
  font-weight: 300;
}

.page-wrapper {
  margin-top: 110px;
}
.page-wrapper aside#sidebar {
  width: 300px;
}
.page-wrapper section.content {
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .page-wrapper section.content {
    padding-left: 280px;
  }
}

[canvas=container] {
  transform: none;
  -webkit-transform: none;
}

html, body {
  height: 100%;
  max-width: 1920px;
  margin: 0;
  overflow: visible;
}

main {
  padding-bottom: 60px;
}

a {
  color: #3c4b64;
  transition: all 0.4s ease;
}
a:hover, a:focus {
  text-decoration: none;
  color: #4f6384;
}

h1, h2, h3, h4, h5, h6 {
  color: #3c4b64;
  font-weight: 700;
}
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6 {
    font-size: 10vw;
  }
}

.btn,
.page-link {
  box-shadow: none !important;
}

.btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 25%;
  height: 100%;
  width: 50%;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in-out 0.5s;
  transform: scale(5, 5);
}

.btn:active::after {
  padding: 0;
  margin: 0;
  opacity: 0.2;
  transition: 0s;
  transform: scale(0, 0);
}

.service-container.bg-gradient-light {
  background: #ffffff linear-gradient(180deg, #ffffff, #fafafa) repeat-x !important;
}

.service-container + .service-container {
  margin-top: 30px;
}

.fixed-save-button-container {
  left: 250px;
  width: calc(100% - 250px);
  box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
  background: #ffff;
  padding: 10px;
  text-align: center;
  display: none;
}
.fixed-save-button-container .btn-float {
  line-height: initial;
  height: auto;
}
@media (max-width: 1199px) {
  .fixed-save-button-container {
    left: 0;
    width: 100%;
  }
}

body.login-screen {
  background: #3c4b64;
}

.login {
  overflow: hidden;
  height: 100vh;
  text-align: center;
  transition: background-color;
  transition-duration: 300ms;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-block {
  background: #fff;
  border-radius: 2px;
  max-width: 350px;
  width: 100%;
  vertical-align: middle;
  position: relative;
  display: none;
  text-align: left;
  box-shadow: 3px 6px 57px -12px rgba(0, 0, 0, 0.75);
}

.l-block.toggled {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 10;
  display: inline-block;
}

.lb-header {
  padding: 25px 30px;
  color: #000;
  border-radius: 1px 1px 0 0;
}

.lb-header i,
.lb-header .avatar-img {
  display: block;
  margin-bottom: 10px;
}

.lb-header .avatar-img {
  border: 2px solid #fff;
}

.lb-header i {
  font-size: 40px;
}

.lb-body {
  padding: 30px;
}

.lb-body a:hover {
  text-decoration: underline;
}

#profile-main {
  min-height: 500px;
  position: relative;
}

#profile-main .pm-overview {
  overflow-y: auto;
}

@media (min-width: 1200px) {
  #profile-main .pm-overview {
    width: 300px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #profile-main .pm-overview {
    width: 250px;
  }
}
@media (min-width: 768px) {
  #profile-main .pm-overview {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f8f8f8;
    border-right: 1px solid #eee;
  }
}
@media (max-width: 767px) {
  #profile-main .pm-overview {
    width: 100%;
    background: #333;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  #profile-main .pm-body {
    padding-left: 300px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #profile-main .pm-body {
    padding-left: 250px;
  }
}
@media (max-width: 767px) {
  #profile-main .pm-body {
    padding-left: 0;
  }
}
#profile-main .pmo-pic {
  position: relative;
  margin: 20px;
}

@media (min-width: 768px) {
  #profile-main .pmo-pic img {
    width: 100%;
    border-radius: 2px 2px 0 0;
  }
}
@media (max-width: 767px) {
  #profile-main .pmo-pic img {
    width: 180px;
    display: inline-block;
    height: 180px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
  }
}
#profile-main .pmo-pic .pmo-stat {
  border-radius: 0 0 2px 2px;
  color: #fff;
  text-align: center;
  padding: 30px 5px 0;
}

@media (min-width: 768px) {
  #profile-main .pmo-pic .pmo-stat {
    background: #ffc107;
    padding-bottom: 15px;
  }
}
#profile-main .pmo-pic .pmop-edit {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.38);
  text-align: center;
  padding: 10px 10px 11px;
  transition: opacity;
  transition-duration: 250ms;
}

#profile-main .pmo-pic .pmop-edit:hover {
  background: rgba(0, 0, 0, 0.8);
}

#profile-main .pmo-pic .pmop-edit i {
  font-size: 18px;
  vertical-align: middle;
  margin-top: -3px;
}

@media (min-width: 768px) {
  #profile-main .pmo-pic .pmop-edit {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
  }

  #profile-main .pmo-pic .pmop-edit i {
    margin-right: 4px;
  }
}
#profile-main .pmo-pic:hover .pmop-edit {
  opacity: 1;
  filter: alpha(opacity=100);
}

#profile-main .pmo-pic .pmop-message {
  position: absolute;
  bottom: 27px;
  left: 50%;
  margin-left: -25px;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu {
  padding: 5px 0 55px;
  left: -90px;
  width: 228px;
  height: 150px;
  top: -74px;
  transform-origin: center;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu textarea {
  width: 100%;
  height: 95px;
  border: 0;
  resize: none;
  padding: 10px 19px;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu button {
  bottom: 5px;
  left: 88px;
}

#profile-main .pmb-block {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  #profile-main .pmb-block {
    padding: 40px 42px 0;
  }
}
@media (max-width: 1199px) {
  #profile-main .pmb-block {
    padding: 30px 20px 0;
  }
}
#profile-main .pmb-block:last-child {
  margin-bottom: 50px;
}

#profile-main .pmb-block .pmbb-header {
  margin-bottom: 25px;
  position: relative;
}

#profile-main .pmb-block .pmbb-header .actions {
  position: absolute;
  top: -2px;
  right: 0;
}

#profile-main .pmb-block .pmbb-header h2 {
  margin: 0;
  font-weight: 100;
  font-size: 20px;
}

#profile-main .pmb-block .pmbb-edit {
  position: relative;
  z-index: 1;
  display: none;
}

#profile-main .pmb-block .pmbb-edit,
#profile-main .pmb-block .pmbb-view {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#profile-main .pmb-block.toggled .pmbb-edit {
  display: block;
}

#profile-main .pmb-block.toggled .pmbb-view {
  display: none;
}

#profile-main .pmo-block {
  padding: 25px;
}

#profile-main .pmo-block > h2 {
  font-size: 16px;
  margin: 0 0 15px;
}

#profile-main .pmo-items .pmob-body {
  padding: 0 10px;
}

#profile-main .pmo-items a {
  display: block;
  padding: 4px;
}

#profile-main .pmo-items a img {
  width: 100%;
}

.mobile-slidebar {
  background-color: #3c4b64;
  width: 300px;
  overflow: hidden;
}
.mobile-slidebar .mobile-slidebar-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
  position: absolute !important;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar-thumb {
  background-color: #3c4b64;
  border-radius: 100px;
}
.mobile-slidebar .mobile-slidebar-block {
  padding: 0 20px;
}
.mobile-slidebar .mobile-slidebar-block .mobile-slidebar-block-title {
  font-weight: 400;
  margin-bottom: 20px;
}
.mobile-slidebar .mobile-slidebar-block .mobile-slidebar-social {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mobile-slidebar .mobile-slidebar-header {
  min-height: 150px;
  /*background-image: url('../images/bg-slidebar.png');*/
  position: relative;
  background: #fff;
}
.mobile-slidebar .mobile-slidebar-header img {
  height: 60px;
  margin: 0 auto;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title {
  position: absolute;
  background-color: #293344;
  display: block;
  bottom: 0;
  width: 100%;
  vertical-align: middle;
  height: 50px;
  overflow: hidden;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t {
  float: right;
  margin-right: 20px;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t .fa-close {
  font-size: 18px;
  transition: all ease 0.3s;
  cursor: pointer;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t .fa-close:hover {
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title h3 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  word-spacing: -4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title h3 span {
  font-weight: 400;
}
.mobile-slidebar .mobile-slidebar-menu {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > a {
  display: block;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  background: #293344;
}
.mobile-slidebar .mobile-slidebar-menu > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  float: right;
  content: "";
  transition: all ease 0.3s;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.collapsed {
  background-color: #3c4b64;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link {
  background-color: #3c4b64;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link:after {
  content: "";
}
.mobile-slidebar .mobile-slidebar-menu > li > a:hover {
  background-color: #293344;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > a > i {
  margin-right: 15px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a {
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  background: #1f2734;
  position: relative;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  float: right;
  content: "";
  transition: all ease 0.3s;
  position: absolute;
  right: 20px;
  top: 10px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.collapsed {
  background-color: #3c4b64;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link {
  background-color: #1f2734;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link:after {
  content: "";
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a:hover {
  background-color: #293344;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a > i {
  margin-right: 15px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a {
  display: block;
  padding: 10px 20px;
  font-size: 16px;
  color: #ffffff;
  background-color: #323f54;
  position: relative;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a:hover {
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a > i {
  margin-right: 15px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  content: "";
  transition: all ease 0.3s;
  float: right;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.collapsed {
  background-color: #293344;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link {
  background-color: #1f2734;
  color: #ffffff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link:after {
  content: "";
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li:last-child {
  border-bottom: #293344;
}
.mobile-slidebar.mobile-left {
  box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.21);
}
.mobile-slidebar.mobile-right {
  box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.21);
}
.header-menu-logo {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-flow: column;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.2);
  height: 70px;
  font-weight: 500;
}
.header-menu-logo i {
  font-size: 30px;
  height: 35px;
  width: 35px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  color: #000;
  line-height: 35px;
}

.mobile-toggle-left {
  color: #3c4b64;
  font-size: 28px;
  cursor: pointer;
  width: 45px;
  display: inline-block;
}
@media (min-width: 1200px) {
  .mobile-toggle-left {
    display: none;
  }
}
.mobile-toggle-left:after {
  font-family: "Material-Design-Iconic-Font";
  content: "";
  transition: all ease 0.3s;
}
.mobile-toggle-left.collapsed, .mobile-toggle-left:hover {
  color: #3c4b64;
}
.mobile-toggle-left.collapsed:after, .mobile-toggle-left:hover:after {
  content: "";
  transform: rotate(180deg);
}

[canvas=container] {
  background: none;
}

.mobile-slidebar {
  background-color: #3c4b64;
  width: 250px;
  overflow: hidden;
  overflow-y: auto;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  top: 0px;
  height: calc(100%);
  position: fixed;
  bottom: 0;
  z-index: 1040;
}
@media (min-width: 1200px) {
  .mobile-slidebar {
    margin-left: -250px;
    display: block;
    transition-duration: 300ms;
    transform: translate(250px, 0px);
  }
}
.mobile-slidebar .mobile-slidebar-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
  position: absolute !important;
}
.mobile-slidebar .mobile-slidebar-container::-webkit-scrollbar-thumb {
  background-color: #3c4b64;
  border-radius: 100px;
}
.mobile-slidebar .mobile-slidebar-block {
  padding: 0 20px;
}
.mobile-slidebar .mobile-slidebar-block .mobile-slidebar-block-title {
  font-weight: 400;
  margin-bottom: 20px;
}
.mobile-slidebar .mobile-slidebar-block .mobile-slidebar-social {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mobile-slidebar .mobile-slidebar-header {
  min-height: 150px;
  /*background-image: url('../images/bg-slidebar.png');*/
  position: relative;
  background: #fff;
}
.mobile-slidebar .mobile-slidebar-header img {
  height: 60px;
  margin: 0 auto;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title {
  position: absolute;
  background-color: #293344;
  display: block;
  bottom: 0;
  width: 100%;
  vertical-align: middle;
  height: 50px;
  overflow: hidden;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t {
  float: right;
  margin-right: 20px;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t .fa-close {
  font-size: 18px;
  transition: all ease 0.3s;
  cursor: pointer;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title .mobile-slidebar-t .fa-close:hover {
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title h3 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  word-spacing: -4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.mobile-slidebar .mobile-slidebar-header .mobile-slidebar-title h3 span {
  font-weight: 400;
}
.mobile-slidebar .mobile-slidebar-menu {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > a {
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #323f54;
}
.mobile-slidebar .mobile-slidebar-menu > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  float: right;
  content: "";
  transition: all ease 0.3s;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.collapsed {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link {
  background-color: #3c4b64;
  color: #fff;
  display: flex;
  flex-flow: row;
  align-items: center;
  font-weight: 400;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link:after {
  content: "";
  margin-left: auto;
}
.mobile-slidebar .mobile-slidebar-menu > li > a.link:hover:after {
  margin-right: 5px;
}
.mobile-slidebar .mobile-slidebar-menu > li > a:hover, .mobile-slidebar .mobile-slidebar-menu > li > a.active {
  background-color: #323f54;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > a > i {
  margin-right: 15px;
  font-size: 26px;
  width: 25px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul {
  list-style-type: none;
  padding: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li {
  margin: 0;
  box-shadow: none;
  border: 0;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a {
  display: block;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  background: #323f54;
  position: relative;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  float: right;
  content: "";
  transition: all ease 0.3s;
  position: absolute;
  right: 20px;
  top: 10px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.collapsed {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link {
  background-color: #323f54;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link:after {
  content: "";
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a.link:hover:after {
  margin-right: 5px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a:hover {
  background-color: #323f54;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > ul > li > a > i {
  margin-right: 15px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a {
  display: block;
  padding: 10px 20px;
  font-size: 13px;
  color: #fff;
  background-color: #323f54;
  position: relative;
  font-weight: 600;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a:hover {
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a > i {
  margin-right: 15px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a:after {
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.2em;
  content: "";
  transition: all ease 0.3s;
  float: right;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.collapsed {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.collapsed:after {
  content: "";
  transform: rotate(180deg);
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link {
  background-color: #3c4b64;
  color: #fff;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link:after {
  content: "";
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link.active {
  background-color: #38465e;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link:hover {
  background-color: #38465e;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li > a.link:hover:after {
  margin-right: 5px;
}
.mobile-slidebar .mobile-slidebar-menu > li > ul > li:last-child {
  border-bottom: #293344;
}
.mobile-slidebar.mobile-left {
  box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.21);
}
.mobile-slidebar.mobile-right {
  box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.21);
}
.divider {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.header.header .header-menu {
  list-style: none;
  margin: 0;
  padding: 15px 0;
}
.header.header .header-menu > li > a {
  color: #fff;
}
.header.header .header-menu > li:not(.pull-right) {
  float: left;
}
.header.header .header-menu > li:first-child {
  width: 30px;
}
.header.header .header-menu .header-menu-logo {
  text-transform: uppercase;
  font-size: 20px;
  padding: 5px 10px 5px 0;
}
.header.header .header-menu > li > .header-menu {
  padding-top: 5px;
}
.header.header .header-menu > li > .header-menu > li > a > i {
  font-size: 30px;
}

header.header {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  min-height: 70px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: fixed;
  z-index: 11;
  width: 100%;
  left: 250px;
  top: 0;
  padding: 0 20px;
  background: #92051e;
  width: calc(100% - 250px);
}
@media (max-width: 1199px) {
  header.header {
    left: 0;
    width: 100%;
  }
}

dataTables_wrapper {
  position: relative;
}

.dataTables_filter, .dataTables_length {
  padding: 20px 30px;
}

.dataTables_filter label, .dataTables_length label {
  font-weight: 400;
}

.dataTables_length select {
  margin: 0 8px;
}

.dataTables_filter input, .dataTables_filter select, .dataTables_length input, .dataTables_length select {
  border: 1px solid #eee;
  height: 35px;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 100%;
  background-color: #fff;
}

.dataTables_wrapper .dataTables_filter {
  width: 40%;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter label {
  width: 100%;
}

.dataTables_wrapper .dataTables_filter input {
  margin: 0 !important;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_filter input, .dataTables_filter select, .dataTables_length input, .dataTables_length select {
  border: 1px solid #eee;
  height: 35px;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 100%;
  background-color: #fff;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter label {
  width: 100%;
}

.dataTables_filter label {
  position: relative;
  font-size: 0;
}

.dataTables_filter label:after {
  content: "";
  font-family: Material-Design-Iconic-Font;
  position: absolute;
  font-size: 18px;
  right: 15px;
  top: 5px;
}

.table > thead > tr > th {
  vertical-align: middle;
  font-weight: 500;
  color: #333;
  border-width: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #F5F5F5;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

.table .btn-group .btn {
  margin: 0 5px 0 0;
}

.dataTables_info, .dataTables_paginate {
  padding: 30px;
}

.dataTables_wrapper .dataTables_paginate .mdl-button.next, .dataTables_wrapper .dataTables_paginate .mdl-button.previous {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate .mdl-button.next.previous:after, .dataTables_wrapper .dataTables_paginate .mdl-button.previous.previous:after {
  content: "";
  font-family: Material-Design-Iconic-Font;
  font-size: 18px;
  position: relative;
  top: 5px;
}
.dataTables_wrapper .dataTables_paginate .mdl-button.next.next:after, .dataTables_wrapper .dataTables_paginate .mdl-button.previous.next:after {
  content: "";
  font-family: Material-Design-Iconic-Font;
  font-size: 18px;
  position: relative;
  top: 5px;
}

.dataTables_wrapper .dataTables_paginate .mdl-button.current, .dataTables_wrapper .dataTables_paginate .mdl-button.current:focus, .dataTables_wrapper .dataTables_paginate .mdl-button.current:hover {
  background: #3c4b64;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .mdl-button {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #3c4b64;
  vertical-align: top;
  color: #fff !important;
  margin: 0 2px;
  border: 0 !important;
  line-height: 21px;
  box-shadow: none !important;
}

table.dataTable thead th, table.dataTable thead td {
  padding-left: 10px;
}

.dataTables_wrapper .dataTables_length {
  padding-left: 0;
}

.dataTables_wrapper .dataTables_filter {
  padding-right: 0;
}

.dataTables_filter input, .dataTables_filter select, .dataTables_length input, .dataTables_length select {
  margin-left: 0;
  min-width: 75px;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 25px;
  padding-left: 0;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 20px;
  padding-right: 0;
}
.dataTables_wrapper .dataTables_paginate .pagination {
  margin: 0;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
  float: right;
}

.dt-bootstrap4 tbody tr > td:last-child {
  width: 1px;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_processing {
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
div.dataTables_wrapper div.dataTables_processing .inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
div.dataTables_wrapper div.dataTables_processing span {
  display: block;
  margin-top: 5px;
}

.btn-secondary.buttons-csv,
.btn-secondary.buttons-excel {
  color: #fff;
  background: #14a73c linear-gradient(180deg, #34b257, #14a73c) repeat-x;
  border-color: #14a73c;
}
.btn-secondary.buttons-csv:hover,
.btn-secondary.buttons-excel:hover {
  color: #fff;
  background: #108530 linear-gradient(180deg, #31954d, #108530) repeat-x;
  border-color: #0f792c;
}
.btn-secondary.buttons-csv:focus, .btn-secondary.buttons-csv.focus,
.btn-secondary.buttons-excel:focus,
.btn-secondary.buttons-excel.focus {
  color: #fff;
  background: #108530 linear-gradient(180deg, #31954d, #108530) repeat-x;
  border-color: #0f792c;
  box-shadow: 0 0 0 0.2rem rgba(55, 180, 89, 0.5);
}
.btn-secondary.buttons-csv.disabled, .btn-secondary.buttons-csv:disabled,
.btn-secondary.buttons-excel.disabled,
.btn-secondary.buttons-excel:disabled {
  color: #fff;
  background-color: #14a73c;
  border-color: #14a73c;
  background-image: none;
}
.btn-secondary.buttons-csv:not(:disabled):not(.disabled):active, .btn-secondary.buttons-csv:not(:disabled):not(.disabled).active, .show > .btn-secondary.buttons-csv.dropdown-toggle,
.btn-secondary.buttons-excel:not(:disabled):not(.disabled):active,
.btn-secondary.buttons-excel:not(:disabled):not(.disabled).active,
.show > .btn-secondary.buttons-excel.dropdown-toggle {
  color: #fff;
  background-color: #0f792c;
  background-image: none;
  border-color: #0d6e28;
}
.btn-secondary.buttons-csv:not(:disabled):not(.disabled):active:focus, .btn-secondary.buttons-csv:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.buttons-csv.dropdown-toggle:focus,
.btn-secondary.buttons-excel:not(:disabled):not(.disabled):active:focus,
.btn-secondary.buttons-excel:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.buttons-excel.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(55, 180, 89, 0.5);
}

div.dataTables_wrapper div.dataTables_length label {
  justify-content: flex-start;
}

div.dataTables_wrapper div.dataTables_filter label {
  justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_paginate {
  justify-content: flex-end;
  display: flex;
  flex-flow: row;
  align-items: center;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 25px;
}

.dataTables_wrapper {
  display: block !important;
}

.swal2-modal {
  border-radius: 2px;
  padding: 30px !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}
.swal2-modal .swal2-icon {
  margin-top: 0;
  margin-bottom: 20px;
}
.swal2-modal .swal2-title {
  font-size: 16px;
  position: relative;
  z-index: 1;
  color: #333;
  line-height: inherit;
  margin: 0 0 5px;
  font-weight: 500;
}
.swal2-modal .swal2-content {
  color: #777;
  font-size: 13px;
  font-weight: 400;
}
.swal2-modal .swal2-styled {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 2px;
  margin: 0 2px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  transition: all;
  transition-duration: 0.3s;
  box-shadow: none !important;
}
.swal2-modal .swal2-styled:not(:hover) {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.btn-float {
  height: 50px;
  line-height: 40px;
}
.btn-float i {
  font-size: 23px;
  transition: all 0.5s;
}
.btn-float span {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  top: -3px;
}
.btn-float:hover i {
  transform: rotate(360deg);
}

.btn:not(.btn-link) {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px, rgba(0, 0, 0, 0.12) 0px 2px 10px;
}

table .btn-group {
  display: flex;
  justify-content: flex-end;
}

.btn {
  position: relative;
}
.btn .link-badge {
  font-size: 11px;
  width: 15px;
  height: 15px;
  display: block;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  right: 3px;
}

.btn-facebook {
  color: #fff;
  background: #3b5998 linear-gradient(180deg, #556fa5, #3b5998) repeat-x;
  border-color: #2d4373;
}
.btn-facebook:hover {
  color: #fff;
  background: #2d4373 linear-gradient(180deg, #4a5d86, #2d4373) repeat-x;
  border-color: #1e2e4f;
}
.btn-facebook:focus, .btn-facebook.focus {
  color: #fff;
  background: #2d4373 linear-gradient(180deg, #4a5d86, #2d4373) repeat-x;
  border-color: #1e2e4f;
  box-shadow: 0 0 0 0.2rem rgba(77, 95, 136, 0.5);
}
.btn-facebook.disabled, .btn-facebook:disabled {
  color: #fff;
  background-color: #3b5998;
  border-color: #2d4373;
  background-image: none;
}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: #2d4373;
  background-image: none;
  border-color: #1b2945;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(77, 95, 136, 0.5);
}

.btn-outline-facebook {
  color: #3b5998;
  border-color: #3b5998;
}
.btn-outline-facebook:hover {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}
.btn-outline-facebook:focus, .btn-outline-facebook.focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}
.btn-outline-facebook.disabled, .btn-outline-facebook:disabled {
  color: #3b5998;
  background-color: transparent;
}
.btn-outline-facebook:not(:disabled):not(.disabled):active, .btn-outline-facebook:not(:disabled):not(.disabled).active, .show > .btn-outline-facebook.dropdown-toggle {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}
.btn-outline-facebook:not(:disabled):not(.disabled):active:focus, .btn-outline-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-facebook.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

.btn-twitter {
  color: #fff;
  background: #00aced linear-gradient(180deg, #23b6ed, #00aced) repeat-x;
  border-color: #0087ba;
}
.btn-twitter:hover {
  color: #fff;
  background: #0087ba linear-gradient(180deg, #2396c2, #0087ba) repeat-x;
  border-color: #006287;
}
.btn-twitter:focus, .btn-twitter.focus {
  color: #fff;
  background: #0087ba linear-gradient(180deg, #2396c2, #0087ba) repeat-x;
  border-color: #006287;
  box-shadow: 0 0 0 0.2rem rgba(38, 153, 196, 0.5);
}
.btn-twitter.disabled, .btn-twitter:disabled {
  color: #fff;
  background-color: #00aced;
  border-color: #0087ba;
  background-image: none;
}
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: #0087ba;
  background-image: none;
  border-color: #00597a;
}
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 153, 196, 0.5);
}

.btn-outline-twitter {
  color: #00aced;
  border-color: #00aced;
}
.btn-outline-twitter:hover {
  color: #fff;
  background-color: #00aced;
  border-color: #00aced;
}
.btn-outline-twitter:focus, .btn-outline-twitter.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 172, 237, 0.5);
}
.btn-outline-twitter.disabled, .btn-outline-twitter:disabled {
  color: #00aced;
  background-color: transparent;
}
.btn-outline-twitter:not(:disabled):not(.disabled):active, .btn-outline-twitter:not(:disabled):not(.disabled).active, .show > .btn-outline-twitter.dropdown-toggle {
  color: #fff;
  background-color: #00aced;
  border-color: #00aced;
}
.btn-outline-twitter:not(:disabled):not(.disabled):active:focus, .btn-outline-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-twitter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 172, 237, 0.5);
}

.btn-google-plus {
  color: #fff;
  background: #dd4b39 linear-gradient(180deg, #df6354, #dd4b39) repeat-x;
  border-color: #c23321;
}
.btn-google-plus:hover {
  color: #fff;
  background: #c23321 linear-gradient(180deg, #c84f40, #c23321) repeat-x;
  border-color: #96271a;
}
.btn-google-plus:focus, .btn-google-plus.focus {
  color: #fff;
  background: #c23321 linear-gradient(180deg, #c84f40, #c23321) repeat-x;
  border-color: #96271a;
  box-shadow: 0 0 0 0.2rem rgba(203, 82, 66, 0.5);
}
.btn-google-plus.disabled, .btn-google-plus:disabled {
  color: #fff;
  background-color: #dd4b39;
  border-color: #c23321;
  background-image: none;
}
.btn-google-plus:not(:disabled):not(.disabled):active, .btn-google-plus:not(:disabled):not(.disabled).active, .show > .btn-google-plus.dropdown-toggle {
  color: #fff;
  background-color: #c23321;
  background-image: none;
  border-color: #8b2518;
}
.btn-google-plus:not(:disabled):not(.disabled):active:focus, .btn-google-plus:not(:disabled):not(.disabled).active:focus, .show > .btn-google-plus.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 82, 66, 0.5);
}

.btn-outline-google-plus {
  color: #dd4b39;
  border-color: #dd4b39;
}
.btn-outline-google-plus:hover {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}
.btn-outline-google-plus:focus, .btn-outline-google-plus.focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 75, 57, 0.5);
}
.btn-outline-google-plus.disabled, .btn-outline-google-plus:disabled {
  color: #dd4b39;
  background-color: transparent;
}
.btn-outline-google-plus:not(:disabled):not(.disabled):active, .btn-outline-google-plus:not(:disabled):not(.disabled).active, .show > .btn-outline-google-plus.dropdown-toggle {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}
.btn-outline-google-plus:not(:disabled):not(.disabled):active:focus, .btn-outline-google-plus:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-google-plus.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 75, 57, 0.5);
}

.btn-github {
  color: #fff;
  background: #333333 linear-gradient(180deg, #4f4f4f, #333333) repeat-x;
  border-color: #1a1a1a;
}
.btn-github:hover {
  color: #fff;
  background: #1a1a1a linear-gradient(180deg, #393a3a, #1a1a1a) repeat-x;
  border-color: black;
}
.btn-github:focus, .btn-github.focus {
  color: #fff;
  background: #1a1a1a linear-gradient(180deg, #393a3a, #1a1a1a) repeat-x;
  border-color: black;
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}
.btn-github.disabled, .btn-github:disabled {
  color: #fff;
  background-color: #333333;
  border-color: #1a1a1a;
  background-image: none;
}
.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle {
  color: #fff;
  background-color: #1a1a1a;
  background-image: none;
  border-color: black;
}
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}

.btn-outline-github {
  color: #333333;
  border-color: #333333;
}
.btn-outline-github:hover {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.btn-outline-github:focus, .btn-outline-github.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}
.btn-outline-github.disabled, .btn-outline-github:disabled {
  color: #333333;
  background-color: transparent;
}
.btn-outline-github:not(:disabled):not(.disabled):active, .btn-outline-github:not(:disabled):not(.disabled).active, .show > .btn-outline-github.dropdown-toggle {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.btn-outline-github:not(:disabled):not(.disabled):active:focus, .btn-outline-github:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-github.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
}

.btn-linkedin {
  color: #fff;
  background: #007bb6 linear-gradient(180deg, #238cbf, #007bb6) repeat-x;
  border-color: #005983;
}
.btn-linkedin:hover {
  color: #fff;
  background: #005983 linear-gradient(180deg, #236f93, #005983) repeat-x;
  border-color: #003650;
}
.btn-linkedin:focus, .btn-linkedin.focus {
  color: #fff;
  background: #005983 linear-gradient(180deg, #236f93, #005983) repeat-x;
  border-color: #003650;
  box-shadow: 0 0 0 0.2rem rgba(38, 114, 150, 0.5);
}
.btn-linkedin.disabled, .btn-linkedin:disabled {
  color: #fff;
  background-color: #007bb6;
  border-color: #005983;
  background-image: none;
}
.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active, .show > .btn-linkedin.dropdown-toggle {
  color: #fff;
  background-color: #005983;
  background-image: none;
  border-color: #002d43;
}
.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus, .show > .btn-linkedin.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 114, 150, 0.5);
}

.btn-outline-linkedin {
  color: #007bb6;
  border-color: #007bb6;
}
.btn-outline-linkedin:hover {
  color: #fff;
  background-color: #007bb6;
  border-color: #007bb6;
}
.btn-outline-linkedin:focus, .btn-outline-linkedin.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 182, 0.5);
}
.btn-outline-linkedin.disabled, .btn-outline-linkedin:disabled {
  color: #007bb6;
  background-color: transparent;
}
.btn-outline-linkedin:not(:disabled):not(.disabled):active, .btn-outline-linkedin:not(:disabled):not(.disabled).active, .show > .btn-outline-linkedin.dropdown-toggle {
  color: #fff;
  background-color: #007bb6;
  border-color: #007bb6;
}
.btn-outline-linkedin:not(:disabled):not(.disabled):active:focus, .btn-outline-linkedin:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-linkedin.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 182, 0.5);
}

.btn-youtube {
  color: #fff;
  background: #bb0000 linear-gradient(180deg, #c22424, #bb0000) repeat-x;
  border-color: #880000;
}
.btn-youtube:hover {
  color: #fff;
  background: #880000 linear-gradient(180deg, #972424, #880000) repeat-x;
  border-color: #550000;
}
.btn-youtube:focus, .btn-youtube.focus {
  color: #fff;
  background: #880000 linear-gradient(180deg, #972424, #880000) repeat-x;
  border-color: #550000;
  box-shadow: 0 0 0 0.2rem rgba(154, 38, 38, 0.5);
}
.btn-youtube.disabled, .btn-youtube:disabled {
  color: #fff;
  background-color: #bb0000;
  border-color: #880000;
  background-image: none;
}
.btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active, .show > .btn-youtube.dropdown-toggle {
  color: #fff;
  background-color: #880000;
  background-image: none;
  border-color: #480000;
}
.btn-youtube:not(:disabled):not(.disabled):active:focus, .btn-youtube:not(:disabled):not(.disabled).active:focus, .show > .btn-youtube.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(154, 38, 38, 0.5);
}

.btn-outline-youtube {
  color: #bb0000;
  border-color: #bb0000;
}
.btn-outline-youtube:hover {
  color: #fff;
  background-color: #bb0000;
  border-color: #bb0000;
}
.btn-outline-youtube:focus, .btn-outline-youtube.focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5);
}
.btn-outline-youtube.disabled, .btn-outline-youtube:disabled {
  color: #bb0000;
  background-color: transparent;
}
.btn-outline-youtube:not(:disabled):not(.disabled):active, .btn-outline-youtube:not(:disabled):not(.disabled).active, .show > .btn-outline-youtube.dropdown-toggle {
  color: #fff;
  background-color: #bb0000;
  border-color: #bb0000;
}
.btn-outline-youtube:not(:disabled):not(.disabled):active:focus, .btn-outline-youtube:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-youtube.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5);
}

.btn-vimeo {
  color: #212529;
  background: #aad450 linear-gradient(180deg, #b4d868, #aad450) repeat-x;
  border-color: #93c130;
}
.btn-vimeo:hover {
  color: #212529;
  background: #93c130 linear-gradient(180deg, #a0c84d, #93c130) repeat-x;
  border-color: #749925;
}
.btn-vimeo:focus, .btn-vimeo.focus {
  color: #212529;
  background: #93c130 linear-gradient(180deg, #a0c84d, #93c130) repeat-x;
  border-color: #749925;
  box-shadow: 0 0 0 0.2rem rgba(130, 170, 47, 0.5);
}
.btn-vimeo.disabled, .btn-vimeo:disabled {
  color: #212529;
  background-color: #aad450;
  border-color: #93c130;
  background-image: none;
}
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active, .show > .btn-vimeo.dropdown-toggle {
  color: #212529;
  background-color: #93c130;
  background-image: none;
  border-color: #6c8e23;
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus, .show > .btn-vimeo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 170, 47, 0.5);
}

.btn-outline-vimeo {
  color: #aad450;
  border-color: #aad450;
}
.btn-outline-vimeo:hover {
  color: #212529;
  background-color: #aad450;
  border-color: #aad450;
}
.btn-outline-vimeo:focus, .btn-outline-vimeo.focus {
  box-shadow: 0 0 0 0.2rem rgba(170, 212, 80, 0.5);
}
.btn-outline-vimeo.disabled, .btn-outline-vimeo:disabled {
  color: #aad450;
  background-color: transparent;
}
.btn-outline-vimeo:not(:disabled):not(.disabled):active, .btn-outline-vimeo:not(:disabled):not(.disabled).active, .show > .btn-outline-vimeo.dropdown-toggle {
  color: #212529;
  background-color: #aad450;
  border-color: #aad450;
}
.btn-outline-vimeo:not(:disabled):not(.disabled):active:focus, .btn-outline-vimeo:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-vimeo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(170, 212, 80, 0.5);
}

.btn-tumblr {
  color: #fff;
  background: #32506d linear-gradient(180deg, #4e6881, #32506d) repeat-x;
  border-color: #22364a;
}
.btn-tumblr:hover {
  color: #fff;
  background: #22364a linear-gradient(180deg, #405163, #22364a) repeat-x;
  border-color: #121d27;
}
.btn-tumblr:focus, .btn-tumblr.focus {
  color: #fff;
  background: #22364a linear-gradient(180deg, #405163, #22364a) repeat-x;
  border-color: #121d27;
  box-shadow: 0 0 0 0.2rem rgba(67, 84, 101, 0.5);
}
.btn-tumblr.disabled, .btn-tumblr:disabled {
  color: #fff;
  background-color: #32506d;
  border-color: #22364a;
  background-image: none;
}
.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active, .show > .btn-tumblr.dropdown-toggle {
  color: #fff;
  background-color: #22364a;
  background-image: none;
  border-color: #0e161e;
}
.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus, .show > .btn-tumblr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(67, 84, 101, 0.5);
}

.btn-outline-tumblr {
  color: #32506d;
  border-color: #32506d;
}
.btn-outline-tumblr:hover {
  color: #fff;
  background-color: #32506d;
  border-color: #32506d;
}
.btn-outline-tumblr:focus, .btn-outline-tumblr.focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 80, 109, 0.5);
}
.btn-outline-tumblr.disabled, .btn-outline-tumblr:disabled {
  color: #32506d;
  background-color: transparent;
}
.btn-outline-tumblr:not(:disabled):not(.disabled):active, .btn-outline-tumblr:not(:disabled):not(.disabled).active, .show > .btn-outline-tumblr.dropdown-toggle {
  color: #fff;
  background-color: #32506d;
  border-color: #32506d;
}
.btn-outline-tumblr:not(:disabled):not(.disabled):active:focus, .btn-outline-tumblr:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tumblr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 80, 109, 0.5);
}

.btn-instagram {
  color: #fff;
  background: #517fa4 linear-gradient(180deg, #6890af, #517fa4) repeat-x;
  border-color: #406582;
}
.btn-instagram:hover {
  color: #fff;
  background: #406582 linear-gradient(180deg, #5a7992, #406582) repeat-x;
  border-color: #2f4a60;
}
.btn-instagram:focus, .btn-instagram.focus {
  color: #fff;
  background: #406582 linear-gradient(180deg, #5a7992, #406582) repeat-x;
  border-color: #2f4a60;
  box-shadow: 0 0 0 0.2rem rgba(93, 124, 149, 0.5);
}
.btn-instagram.disabled, .btn-instagram:disabled {
  color: #fff;
  background-color: #517fa4;
  border-color: #406582;
  background-image: none;
}
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle {
  color: #fff;
  background-color: #406582;
  background-image: none;
  border-color: #2b4457;
}
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(93, 124, 149, 0.5);
}

.btn-outline-instagram {
  color: #517fa4;
  border-color: #517fa4;
}
.btn-outline-instagram:hover {
  color: #fff;
  background-color: #517fa4;
  border-color: #517fa4;
}
.btn-outline-instagram:focus, .btn-outline-instagram.focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 127, 164, 0.5);
}
.btn-outline-instagram.disabled, .btn-outline-instagram:disabled {
  color: #517fa4;
  background-color: transparent;
}
.btn-outline-instagram:not(:disabled):not(.disabled):active, .btn-outline-instagram:not(:disabled):not(.disabled).active, .show > .btn-outline-instagram.dropdown-toggle {
  color: #fff;
  background-color: #517fa4;
  border-color: #517fa4;
}
.btn-outline-instagram:not(:disabled):not(.disabled):active:focus, .btn-outline-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-instagram.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(81, 127, 164, 0.5);
}

.btn-flickr {
  color: #fff;
  background: #ff0084 linear-gradient(180deg, #fc2494, #ff0084) repeat-x;
  border-color: #cc006a;
}
.btn-flickr:hover {
  color: #fff;
  background: #cc006a linear-gradient(180deg, #d1247e, #cc006a) repeat-x;
  border-color: #99004f;
}
.btn-flickr:focus, .btn-flickr.focus {
  color: #fff;
  background: #cc006a linear-gradient(180deg, #d1247e, #cc006a) repeat-x;
  border-color: #99004f;
  box-shadow: 0 0 0 0.2rem rgba(212, 38, 128, 0.5);
}
.btn-flickr.disabled, .btn-flickr:disabled {
  color: #fff;
  background-color: #ff0084;
  border-color: #cc006a;
  background-image: none;
}
.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active, .show > .btn-flickr.dropdown-toggle {
  color: #fff;
  background-color: #cc006a;
  background-image: none;
  border-color: #8c0049;
}
.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus, .show > .btn-flickr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 38, 128, 0.5);
}

.btn-outline-flickr {
  color: #ff0084;
  border-color: #ff0084;
}
.btn-outline-flickr:hover {
  color: #fff;
  background-color: #ff0084;
  border-color: #ff0084;
}
.btn-outline-flickr:focus, .btn-outline-flickr.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 0, 132, 0.5);
}
.btn-outline-flickr.disabled, .btn-outline-flickr:disabled {
  color: #ff0084;
  background-color: transparent;
}
.btn-outline-flickr:not(:disabled):not(.disabled):active, .btn-outline-flickr:not(:disabled):not(.disabled).active, .show > .btn-outline-flickr.dropdown-toggle {
  color: #fff;
  background-color: #ff0084;
  border-color: #ff0084;
}
.btn-outline-flickr:not(:disabled):not(.disabled):active:focus, .btn-outline-flickr:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-flickr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 0, 132, 0.5);
}

.btn-vk {
  color: #fff;
  background: #45668e linear-gradient(180deg, #5e7a9d, #45668e) repeat-x;
  border-color: #344d6c;
}
.btn-vk:hover {
  color: #fff;
  background: #344d6c linear-gradient(180deg, #4f6580, #344d6c) repeat-x;
  border-color: #243549;
}
.btn-vk:focus, .btn-vk.focus {
  color: #fff;
  background: #344d6c linear-gradient(180deg, #4f6580, #344d6c) repeat-x;
  border-color: #243549;
  box-shadow: 0 0 0 0.2rem rgba(82, 104, 130, 0.5);
}
.btn-vk.disabled, .btn-vk:disabled {
  color: #fff;
  background-color: #45668e;
  border-color: #344d6c;
  background-image: none;
}
.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active, .show > .btn-vk.dropdown-toggle {
  color: #fff;
  background-color: #344d6c;
  background-image: none;
  border-color: #1f2f41;
}
.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus, .show > .btn-vk.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 104, 130, 0.5);
}

.btn-outline-vk {
  color: #45668e;
  border-color: #45668e;
}
.btn-outline-vk:hover {
  color: #fff;
  background-color: #45668e;
  border-color: #45668e;
}
.btn-outline-vk:focus, .btn-outline-vk.focus {
  box-shadow: 0 0 0 0.2rem rgba(69, 102, 142, 0.5);
}
.btn-outline-vk.disabled, .btn-outline-vk:disabled {
  color: #45668e;
  background-color: transparent;
}
.btn-outline-vk:not(:disabled):not(.disabled):active, .btn-outline-vk:not(:disabled):not(.disabled).active, .show > .btn-outline-vk.dropdown-toggle {
  color: #fff;
  background-color: #45668e;
  border-color: #45668e;
}
.btn-outline-vk:not(:disabled):not(.disabled):active:focus, .btn-outline-vk:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-vk.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(69, 102, 142, 0.5);
}

.btn-stumbleupon {
  color: #fff;
  background: #EB4823 linear-gradient(180deg, #eb6142, #EB4823) repeat-x;
  border-color: #c93412;
}
.btn-stumbleupon:hover {
  color: #fff;
  background: #c93412 linear-gradient(180deg, #ce5033, #c93412) repeat-x;
  border-color: #9a280e;
}
.btn-stumbleupon:focus, .btn-stumbleupon.focus {
  color: #fff;
  background: #c93412 linear-gradient(180deg, #ce5033, #c93412) repeat-x;
  border-color: #9a280e;
  box-shadow: 0 0 0 0.2rem rgba(209, 82, 54, 0.5);
}
.btn-stumbleupon.disabled, .btn-stumbleupon:disabled {
  color: #fff;
  background-color: #EB4823;
  border-color: #c93412;
  background-image: none;
}
.btn-stumbleupon:not(:disabled):not(.disabled):active, .btn-stumbleupon:not(:disabled):not(.disabled).active, .show > .btn-stumbleupon.dropdown-toggle {
  color: #fff;
  background-color: #c93412;
  background-image: none;
  border-color: #8e250d;
}
.btn-stumbleupon:not(:disabled):not(.disabled):active:focus, .btn-stumbleupon:not(:disabled):not(.disabled).active:focus, .show > .btn-stumbleupon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(209, 82, 54, 0.5);
}

.btn-outline-stumbleupon {
  color: #EB4823;
  border-color: #EB4823;
}
.btn-outline-stumbleupon:hover {
  color: #fff;
  background-color: #EB4823;
  border-color: #EB4823;
}
.btn-outline-stumbleupon:focus, .btn-outline-stumbleupon.focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 72, 35, 0.5);
}
.btn-outline-stumbleupon.disabled, .btn-outline-stumbleupon:disabled {
  color: #EB4823;
  background-color: transparent;
}
.btn-outline-stumbleupon:not(:disabled):not(.disabled):active, .btn-outline-stumbleupon:not(:disabled):not(.disabled).active, .show > .btn-outline-stumbleupon.dropdown-toggle {
  color: #fff;
  background-color: #EB4823;
  border-color: #EB4823;
}
.btn-outline-stumbleupon:not(:disabled):not(.disabled):active:focus, .btn-outline-stumbleupon:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-stumbleupon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(235, 72, 35, 0.5);
}

.btn-yahoo {
  color: #fff;
  background: #7B0099 linear-gradient(180deg, #8c24a6, #7B0099) repeat-x;
  border-color: #520066;
}
.btn-yahoo:hover {
  color: #fff;
  background: #520066 linear-gradient(180deg, #69247b, #520066) repeat-x;
  border-color: #290033;
}
.btn-yahoo:focus, .btn-yahoo.focus {
  color: #fff;
  background: #520066 linear-gradient(180deg, #69247b, #520066) repeat-x;
  border-color: #290033;
  box-shadow: 0 0 0 0.2rem rgba(108, 38, 125, 0.5);
}
.btn-yahoo.disabled, .btn-yahoo:disabled {
  color: #fff;
  background-color: #7B0099;
  border-color: #520066;
  background-image: none;
}
.btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active, .show > .btn-yahoo.dropdown-toggle {
  color: #fff;
  background-color: #520066;
  background-image: none;
  border-color: #1f0026;
}
.btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus, .show > .btn-yahoo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 38, 125, 0.5);
}

.btn-outline-yahoo {
  color: #7B0099;
  border-color: #7B0099;
}
.btn-outline-yahoo:hover {
  color: #fff;
  background-color: #7B0099;
  border-color: #7B0099;
}
.btn-outline-yahoo:focus, .btn-outline-yahoo.focus {
  box-shadow: 0 0 0 0.2rem rgba(123, 0, 153, 0.5);
}
.btn-outline-yahoo.disabled, .btn-outline-yahoo:disabled {
  color: #7B0099;
  background-color: transparent;
}
.btn-outline-yahoo:not(:disabled):not(.disabled):active, .btn-outline-yahoo:not(:disabled):not(.disabled).active, .show > .btn-outline-yahoo.dropdown-toggle {
  color: #fff;
  background-color: #7B0099;
  border-color: #7B0099;
}
.btn-outline-yahoo:not(:disabled):not(.disabled):active:focus, .btn-outline-yahoo:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-yahoo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(123, 0, 153, 0.5);
}

.card {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 1rem;
}

.card {
  margin-top: 10px;
  box-sizing: border-box;
  background-clip: padding-box;
  border: none;
}

.card span.card-title {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
}

.card .card-image {
  position: relative;
  overflow: hidden;
}

.card .card-image img {
  border-radius: 1rem 1rem 0 0;
  background-clip: padding-box;
  position: relative;
  z-index: -1;
}

.card .card-image span.card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
}

.card .card-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}

.card .card-content p {
  margin: 0;
  color: inherit;
}

.card .card-content span.card-title {
  line-height: 48px;
}

.card .card-action {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 16px;
}

.card .card-action a {
  color: #ffab40;
  margin-right: 16px;
  transition: color 0.3s ease;
  text-transform: uppercase;
}

.card .card-action a:hover {
  color: #ffd8a6;
  text-decoration: none;
}

.card.card-table {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.card.card-table .card-header {
  position: relative;
  display: block;
  padding: 26px 30px;
  border-radius: 1rem 1rem 0px 0px;
  background-color: #f7f7f7;
}
.card.card-table .card-header.shrink {
  position: fixed;
  top: 0;
  z-index: 10;
}
.card.card-table .card-header h2 {
  line-height: 100%;
  font-size: 16px;
  font-weight: 700;
  margin: 0px;
  color: #3c4b64;
}
.card.card-table .card-header h2 small {
  display: block;
  margin-top: 8px;
  line-height: 160%;
}
.card.card-table .card-header > .btn-float {
  right: 25px;
}
.card.card-table .card-header .btn-action {
  right: 25px;
  bottom: -23px;
  z-index: 1;
  position: absolute;
}
.card.card-table .card-header .btn-action > .btn-float {
  position: relative;
}
.card.card-table .card-header .btn-action > .btn-float i img {
  display: inline-block;
  margin-top: -10px;
}
.card.card-table .card-header .btn-action > .btn-float + * {
  margin-left: 5px;
}
.card.card-table .card-body {
  padding: 26px 30px;
}
.card.card-table .card-header + .card-body {
  padding-top: 56px;
}

.form-check {
  position: relative;
  margin: 2px 0 !important;
  padding-left: 0;
}
.form-check label {
  padding-left: 30px;
  cursor: pointer;
}
.form-check label:before, .form-check label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.form-check label:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.3s;
}
.form-check input[type=checkbox] {
  outline: 0;
  margin-right: 10px;
  display: none;
}
.form-check input[type=checkbox]:checked + label:before {
  background: #3c4b64;
  border: none;
}
.form-check input[type=checkbox]:checked + label:after {
  transform: rotate(-45deg);
  top: 5px;
  left: 4px;
  width: 12px;
  height: 6px;
  border: 1px solid #fff;
  border-top-style: none;
  border-right-style: none;
}
.form-check input[type=radio] {
  display: none;
}
.form-check input[type=radio]:checked + label:before {
  border-color: #3c4b64;
  -webkit-animation: ripple 0.2s linear forwards;
          animation: ripple 0.2s linear forwards;
}
.form-check input[type=radio]:checked + label:after {
  transform: scale(1);
}
.form-check input[type=radio] + label {
  display: inline-block;
  min-height: 20px;
  position: relative;
  padding: 0 30px;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  font-weight: 400;
}
.form-check input[type=radio] + label:before, .form-check input[type=radio] + label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all 0.3s ease;
  transition-property: transform, border-color;
}
.form-check input[type=radio] + label:before {
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.form-check input[type=radio] + label:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: #3c4b64;
}

@media (min-width: 1200px) {
  .form-horizontal .md-checkbox.md-multicheckbox {
    margin: 0 !important;
  }
  .form-horizontal .md-checkbox label {
    text-align: right;
    margin-top: 10px;
    min-height: 22px;
  }
  .form-horizontal .md-checkbox label:before, .form-horizontal .md-checkbox label:after {
    right: -35px;
    left: auto;
  }
  .form-horizontal .md-checkbox input[type=checkbox] {
    display: none;
  }
  .form-horizontal .md-checkbox input[type=checkbox]:checked + label:after {
    right: -31px;
    left: auto;
  }
  .form-horizontal .md-checkbox.md-multicheckbox label {
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .md-checkbox.md-multicheckbox label:before, .form-horizontal .md-checkbox.md-multicheckbox label:after {
    right: auto;
    left: 0;
  }
  .form-horizontal .md-checkbox.md-multicheckbox input[type=checkbox] {
    display: none;
  }
  .form-horizontal .md-checkbox.md-multicheckbox input[type=checkbox]:checked + label:after {
    right: auto;
    left: 5px;
  }
}
.bootstrap-select > .btn-default::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  height: calc(100% - 2px);
  width: 30px;
  background-color: #FFF;
  background-position: right calc(100% - 7px);
  background-repeat: no-repeat;
  background-image: url(../img/select.png);
  pointer-events: none;
  z-index: 5;
}

.form-errors ul {
  margin: 0;
}
.form-errors ul h4 {
  margin: 0;
  font-size: 1rem;
  text-transform: initial;
}
.form-errors ul li {
  display: none;
}

form label {
  font-weight: 700;
}

.webinardownload-form .fileuploader {
  padding: 0;
  margin: 0;
}
.webinardownload-form .card-body {
  padding-top: 0 !important;
}

.swal2-actions button {
  text-transform: initial !important;
}

:root {
  --white: #fff;
  --background: #f0f2f5;
  --hover-shadow: #f2f2f2;
  --hover-shadow-2: #e4e6e9;
  --border: #ccc;
  --box-shadow: rgba(0, 0, 0, 0.2);
  --reactions-links: #65676b;
  --black1: #1c1e21;
  --black2: #050505;
  --green: #2f9a48;
}

.facebook-post-preview {
  font-size: 10px;
}
.facebook-post-preview .content__paragraph p {
  margin: 0;
}

.post {
  background: var(--white);
  width: 100%;
  max-width: 50em;
  padding-bottom: 5em;
  border-radius: 1em;
  box-shadow: 0 0.1em 0.2em var(--box-shadow);
}

.post__header {
  display: flex;
  justify-content: space-between;
  padding: 1.2em 1.6em 0 1.6em;
}

/* Header left */
.header__left {
  flex: 1;
}

.author__name:hover,
.post__date:hover {
  text-decoration: underline;
}

.author__verified,
.post__privacy,
.options__icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background-image: url(../images/icons-list-1.png);
  background-size: 7.1em 43.2em;
  background-repeat: no-repeat;
  background-position: -1.7em -38.6em;
}

.author__name {
  margin-right: 0.2em;
}

.post__author-pic {
  float: left;
  width: 4em;
  height: 4em;
  margin-right: 0.8em;
  border-radius: 50%;
  box-shadow: 0 0.1em 0.2em var(--box-shadow);
  transition: filter 0.2s ease;
}

.post__author-pic:hover {
  filter: brightness(0.95);
}

.post__author {
  font-size: 1.5em;
  font-weight: 600;
  color: var(--black2);
}

.post__date {
  display: block;
  float: left;
  font-size: 1.3em;
  color: var(--black1);
}

/* Dot between post author and post date */
.post__date-privacy-separator {
  position: relative;
  bottom: 0.1em;
}

.post__privacy {
  background-image: url(../images/icons-list-2.png);
  background-size: 2.6em 89.4em;
  background-position: 0 -78.2em;
  opacity: 0.6;
}

/* Header right */
.post__options {
  padding: 1em;
  border-radius: 50%;
  line-height: 50%;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.post__options:hover {
  background: var(--hover-shadow);
}

.options__icon {
  height: 2em;
  width: 2em;
  position: relative;
  background-size: 7.4em 43em;
  background-position: -2.2em -24em;
  opacity: 0.6;
}

/****************
 * POST CONTENT *
 ****************/
.content__paragraph {
  font-size: 1.5em;
  padding: 0.8em 1.6em 0.8em 1.6em;
}
.content__paragraph a {
  color: #216FF3;
}

.content__image {
  width: 100%;
  height: 33em;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.content__image:hover {
  cursor: pointer;
}

/***************
 * POST FOOTER *
 ***************/
/* REACTIONS */
.footer__reactions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8em 1.6em;
  color: var(--reactions-links);
  font-size: 1.5em;
}

.reactions__emojis {
  display: flex;
  align-items: center;
}

.emojis__like,
.emojis__haha,
.emojis__love {
  width: 1.8em;
  height: 1.8em;
  position: relative;
  cursor: pointer;
}

.emojis__like {
  z-index: 2;
}

.emojis__haha {
  z-index: 1;
  left: -0.2em;
}

.emojis__love {
  left: -0.4em;
}

.emojis__count {
  margin-left: 0.3em;
}

.comment-shares__shares {
  margin-left: 0.2em;
}

.emojis__count:hover,
.comment-shares__comments:hover,
.comment-shares__shares:hover {
  text-decoration: underline;
}

/* BUTTONS (LIKE, COMMENT, SHARE) */
.footer__buttons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0 1.2em;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.buttons__like,
.buttons__comment,
.buttons__share {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  height: 3.5em;
  margin: 0.2em 0;
  font-size: 1.5em;
  font-weight: 600;
  border-radius: 0.5em;
  color: var(--reactions-links);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.buttons__like:hover,
.buttons__comment:hover,
.buttons__share:hover {
  background: var(--hover-shadow);
}

.like__icon,
.comment__icon,
.share__icon {
  width: 1.8em;
  height: 1.8em;
  display: inline-block;
  background-image: url("../images/icons-list-3.png");
  background-size: 2.6em 77.4em;
  background-repeat: no-repeat;
  opacity: 0.6;
  margin-right: 0.5em;
}

.like__icon {
  background-position: 0 -18em;
}

.comment__icon {
  background-position: 0 -14em;
}

.share__icon {
  background-position: 0 -20em;
}

/* POST COMMENTS */
.footer__comments {
  padding: 0.8em 1.2em;
  font-size: 1.5em;
  font-weight: 600;
  text-align: right;
  color: var(--reactions-links);
}

/* Comments filter */
.comments__filter {
  display: inline-block;
  margin-bottom: 0.8em;
  cursor: pointer;
}

.filter__icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../images/icons-list-4.png");
  background-size: 7.4em 43.4em;
  background-repeat: no-repeat;
  background-position: -5.4em -36.4em;
  opacity: 0.6;
  vertical-align: middle;
}

/* Write a comment.. box */
.comments__box {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.box__profile {
  margin-right: 1em;
  position: relative;
}

.box__profile::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.7em;
  height: 0.7em;
  bottom: 0.3em;
  left: 2.3em;
  background: var(--green);
  border: 0.3em solid var(--white);
  border-radius: 50%;
}

.box__profile:hover {
  cursor: pointer;
}

.profile__pic {
  width: 3.2em;
  height: 3.2em;
  border-radius: 50%;
}

.box__bar {
  display: flex;
  align-items: center;
  flex: 1;
}

.bar__input {
  width: 100%;
  background: var(--background);
  border: none;
  padding: 1.2em;
  font-size: 1.5em;
  color: rgba(5, 5, 5, 0.8);
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  outline: none;
  flex: 1;
}

.bar__input::-moz-placeholder {
  opacity: 0.8;
}

.bar__input:-ms-input-placeholder {
  opacity: 0.8;
}

.bar__input::placeholder {
  opacity: 0.8;
}

.bar__input:focus::-webkit-input-placeholder {
  opacity: 0.6;
}

.bar__emojis {
  display: flex;
  align-items: center;
  height: 4.16em;
  background: var(--background);
  padding-right: 1.2em;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}

.emojis__insert,
.emojis__attach,
.emojis__gif,
.emojis__sticker {
  border-radius: 50%;
  padding: 0.5em;
  line-height: 0.5em;
  margin-left: 0.3em;
  cursor: pointer;
}

.emojis__insert:hover,
.emojis__attach:hover,
.emojis__gif:hover,
.emojis__sticker:hover {
  background: var(--hover-shadow-2);
}

.insert__emoji,
.attach__emoji,
.gif__emoji,
.sticker__emoji {
  width: 1.6em;
  height: 1.6em;
  display: inline-block;
  background-image: url("../images/icons-list-3.png");
  background-size: 2.6em 77.4em;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.insert__emoji {
  background-position: 0 -32.8em;
}

.attach__emoji {
  background-position: 0 -27.4em;
}

.gif__emoji {
  background-position: 0 -34.6em;
}

.sticker__emoji {
  background-position: 0 -40em;
}

/* Friends comments */
.comments__friend-comment {
  display: flex;
  text-align: start;
}

.friend-comment__pic {
  width: 3.2em;
  height: 3.2em;
  border-radius: 50%;
  margin-right: 1em;
  cursor: pointer;
  transition: filter 0.2s ease;
}

.friend-comment__pic:hover {
  filter: brightness(0.95);
}

.friend-comment__comment {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-right: 0.5em;
  padding: 0.8em 1.2em;
  background: var(--background);
  border-radius: 1.5em;
}

.comment__author {
  align-self: flex-start;
  color: var(--black2);
  font-size: 1.35em;
}

.comment__author:hover {
  text-decoration: underline;
}

.comment__content {
  font-size: 1.5em;
  font-weight: 400;
  color: var(--black2);
}

.comment__reactions {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: -1.5em;
  right: 0;
  padding: 0.2em 0.5em;
  background: var(--white);
  box-shadow: 0 0.1em 0.2em var(--box-shadow);
  border-radius: 1em;
  cursor: pointer;
}

.reactions__emojis {
  width: 1.6em;
  height: 1.6em;
  position: relative;
}

.reactions__like {
  z-index: 2;
}

.reactions__haha {
  z-index: 1;
  left: -0.3em;
}

.reactions__love {
  left: -0.6em;
}

.reactions__count {
  position: relative;
  right: 0.1em;
  font-size: 1.32em;
  font-weight: 400;
  color: var(--reactions-links);
}

.friend-comment__options {
  align-self: center;
  padding: 0.8em;
  border-radius: 50%;
  line-height: 0.8em;
  cursor: pointer;
}

.friend-comment__options:hover {
  background: var(--hover-shadow);
}

.options__comment {
  width: 1.6em;
  height: 1.6em;
  background-position: 0 -36.8em;
  background-size: 7.4em 44.6em;
  background-image: url("../images/icons-list-5.png");
}

.comment__links,
.comment__replies {
  position: absolute;
}

/* Like, reply and comment date */
.comment__links {
  bottom: -2em;
  color: var(--reactions-links);
  font-size: 1.2em;
  font-weight: 400;
}

.comment__replies {
  display: flex;
  align-items: center;
  bottom: -4.5em;
}

.comment__replies:hover {
  cursor: pointer;
  text-decoration: underline;
}

.links__like,
.links__reply {
  font-weight: 700;
}

.links__like:hover,
.links__reply:hover,
.links__date:hover {
  text-decoration: underline;
}

.replies__emoji {
  width: 1.6em;
  height: 1.6em;
  background-image: url("../images/icons-list-6.png");
  background-position: -5.4em -24.4em;
  background-size: 7.4em 32.2em;
  background-repeat: no-repeat;
  display: inline-block;
  opacity: 0.6;
  margin-right: 0.5em;
}

.comments__more-comments {
  display: flex;
  justify-content: space-between;
  position: relative;
  bottom: -5em;
}

.more-comments__link:hover {
  text-decoration: underline;
}

.more-comments__count {
  font-weight: 400;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/OpenSans/OpenSans-ExtraBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/OpenSans/OpenSans-ExtraBold.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
.stats-item {
  position: relative;
  overflow: hidden;
  padding: 30px 20px;
  margin-bottom: 30px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
  display: block;
}
.stats-item > .fa {
  position: absolute;
  bottom: -20%;
  left: -5%;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.15);
}
.stats-item-title {
  display: block;
  margin: 0;
  text-align: right;
  font-size: 45px;
  font-weight: 300;
  color: #fff;
  line-height: 0.8;
}
.stats-item-title > small {
  display: block;
  font-size: 14px;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 3px;
}
.stats-item-red {
  background: #ef5350;
}
.stats-item-red:hover {
  background: #ed3c39;
}
.stats-item-blue {
  background: #3c4b64;
}
.stats-item-blue:hover {
  background: #323f54;
}
.stats-item-green {
  background: #068120;
}
.stats-item-green:hover {
  background: #05691a;
}
.stats-item:hover {
  transition: ease all 0.3s;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

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