.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;
  /*----- Pure CSS loader. Is used on the Sharing link. ----*/ }
  .neoo.h100, .neoo .h100 {
    min-height: 100%;
    height: 100%; }
  .neoo.h80, .neoo .h80 {
    min-height: 80%; }
  .neoo .bl-radius {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  .neoo .br-radius {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }
  .neoo .cursor-pointer {
    cursor: pointer; }
  .neoo:not(.neoo-no-unset) {
    all: unset;
    font-family: "Tajawal", sans-serif;
    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: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -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: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -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 {
    -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;
    /*
        &.concave {
            // @include concavegradient($gradient__dark, $gradient__light);
        }

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

         */ }
    .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-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 .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 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 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 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-nav-tabs.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
    height: 100%;
    padding-bottom: 15px; }
    .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: 8px;
    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%;
      position: absolute;
      max-height: 900px;
      top: 50%;
      transform: translateY(-50%);
      min-width: 80%; }
      .neoo .signup-content .hero img {
        margin-left: 180px;
        max-width: 85%; }
    .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: 13px; }
  .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 .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 .lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px); }
    .neoo .lds-spinner div {
      transform-origin: 40px 40px;
      animation: lds-spinner 1.2s linear infinite; }
      .neoo .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 37px;
        width: 6px;
        height: 18px;
        border-radius: 20%;
        background: #F2F3F7; }
      .neoo .lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s; }
      .neoo .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s; }
      .neoo .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s; }
      .neoo .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s; }
      .neoo .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s; }
      .neoo .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s; }
      .neoo .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s; }
      .neoo .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s; }
      .neoo .lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s; }
      .neoo .lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s; }
      .neoo .lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s; }
      .neoo .lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s; }

