/*    dP   dP                                                                  dP        */
  /*    88   88                                                                  88        */
  /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
  /*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
  /*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
  /*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
  /*                                                  88                                   */
  /*                                                  dP					 */

  /*		   		        Made by @gilbN					 */
  /* 			      https://github.com/gilbN/theme.park			 */

  @import url(/css/defaults/placeholders.css);

  body {
      background: var(--main-bg-color) !important;
      background-repeat: repeat, no-repeat;
      background-attachment: fixed, fixed;
      background-position: center center, center center;
      background-size: auto, cover;
      -webkit-background-size: auto, cover;
      -moz-background-size: auto, cover;
      -o-background-size: auto, cover;
      color: var(--text) !important;
  }

  a {
      color: var(--link-color);
  }

  * {
      outline: none !important;
  }

  a:hover,
  a:active,
  a:focus {
      color: var(--link-color-hover);
  }

  .treeview-menu>li.active>a,
  .treeview-menu>li>a:hover {
      color: var(--text-hover);
      background: rgba(255, 255, 255, 0.1);
  }

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3:not(.statistic),
  h4,
  h5,
  h6 {
      color: var(--text-hover);
  }

  h3.box-title {
      color: var(--text-hover);
  }

  .box,
  .box-footer,
  .info-box,
  .box-comment,
  .comment-text,
  .comment-text .username {
      color: var(--text);
  }

  kbd {
      color: var(--label-text-color);
      background-color: rgb(var(--accent-color));
  }

  /* Donate dropdown */
  .skin-blue .main-header li.user-header {
      background: var(--modal-bg-color);
      background-repeat: repeat, no-repeat;
      background-attachment: fixed, fixed;
      background-position: center center, center center;
      background-size: auto, cover;
      -webkit-background-size: auto, cover;
      -moz-background-size: auto, cover;
      -o-background-size: auto, cover;
  }

  .dropdown-menu {
      box-shadow: none;
      border-color: rgba(0, 0, 0, .25);
      background: var(--modal-bg-color);
      background-repeat: repeat, no-repeat;
      background-attachment: fixed, fixed;
      background-position: center center, center center;
      background-size: auto, cover;
      -webkit-background-size: auto, cover;
      -moz-background-size: auto, cover;
      -o-background-size: auto, cover;
  }

  .navbar-nav>.user-menu>.dropdown-menu>.user-body {
      padding: 15px;
      border-bottom: 1px solid rgba(255, 255, 255, .25);
      border-top: 1px solid rgba(255, 255, 255, .25);
      background-color: rgba(255, 255, 255, .2) !important;
  }

  .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
      color: var(--text-hover) !important;
  }

  .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
      background-color: transparent;
  }

  /* Header */
  .skin-blue .main-header .navbar,
  .skin-blue .main-header .logo,
  .main-header .navbar,
  .main-header .logo {
      background-color: rgba(0, 0, 0, .25);
  }

  .skin-blue .main-header .logo:hover,
  .skin-blue .main-header .navbar .sidebar-toggle:hover,
  .sidebar-menu>li:hover>a {
      background-color: rgba(255, 255, 255, .05);
      color: var(--text-hover) !important;
  }

  .sidebar-menu>li.active>a {
      background-color: rgba(255, 255, 255, .05);
      color: rgb(var(--accent-color)) !important;
  }

  /* Footer */
  .main-footer {
      background: rgba(0, 0, 0, .25);
      color: var(--text);
      border-top: 1px solid rgb(255 255 255 / 20%);
  }

  /* Side bar */
  .skin-blue .sidebar a,
  .sidebar a {
      color: var(--text);
  }

  .skin-blue .sidebar a:hover,
  .sidebar a:hover {
      color: var(--text-hover) !important;
  }

  .skin-blue .wrapper,
  .skin-blue .main-sidebar,
  .skin-blue .left-side,
  .wrapper,
  .main-sidebar,
  .left-side {
      background-color: rgba(0, 0, 0, .25) !important;
  }

  .skin-blue .sidebar-menu>li.header,
  .sidebar-menu>li.header {
      color: rgb(var(--accent-color));
      background: rgba(0, 0, 0, .2);
  }

  .treeview-menu>li>a {
      color: var(--text) !important;
  }

  .sidebar-menu>li>.treeview-menu {
      background-color: rgb(0 0 0 / 25%);
  }

  /* Menus */
  .skin-blue .sidebar-menu>li:hover>a,
  .skin-blue .sidebar-menu>li.active>a,
  .sidebar-menu>li:hover>a,
  .sidebar-menu>li.active>a {
      color: var(--text-hover);
      background: rgba(0, 0, 0, .1);
      border-left-color: rgb(var(--accent-color));
  }

  .skin-blue .sidebar-menu>li>.treeview-menu {
      background: rgba(0, 0, 0, .25);
  }

  .skin-blue .treeview-menu>li>a {
      color: var(--text);
  }

  /* Collapsed menu hover*/
  @media (min-width: 768px) {

      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
          background: var(--drop-down-menu-bg);
          background-repeat: repeat, no-repeat;
          background-attachment: fixed, fixed;
          background-position: center center, center center;
          background-size: auto, cover;
          -webkit-background-size: auto, cover;
          -moz-background-size: auto, cover;
          -o-background-size: auto, cover;
          color: var(--text);
      }
  }

  /* Pages */
  /*Background*/
  .content-wrapper,
  .right-side {
      background: var(--main-bg-color);
      background-repeat: repeat, no-repeat;
      background-attachment: fixed, fixed;
      background-position: center center, center center;
      background-size: auto, cover;
      -webkit-background-size: auto, cover;
      -moz-background-size: auto, cover;
      -o-background-size: auto, cover;
  }

  .page-header>small {
      color: var(--text-muted);
  }

  .main-footer .nav-tabs,
  .nav-tabs-custom .nav-tabs {
      background-color: rgb(0 0 0 / 0.25);
      border-bottom-color: rgb(255 255 255 / 15%);
  }

  .nav-tabs-custom>.nav-tabs>li:hover {
      background-color: rgba(255, 255, 255, .05);
      color: var(--text-hover);
      border-top-color: rgb(var(--accent-color));
  }

  .nav-tabs-custom>.nav-tabs>li:hover>a {
      background-color: rgba(255, 255, 255, .05);
  }

  /* Dashboard */
  /*Total Queries box */
  .box-header {
      color: var(--text-hover);
  }

  .box {
      background: rgba(0, 0, 0, .24);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  }

  .box-solid>.box-header,
  .box>.box-header {
      color: var(--text);
      background-color: rgba(0, 0, 0, .25);
  }

  /* Total queries box*/
  .small-box.bg-green {
      background-color: rgba(0, 166, 90, .45) !important;
  }

  /* Queries blocked box*/
  .small-box.bg-aqua {
      background-color: rgba(0, 192, 239, .45) !important;

  }

  /* Percent blocked box */
  .small-box.bg-yellow {
      background-color: rgba(243, 156, 18, .45) !important;
  }

  /*Blocklist box*/
  .small-box.bg-red {
      background-color: rgba(221, 75, 57, .45) !important;
  }

  thead {
      color: var(--text-hover);
  }

  .table-bordered {
      background: rgba(0, 0, 0, .1);
  }

  .table-bordered>thead>tr>th,
  .table-bordered>tbody>tr>th,
  .table-bordered>tfoot>tr>th,
  .table-bordered>thead>tr>td,
  .table-bordered>tbody>tr>td,
  .table-bordered>tfoot>tr>td {
      border: 1px solid rgba(255, 255, 255, 0.15);
  }

  .table-striped>tbody>tr:nth-of-type(odd) {
      background-color: rgba(255, 255, 255, .1);
  }

  /* Query Log */
  .text-black {
      color: #eee !important;
  }



  .pagination>.active>a,
  .pagination>.active>a:focus,
  .pagination>.active>a:hover,
  .pagination>.active>span,
  .pagination>.active>span:focus,
  .pagination>.active>span:hover,
  .paginate_button .active #all-queries_wrapper .pagination>li>a {
      color: var(--button-text);
      background-color: var(--button-color);
      border-color: var(--button-color);
  }

  .pagination>.active>a,
  .pagination>.active>a:focus,
  .pagination>.active>a:hover,
  .pagination>.active>span,
  .pagination>.active>span:focus,
  .pagination>.active>span:hover {
      color: var(--button-text-hover) !important;
      background-color: var(--button-color-hover) !important;
      border-color: var(--button-color-hover) !important;
  }

  .pagination>li>a {
      color: var(--button-text) !important;
      background-color: var(--button-color) !important;
      border-color: var(--button-color) !important;
  }

  .pagination>li>a:focus,
  .pagination>li>a:hover,
  .pagination>li>span:focus,
  .pagination>li>span:hover {
      color: var(--button-text-hover) !important;
      background-color: var(--button-color-hover) !important;
      border-color: var(--button-color-hover) !important;
  }

  /* Login */
  .panel-default {
      border-color: transparent;
      background: rgba(0, 0, 0, 0.25);
  }

  .panel-default>.panel-heading {
      color: var(--text-hover);
      background-color: inherit;
      border-color: transparent;
  }

  .panel,
  .panel-body,
  .panel-default>.panel-heading {
      background-color: rgb(0 0 0 / 25%);
      border-radius: 0px;
      border: 1px solid transparent;
      color: var(--text);
  }

  /* Blacklist */
  .nav-tabs-custom {
      background: rgba(0, 0, 0, 0.25);
  }

  .nav-tabs-custom>.tab-content {
      background: transparent;
  }

  .nav-tabs-custom>.nav-tabs>li.active {
      border-top-color: rgb(var(--accent-color));
  }

  .nav-tabs-custom>.nav-tabs>li.active>a {
      border-top-color: transparent;
      border-left-color: rgba(255, 255, 255, 0.1);
      border-right-color: rgba(255, 255, 255, 0.1);
  }

  .nav-tabs-custom>.nav-tabs>li.active>a,
  .nav-tabs-custom>.nav-tabs>li.active:hover>a {
      background-color: rgba(0, 0, 0, 0.25);
      color: rgb(var(--accent-color)) !important;
  }

  .nav-tabs-custom>.nav-tabs>li>a {
      color: var(--text) !important;
      border-radius: 0;
  }

  .input-group .input-group-addon {
      border-radius: 0;
      border-color: #d2d6de00;
      background-color: rgb(var(--accent-color));
      color: var(--text);
  }

  /* Network */
  .table-striped>tbody>tr:nth-of-type(odd) {
      background-color: rgba(0, 0, 0, .25) !important;
  }

  .table-striped>tbody>tr:nth-of-type(even) {
      background-color: rgba(0, 0, 0, .5) !important;
  }

  #network-entries_wrapper.text-center {
      text-align: center;
      color: var(--text) !important;
  }

  /* Buttons */
  button,
  .btn-default {
      background-color: var(--button-color) !important;
      border: 1px solid var(--button-color) !important;
      color: var(--button-text) !important;
  }

  .btn-primary:hover,
  .btn-primary:active,
  .btn-primary.hover {
      background-color: var(--button-color-hover) !important;
      border: 1px solid var(--button-color-hover) !important;
      color: var(--button-text-hover) !important;
  }

  .btn-default:hover,
  .btn-default:active,
  .btn-default.hover {
      background-color: var(--button-color-hover) !important;
      border: 1px solid var(--button-color-hover) !important;
      color: var(--button-text-hover) !important;
  }

  .box.box-solid>.box-header .btn:hover,
  .box.box-solid>.box-header a:hover {
      background-color: var(--button-color-hover) !important;
      border: 1px solid var(--button-color-hover) !important;
      color: var(--button-text-hover) !important;
  }

  .box.box-solid.box-info>.box-header,
  .box.box-solid.box-info {
      background-color: var(--button-color) !important;
      border: 1px solid var(--button-color) !important;
      color: var(--button-text) !important;
  }

  .btn-danger {
      background-color: #dd4b39 !important;
      border-color: #d73925 !important;
  }

  .btn-danger:hover,
  .btn-danger:active,
  .btn-danger.hover {
      background-color: #d73925 !important;
  }

  .btn-warning {
      background-color: #f39c12 !important;
      border-color: #e08e0b !important;
  }

  .btn-warning:hover {
      color: #fff;
      background-color: #ec971f !important;
      border-color: #d58512 !important;
  }

  .box.box-warning {
      border-top-color: rgb(var(--accent-color));
  }

  .icheck-primary>input:first-child:checked+input[type=hidden]+label::before,
  .icheck-primary>input:first-child:checked+label::before {
      background-color: var(--button-color) !important;
      border-color: var(--button-color) !important;
  }

  .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,
  .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
      border-color: var(--button-color) !important;
  }

  /* Input */
  input,
  .form-control,
  pre,
  .box-footer,
  .datatables_processing {
      background: rgba(0, 0, 0, 0.25);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: var(--text);
  }

  .dataTables_wrapper input[type="search"] {
      background-color: rgb(0 0 0 / 25%);
      color: var(--text-hover);
  }

  input,
  select,
  select.form-control,
  .form-group .input-group-addon,
  .input-group .input-group-addon,
  .form-group input,
  .input-group input,
  .form-group textarea,
  .input-group textarea,
  .daterangepicker select.hourselect,
  .daterangepicker select.minuteselect,
  .daterangepicker select.secondselect,
  .daterangepicker select.ampmselect,
  .form-control,
  div.dataTables_wrapper div.dataTables_length select {
      background-color: rgb(0 0 0 / 0.25);
      color: var(--text);
      border: 1px solid rgb(255 255 255 / 15%);
  }

  select:focus,
  select.form-control:focus {
      background: #1b1b1b !important;
      color: var(--text-hover) !important;
  }

  .form-control:focus {
      border-color: rgb(255 255 255 / 0.25);
      box-shadow: none;
      color: var(--text-hover);
  }

  .select2-dropdown,
  .select2 .select2-selection {
      background: var(--drop-down-menu-bg);
      color: var(--text);
      border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .select2-container--default .select2-results__option--highlighted[aria-selected] {
      background-color: rgb(var(--accent-color));
      color: var(--label-text-color);
  }

  /* Scrollbar   */

  ::-webkit-scrollbar {
      width: 0px;
  }

  ::-webkit-scrollbar-thumb {
      min-height: 50px;
      border: 3px solid transparent;
      border-radius: 8px;
      background-color: hsla(0, 0%, 100%, .2);
      background-clip: padding-box;
  }

  ::-webkit-scrollbar-track {
      background: var(--main-bg-color);
      background-repeat: repeat, no-repeat;
      background-attachment: fixed, fixed;
      background-position: center center, center center;
      background-size: auto, cover;
      -webkit-background-size: auto, cover;
      -moz-background-size: auto, cover;
      -o-background-size: auto, cover;
  }

  ::-webkit-scrollbar-thumb:hover {
      min-height: 50px;
      border: 3px solid transparent;
      border-radius: 8px;
      background-color: hsla(0, 0%, 100%, .5);
      background-clip: padding-box;
  }