/*Ph code starts*/

body {
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 87%, rgba(237,237,237,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(87%, rgba(237,237,237,1)), color-stop(100%, rgba(237,237,237,1)));
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 87%, rgba(237,237,237,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 87%, rgba(237,237,237,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 87%, rgba(237,237,237,1) 100%);
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 87%, rgba(237,237,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

a {
  color: #2952d4;
}

.nk-block.nk-auth-footer {
  display: none;
}

.user-avatar, [class^="user-avatar"]:not([class*="-group"]) {
  background: #2952d4;
}

.nk-header-tools .icon-status, .nk-header-tools .ni-search {
  color: #2952d4;
}

.bg-img {
  background: #ffffff;
  align-items: center;
  display: flex;
}

  .nk-menu-link {
    padding: 5px 40px 5px 24px;
  }
  
  .nk-auth-body h5.nk-block-title {
    color: #163FA0;
  }

  .link-list-plain a .icon {
    color: #163FA0;
  }
  
  .nk-auth-body .form-control {
    border-color: #307FE2;
    border-width: 2px;
  }
  
  .btn-primary {color: #fff !important;background-color: #2952D4;border-color: #2952D4;}
  
  .btn-primary:hover { color: #fff; background-color: #3f54ff; border-color: #3249ff; }
  
  .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #3f54ff; border-color: #3249ff; box-shadow: 0 0 0 0.2rem rgba(124, 139, 255, 0.5); }
  
  .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #6576ff; border-color: #6576ff; }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #3249ff; border-color: #253dff; }
  
  .custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #307FE2;background-color: #307FE2;}
  
  .media-box-image div[data-width][data-height] {
    width: 100% !important;
    height: 100% !important;
  }
  
  .dropzone .dz-message {
    margin: 6em 0;
  }

  button.dz-button {
    background: none;
    border: 0;
    color: #6576ff;
  }
  
  .dropzone {
    margin: 15px 0;
  }
  
  .dz-processing {
    display: flex;
    align-items: center;
    padding: .5rem;
    border-radius: 4px;
    border: 1px solid #e5e9f2;
    margin: .5rem 0;
  }
  
  .thumb-container {
    width: 48px;
    margin-right: .25rem;
    flex-shrink: 0;
  }
  
  .onyx-dropzone-info {
    width: 100%;
    display: flex;
  }
  
  .details {
    font-weight: 500;
    color: #364a63;
    flex-grow: 1;
    padding-right: .75rem;
    margin: 0 0 0 10px;
  }
  
  .details span {
    font-size: .875rem;
  }
  
  .actions {
    margin-left: auto;
    display: flex;
    align-items: center;
  }
  
  .dz-preview .dz-progress {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
  }
  
  .nk-upload-list > .title {
    padding-top: 1rem;
  }
  
  @media (min-width: 992px) {
    .nk-apps-sidebar + .nk-main > .nk-wrap > .nk-header-fixed {
        left: 0;
    }
  
    .nk-fmg-aside {
        left: 0;
    }
  
    .nk-apps-sidebar + .nk-main {
        padding-left: 0;
    }
  
    .nk-auth-container {
        width: 50%;
    }
  }
  
  @media (min-width: 1540px) { 
    .nk-split .nk-auth-body, .nk-split .nk-auth-footer {
        margin-right: auto;
    } 
  }
  
  /*sidebar starts*/
  .card.sidebar-user-card {
          background: transparent;
          padding: 35px 0;
          font-weight: bold;
      }
      
      .card.sidebar-user-card::before, .card.sidebar-user-card:after {
          content: "";
          display: block;
          width: 100%;
          height: 27px;
          background: url(../../images/wat/dots-pattern.png) repeat-x transparent 0 0;
      }
      
      .card.sidebar-user-card .card-inner {
          margin: 15px 0;
      }
      
      .simplebar-content {
          background: #2952D4;
          border-radius: 0 45px 20px 20px;
          display: table;
      }
      
      .card.sidebar-feedback-card {
      max-width: 90%;
      margin: 0 auto;
      padding: 15px;
      border-radius: 15px;
      text-align: center;
  }
      
      .card.sidebar-feedback-card a {
      color: #ffffff;
  }
      
      .nk-sidebar-content {background: #f5f6fa; position: relative;}
      .nk-sidebar-content::before {
      content: "";
      background: #002E9B;
      position: absolute;
      top: 0;
      left: 0;
      height: 50px;
      display: block;
      z-index: 0;
      width: 100%;
  }
      
      .card.sidebar-feedback-card .card-inner{
          padding: 0;
          margin: 0;
          font-weight: bold;
      }
      ul.nk-menu {
      width: 100%;
      float: left;
      margin: 0 0 30px;
  }
      .nk-menu-item {max-width: 95%;float: right;width: 100%;position: relative;}
      .nk-menu-item::before, .nk-menu-item::after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
      }
      .nk-menu-item.active::before {
          width: 100%;
          height: 100%;
          background: #ffffff;
          border-radius: 10px 0 0 10px;
      }
      .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
          color: #2952d4;
      }
  /*sidebar ends*/
  
  .media-box-container {
      padding: 20px;
  }
  
  .nk-fmg-search {
      visibility: visible;
  }
  
  .nk-header-tools {
      display: flex;
  }
  
  .nk-header-tools .nk-fmg-search {
      padding: 5px 0px 5px 15px;
      background: #f2f2f2;
      border-radius: 6px;
      margin: 0 15px 0 0;
  }
  
  .nk-header-tools .nk-fmg-search .form-control {
      background: #f2f2f2;
      font-size: 15px;
      color: #9F9F9F;
  }
  
  .nk-header-tools .icon-status, .nk-header-tools .ni-search {
      color: #5B82FD;
  }
  
      
      .nk-header-tools .ni-search {
      font-size: 20px;
  }
  
  .nk-menu-item.active::before {
      box-shadow: -3px 8px 15px rgba(0,0,0,.4); 
  }
  
  .card-title {
    word-break: break-all;
    padding-right: 10px;
  }
  
  .file-size {
    color: #2952D4;
      text-transform: uppercase;
    
    }
  
    .modal-header {
      background: #2952D4;
    }
  
    .nk-file-name-text .title {
      color: #ffffff;
    }
  
    .modal-header .close {
      color: #ffffff;
    }
  
    .breadcrumb {
      /*display: none;*/
    }

    #folder-details .breadcrumb {
      display: flex;
    }

    .upthumb {
      margin: 0 0 20px;
      width: 100%;
      display: table !important;
  }

  .upthumb .inputdes {
    width: 100%;
    float: left;
    margin: 8px 0;
  }
  
    .nk-files-group > .title {
      border: none;
      display: none;
    }
  /*Ph code ends*/

  /*Sidebar Starts*/
  .nk-menu-item span.icon-img {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.nk-sidebar {
  border-right: 0 solid transparent !important;
}

.nk-menu-item span.icon-img.ico-dashboard {
  background: url(../../images/wat/ico-dashboard.png) no-repeat 0 0;
}

.nk-menu-item span.icon-img.ico-hub {
  background: url(../../images/wat/ico-folder.png) no-repeat 0 0;
}

.nk-menu-item span.icon-img.ico-websites {
  background: url(../../images/wat/ico-websites.png) no-repeat 0 0;
}

.nk-menu-item span.icon-img.ico-shared {
  background: url(../../images/wat/ico-folder.png) no-repeat 0 0;
}

.nk-menu-item span.icon-img.ico-stala {
  background: url(../../images/wat/ico-language.png) no-repeat 0 0;
}

.nk-menu-item span.icon-img.ico-setting {
  background: url(../../images/wat/ico-setting.png) no-repeat 0 0;
}

.nk-menu-item.active span.icon-img.ico-dashboard {
  background: url(../../images/wat/ico-dashboard-active.png) no-repeat 0 0;
}

.nk-menu-item.active span.icon-img.ico-hub {
  background: url(../../images/wat/ico-folder-active.png) no-repeat 0 0;
}

.nk-menu-item.active span.icon-img.ico-websites {
  background: url(../../images/wat/ico-websites-active.png) no-repeat 0 0;
}

.nk-menu-item.active span.icon-img.ico-shared {
  background: url(../../images/wat/ico-folder-active.png) no-repeat 0 0;
}

.nk-menu-item.active span.icon-img.ico-stala {
  background: url(../../images/wat/ico-language-active.png) no-repeat 0 0;
}

.nk-menu-item.active span.icon-img.ico-setting {
  background: url(../../images/wat/ico-setting-active.png) no-repeat 0 0;
}
  /*Sidebar Ends*/

  .owl-carousel .owl-stage-outer {
    overflow: initial;
  }

  .owl-item .nk-file-info {
    width: 100%;
  }

  .brand-hub-dir, .brand-hub-dir-list {
    /*overflow-x: hidden;*/
    padding-bottom: 28px;
  }

  .nk-header-fixed + .nk-content {
    overflow-x: hidden;
  }

  .brand-hub-dir-list .nk-file-item.nk-file {
    align-items: center;
  }

  .owl-carousel .owl-stage {
    padding-left: 0 !important;
  }

  .brand-hub-dir-list .nk-file-item.nk-file.active {
    background: rgba(41,82,212,1);
    background: -moz-linear-gradient(-45deg, rgba(41,82,212,1) 0%, rgba(91,130,253,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,82,212,1)), color-stop(100%, rgba(91,130,253,1)));
    background: -webkit-linear-gradient(-45deg, rgba(41,82,212,1) 0%, rgba(91,130,253,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(41,82,212,1) 0%, rgba(91,130,253,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(41,82,212,1) 0%, rgba(91,130,253,1) 100%);
    background: linear-gradient(135deg, rgba(41,82,212,1) 0%, rgba(91,130,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2952d4', endColorstr='#5b82fd', GradientType=1 );
    border-color: transparent;
    box-shadow: 2px 6px 20px rgba(91,130,253,.3);
  }

  .brand-hub-dir-list .nk-file-item.nk-file .nk-file-name-text a.title {
    color: #000000;
    font-weight: bold;
  }

  .brand-hub-dir-list .nk-file-item.nk-file.active .nk-file-name-text a.title {
    color: #ffffff;
  }

  .brand-hub-dir-list .nk-file-item.nk-file.active .btn-trigger {
    color: #ffffff;
  }

  .page-title {
    font-family: inherit;
  }

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
  }

  .nk-menu-link {
    font-family: inherit;
  }

  .most-download .card-inner {
    font-weight: bold;
  }

  .media-boxes-load-more-button.media-boxes-no-more-entries {
    pointer-events: none;
}

.newVidCarousel img.card-img-top {
  max-height: 370px;
  object-fit: contain;
  height: 100%;
  width: auto;
  margin: 0 auto;
  display: table;
}

.new-videos .newVidCarousel {
  /*background: rgb(41,82,212);
  background: linear-gradient(90deg, rgba(41,82,212,1) 0%, rgba(91,130,253,1) 100%);*/
}

/**inside dir diretories stand**/
.inner-dirs .owl-nav {
  text-align: center;
  font-size: 32px;
  display: flex;
  justify-content: center;
}

.inner-dirs .owl-nav button {
  outline: none;
  margin: 0 5px;
  border: none;
  color: rgba(41,82,212,1) !important;
}

.inner-dirs .owl-nav button span {
  display: flex;
  align-items: center;
}

.inner-dirs .owl-nav button.owl-prev span::after, .owl-nav button.owl-next span::before {
  font-size: 18px;
  margin: 0 5px;
  position: relative;
  top: 3px;
}

.inner-dirs .owl-nav button.owl-prev span::after {
  content: "Prev";
}

.inner-dirs .owl-nav button.owl-next span::before {
  content: "Next";
}

.inner-dirs .owl-nav button.disabled {
  opacity: .5;
}

.inner-dirs .owl-stage-outer {
  z-index: 1;
}

/**inside dir diretories end**/

@media only screen and (max-width: 990px){
  .brand-hub-dir .card img {
      max-width: auto !important;
      margin: 0 auto 30px !important;
  }
}