.neoo {
  --background__light: #F2F3F7;
  --background__dark: #456078;
  --background__dark_selected: #748CA1;
  --text__light: #F2F3F7;
  --text__dark: #456078;
  --text__dark_selected: #556f86;
  --gradient__invert_light: #4e667c;
  --gradient__invert_dark: #3e566c;
  --shadow1__dark: #3b5266;
  --shadow2__dark: #4f6e8a;
  --shadow1__inset_invert: rgba(42, 69, 93, 0.9);
  --shadow2__inset_invert: rgba(138, 167, 192, 0.15);
  --light-grey: #8A9FB1; }
  .neoo.h100, .neoo .h100 {
    min-height: 100%;
    height: 100%; }
  .neoo.h80, .neoo .h80 {
    min-height: 80%; }
  .neoo .bl-radius {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .neoo .br-radius {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .neoo .cursor-pointer {
    cursor: pointer; }
  .neoo:not(.neoo-no-unset) {
    all: unset;
    font-family: "Tajawal", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    background: var(--background__light);
    color: #456078; }
  .neoo.dark-gray-theme {
    --background__light: #F7F7F7;
    --background__dark: #404040;
    --background__dark_selected: #707070;
    --text__light: #F7F7F7;
    --text__dark: #F2F3F7;
    --text__dark_selected: #555;
    --gradient__invert_light: #6a6a6a;
    --gradient__invert_dark: #5b5b5b;
    --shadow1__dark: #393939;
    --shadow2__dark: #454545;
    --shadow1__inset_invert: rgba(62, 62, 62, 0.9);
    --shadow2__inset_invert: rgba(173, 173, 173, 0.15); }
  .neoo .box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 3px 3px 10px #BECDE2;
    -webkit-box-shadow: 3px 3px 10px #BECDE2;
    background-color: #FFF; }
    .neoo .box-light {
      background-color: #E8EDF6; }
    .neoo .box-superlight {
      background-color: var(--background__light); }
    .neoo .box .box-header {
      box-shadow: 0 6px 20px rgba(195, 210, 231, 0.37); }
    .neoo .box-poly-shadow {
      box-shadow: 3px 3px 10px #BECDE2, -6px -6px 10px #FFF;
      -webkit-box-shadow: 3px 3px 10px #BECDE2, -6px -6px 10px #FFF; }
  .neoo .box-dark {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 3px 3px 10px #BECDE2;
    -webkit-box-shadow: 3px 3px 10px #BECDE2;
    background-color: var(--background__light); }
  .neoo.box-shadowed-bottom, .neoo .box-shadowed-bottom {
    box-shadow: 0px 7px 15px rgba(190, 205, 226, 0.25); }
  .neoo.box-shadowed-right, .neoo .box-shadowed-right {
    filter: drop-shadow(0 7px 7px rgba(51, 55, 61, 0.25));
    z-index: 1; }
  .neoo.box-shadowed-left, .neoo .box-shadowed-left {
    box-shadow: 7px 0 15px rgba(51, 55, 61, 0.25); }
  .neoo .invert .neo-button {
    box-shadow: 3px 3px 10px var(--shadow1__inset_invert), -1.5px -1.5px 10px var(--shadow2__inset_invert);
    -webkit-box-shadow: 3px 3px 10px var(--shadow1__inset_invert), -1.5px -1.5px 10px var(--shadow2__inset_invert); }
  .neoo .neo-button {
    z-index: 1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    color: #456078;
    box-shadow: 3px 3px 10px #BECDE2;
    -webkit-box-shadow: 3px 3px 10px #BECDE2;
    font-weight: 400;
    min-width: 120px;
    background-color: #27AE60;
    position: relative;
    min-height: 32px;
    /*
        &.concave {
            // @include concavegradient($gradient__dark, $gradient__light);
        }

        &.convex {
            //@include convexgradient($gradient__dark, $gradient__light);
        }

         */ }
    .neoo .neo-button svg, .neoo .neo-button img {
      filter: invert(33%) sepia(42%) saturate(399%) hue-rotate(167deg) brightness(96%) contrast(87%); }
    .neoo .neo-button a {
      color: inherit; }
    .neoo .neo-button .glyphicon {
      margin-right: 5px; }
    .neoo .neo-button .spinner-border {
      display: none;
      vertical-align: inherit; }
    .neoo .neo-button.loading .spinner-border {
      display: inline-block; }
    .neoo .neo-button:focus {
      outline: 0; }
    .neoo .neo-button:active {
      color: #2F80ED; }
    .neoo .neo-button.primary {
      background-color: #2F80ED;
      color: var(--text__light); }
    .neoo .neo-button.success {
      color: var(--text__light); }
    .neoo .neo-button.default {
      background: #FFF;
      color: var(--text__dark); }
    .neoo .neo-button.warning {
      background: #F0AD4E;
      color: var(--text__light); }
    .neoo .neo-button.single-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 38px; }
      .neoo .neo-button.single-icon .glyphicon {
        margin-right: 0; }
    .neoo .neo-button-group button {
      border: 1px solid var(--text__dark);
      box-shadow: none; }
  .neoo .neo-a {
    color: #2F80ED;
    cursor: pointer; }
    .neoo .neo-a:hover {
      color: var(--text__dark); }
    .neoo .neo-a-ls {
      font-size: 13px; }
      .neoo .neo-a-ls .glyphicon-new-window {
        font-size: 12px; }
  .neoo .neo-button-essential-theme {
    color: #456078; }
    .neoo .neo-button-essential-theme:active {
      color: #2F80ED; }
    .neoo .neo-button-essential-theme.primary {
      background-color: #2F80ED;
      color: #F2F3F7; }
    .neoo .neo-button-essential-theme.success {
      color: #F2F3F7; }
    .neoo .neo-button-essential-theme.default {
      background: none;
      color: #456078; }
    .neoo .neo-button-essential-theme.warning {
      background: #F0AD4E;
      color: #F2F3F7; }
    .neoo .neo-button-essential-theme-group button {
      border: 1px solid #456078;
      box-shadow: none; }
  .neoo .neo-a-essential-theme {
    color: #2F80ED; }
    .neoo .neo-a-essential-theme:hover {
      color: #456078; }
  .neoo .neo-btn-group {
    box-shadow: 3px 3px 10px #BECDE2;
    -webkit-box-shadow: 3px 3px 10px #BECDE2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    height: 32px; }
    .neoo .neo-btn-group > .btn {
      border: none;
      box-shadow: none; }
      .neoo .neo-btn-group > .btn:not(:last-child) {
        border-right: 2px solid rgba(190, 205, 226, 0.25); }
  .neoo .form-label {
    font-weight: 500; }
  .neoo .invert input[type=text]:not(.no-neoo), .neoo .invert input[type=password], .neoo .invert input[type=email], .neoo .invert input[type=textarea], .neoo .invert select {
    background: linear-gradient(145deg, var(--gradient__invert_dark), var(--gradient__invert_light));
    color: var(--text__light);
    box-shadow: inset 4px 4px 10px var(--shadow1-inset-invert), inset -4px -4px 30px var(--shadow2__inset_invert);
    -webkit-box-shadow: inset 4px 4px 10px var(--shadow1__inset_invert), inset -4px -4px 6px var(--shadow2__inset_invert); }
    .neoo .invert input[type=text]:not(.no-neoo)::placeholder, .neoo .invert input[type=password]::placeholder, .neoo .invert input[type=email]::placeholder, .neoo .invert input[type=textarea]::placeholder, .neoo .invert select::placeholder {
      color: var(--text__light);
      opacity: 0.5; }
    .neoo .invert input[type=text]:not(.no-neoo):-webkit-autofill, .neoo .invert input[type=text]:not(.no-neoo):-webkit-autofill:hover, .neoo .invert input[type=text]:not(.no-neoo):-webkit-autofill:focus, .neoo .invert input[type=password]:-webkit-autofill, .neoo .invert input[type=password]:-webkit-autofill:hover, .neoo .invert input[type=password]:-webkit-autofill:focus, .neoo .invert input[type=email]:-webkit-autofill, .neoo .invert input[type=email]:-webkit-autofill:hover, .neoo .invert input[type=email]:-webkit-autofill:focus, .neoo .invert input[type=textarea]:-webkit-autofill, .neoo .invert input[type=textarea]:-webkit-autofill:hover, .neoo .invert input[type=textarea]:-webkit-autofill:focus, .neoo .invert select:-webkit-autofill, .neoo .invert select:-webkit-autofill:hover, .neoo .invert select:-webkit-autofill:focus {
      background: linear-gradient(145deg, var(--gradient__invert_dark), var(--gradient__invert_light));
      color: var(--text__light);
      -webkit-text-fill-color: var(--text__light) !important;
      background-color: var(--background__dark) !important;
      -webkit-box-shadow: 0 0 100px rgba(32, 59, 83, 0.5) inset; }
  .neoo .invert input[type=checkbox] {
    box-shadow: 3px 3px 10px var(--shadow1__inset_invert), -1.5px -1.5px 10px var(--shadow2__inset_invert);
    -webkit-box-shadow: 3px 3px 10px var(--shadow1__inset_invert), -1.5px -1.5px 10px var(--shadow2__inset_invert);
    opacity: 0.7; }
    .neoo .invert input[type=checkbox] :uncheked {
      background-color: var(--background__light); }
  .neoo input[type=text]:not(.no-neoo), .neoo input[type=password], .neoo input[type=email], .neoo input[type=textarea], .neoo input[type=url], .neoo select {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #456078;
    box-shadow: inset 4px 4px 10px rgba(195, 210, 231, 0.65), inset -4px -4px 30px #FFF;
    -webkit-box-shadow: inset 4px 4px 10px rgba(195, 210, 231, 0.65), inset -4px -4px 30px #FFF;
    border: none;
    background-color: var(--background__light);
    font-family: "Tajawal", sans-serif; }
    .neoo input[type=text]:not(.no-neoo)::placeholder, .neoo input[type=password]::placeholder, .neoo input[type=email]::placeholder, .neoo input[type=textarea]::placeholder, .neoo input[type=url]::placeholder, .neoo select::placeholder {
      opacity: 0.5; }
    .neoo input[type=text]:not(.no-neoo):-webkit-autofill, .neoo input[type=text]:not(.no-neoo):-webkit-autofill:focus, .neoo input[type=text]:not(.no-neoo):-webkit-autofill:hover, .neoo input[type=text]:not(.no-neoo):-webkit-autofill:active, .neoo input[type=password]:-webkit-autofill, .neoo input[type=password]:-webkit-autofill:focus, .neoo input[type=password]:-webkit-autofill:hover, .neoo input[type=password]:-webkit-autofill:active, .neoo input[type=email]:-webkit-autofill, .neoo input[type=email]:-webkit-autofill:focus, .neoo input[type=email]:-webkit-autofill:hover, .neoo input[type=email]:-webkit-autofill:active, .neoo input[type=textarea]:-webkit-autofill, .neoo input[type=textarea]:-webkit-autofill:focus, .neoo input[type=textarea]:-webkit-autofill:hover, .neoo input[type=textarea]:-webkit-autofill:active, .neoo input[type=url]:-webkit-autofill, .neoo input[type=url]:-webkit-autofill:focus, .neoo input[type=url]:-webkit-autofill:hover, .neoo input[type=url]:-webkit-autofill:active, .neoo select:-webkit-autofill, .neoo select:-webkit-autofill:focus, .neoo select:-webkit-autofill:hover, .neoo select:-webkit-autofill:active {
      background-color: var(--background__light) !important;
      -webkit-text-fill-color: #456078 !important;
      box-shadow: inset 4px 4px 10px rgba(195, 210, 231, 0.65), inset -4px -4px 30px #FFF;
      -webkit-box-shadow: inset 4px 4px 10px rgba(195, 210, 231, 0.65), inset -4px -4px 30px #FFF; }
  .neoo input[type=checkbox] {
    box-shadow: 3px 3px 10px #BECDE2;
    -webkit-box-shadow: 3px 3px 10px #BECDE2; }
    .neoo input[type=checkbox] :uncheked {
      background-color: var(--background__light); }
  .neoo input[type="checkbox"] + label {
    padding-left: 5px; }
  .neoo .neo-input-group .form-control:first-child {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important; }
  .neoo .neo-nav-tabs.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
    height: 100%;
    padding-bottom: 15px;
    display: block; }
    .neoo .neo-nav-tabs.tabs-left > li {
      float: none;
      margin-bottom: 2px;
      margin-right: -1px;
      cursor: default; }
    .neoo .neo-nav-tabs.tabs-left > li.active > a,
    .neoo .neo-nav-tabs.tabs-left > li.active > a:hover,
    .neoo .neo-nav-tabs.tabs-left > li.active > a:focus {
      border-color: #ddd;
      border-right-color: transparent;
      color: var(--text-dark);
      background-color: var(--background__light); }
    .neoo .neo-nav-tabs.tabs-left > li > a:hover {
      border-color: #ddd;
      border-right-color: transparent;
      background: #ececec; }
    .neoo .neo-nav-tabs.tabs-left > li > a {
      border-radius: 4px 0 0 4px;
      margin-right: 0;
      display: block;
      color: #333; }
  .neoo-h1, .neoo-h2, .neoo-h3, .neoo-h4, .neoo-h5, .neoo-h6, .neoo-p-tiny {
    font-style: normal;
    text-transform: none; }
  .neoo-h1 {
    font-size: 22px;
    font-weight: 500; }
  .neoo-h2 {
    font-size: 16px;
    font-weight: 500; }
  .neoo-h3 {
    font-size: 14px;
    font-weight: 500; }
  .neoo-h5 {
    font-size: 13px;
    font-weight: 700; }
  .neoo-p-tiny {
    font-size: 12px;
    margin: 0;
    color: var(--light-grey); }
  .neoo-label {
    font-weight: 400;
    font-size: 14px; }
  .neoo-alert {
    padding: 20px;
    border-radius: 4px;
    background: #F2F3F7; }
    .neoo-alert h2, .neoo-alert h3 {
      margin: 0px;
      padding: 0px; }
    .neoo-alert-body {
      margin-top: 10px;
      display: block;
      font-size: 14px; }
    .neoo-alert-info {
      background: rgba(47, 128, 237, 0.2); }
      .neoo-alert-info h2, .neoo-alert-info h3, .neoo-alert-info span {
        color: #2F80ED; }
    .neoo-alert-info-simple {
      background: inherit !important; }
      .neoo-alert-info-simple h2, .neoo-alert-info-simple h3 {
        color: #2F80ED; }
    .neoo-alert-danger {
      background: #f5e7e7; }
      .neoo-alert-danger h2, .neoo-alert-danger span {
        color: #FF0000; }
    .neoo-alert-warning {
      background: #f9e8b4; }
      .neoo-alert-warning h2, .neoo-alert-warning h3, .neoo-alert-warning span {
        color: #FF7D2A; }
    .neoo-alert-warning-simple {
      background: inherit !important; }
      .neoo-alert-warning-simple h2, .neoo-alert-warning-simple h3 {
        color: #FF7D2A; }
  .neoo .invert.signup-form {
    background-color: var(--background__dark);
    color: var(--text__light); }
    .neoo .invert.signup-form a {
      color: #FF7D2A; }
  .neoo .far.stick-to-input-right {
    position: relative;
    float: right;
    top: -1.6rem;
    left: 1.5rem;
    cursor: pointer; }
  .neoo .signup {
    height: 100%;
    margin-bottom: 150px;
    background-color: var(--background__dark);
    overflow: hidden; }
    .neoo .signup .logo-container {
      min-height: 60px;
      max-width: 250px;
      display: inline-block; }
      .neoo .signup .logo-container .logo {
        /*max-width: 250px;*/
        margin-bottom: 0px;
        max-width: 100%; }
    .neoo .signup .login-container, .neoo .signup .welcome {
      margin: 0 2rem !important;
      zoom: 1.05; }
    .neoo .signup form {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      max-width: 500px;
      margin: auto; }
      @media (min-width: 1400px) {
        .neoo .signup form {
          margin-right: unset; } }
    .neoo .signup a {
      text-decoration: none;
      font-weight: 500;
      color: #2F80ED; }
    .neoo .signup .far.stick-to-input-right {
      position: relative;
      float: right;
      top: -1.6rem;
      left: 1.5rem;
      cursor: pointer; }
    .neoo .signup .validation-summary-errors {
      color: #FF7D2A;
      margin-top: -30px;
      font-weight: 500; }
      .neoo .signup .validation-summary-errors ul {
        padding-left: 0;
        margin: 0; }
        .neoo .signup .validation-summary-errors ul li {
          display: block; }
    .neoo .signup-form {
      background-color: #E8EDF6; }
    .neoo .signup ._plans {
      position: relative;
      top: 45%;
      transform: translateY(-50%);
      padding-top: 59px;
      max-width: 450px; }
      .neoo .signup ._plans ul {
        padding-left: 0; }
        .neoo .signup ._plans ul li {
          position: relative;
          display: block;
          margin: 0 0 19px;
          padding: 0 0 0 30px;
          font-size: 16px;
          line-height: 19px;
          color: #456078; }
          .neoo .signup ._plans ul li::before {
            position: absolute;
            content: "";
            display: block;
            width: 18px;
            height: 18px;
            left: 0;
            top: 2px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(/img/register/icon-green.svg); }
  @media (min-width: 1400px) {
    .neoo.dark-gray-theme .signup form {
      margin: auto; } }
  @media (min-width: 1400px) {
    .neoo.simple-layout .signup form {
      margin: auto; } }
  .neoo .signup-content {
    background-color: var(--background__light);
    overflow: auto;
    height: 100%; }
    .neoo .signup-content .hero {
      height: 100%;
      margin: auto;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .neoo .signup-content .hero img {
        max-height: 100%;
        max-width: 100%; }
      .neoo .signup-content .hero video {
        max-height: 100%;
        max-width: 100%;
        top: 50%;
        position: relative;
        transform: translateY(-50%); }
    .neoo .signup-content .welcome {
      position: relative;
      display: flex;
      flex-direction: column;
      height: 100%;
      /*@media (min-width: 768px) {
            transform: translateY(-50%);
            top: 50%;
        }

        @media (min-width: 1400px) {
            transform: translateY(-50%);
            top: 50%;
        }*/ }
      .neoo .signup-content .welcome h1 {
        top: 23.5%;
        position: absolute; }
  .neoo .footer-content {
    max-width: 900px;
    margin-bottom: 30px;
    bottom: 0;
    position: absolute; }
    .neoo .footer-content .box-superlight {
      background: rgba(242, 243, 247, 0.55);
      backdrop-filter: blur(6.3px);
      -webkit-backdrop-filter: blur(6.3px); }
  .neoo body.preferences .restore-password {
    margin: 4rem auto;
    max-width: 650px; }
    @media (max-width: 768px) {
      .neoo body.preferences .restore-password {
        max-width: 450px; } }
  .neoo body.preferences form {
    height: 100%;
    overflow: auto; }
    .neoo body.preferences form input[type=text], .neoo body.preferences form input[type=password] {
      height: 46px; }
    .neoo body.preferences form .content-area-user {
      background-color: transparent; }
    .neoo body.preferences form .form-control {
      margin-top: 0.5rem; }
    .neoo body.preferences form .form-header {
      padding: 1rem 2rem;
      margin: 0;
      font-weight: 600;
      font-size: unset; }
    .neoo body.preferences form .form-body {
      padding: 4rem 2rem 4rem 2rem; }
      .neoo body.preferences form .form-body a.btn {
        margin-top: 1rem; }
      .neoo body.preferences form .form-body span a {
        text-decoration: none;
        font-weight: 500;
        color: #2F80ED; }
  .neoo .box h5.widget-header {
    margin: -12px -12px 0 -12px;
    padding: 11px 22px;
    background: linear-gradient(359deg, #F9F9F9, rgba(195, 210, 231, 0.3));
    font-size: 14px; }
  .neoo .box .text-muted {
    color: #456078; }
  .neoo.header-bg, .neoo .header-bg {
    font-family: "Tajawal", sans-serif;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    height: 48px;
    background: var(--background__dark);
    /*for node-operations corect displaying*/
    position: relative;
    /*for node-operations corect displaying*/
    float: right;
    /*The is also a global styles for .tree-toggler, because it's also used in the .left-panel (folder tree) */ }
    .neoo.header-bg .tree-toggler, .neoo .header-bg .tree-toggler {
      background: transparent; }
    .neoo.header-bg .menu a:not(.dropdown-item), .neoo .header-bg .menu a:not(.dropdown-item) {
      border-left-color: var(--text__dark_selected); }
    .neoo.header-bg .dropdown .custom-dropdown-dark, .neoo .header-bg .dropdown .custom-dropdown-dark {
      background-color: var(--background__dark);
      border-top-color: var(--text__dark_selected); }
      .neoo.header-bg .dropdown .custom-dropdown-dark .divider, .neoo .header-bg .dropdown .custom-dropdown-dark .divider {
        background-color: var(--text__dark_selected); }
      .neoo.header-bg .dropdown .custom-dropdown-dark .dropdown-item.active,
      .neoo.header-bg .dropdown .custom-dropdown-dark .dropdown-item:active, .neoo .header-bg .dropdown .custom-dropdown-dark .dropdown-item.active,
      .neoo .header-bg .dropdown .custom-dropdown-dark .dropdown-item:active {
        background-color: var(--text__dark_selected); }
  .neoo body {
    font-family: 'Mulish', sans-serif; }
    .neoo body.preferences {
      height: 100%;
      background-color: var(--background__light);
      font-size: unset; }
      .neoo body.preferences .ui-tooltip-text {
        font-size: 12px !important; }
  .neoo .logo-panel {
    position: absolute;
    z-index: 1; }
    .neoo .logo-panel #logo-header .logo-image {
      width: unset; }
      .neoo .logo-panel #logo-header .logo-image a img {
        max-height: 39px;
        max-width: 100%; }
  .neoo .powered-by {
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 8px;
    font-size: 14px;
    color: var(--text__light); }
    .neoo .powered-by a {
      color: #FF7D2A; }
  .neoo .menu.dropdown.open .profile-right-sidebar {
    transform: translateX(-100%) !important; }
  .neoo .right-sidebar {
    font-family: Arial, sans-serif;
    position: fixed;
    height: 100%;
    background: #F2F3F7;
    color: #456078;
    right: 0;
    display: block;
    transform: translateX(0) !important;
    transition: transform .3s linear; }
  .neoo .profile-right-sidebar {
    width: 377px;
    max-width: 377px;
    z-index: 9999; }
    .neoo .profile-right-sidebar.dropdown-menu {
      top: 0;
      padding: 0;
      border: 0;
      border-radius: unset; }
    .neoo .profile-right-sidebar .profile-sidebar-closure {
      cursor: pointer;
      position: absolute;
      padding: 19px;
      font-size: 20px;
      top: -6px;
      right: 0;
      -webkit-user-select: none;
      user-select: none; }
    .neoo .profile-right-sidebar .profile-sidebar-body {
      padding: 15px 0;
      height: calc(100% - 62px); }
    @media screen and (max-width: 768px) {
      .neoo .profile-right-sidebar {
        width: 80%; } }
    .neoo .profile-right-sidebar.profile-sidebar-sticky {
      margin-top: 0 !important;
      transition: all .3s; }
  .neoo.file-sidebar-container {
    position: absolute;
    top: 0; }
    .neoo.file-sidebar-container .right-sidebar {
      margin-top: 0;
      z-index: 998;
      width: 472px;
      max-width: 472px;
      border-left: 3px solid #5f768b;
      border-top: 3px solid #5f768b;
      border-bottom: 3px solid #5f768b;
      height: calc(100% - 231.5px);
      overflow: hidden;
      padding-bottom: 5px; }
  .neoo .upload-container {
    width: 100%;
    padding: 0;
    font-family: "Tajawal", sans-serif;
    /* Scroll Down */ }
    .neoo .upload-container.wait, .neoo .upload-container.wait * {
      cursor: wait !important; }
    .neoo .upload-container .btn {
      font-weight: 500; }
    .neoo .upload-container .ai-icon {
      height: 19px;
      margin-top: -3px;
      filter: invert(33%) sepia(42%) saturate(399%) hue-rotate(167deg) brightness(96%) contrast(87%); }
    .neoo .upload-container .upload-header {
      position: sticky;
      top: 0;
      width: 100%;
      background-color: var(--background__light);
      padding: 18px 0 8px 0;
      z-index: 2;
      margin: 0;
      min-height: 56px; }
      .neoo .upload-container .upload-header .upload-title {
        display: inline-block;
        margin: 0;
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        padding: 7px 10px;
        position: relative;
        top: -4px; }
      .neoo .upload-container .upload-header .upload-directory {
        display: inline-block;
        margin: 0;
        color: var(--light-grey);
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        max-width: calc(100% - 170px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        direction: rtl; }
        .neoo .upload-container .upload-header .upload-directory .fa-angle-right {
          opacity: .5; }
        .neoo .upload-container .upload-header .upload-directory .last-directory {
          color: var(--text__dark); }
      .neoo .upload-container .upload-header .upload-close {
        position: absolute;
        padding-right: 15px;
        right: 0;
        top: 19px; }
        .neoo .upload-container .upload-header .upload-close .close-icon {
          font-size: 16px;
          color: var(--text__dark); }
        .neoo .upload-container .upload-header .upload-close :hover {
          color: #FF7D2A;
          text-decoration: none; }
      .neoo .upload-container .upload-header .back-control {
        padding-left: 15px;
        cursor: pointer; }
        .neoo .upload-container .upload-header .back-control a {
          position: absolute;
          left: 0;
          top: -4px; }
          .neoo .upload-container .upload-header .back-control a i {
            height: 22px;
            width: 22px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22px' viewBox='0 0 22 22' width='22px' fill='%23456078'%3E%3Cpath d='M0 0h22v22H0z' fill='none'/%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E");
            display: inline-block; }
        .neoo .upload-container .upload-header .back-control:hover {
          text-decoration: underline; }
    .neoo .upload-container .upload-box {
      margin: 15px 0 0 0; }
      .neoo .upload-container .upload-box .upload-box-body {
        padding: 15px; }
      .neoo .upload-container .upload-box .upload-buttons {
        margin-bottom: 15px; }
    .neoo .upload-container .upload-warnings {
      margin: 15px; }
    .neoo .upload-container .warning-sign {
      position: absolute;
      top: 4px;
      right: 0;
      color: #FF7D2A;
      font-size: 18px; }
    .neoo .upload-container .fileupload {
      margin: 15px; }
      .neoo .upload-container .fileupload .upload-box .advanced-settings-header {
        padding: 10px 15px 0 15px;
        width: fit-content;
        cursor: pointer; }
        .neoo .upload-container .fileupload .upload-box .advanced-settings-header h3 {
          margin: 0; }
          .neoo .upload-container .fileupload .upload-box .advanced-settings-header h3 .glyphicon {
            vertical-align: top;
            color: var(--text__dark);
            opacity: .5; }
      .neoo .upload-container .fileupload .upload-box .advanced-settings-body {
        box-shadow: inset 0 16px 20px -10px rgba(195, 210, 231, 0.37);
        margin-top: 10px;
        padding: 15px 15px 0 15px;
        margin-bottom: -5px; }
        .neoo .upload-container .fileupload .upload-box .advanced-settings-body.narrow .checkbox-input-wrapper {
          min-width: calc(24% - 30px); }
      .neoo .upload-container .fileupload label {
        display: inline; }
      .neoo .upload-container .fileupload .checkbox-input-wrapper {
        margin-bottom: 5px;
        display: inline-block;
        min-width: calc(31% - 30px);
        margin-right: 30px; }
      .neoo .upload-container .fileupload .name-conflict-button-group {
        margin-top: 10px; }
        .neoo .upload-container .fileupload .name-conflict-button-group .btn-group {
          width: 100%; }
          .neoo .upload-container .fileupload .name-conflict-button-group .btn-group button {
            width: calc((100% / 3)); }
          @media screen and (max-width: 960px) {
            .neoo .upload-container .fileupload .name-conflict-button-group .btn-group button {
              width: 100%;
              border-radius: 0;
              margin: 0; } }
      .neoo .upload-container .fileupload #drag-drop-help {
        border: 2px dashed #DDD;
        min-height: 138px;
        margin: 0;
        height: fit-content;
        padding-top: 20px;
        padding-bottom: 10px; }
        @media (max-width: 991px) {
          .neoo .upload-container .fileupload #drag-drop-help {
            padding-top: 20px; }
            .neoo .upload-container .fileupload #drag-drop-help [class*='col-xs'] {
              min-height: 60px !important;
              height: fit-content !important; } }
        .neoo .upload-container .fileupload #drag-drop-help [class*='col-xs'] {
          height: 92px;
          /*top: 26px;*/
          position: relative;
          display: flex; }
        @media (min-width: 992px) {
          .neoo .upload-container .fileupload #drag-drop-help [class*='col-xs']:first-of-type {
            border-right: 2px solid #DDD; } }
        .neoo .upload-container .fileupload #drag-drop-help .drop-description-container {
          width: 80%;
          margin: auto; }
          .neoo .upload-container .fileupload #drag-drop-help .drop-description-container .neoo-h3 {
            text-align: center; }
            .neoo .upload-container .fileupload #drag-drop-help .drop-description-container .neoo-h3 .btn {
              margin-bottom: 10px; }
            .neoo .upload-container .fileupload #drag-drop-help .drop-description-container .neoo-h3 .btn-first {
              margin-left: 10px; }
            .neoo .upload-container .fileupload #drag-drop-help .drop-description-container .neoo-h3 img {
              height: 48px; }
          @media (max-width: 991px) {
            .neoo .upload-container .fileupload #drag-drop-help .drop-description-container .neoo-h3 {
              text-align: center; } }
        .neoo .upload-container .fileupload #drag-drop-help .after-interaction {
          display: none;
          opacity: 0; }
        @media screen and (max-width: 767px) {
          .neoo .upload-container .fileupload #drag-drop-help .drop-description-container {
            margin: unset !important;
            width: 100%; }
            .neoo .upload-container .fileupload #drag-drop-help .drop-description-container h3 {
              position: relative !important;
              display: flex;
              align-items: center;
              line-height: 24px;
              justify-content: center; }
          .neoo .upload-container .fileupload #drag-drop-help .after-interaction {
            width: 100%; }
          .neoo .upload-container .fileupload #drag-drop-help .progress-upload-success {
            width: 100%;
            padding-top: 17px;
            border-top: 2px dashed #DDD;
            display: block;
            margin: 0 !important; }
            .neoo .upload-container .fileupload #drag-drop-help .progress-upload-success strong {
              display: block;
              text-align: left; }
          .neoo .upload-container .fileupload #drag-drop-help .btns {
            width: 100%;
            display: flex;
            justify-content: space-around;
            gap: 15px;
            width: 100%;
            flex-wrap: wrap;
            padding-bottom: 5px; }
            .neoo .upload-container .fileupload #drag-drop-help .btns button {
              margin: 0 !important;
              min-width: calc(50% - 8px); } }
        .neoo .upload-container .fileupload #drag-drop-help:not(.interacted) .add-button-container, .neoo .upload-container .fileupload #drag-drop-help:not(.interacted) .drop-description-container h3 {
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .neoo .upload-container .fileupload #drag-drop-help.interacted {
          min-height: 74px;
          transition: height ease 1s;
          border-radius: 4px 4px 0 0; }
          .neoo .upload-container .fileupload #drag-drop-help.interacted [class*='col-xs'] {
            min-height: 38px;
            height: fit-content;
            transition: all ease 1s; }
          .neoo .upload-container .fileupload #drag-drop-help.interacted [class*='col-xs']:first-of-type {
            border-right: none; }
            .neoo .upload-container .fileupload #drag-drop-help.interacted [class*='col-xs']:first-of-type .add-button-container {
              left: 15px;
              transform: translate(0%, 0%);
              transition: left ease 1s;
              position: absolute;
              width: 100%; }
              .neoo .upload-container .fileupload #drag-drop-help.interacted [class*='col-xs']:first-of-type .add-button-container .btn {
                min-width: 38px;
                margin-right: 10px; }
                .neoo .upload-container .fileupload #drag-drop-help.interacted [class*='col-xs']:first-of-type .add-button-container .btn .glyphicon {
                  margin: 0; }
                .neoo .upload-container .fileupload #drag-drop-help.interacted [class*='col-xs']:first-of-type .add-button-container .btn .button-name {
                  display: none; }
              .neoo .upload-container .fileupload #drag-drop-help.interacted [class*='col-xs']:first-of-type .add-button-container span.after-interaction {
                margin-top: 5px;
                position: absolute; }
          .neoo .upload-container .fileupload #drag-drop-help.interacted .drop-description-container {
            text-align: right;
            left: auto;
            right: 15px;
            /*transform: translate(0%, -50%);*/
            transition: all ease 1s;
            width: 100%;
            margin: 0; }
            .neoo .upload-container .fileupload #drag-drop-help.interacted .drop-description-container .progress-upload-success {
              animation: showBlock 0s 1s forwards;
              visibility: hidden;
              margin-left: 10px; }
              .neoo .upload-container .fileupload #drag-drop-help.interacted .drop-description-container .progress-upload-success strong {
                height: 32px; }
                @media (max-width: 991px) {
                  .neoo .upload-container .fileupload #drag-drop-help.interacted .drop-description-container .progress-upload-success strong .neoo-h3 {
                    text-align: center; } }
            .neoo .upload-container .fileupload #drag-drop-help.interacted .drop-description-container h3 {
              display: none; }
            .neoo .upload-container .fileupload #drag-drop-help.interacted .drop-description-container .neoo-h3 {
              text-align: right; }
          .neoo .upload-container .fileupload #drag-drop-help.interacted .after-interaction {
            opacity: 1;
            display: inline-block;
            transition: opacity 1s ease;
            animation: fadeIn 1s; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
      .neoo .upload-container .fileupload .progress-upload .progress-upload-success {
        font-size: 14px; }
      .neoo .upload-container .fileupload .progress-upload .progress {
        position: absolute;
        width: calc(100% - 30px);
        height: 12px;
        margin-bottom: -2px;
        background-color: var(--background__light);
        border-radius: 4px 4px 0px 0px; }
        .neoo .upload-container .fileupload .progress-upload .progress .progress-bar {
          background-color: #2F80ED; }
      .neoo .upload-container .fileupload .progress-upload .progress-success {
        animation: cssAnimation 1s ease-in 3s forwards; }
        .neoo .upload-container .fileupload .progress-upload .progress-success .progress-bar {
          background-color: #27AE60; }

@keyframes cssAnimation {
  0% {
    height: 12px; }
  100% {
    height: 0; } }
      .neoo .upload-container .fileupload .upload-result {
        padding-bottom: 20px; }
        .neoo .upload-container .fileupload .upload-result .files {
          margin: 0 -8px; }
          .neoo .upload-container .fileupload .upload-result .files div.file {
            padding: 0;
            opacity: 1;
            transition: all .3s ease-out;
            min-height: 0; }
            .neoo .upload-container .fileupload .upload-result .files div.file.ng-enter {
              transition: all 3s ease-out;
              opacity: 0; }
            .neoo .upload-container .fileupload .upload-result .files div.file.ng-enter-active {
              opacity: 1; }
            .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box {
              margin: 7px;
              height: 150px;
              max-height: 180px;
              font-weight: 500; }
              .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col {
                height: inherit;
                padding: 0; }
                .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .preview.ng-scope {
                  text-align: left;
                  max-width: 100%;
                  height: inherit;
                  background: var(--background__light); }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .preview.ng-scope canvas {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    opacity: .5;
                    max-width: 100%; }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .preview.ng-scope img, .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .preview.ng-scope video {
                    max-width: 100%;
                    max-height: 100%;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%); }
                    .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .preview.ng-scope img.unarchive-icon, .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .preview.ng-scope video.unarchive-icon {
                      filter: invert(36%) sepia(13%) saturate(1154%) hue-rotate(167deg) brightness(93%) contrast(91%); }
                .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .caption {
                  position: absolute;
                  bottom: 0px;
                  background: rgba(240, 244, 253, 0.7);
                  width: 100%;
                  padding: 0 16px; }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .preview-col .caption span {
                    word-break: break-all; }
              .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .gmap-col {
                height: inherit;
                padding: 0 0 30px 0; }
                @media (max-width: 992px) {
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .gmap-col {
                    display: none; } }
              .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .description-col {
                height: calc(100% + 12px);
                overflow: scroll;
                padding: 10px 15px;
                font-size: 13px; }
                .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .description-col .name {
                  font-size: 14px; }
                .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .description-col .error {
                  padding: 4px 10px 3px 40px; }
              .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge {
                position: absolute;
                top: 9px;
                right: 11px;
                z-index: 1;
                cursor: pointer; }
                .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-warning-badge .badge {
                  background: #FF7D2A; }
                .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-info-badge .badge {
                  background: #2F80ED; }
                .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-badge-collapsed {
                  right: 7px;
                  cursor: default; }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-badge-collapsed .badge {
                    background: none; }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-badge-collapsed span {
                    display: none; }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-badge-collapsed i {
                    font-size: 18px; }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-badge-collapsed.alert-warning-badge i {
                    color: #FF7D2A; }
                  .neoo .upload-container .fileupload .upload-result .files div.file .upload-file-box .alert-badge.alert-badge-collapsed.alert-info-badge i {
                    color: #2F80ED; }
            .neoo .upload-container .fileupload .upload-result .files div.file.file-collapsed-view .upload-file-box .preview-col {
              padding: 0 !important; }
              .neoo .upload-container .fileupload .upload-result .files div.file.file-collapsed-view .upload-file-box .preview-col .preview img, .neoo .upload-container .fileupload .upload-result .files div.file.file-collapsed-view .upload-file-box .preview-col .preview canvas {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
        .neoo .upload-container .fileupload .upload-result.table .progress.progress-striped.active {
          margin-bottom: 5px;
          height: 15px; }
        .neoo .upload-container .fileupload .upload-result.table td {
          padding: 4px 0px 4px 0px !important;
          font-size: 18px; }
        .neoo .upload-container .fileupload .upload-result .progress.progress-striped {
          margin-top: 5px;
          margin-bottom: 4px;
          height: 10px; }
        .neoo .upload-container .fileupload .upload-result tr.ng-scope {
          height: 108px; }
        .neoo .upload-container .fileupload .upload-result td {
          padding: 0 0 8px 0; }
        .neoo .upload-container .fileupload .upload-result.table tr td.upload-summary {
          text-align: right;
          padding-right: 10px !important;
          font-weight: bold; }
        .neoo .upload-container .fileupload .upload-result .size {
          text-align: right; }
        .neoo .upload-container .fileupload .upload-result .angular-google-map-container {
          height: 180px;
          max-height: 180px;
          width: 100%; }
        .neoo .upload-container .fileupload .upload-result span.exif-label {
          font-size: 13px;
          display: block;
          color: #999;
          line-height: 10px; }
        .neoo .upload-container .fileupload .upload-result .row.file div.row.exif-info > div {
          padding: 0px; }
        .neoo .upload-container .fileupload .upload-result span.exif-value {
          font-weight: bolder;
          display: block; }
        .neoo .upload-container .fileupload .upload-result span.file-keywords {
          font-weight: bolder;
          display: block; }
        .neoo .upload-container .fileupload .upload-result .ai-icon {
          opacity: 0.3;
          filter: grayscale(1); }
        .neoo .upload-container .fileupload .upload-result .ai-icon-animated {
          height: 45px;
          display: flex;
          align-items: center; }
          .neoo .upload-container .fileupload .upload-result .ai-icon-animated img {
            height: 30px; }
        .neoo .upload-container .fileupload .upload-result span.recognition-keywords-label {
          padding-top: 5px; }
        .neoo .upload-container .fileupload .upload-result .row.exif-info {
          margin: 0px;
          margin-top: 8px; }
      .neoo .upload-container .fileupload .progress.active .progress-bar,
      .neoo .upload-container .fileupload .progress-bar.active {
        animation: none !important; }
    .neoo .upload-container .translucent-button:disabled {
      opacity: 0.5;
      cursor: wait !important; }
    .neoo .upload-container .scrolldown-wrapper {
      left: 50%;
      position: absolute;
      text-align: center;
      bottom: 0;
      transform: translate(-50%, -50%);
      background: var(--background__light);
      padding: 6px 6px 0px 6px;
      margin-bottom: 23px;
      border-radius: 20px;
      opacity: 0;
      transition: opacity ease .5s; }
      .neoo .upload-container .scrolldown-wrapper.scrolldown-wrapper-shown {
        opacity: 1; }
    .neoo .upload-container .scrolldown {
      border: 2px solid var(--text__dark);
      border-radius: 30px;
      height: 46px;
      margin: 0 auto 8px;
      text-align: center;
      width: 30px; }
    .neoo .upload-container .scrolldown-p1,
    .neoo .upload-container .scrolldown-p2 {
      animation-duration: 1.5s;
      animation-name: scrolldown;
      animation-iteration-count: infinite;
      fill: var(--text__dark); }
    .neoo .upload-container .scrolldown-p2 {
      animation-delay: .75s; }

@keyframes scrolldown {
  0% {
    opacity: 0;
    transform: translate(0, -8px); }
  50% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, 8px); } }

@keyframes showBlock {
  to {
    visibility: visible; } }
  .neoo .empty-search-result-box {
    margin-top: 30px;
    opacity: 1;
    animation: fade 1s; }
    .neoo .empty-search-result-box h1 {
      word-break: break-word;
      display: flex; }
      .neoo .empty-search-result-box h1 b {
        margin: auto; }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
    .neoo .empty-search-result-box .image-container {
      text-align: center;
      width: 100%; }
      .neoo .empty-search-result-box .image-container img {
        max-width: 233px;
        width: 100%;
        margin-left: 40px; }
    .neoo .empty-search-result-box ul {
      padding-left: 16px;
      font-size: 14px; }
    .neoo .empty-search-result-box .upload-button-container {
      left: 50%;
      position: absolute;
      margin-top: 20px;
      transform: translateX(-50%); }
  .neoo.left-panel-wrapper {
    float: left;
    height: calc(100% - 53px);
    max-height: 100%;
    transition: width .2s; }
    @media screen and (max-width: 960px) {
      .neoo.left-panel-wrapper {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1042; } }
    .neoo.left-panel-wrapper .left-panel {
      background-color: var(--background__dark);
      font-family: "Tajawal", sans-serif;
      transition: width .2s;
      min-width: calc(20vw); }
      @media screen and (max-width: 960px) {
        .neoo.left-panel-wrapper .left-panel {
          width: 100%;
          min-width: calc(40vw); }
          .neoo.left-panel-wrapper .left-panel #dashboardBtn {
            display: none; } }
      @media screen and (max-width: 768px) {
        .neoo.left-panel-wrapper .left-panel {
          min-width: calc(80vw);
          max-width: calc(80vw); } }
      .neoo.left-panel-wrapper .left-panel .view-selectors-container {
        margin-top: 5px;
        padding: 10px 0 10px 5px; }
        .neoo.left-panel-wrapper .left-panel .view-selectors-container .btn-view-container {
          display: inline-flex;
          box-sizing: border-box;
          -webkit-box-align: center;
          align-items: center;
          border: 0px;
          font-size: 15px;
          outline: 0px;
          user-select: none;
          cursor: pointer;
          background: transparent;
          text-decoration: none;
          width: 100%;
          color: var(--text__light);
          padding: 5px;
          width: calc(50% - 6px);
          border-radius: 4px; }
          .neoo.left-panel-wrapper .left-panel .view-selectors-container .btn-view-container:hover {
            background: var(--text__dark_selected); }
          .neoo.left-panel-wrapper .left-panel .view-selectors-container .btn-view-container.chosen {
            background: var(--text__dark_selected); }
            .neoo.left-panel-wrapper .left-panel .view-selectors-container .btn-view-container.chosen .text-title {
              font-weight: 700;
              letter-spacing: initial; }
          .neoo.left-panel-wrapper .left-panel .view-selectors-container .btn-view-container .icon-container {
            margin-right: 8px;
            margin-bottom: 1px; }
            .neoo.left-panel-wrapper .left-panel .view-selectors-container .btn-view-container .icon-container div {
              display: flex;
              -webkit-box-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              align-items: center;
              width: 32px;
              height: 32px;
              border-radius: 8px;
              box-shadow: 2px 3px 10px var(--shadow1__dark), -3px -3px 10px var(--shadow2__dark);
              background-color: var(--text__dark_selected);
              overflow: hidden; }
              .neoo.left-panel-wrapper .left-panel .view-selectors-container .btn-view-container .icon-container div img {
                width: 24px;
                height: 24px;
                border: 0;
                filter: invert(95%) sepia(18%) saturate(79%) hue-rotate(179deg) brightness(96%) contrast(101%); }
        .neoo.left-panel-wrapper .left-panel .view-selectors-container .text-container {
          display: flex;
          -webkit-box-pack: center;
          justify-content: center;
          flex-direction: column;
          -webkit-box-flex: 1;
          flex-grow: 1;
          line-height: 1.1;
          outline: none;
          overflow: hidden;
          text-align: left; }
          .neoo.left-panel-wrapper .left-panel .view-selectors-container .text-container .text-title {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: 2px;
            letter-spacing: 0.04rem; }
          .neoo.left-panel-wrapper .left-panel .view-selectors-container .text-container .text-description {
            font-size: 11px;
            font-size: 13px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 11px;
            opacity: 0.5; }
      .neoo.left-panel-wrapper .left-panel .quick-access-container {
        justify-content: space-around;
        align-items: flex-start;
        height: fit-content;
        background-color: var(--background__dark);
        position: sticky;
        top: 0;
        z-index: 1;
        overflow-x: hidden;
        overflow-y: hidden; }
        .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container {
          margin-bottom: 11px;
          padding-bottom: 1px;
          box-shadow: 0px 5px 5px -3px var(--shadow1__dark); }
          .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container > div {
            overflow-x: hidden;
            overflow-y: hidden;
            max-height: 126px;
            margin-right: -2px;
            padding-bottom: 6px;
            margin-bottom: 6px; }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container > div:hover {
              overflow-y: overlay; }
          .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group {
            margin-right: 4px;
            margin-left: 10px; }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group:first-of-type ul {
              margin-top: 2px; }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-move,
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-enter,
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-leave {
              transition: all linear 0.3s; }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-leave.ng-leave-active,
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-move,
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-enter {
              opacity: 0;
              z-index: -1;
              transform: translateX(-100%); }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-leave,
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-move.ng-move-active,
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-enter.ng-enter-active {
              opacity: 1;
              transform: translateX(0); }
          .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container .node-label-body > div {
            margin-left: 15px; }
          .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container ul {
            margin-bottom: 0; }
          .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container li {
            background: var(--text__dark_selected);
            border-radius: 4px;
            box-shadow: 1px 2px 8px var(--shadow1__dark), -2px -2px 8px var(--shadow2__dark);
            margin: 8px 8px 0 0;
            display: inline-grid;
            width: calc(50% - 8px); }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container li .tree-label {
              position: relative;
              width: 100%;
              overflow: visible; }
              .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container li .tree-label div {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                width: 100%; }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container li:not(:hover) .tree-label {
              max-width: calc(100% - 45px) !important; }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container li .tree-selected,
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container li:hover .node {
              background: var(--background__dark_selected); }
            .neoo.left-panel-wrapper .left-panel .quick-access-container .scroll-section-container li .node {
              border-radius: inherit;
              display: inherit; }
      .neoo.left-panel-wrapper .left-panel .push-pin i:before {
        vertical-align: -4px;
        font-size: 15px; }
      .neoo.left-panel-wrapper .left-panel .push-pin img {
        height: 18px;
        margin-top: 1px; }
      .neoo.left-panel-wrapper .left-panel .accordion {
        font-family: "Tajawal", sans-serif;
        min-height: 280px;
        padding-bottom: 161px;
        margin: 0; }
        .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] {
          font-size: 15px; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] ul.angular-ui-tree-nodes {
            margin-bottom: 0; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].folders-tree li .tree-selected,
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].sets-tree li .tree-selected,
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].folders-tree .node:hover,
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].sets-tree .node:hover {
            background-color: var(--text__dark_selected);
            width: calc(100% - 10px);
            height: 28px; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].folders-tree .node,
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].sets-tree .node {
            position: initial;
            width: calc(100% - 10px); }
            .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].folders-tree .node .push-pin img,
            .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].sets-tree .node .push-pin img {
              margin-top: -1px; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].folders-tree li .tree-selected:before,
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].sets-tree li .tree-selected:before,
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].folders-tree .node:hover:before,
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].sets-tree .node:hover:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 0;
            height: 28px;
            border-left: 10px solid var(--text__dark_selected);
            border-top: 14px solid transparent;
            border-bottom: 14px solid transparent; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] div[class*="ui-tree-depth-"] {
            padding-left: 190px; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-1 {
            padding-left: 32px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-2 {
            padding-left: 52px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-3 {
            padding-left: 72px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-4 {
            padding-left: 92px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-5 {
            padding-left: 112px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-6 {
            padding-left: 132px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-7 {
            padding-left: 152px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-8 {
            padding-left: 172px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-9 {
            padding-left: 192px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-10 {
            padding-left: 212px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-11 {
            padding-left: 232px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-12 {
            padding-left: 252px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-13 {
            padding-left: 272px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-14 {
            padding-left: 292px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-15 {
            padding-left: 312px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree] .ui-tree-depth-16 {
            padding-left: 332px !important; }
          .neoo.left-panel-wrapper .left-panel .accordion [ui-tree].sets-tree #tree-root:first-of-type {
            margin-bottom: 0; }
        .neoo.left-panel-wrapper .left-panel .accordion .accordion-divider {
          width: calc(100% - 20px);
          margin: 10px;
          border-top: 2px solid var(--text__dark_selected); }
        .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading {
          padding: 5px 10px;
          height: 43px;
          position: relative; }
          .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading:hover {
            background: var(--text__dark_selected); }
          .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container {
            background: none;
            cursor: pointer;
            margin: 0;
            outline: none;
            border: none;
            width: 100%;
            text-align: left;
            padding: 0;
            position: relative;
            color: var(--background__light);
            font-size: 15px;
            font-weight: 400;
            display: flex;
            height: 100%; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .db-heading-item {
              display: flex;
              justify-content: center;
              align-items: center;
              height: inherit; }
              .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .db-heading-item.push-right {
                margin-left: auto; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container:not(.collapsed) .db-heading-item:not(.push-right) {
              opacity: 0.5; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .fa-chevron-down,
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .fa-chevron-right {
              display: none;
              font-size: 9px;
              width: 11px; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .fa-chevron-down:before {
              position: relative;
              top: -1px; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container:not(.collapsed) .fa-chevron-down,
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container.collapsed .fa-chevron-right {
              display: inline-block; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .panel-title-icon.panel-title-icon-folders {
              background: url(/img/treeview/perm_media_white_24dp.png) 0px 0px no-repeat !important;
              margin: 0 8px 0 9px;
              max-width: 10px;
              padding: 9px;
              display: inline-block;
              background-size: 17px !important; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .panel-title-icon.panel-title-icon-sets {
              background: url("/img/treeview/interests_white_24dp.svg") 0px 0px no-repeat !important;
              margin: 0 10px 0 8px;
              max-width: 10px;
              padding: 9px;
              display: inline-block;
              background-size: 18px !important; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .panel-title-icon.fa-database {
              margin: 0 10px -2px 9px;
              padding: 2px;
              font-size: 14px; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .panel-title-text {
              display: inline-block;
              padding-right: 10px;
              text-align: left; }
            .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .panel-title-level-operations {
              visibility: hidden;
              right: -3px;
              position: inherit; }
              .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container .panel-title-level-operations a.operation-button {
                top: -1px;
                font-size: 23px;
                position: relative;
                font-weight: 500; }
          .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-db-heading .glyphicon-plus:before {
            position: relative;
            top: 0.02em;
            left: 0.02em; }
        .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-collapse {
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
          overflow: hidden;
          height: 0; }
          .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-collapse.animated {
            height: auto; }
          .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-collapse.adjustOptionsDisplaying {
            display: unset; }
          .neoo.left-panel-wrapper .left-panel .accordion .panel-db .panel-collapse .panel-body {
            border: none !important;
            background: none !important;
            border-radius: 0;
            padding: 0; }
  .neoo #viewGrid {
    margin: 8px 0 0 0 !important;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */ }
    .neoo #viewGrid .image-grid {
      padding: 0 5px;
      cursor: default !important; }
      @media screen and (min-width: 961px) {
        .neoo #viewGrid .image-grid {
          padding: 0 10px; }
          .neoo #viewGrid .image-grid.without-caption:last-child {
            margin-bottom: 210px; } }
      .neoo #viewGrid .image-grid.with-caption .imagebox.thumbnail,
      .neoo #viewGrid .image-grid.with-caption .imagebox.thumbnail .image,
      .neoo #viewGrid .image-grid .image-wrapper:hover,
      .neoo #viewGrid .image-grid .image-wrapper:hover .imagebox.thumbnail,
      .neoo #viewGrid .image-grid .image-wrapper:hover .imagebox.thumbnail .image {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important; }
    .neoo #viewGrid .image-wrapper {
      margin: 5px 0;
      position: relative;
      cursor: default !important;
      overflow: inherit;
      background-color: var(--background__light); }
      @media screen and (max-width: 992px) {
        .neoo #viewGrid .image-wrapper {
          margin: 0; } }
      .neoo #viewGrid .image-wrapper .caption {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        margin-top: -11px;
        border-top-width: 0 !important;
        height: 220px;
        max-height: 220px;
        overflow: hidden;
        border: none;
        border-radius: 4px;
        box-shadow: 0 0 0px 0.5px #DDD; }
        .neoo #viewGrid .image-wrapper .caption .caption-root {
          width: calc(100% + 30px); }
        .neoo #viewGrid .image-wrapper .caption.collapsed-caption {
          position: absolute;
          background: rgba(240, 244, 253, 0.7);
          box-shadow: none !important;
          height: initial;
          bottom: 0;
          margin: 0;
          width: 100%;
          padding: 0; }
          .neoo #viewGrid .image-wrapper .caption.collapsed-caption .caption-root {
            padding: 1px 4px; }
        .neoo #viewGrid .image-wrapper .caption:not(.collapsed-caption) image-layout {
          height: inherit;
          display: flex;
          flex-flow: column wrap;
          overflow: hidden;
          width: 100%; }
      @media (hover: hover) {
        .neoo #viewGrid .image-wrapper:hover .caption.ng-hide:not(.collapsed-caption) {
          display: block !important;
          position: absolute;
          z-index: 997;
          width: 100%; }
        .neoo #viewGrid .image-wrapper:hover .caption.collapsed-caption {
          display: none !important; } }
      .neoo #viewGrid .image-wrapper:hover .preview-buttons {
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1; }
      .neoo #viewGrid .image-wrapper:hover .tab-link,
      .neoo #viewGrid .image-wrapper:hover .tab-btn {
        display: block !important; }
      .neoo #viewGrid .image-wrapper .imagebox {
        margin-bottom: 10px !important;
        position: relative;
        border: none;
        box-shadow: 0 0 0px 0.5px #DDD; }
        .neoo #viewGrid .image-wrapper .imagebox.thumbnail {
          padding: 0 !important;
          border-radius: 4px;
          background-color: var(--background__light); }
          .neoo #viewGrid .image-wrapper .imagebox.thumbnail .image {
            border-radius: inherit;
            overflow: hidden;
            text-align: center;
            min-height: 50px; }
            .neoo #viewGrid .image-wrapper .imagebox.thumbnail .image img {
              margin: auto !important;
              /*width: 100%;*/ }
        .neoo #viewGrid .image-wrapper .imagebox .image-map {
          position: relative;
          overflow: hidden;
          padding-bottom: 75%;
          background-color: #f6f6f6;
          border-radius: 4px; }
          .neoo #viewGrid .image-wrapper .imagebox .image-map img {
            position: absolute;
            max-width: 100%; }
        .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb {
          position: absolute;
          left: 8px;
          top: 8px;
          width: calc( 100% - 16px);
          height: 100%; }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .workflows-and-expiry {
            max-height: 105px;
            overflow: overlay; }
            .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .workflows-and-expiry .badge {
              margin: 0px 1px 8px 1px;
              max-width: 100%;
              text-overflow: ellipsis;
              overflow: hidden;
              min-height: 9px;
              min-width: 45px;
              display: inline-block;
              cursor: pointer;
              border-radius: 4px;
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .badge:hover {
            box-shadow: inset 0 1000px rgba(0, 0, 0, 0.2); }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .button-over-thumb {
            margin: 0px 1px 5px 1px;
            text-align: right; }
            .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .button-over-thumb img {
              width: 30px;
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
              border-radius: 4px;
              cursor: pointer;
              background: rgba(255, 255, 255, 0.7) !important;
              backdrop-filter: blur(1px); }
              .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .button-over-thumb img:hover {
                box-shadow: inset 0 1000px white; }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .left-icons {
            position: absolute;
            right: 0;
            top: 0; }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .versions-badge {
            background: rgba(255, 255, 255, 0.71);
            height: 18px;
            color: #456078;
            backdrop-filter: blur(1px); }
            .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .versions-badge:hover {
              background-color: white !important;
              box-shadow: none; }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .new-thumb-input {
            display: none !important; }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .change-thumb-btn {
            max-height: 30px;
            max-width: 30px;
            cursor: pointer;
            opacity: 0.4; }
            .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .change-thumb-btn:hover {
              opacity: 1 !important; }
          .neoo #viewGrid .image-wrapper .imagebox .display-over-thumb .status-icons {
            position: absolute;
            bottom: 15px;
            left: 0;
            background-color: rgba(200, 200, 200, 0.64);
            height: 20px;
            width: 20px;
            border-radius: 50%;
            text-align: center;
            line-height: 22px;
            z-index: 2; }
      .neoo #viewGrid .image-wrapper.img-selected .imagebox,
      .neoo #viewGrid .image-wrapper.img-selected .caption {
        border-radius: 4px;
        background-color: #F2F3F7;
        box-shadow: 0 0 0px 1px #0044CC, 0px 0px 7px; }
      .neoo #viewGrid .image-wrapper.img-selecting .imagebox {
        border: solid 1px blue;
        box-shadow: blue 0px 0px 4px; }
    .neoo #viewGrid .load-more-wrapper {
      cursor: pointer; }
      .neoo #viewGrid .load-more-wrapper #thumb-load-more p {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        transform: translateY(-50%); }
  .neoo .preview-buttons {
    opacity: 0;
    pointer-events: none;
    transition-delay: 0.3s;
    transition: .3s opacity;
    position: absolute;
    bottom: 8px;
    margin-top: 0;
    width: 100%; }
    .neoo .preview-buttons .preview-menu {
      width: 100%;
      padding-inline-start: 0px;
      text-align: end; }
      .neoo .preview-buttons .preview-menu .preview-li {
        position: relative;
        margin-left: 6px;
        display: inline-block; }
        .neoo .preview-buttons .preview-menu .preview-li > a {
          cursor: pointer;
          text-decoration: none;
          text-align: center;
          box-shadow: inset 0 1000px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          cursor: pointer;
          background: rgba(255, 255, 255, 0.71) !important;
          backdrop-filter: blur(1px);
          display: inline-flex;
          height: 36px;
          width: 36px;
          justify-content: center;
          align-items: center;
          padding: 1px 1px 0 0; }
          .neoo .preview-buttons .preview-menu .preview-li > a > img {
            filter: invert(28%) sepia(52%) saturate(317%) hue-rotate(166deg) brightness(94%) contrast(91%);
            width: 19px;
            height: 19px; }
        .neoo .preview-buttons .preview-menu .preview-li:hover > a {
          background-color: white !important;
          cursor: pointer; }
      .neoo .preview-buttons .preview-menu .glyphicon {
        font-size: 29px;
        color: #595959; }
      .neoo .preview-buttons .preview-menu span.overlay-btn-title {
        display: block;
        font-size: 12px;
        color: #595959;
        font-weight: bold;
        line-height: 21px; }
  .neoo.main-page-controls-mobile {
    display: none; }
    .neoo.main-page-controls-mobile .d-flex {
      display: flex;
      gap: 10px;
      height: 32px; }
    @media screen and (max-width: 960px) {
      .neoo.main-page-controls-mobile {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px; } }
    @media screen and (max-width: 385px) {
      .neoo.main-page-controls-mobile .downscale-on-tiny-screen {
        scale: 0.9;
        width: 112%;
        margin-left: -6%;
        margin-right: -5%; } }
    .neoo.main-page-controls-mobile #search-bar {
      flex-grow: 1; }
      .neoo.main-page-controls-mobile #search-bar .dropdown-menu {
        width: calc(100vw - 36px); }
      .neoo.main-page-controls-mobile #search-bar .dropdown, .neoo.main-page-controls-mobile #search-bar #controls {
        display: flex;
        gap: 10px;
        margin: 0;
        padding: 0; }
      .neoo.main-page-controls-mobile #search-bar .dropdown .search-component {
        height: auto;
        margin: 0;
        display: inline-block;
        flex-grow: 1; }
        .neoo.main-page-controls-mobile #search-bar .dropdown .search-component .input-group.search-field {
          margin: 0;
          width: 100%;
          height: 32px; }
          .neoo.main-page-controls-mobile #search-bar .dropdown .search-component .input-group.search-field input[type=text].global-search-box {
            width: 100%;
            border: none; }
    .neoo.main-page-controls-mobile .advanced-filter-btn img {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1); }
    .neoo.main-page-controls-mobile .advanced-filter-btn .advanced-filter-dot {
      display: none;
      height: 9px;
      width: 9px;
      border-radius: 50%;
      position: absolute;
      top: 1px;
      right: 1px;
      background: #04c; }
    .neoo.main-page-controls-mobile .advanced-filter-btn.active img {
      filter: invert(16%) sepia(85%) saturate(3651%) hue-rotate(219deg) brightness(90%) contrast(104%); }
    .neoo.main-page-controls-mobile .advanced-filter-btn.active .advanced-filter-dot {
      display: block; }
    .neoo.main-page-controls-mobile .vertical-delimiter, .neoo.main-page-controls-mobile .horizontal-delimiter {
      background: rgba(70, 97, 122, 0.270588);
      margin: auto; }
    .neoo.main-page-controls-mobile .vertical-delimiter {
      height: 20px;
      width: 0.7px;
      display: flex;
      margin-left: 0;
      margin-right: 0;
      /*margin-left: 5px;*/
      /*margin-right: 5px;*/ }
    .neoo.main-page-controls-mobile .dropdown-menu-delimiter {
      display: flex;
      gap: 10px; }
      .neoo.main-page-controls-mobile .dropdown-menu-delimiter .horizontal-delimiter {
        height: 0.7px;
        flex-grow: 1; }
    .neoo.main-page-controls-mobile #sortingDropdown a.active {
      font-weight: 500;
      color: #04c; }
    .neoo.main-page-controls-mobile .sorting-btn img {
      rotate: 90deg;
      height: 18px; }
    .neoo.main-page-controls-mobile .neo-button {
      min-width: auto;
      display: flex;
      align-items: center; }
    .neoo.main-page-controls-mobile .upload-include-container {
      min-width: 65px; }
    .neoo.main-page-controls-mobile #status-bar {
      margin-bottom: -8px;
      margin-top: -2px;
      font-size: 13px; }
      .neoo.main-page-controls-mobile #status-bar .location-breadcrumbs {
        width: 50%; }
      .neoo.main-page-controls-mobile #status-bar .message {
        display: inline-block;
        width: 100%;
        text-align: right; }
        .neoo.main-page-controls-mobile #status-bar .message.counter {
          width: 49%; }
    .neoo.main-page-controls-mobile .view-selectors-container {
      flex-grow: 1; }
      .neoo.main-page-controls-mobile .view-selectors-container .btn-view-container {
        display: inline-flex;
        gap: 5px;
        align-items: center;
        font-size: 15px;
        width: 100%; }
        .neoo.main-page-controls-mobile .view-selectors-container .btn-view-container .btn {
          padding-right: 7px;
          border-radius: 4px;
          padding-left: 7px;
          margin-right: 2px;
          min-width: 32px;
          font-weight: 500; }
          .neoo.main-page-controls-mobile .view-selectors-container .btn-view-container .btn img {
            width: 18px;
            height: 18px;
            border: 0;
            margin-top: -2px; }
        .neoo.main-page-controls-mobile .view-selectors-container .btn-view-container .three-dots {
          width: 13px;
          position: relative;
          filter: invert(33%) sepia(42%) saturate(399%) hue-rotate(167deg) brightness(96%) contrast(87%); }
    .neoo.main-page-controls-mobile .text-container {
      display: grid;
      -webkit-box-pack: center;
      flex-direction: column;
      -webkit-box-flex: 1;
      flex-grow: 1;
      line-height: 1.1;
      outline: none;
      overflow: hidden;
      text-align: left; }
      .neoo.main-page-controls-mobile .text-container .text-title {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 2px;
        letter-spacing: 0.04rem; }
      .neoo.main-page-controls-mobile .text-container .text-description {
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px; }
        .neoo.main-page-controls-mobile .text-container .text-description span {
          display: inline-block;
          white-space: nowrap; }
    .neoo.main-page-controls-mobile .selection-mode-active .view-selectors-container .btn, .neoo.main-page-controls-mobile .selection-mode-active .view-selectors-container .text-container {
      font-weight: 500;
      color: #04c; }
    .neoo.main-page-controls-mobile .dropdown-menu a {
      color: inherit; }
  .neoo #SharedLinkModal button {
    font-family: "Tajawal"; }
  .neoo #SharedLinkModal .shared-link-expiration {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 576px) {
      .neoo #SharedLinkModal .shared-link-expiration {
        flex-direction: column; } }
    .neoo #SharedLinkModal .shared-link-expiration .datetime-suggestions-container, .neoo #SharedLinkModal .shared-link-expiration .datetime-done-btn-container {
      padding: 3px 8px 8px 8px;
      display: flex;
      justify-content: space-between; }
      .neoo #SharedLinkModal .shared-link-expiration .datetime-suggestions-container button, .neoo #SharedLinkModal .shared-link-expiration .datetime-done-btn-container button {
        min-width: 65px;
        min-height: 28px;
        padding: 0 12px;
        box-shadow: 3px 3px 10px rgba(190, 205, 226, 0.25);
        border: 1px solid rgba(51, 51, 51, 0.08); }
    .neoo #SharedLinkModal .shared-link-expiration .datetime-done-btn-container {
      margin-top: -10px;
      padding-bottom: 3px; }
    .neoo #SharedLinkModal .shared-link-expiration .datetimepicker-container {
      width: max-content;
      right: 0;
      left: auto; }
    .neoo #SharedLinkModal .shared-link-expiration .xdsoft_datetimepicker {
      position: inherit;
      bottom: 0;
      border-left: 0;
      border-right: 0;
      border-bottom: 0; }
    .neoo #SharedLinkModal .shared-link-expiration .dropdown {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px; }
  .neoo #SharedLinkModal .neo-button.single-icon {
    min-width: auto;
    align-items: center;
    width: 34px;
    min-height: 28px;
    margin-right: 4px; }
  .neoo #SharedLinkModal .state-url-container {
    background: rgba(47, 128, 237, 0.12);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .neoo #SharedLinkModal .state-url-container #stateUrl {
      font-weight: 500;
      color: #04c;
      box-shadow: none;
      background: transparent; }
    .neoo #SharedLinkModal .state-url-container #copyBtn {
      width: 100px;
      background: #fff;
      box-shadow: 3px 3px 10px rgba(190, 205, 226, 0.3);
      min-height: 26px;
      padding: 0 15px; }
  .neoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
  .neoo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
  .neoo .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background-color: #2F80ED; }
  .neoo .error-message, .neoo .shared-page-title {
    background: rgba(0, 0, 0, 0.7);
    opacity: 0.6;
    color: var(--text__light); }
  .neoo .error-message {
    padding: 6px 17px;
    border-radius: 23px; }
  .neoo .shared-page-title {
    top: 0;
    margin: 0;
    width: 100%;
    padding: 4px 15px;
    line-height: inherit; }
  .neoo #errorMessageContainer > div {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%; }
    .neoo #errorMessageContainer > div .shared-page-title {
      position: absolute; }
  .neoo .loader-container {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px); }
  .neoo .invert {
    color: var(--text__light) !important;
    background-color: var(--background__dark) !important; }

html.neoo {
  height: 100%; }