@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .neoo #viewGrid .image-wrapper {
    background-color: var(--background__light); }
    .neoo #viewGrid .image-wrapper .imagebox.thumbnail {
      border: none;
      box-shadow: 0 0 0px 0.5px #DDD; }
    .neoo #viewGrid .image-wrapper .imagebox.thumbnail,
    .neoo #viewGrid .image-wrapper .imagebox.thumbnail .image {
      border-radius: 8px;
      background-color: var(--background__light); }
    .neoo #viewGrid .image-wrapper .caption {
      border-radius: 8px;
      box-shadow: 0 0 0px 0.5px #DDD; }
    .neoo #viewGrid .image-wrapper.img-selected .imagebox,
    .neoo #viewGrid .image-wrapper.img-selected .caption {
      border-radius: 8px;
      background-color: var(--background__light);
      box-shadow: 0 0 0px 1px #0044CC, 0px 0px 7px; }
  .neoo .menu.dropdown.open .profile-right-sidebar {
    transform: translateX(-100%) !important; }
  .neoo .profile-right-sidebar {
    font-family: Arial, sans-serif;
    position: fixed;
    height: 100%;
    width: 377px;
    max-width: 377px;
    background: #F2F3F7;
    z-index: 9999;
    color: #456078;
    right: 0;
    margin-top: 48px;
    display: block;
    transform: translateX(0) !important;
    transition: transform .3s linear; }
    .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 .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 .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)); }
      .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; }
        .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 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 {
    background-color: var(--background__dark);
    font-family: "Tajawal", sans-serif; }
    .neoo.left-panel .view-selectors-container {
      margin-top: 5px;
      padding: 10px 0 10px 5px; }
      .neoo.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 .view-selectors-container .btn-view-container:hover {
          background: var(--text__dark_selected); }
        .neoo.left-panel .view-selectors-container .btn-view-container.chosen {
          background: var(--text__dark_selected); }
          .neoo.left-panel .view-selectors-container .btn-view-container.chosen .text-title {
            font-weight: 700;
            letter-spacing: initial; }
        .neoo.left-panel .view-selectors-container .btn-view-container .icon-container {
          margin-right: 8px;
          margin-bottom: 1px; }
          .neoo.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 .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 .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 .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 .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 .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 .quick-access-container .scroll-section-container {
        margin-bottom: 11px;
        padding-bottom: 1px;
        box-shadow: 0px 5px 5px -3px var(--shadow1__dark); }
        .neoo.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 .quick-access-container .scroll-section-container > div:hover {
            overflow-y: overlay; }
        .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group {
          margin-right: 4px;
          margin-left: 10px; }
          .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group:first-of-type ul {
            margin-top: 2px; }
          .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-move,
          .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-enter,
          .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-leave {
            transition: all linear 0.3s; }
          .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-leave.ng-leave-active,
          .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-move,
          .neoo.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 .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-leave,
          .neoo.left-panel .quick-access-container .scroll-section-container .pinned-items-group .animate-repeat.ng-move.ng-move-active,
          .neoo.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 .quick-access-container .scroll-section-container .node-label-body > div {
          margin-left: 15px; }
        .neoo.left-panel .quick-access-container .scroll-section-container ul {
          margin-bottom: 0; }
        .neoo.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 .quick-access-container .scroll-section-container li .tree-label {
            position: relative;
            width: 100%;
            overflow: visible; }
            .neoo.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 .quick-access-container .scroll-section-container li:not(:hover) .tree-label {
            max-width: calc(100% - 45px) !important; }
          .neoo.left-panel .quick-access-container .scroll-section-container li .tree-selected,
          .neoo.left-panel .quick-access-container .scroll-section-container li:hover .node {
            background: var(--background__dark_selected); }
          .neoo.left-panel .quick-access-container .scroll-section-container li .node {
            border-radius: inherit; }
    .neoo.left-panel .push-pin i:before {
      vertical-align: -4px;
      font-size: 15px; }
    .neoo.left-panel .push-pin img {
      height: 18px;
      margin-top: 1px; }
    .neoo.left-panel .accordion {
      font-family: "Tajawal", sans-serif;
      min-height: 280px;
      padding-bottom: 161px;
      margin: 0; }
      .neoo.left-panel .accordion [ui-tree] {
        font-size: 15px; }
        .neoo.left-panel .accordion [ui-tree] ul.angular-ui-tree-nodes {
          margin-bottom: 0; }
        .neoo.left-panel .accordion [ui-tree].folders-tree li .tree-selected,
        .neoo.left-panel .accordion [ui-tree].sets-tree li .tree-selected,
        .neoo.left-panel .accordion [ui-tree].folders-tree .node:hover,
        .neoo.left-panel .accordion [ui-tree].sets-tree .node:hover {
          background-color: var(--text__dark_selected);
          width: calc(100% - 10px);
          height: 28px; }
        .neoo.left-panel .accordion [ui-tree].folders-tree .node,
        .neoo.left-panel .accordion [ui-tree].sets-tree .node {
          position: initial;
          width: calc(100% - 10px); }
          .neoo.left-panel .accordion [ui-tree].folders-tree .node .push-pin img,
          .neoo.left-panel .accordion [ui-tree].sets-tree .node .push-pin img {
            margin-top: -1px; }
        .neoo.left-panel .accordion [ui-tree].folders-tree li .tree-selected:before,
        .neoo.left-panel .accordion [ui-tree].sets-tree li .tree-selected:before,
        .neoo.left-panel .accordion [ui-tree].folders-tree .node:hover:before,
        .neoo.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 .accordion [ui-tree] div[class*="ui-tree-depth-"] {
          padding-left: 190px; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-1 {
          padding-left: 32px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-2 {
          padding-left: 52px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-3 {
          padding-left: 72px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-4 {
          padding-left: 92px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-5 {
          padding-left: 112px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-6 {
          padding-left: 132px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-7 {
          padding-left: 152px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-8 {
          padding-left: 172px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-9 {
          padding-left: 192px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-10 {
          padding-left: 212px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-11 {
          padding-left: 232px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-12 {
          padding-left: 252px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-13 {
          padding-left: 272px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-14 {
          padding-left: 292px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-15 {
          padding-left: 312px !important; }
        .neoo.left-panel .accordion [ui-tree] .ui-tree-depth-16 {
          padding-left: 332px !important; }
        .neoo.left-panel .accordion [ui-tree].sets-tree #tree-root:first-of-type {
          margin-bottom: 0; }
      .neoo.left-panel .accordion .accordion-divider {
        width: calc(100% - 20px);
        margin: 10px;
        border-top: 2px solid var(--text__dark_selected); }
      .neoo.left-panel .accordion .panel-db .panel-db-heading {
        padding: 5px 10px;
        height: 43px;
        position: relative; }
        .neoo.left-panel .accordion .panel-db .panel-db-heading:hover {
          background: var(--text__dark_selected); }
        .neoo.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 .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 .accordion .panel-db .panel-db-heading .panel-db-items-container .db-heading-item.push-right {
              margin-left: auto; }
          .neoo.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 .accordion .panel-db .panel-db-heading .panel-db-items-container .fa-chevron-down,
          .neoo.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 .accordion .panel-db .panel-db-heading .panel-db-items-container .fa-chevron-down:before {
            position: relative;
            top: -1px; }
          .neoo.left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container:not(.collapsed) .fa-chevron-down,
          .neoo.left-panel .accordion .panel-db .panel-db-heading .panel-db-items-container.collapsed .fa-chevron-right {
            display: inline-block; }
          .neoo.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 .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 .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 .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 .accordion .panel-db .panel-db-heading .panel-db-items-container .panel-title-level-operations {
            visibility: hidden;
            right: -3px;
            position: inherit; }
            .neoo.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 .accordion .panel-db .panel-db-heading .glyphicon-plus:before {
          position: relative;
          top: 0.02em;
          left: 0.02em; }
      .neoo.left-panel .accordion .panel-db .panel-collapse.slide {
        -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;
        height: auto;
        display: block !important; }
        .neoo.left-panel .accordion .panel-db .panel-collapse.slide.ng-hide {
          max-height: 0;
          overflow: hidden; }
      .neoo.left-panel .accordion .panel-db .panel-collapse .panel-body {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border: none !important;
        background: none !important;
        border-radius: 0;
        padding: 0; }
  .neoo .invert {
    color: var(--text__light) !important;
    background-color: var(--background__dark) !important; }

html.neoo {
  height: 100%; }