.card.card-asset div.thumbnail {
  overflow: hidden; }
  .card.card-asset div.thumbnail img.thumbnail {
    transition: all .3s ease-in-out; }

.card.card-asset:hover {
  cursor: pointer; }
  .card.card-asset:hover div.thumbnail img.thumbnail {
    transform: scale(1.1); }

.card.card-asset.card-shared-asset:hover {
  cursor: inherit; }

.card.card-asset .card-body.web {
  border: 2px solid #0088c1;
  border-radius: 7px; }
  .card.card-asset .card-body.web .web-label {
    position: absolute;
    width: 50px;
    height: 30px;
    background-color: #0088c1;
    border: 3px solid #0088c1;
    text-align: center;
    border-radius: 0px 0px 5px;
    z-index: 89;
    background-image: url("/assets/media/svg/smart/icon_web.svg");
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0; }
  .card.card-asset .card-body.web:hover {
    border-color: #007aad; }

.card.card-asset .card-body.print {
  border: 2px solid #f1b014;
  border-radius: 7px; }
  .card.card-asset .card-body.print .print-label {
    position: absolute;
    width: 50px;
    height: 30px;
    background-color: #f1b014;
    border: 3px solid #f1b014;
    text-align: center;
    border-radius: 0px 0px 5px;
    z-index: 89;
    background-image: url("/assets/media/svg/smart/icon_print.svg");
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    top: 0; }
  .card.card-asset .card-body.print .label-light-primary {
    color: #f1b014;
    border-color: #f1b014; }
  .card.card-asset .card-body.print:hover {
    border-color: #e3a40e; }

.card.card-asset .card-body.not-published {
  border: 2px solid #b33955;
  border-radius: 7px; }
  .card.card-asset .card-body.not-published .web-label-not-published,
  .card.card-asset .card-body.not-published .print-label-not-published {
    position: absolute;
    width: 50px;
    height: 30px;
    background-color: #b33955;
    border-color: #b33955;
    text-align: center;
    border-radius: 5px;
    z-index: 89;
    background-image: url("/assets/media/svg/smart/icon_disabled.svg");
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    top: 0; }
  .card.card-asset .card-body.not-published:hover {
    border-color: #b33955; }

.card.card-asset .card-body .label-web {
  background-color: #0088c1;
  color: #ffffff; }

.card.card-asset .card-body .label-hi-res {
  background-color: #f1b014;
  color: #e6f1f4; }

.card.card-asset .actions-download {
  float: right; }
  .card.card-asset .actions-download .checkbox span {
    margin-right: .5rem; }

.card.card-duplicate {
  background-color: #E4E6EF; }

.card.card-account .user-info {
  /*display: flex;
      flex-direction: column;
      justify-content: space-evenly;*/ }

.card .card-header {
  display: flex;
  justify-content: space-between; }
  .card .card-header .card-title {
    margin-bottom: 0.5rem;
    color: #0088c1 !important; }

.card .card-body .web .form-group .inline-checks .form-check input:checked + label {
  color: #ffffff;
  background-color: #0088c1;
  border: 1px solid #0088c1; }

.card .card-body .print .form-group .inline-checks .form-check input:checked + label {
  color: #ffffff;
  background-color: #f1b014;
  border: 1px solid #f1b014; }

.card .card-body .form-group {
  margin-bottom: .5rem; }
  .card .card-body .form-group .inline-checks .form-check {
    display: inline-block;
    padding-left: 0;
    margin-right: 7px; }
    .card .card-body .form-group .inline-checks .form-check input {
      display: none; }
    .card .card-body .form-group .inline-checks .form-check .form-check-label {
      color: #3F4254;
      padding: 5px 10px;
      background-color: #F3F6F9;
      border: 1px solid #B5B5C3;
      cursor: pointer;
      border-radius: .42rem; }
  .card .card-body .form-group .inline-checks .checkbox {
    margin-bottom: .5rem; }

.alert.alert-custom {
  display: flex;
  padding: .5rem .7rem; }
  .alert.alert-custom .alert-icon {
    padding: 0 .5rem 0 0; }
    .alert.alert-custom .alert-icon i {
      font-size: 2rem; }

.alert.show {
  display: none; }

.alert.show {
  display: inline-block; }

.notice-text {
  padding-left: 7px;
  padding-right: 7px; }

.spinner-border {
  width: 1.6rem;
  height: 1.6rem; }

i {
  margin-right: 7px; }

.aside-menu .menu-nav {
  padding: 0px; }
  .aside-menu .menu-nav .menu-item .menu-link {
    min-height: 34px !important; }

.aside-menu .menu-nav > .menu-item > .menu-link {
  padding: 0 25px; }

.aside-menu .menu-nav > .menu-section {
  margin: 0; }
  .aside-menu .menu-nav > .menu-section.empty {
    height: 30px; }

.aside-menu .menu-admin .menu-submenu .menu-link {
  padding-left: 25px !important;
  min-height: 30px !important; }

.actions {
  display: flex;
  align-items: center; }
  .actions.top-actions {
    position: absolute;
    top: 0;
    right: 0; }

#actions_bottom {
  background: #ffffff;
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0;
  z-index: 89; }
  #actions_bottom .btn-block {
    border-radius: 0;
    margin-right: 0;
    margin-left: 0; }
    #actions_bottom .btn-block .la {
      padding-right: 0; }

.resize-options {
  border: 0;
  border-left: 4px solid #3F4254;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #EBEDF3; }
  .resize-options a {
    color: #3d4045; }
    .resize-options a:hover {
      color: #36383d;
      text-decoration: underline !important; }
  .resize-options form .checkbox > span {
    background-color: #0088c1; }
  .resize-options form .col-form-label {
    padding-bottom: calc(.45rem - 1px); }

.btn {
  margin-right: .5rem; }
  .btn.n-btn {
    cursor: inherit !important; }
  .btn:disabled, .btn.disabled {
    cursor: not-allowed; }

.btn-share,
.btn-cancel {
  margin-left: 35px;
  padding: 0 5px;
  border-radius: 5px; }

.btn-share:hover {
  color: #ffffff;
  background-color: #005275; }

.btn-cancel:hover {
  color: #3f4254;
  background-color: #ebedf3; }

.btn-resize {
  border: 1px solid #3f4254 !important; }

.p-btn {
  padding: .65rem 1rem; }

.fade {
  display: none !important; }
  .fade.show {
    display: inherit !important; }

.actions-download {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.switch.switch-tertiary input:checked ~ span:after {
  background-color: #f1b014 !important; }

.modal .preview-wrapper {
  min-height: 300px; }
  .modal .preview-wrapper .preview {
    max-width: 100%;
    width: 100%; }

.modal .meta-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .modal .meta-info-wrapper .meta-info {
    display: flex;
    flex-direction: column; }
    .modal .meta-info-wrapper .meta-info .print-label {
      width: 42px;
      height: 30px;
      background-color: #f1b014;
      border: 5px solid #f1b014;
      text-align: center;
      border-radius: 5px;
      background-image: url("/assets/media/svg/smart/icon_print.svg");
      background-position: center;
      background-repeat: no-repeat; }

.modal .modal-body .label-web {
  background-color: #0088c1;
  color: #ffffff; }

.modal .modal-body .label-hi-res {
  background-color: #f1b014;
  color: #e6f1f4; }

.modal .modal-body input.share-input {
  width: 75%;
  border-color: #0088c1 !important;
  border: 1px solid;
  border-radius: 7px;
  padding: 10px; }

.modal .modal-body.print .text-primary {
  color: #f1b014 !important; }

.modal .modal-body.print .label.label-light-primary {
  color: #f1b014;
  border-color: #f1b014; }

.modal .modal-body.print .resize-options form .checkbox > span {
  background-color: #f1b014; }

.modal .modal-body.print .btn.btn-primary {
  background-color: #f1b014;
  border-color: #f1b014; }

.modal .modal-body.print .btn.btn-primary.focus:not(.btn-text),
.modal .modal-body.print .btn.btn-primary:focus:not(.btn-text),
.modal .modal-body.print .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
  background-color: #f1b014;
  border-color: #f1b014; }

.modal .modal-body.print .btn.btn-hover-primary.focus:not(.btn-text),
.modal .modal-body.print .btn.btn-hover-primary:focus:not(.btn-text),
.modal .modal-body.print .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
  background-color: #f1b014 !important;
  border-color: #f1b014 !important; }

form .form-group label.checkbox {
  margin-bottom: .5rem; }
  form .form-group label.checkbox span {
    margin-right: .75rem; }

form .form-group .form-control:disabled, form .form-group .form-control[readonly] {
  background-color: #f8f9fb !important;
  color: #5E6278 !important; }

form .form-group input:disabled + label {
  color: #c1c2cc !important;
  background-color: #f8f9fb !important;
  border: 1px solid #cdcddf !important;
  cursor: not-allowed !important; }

table tr.print-label .label.label-primary {
  background-color: #f1b014; }

table tr.print-label .label.label-light-primary {
  color: #f1b014;
  border: 1px solid #f1b014; }

table tr.print-label .btn.btn-primary {
  background-color: #f1b014;
  border-color: #f1b014; }
  table tr.print-label .btn.btn-primary:hover {
    background-color: #e3a40e !important;
    border-color: #e3a40e !important; }

table .accent {
  background-color: #ecf1f6 !important;
  border-bottom: 1px solid #ddd !important; }

a.print {
  color: #f1b014; }

.introjs-tooltip .introjs-tooltip-header {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px; }
  .introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
    padding: 0; }

.introjs-tooltip .introjs-tooltip-title {
  color: #0088c1; }

.introjs-tooltip .introjs-skipbutton {
  color: #0088c1; }

.introjs-tooltip .introjs-bullets ul li a.active {
  background: #007aad; }

.introjs-tooltip .help-icon {
  display: inline-block;
  width: 42px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat; }
  .introjs-tooltip .help-icon.web {
    background-image: url("/assets/media/svg/smart/icon_web.svg");
    background-color: #0088c1;
    border: 5px solid #0088c1; }
  .introjs-tooltip .help-icon.print {
    background-image: url("/assets/media/svg/smart/icon_print.svg");
    background-color: #f1b014;
    border: 5px solid #f1b014; }

.introjs-tooltip .introjs-button {
  color: #fff;
  background-color: #0088c1;
  border-color: #0088c1;
  text-shadow: none;
  box-shadow: none;
  border: none !important; }
  .introjs-tooltip .introjs-button:hover, .introjs-tooltip .introjs-button:active, .introjs-tooltip .introjs-button:focus {
    color: #fff;
    background-color: #0088c1;
    border-color: #0088c1;
    text-shadow: none;
    box-shadow: none;
    border: none !important; }

.introjs-tooltip .introjs-disabled,
.introjs-tooltip .introjs-disabled {
  color: #3f4254;
  background-color: #f3f6f9;
  border-color: #f3f6f9;
  border: 1px solid #b5b5c3; }
  .introjs-tooltip .introjs-disabled:focus, .introjs-tooltip .introjs-disabled:hover,
  .introjs-tooltip .introjs-disabled:focus,
  .introjs-tooltip .introjs-disabled:hover {
    color: #3f4254;
    background-color: #f3f6f9;
    border-color: #f3f6f9;
    border: 1px solid #b5b5c3; }

.introjs-tooltip .la {
  font-family: Line Awesome Free,serif;
  color: #0088c1; }
  .introjs-tooltip .la:before {
    color: #0088c1;
    font-size: 1.3rem; }

.help-intro {
  background-color: #ebedf3;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #3f4254;
  text-align: center; }
  .help-intro:hover {
    color: #ffffff;
    background-color: #0088c1;
    cursor: pointer; }

.nav .web .nav-link,
.nav .web .nav-link,
.nav .print .nav-link,
.nav .print .nav-link {
  margin: 1rem 0.5rem !important;
  padding: 1.5rem 1rem !important;
  background-color: #F3F6F9;
  border: 1px solid #B5B5C3 !important; }

.nav .web .nav-link:hover,
.nav .web .nav-link.active {
  background-color: #0088c1 !important;
  border: 1px solid #0088c1 !important; }
  .nav .web .nav-link:hover span.nav-text,
  .nav .web .nav-link.active span.nav-text {
    color: #ecf1f6 !important; }

.nav .print .nav-link:hover,
.nav .print .nav-link.active {
  background-color: #f1b014 !important;
  border: 1px solid #f1b014 !important; }
  .nav .print .nav-link:hover span.nav-text,
  .nav .print .nav-link.active span.nav-text {
    color: #ecf1f6 !important; }

.nav .nav-link.active {
  cursor: default; }

html,
body {
  height: 100%; }

.content {
  padding-bottom: 0 !important; }

.hidden {
  display: none; }

.mark-deleted {
  text-decoration: line-through; }

.inline {
  display: inline; }

.nopadding {
  padding: 0 !important; }

.nomargin {
  margin: 0 !important; }

.norpadding {
  padding-right: 0 !important; }

.nolpadding {
  padding-left: 0 !important; }

.notpadding {
  padding-top: 0 !important; }

.nobpadding {
  padding-bottom: 0 !important; }

.normargin {
  margin-right: 0 !important; }

.nolmargin {
  margin-left: 0 !important; }

.notmargin {
  margin-top: 0 !important; }

.nobmargin {
  margin-bottom: 0 !important; }

h-100 {
  height: 100% !important; }

.tt-menu {
  width: 100%; }

.label {
  min-height: 20px;
  height: inherit; }
  .label.label-inline {
    margin-right: 4px;
    margin-bottom: 4px;
    vertical-align: middle; }
  .label.label-light-primary {
    background-color: transparent;
    color: #0088c1;
    border: 1px solid #0088c1;
    font-weight: normal !important; }

.max-100,
.preview,
.thumbnail {
  max-width: 100%; }

.max-100 {
  max-height: 100px; }

.thumbnail.shadow {
  box-shadow: 0 0 12px 4px rgba(170, 170, 170, 0.15); }

.dropzone {
  max-width: 800px; }

.df {
  display: flex; }
  .df.faic {
    align-items: center;
    min-width: 20%; }

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

.bg-dark-o-15 {
  border-radius: 5px; }

.ttip {
  position: relative;
  display: inline-block; }
  .ttip .ttv {
    visibility: hidden;
    opacity: .8;
    width: 400px;
    background-color: #F3F6F9;
    color: #5E6278;
    font-size: .9rem;
    text-align: center;
    padding: 1rem;
    border-radius: 6px;
    top: 20px;
    position: absolute;
    z-index: 1; }
  .ttip:hover .ttv {
    visibility: visible; }

a.open-asset-dialog.not-published {
  cursor: not-allowed; }

.bg-primary {
  background-color: #0088c1 !important; }

.bg-light-gray {
  background-color: #ebedf3 !important; }

.text-primary {
  color: #0088c1 !important; }

.br-primary {
  border-radius: 0.42rem; }

.text-bolder {
  font-weight: 600; }

#kt_daterangepicker input {
  min-width: 210px; }

#kt_daterangepicker .input-group-text {
  padding: 0.6rem 0.4rem 0.6rem 0.6rem; }

#kt_daterangepicker .la:before {
  font-size: 1.7rem; }

.page-public #header {
  background-color: white; }

.brand {
  height: 135px;
  padding: 10px;
  justify-content: space-around; }
  .brand .logo {
    max-width: 180px; }

#header_mobile .brand-logo {
  margin-right: 10px; }

@media (min-width: 992px) {
  .header {
    background-color: #ffffff; }
    .header-fixed .header {
      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); }
    .header .header-menu .menu-nav > .menu-item > .menu-link {
      border-radius: 4px; }
      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
        color: #6c7293;
        font-weight: 500; }
      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
        color: #6c7293; }
      .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
        color: #6c7293; }
      .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
        transition: fill 0.3s ease;
        fill: #6c7293; }
      .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
        transition: fill 0.3s ease; }
    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
      background-color: rgba(77, 89, 149, 0.06); }
      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
        color: #0088c1; }
      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
        color: #0088c1; }
      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
        color: #0088c1; }
      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
        transition: fill 0.3s ease;
        fill: #0088c1; }
      .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
        transition: fill 0.3s ease; }
    .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
      background-color: rgba(77, 89, 149, 0.06); }
      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
        color: #0088c1; }
      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow {
        color: #0088c1; }
      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
        color: #0088c1; }
      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
        transition: fill 0.3s ease;
        fill: #0088c1; }
      .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
        transition: fill 0.3s ease; } }

@media (max-width: 991.98px) {
  .topbar {
    background-color: #ffffff;
    box-shadow: none; }
    .topbar-mobile-on .topbar {
      box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
      border-top: 1px solid #eff0f6; } }


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