/**
 * ---------------------------------------------------------------------
 * GLPI - Gestionnaire Libre de Parc Informatique
 * Copyright (C) 2015-2020 Teclib' and contributors.
 *
 * http://glpi-project.org
 *
 * based on GLPI - Gestionnaire Libre de Parc Informatique
 * Copyright (C) 2003-2014 by the INDEPNET Development Team.
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * GLPI is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * GLPI is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with GLPI. If not, see <http://www.gnu.org/licenses/>.
 * ---------------------------------------------------------------------
 */
/* ===== LOGIN ===== */

#firstboxlogin {
   background-color: #585957;
}

#logo_login {
   background: #161514;
}

#display-login {
   color: #FFF;
}

#text-login {
   background-color: #161514;
   color: #FFF;
}

/* ====== GENERAL ====== */

body,
.loadingindicator,
.tab_cadre_fixe th,
.tab_cadre_fixehov th,
.tab_cadrehov th,
.ui-widget-header {
   background: #242323;
   background-color: #1f1f1f !important;
   color: #AAAAAA;
   scrollbar-color: dark;
}

::-webkit-scrollbar {
   background-color: rgb(32, 32, 32);
   width: 5px;
   height: 8px;
}
::-webkit-scrollbar-thumb {
   background-color: rgb(83, 83, 83);
}

body a,
body a:link,
#c_ssmenu2 ul li a,
body .fa,
body .fa,
body .far,
body a .fa,
body a .far,
body a .fas,
body #page a.fa:link,
.ui-widget-content a,
#c_preference a.fa {
   color: #888;
}

body .fa.bookmark_record:link,
body .fa.reset-search:link,
body .fa.reset-search,
body .fa.fold-search:link {
   color: #888 !important;
}

#see_debug .fa-bug {
   color: #0c0c0b !important;
}

#c_preference a.debugon {
   color: #f00 !important;
}

#champRecherche .fa {
   color: #2c2b2a !important;
}

body .tab_bg_2_2, body .tab_bg_1_2 {
   color: #4e0404;

   a {
      color: #4e0404 !important;
   }
}

.tab_bg_1 {
   background-color: transparent;
   color: #AAAAAA;
}

.tab_bg_2 {
   background-color: transparent;
}

.tab_bg_4 {
   background-color: #42403f;
}

.main_form,
.tab_cadre,
.tab_cadre_fixe,
.tab_cadrehov,
.tab_cadre_fixehov {
   background: transparent;
   box-shadow: 0px 1px 2px 1px #5b5858;
}


.tab_cadre_fixehov th,
.tab_cadrehov th,
.tab_cadrehov td,
.tab_cadre td,
.tab_cadre_fixehov td {
   border-bottom: 1px solid #292929;
}

.tab_cadre th,
.tab_cadre_fixe th,
.tab_cadre_fixehov th,
.tab_cadrehov th, h2.header,
td.subheader {
   background: #242323;
   color: #AAA;
}

.ui-tabs,
.tab_cadrehov tr.rowHover,
.tab_cadrehov td.rowHover,
.tab_cadrehov th.headHover,
.tab_cadre_fixehov tr.rowHover,
.tab_cadre_fixehov td.rowHover {
   background-color: #292929;
}

.ui-tabs-vertical .ui-tabs-nav {
   border: none;
}

.comments li:last-child:before {
   background: transparent;
}

#footer,
.slidepanel,
.sp-picker-container,
.ui-datepicker,
.actor-head,
ul#menu ul.ssmenu,
.layout_classic.form .stNavMain li, .layout_vsplit.form .stNavMain li,
.ui-tabs sup.tab_nb,
.main_form tr.headerRow th {
   background: #3a3938 !important;
   color: #AAAAAA;
   border: 1px solid transparent !important;
   box-shadow: none;
}
.ui-tabs .ui-state-active sup.tab_nb {
   background: #222121 !important;
}

.qtip-bootstrap {
   background: #1d1c1c !important;
   color: #AAAAAA;
   border: 1px solid transparent !important;
   box-shadow: none;
}


.main_form tr.headerRow th {
   background: #3a3938 !important;
   color: #AAAAAA !important;
   border: 1px solid transparent !important;
   box-shadow: none;
}

.actor_title {
   background: transparent;
}

.layout_lefttab .actor_title,
.layout_lefttab .actor-head {
   background: #1f1f1f !important;
}

.layout_vsplit.form #tabspanel + div.ui-tabs:not(.horizontal),
.ui-widget-content,
.ui-widget.ui-widget-content,
.layout_lefttab .ui-tabs,
.layout_classic .ui-tabs,
.layout_vsplit .ui-tabs {
   background: #242323 !important;
   color: #AAAAAA;
   box-shadow: none;
   border: 1px solid #333;
}

#page {
   .navigationheader {
      background-color: #222121;
      border: 1px solid #333;
      border-bottom: 0;

      .single-actions {
         .dropdown-menu {
            background-color: #000000;
            color: #AAAAAA;

            a:hover  {
               background-color: #525252;
            }
         }

         .btn {
            background-color: #000000;
            color: #AAAAAA;

            &:hover {
               background-color: #525252;
            }
         }
      }
   }

   div.objectlockmessage {
      border: 0;
      color: #8c0000;
   }
}

.main_form, .tab_cadre_fixe, .tab_cadrehov {
   box-shadow: none;
}

.grey_border {
   border: 0;
}

.switch label .lever {
   background-color: #000;
}

.switch label .lever:after {
   background: rgb(82, 82, 82);
}

.ui-widget-header {
   border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   background: #222121;
   border-color: transparent;
}

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   background: #3a3938;
   color: #AAAAAA;
}

.ui-tabs .ui-tabs-nav {
   padding: 0;
}

.ui-tabs .ui-tabs-nav li {
   margin: 0;
}

.ui-tabs-vertical .ui-tabs-nav li {
   margin: 0;
   border-right-width: 0 !important;
   width: 100%;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #AAAAAA;
}

.jstree-glpi .jstree-hovered {
   background: #4b4948;
}

.search_page > form:first-child {
   border-bottom: 1px solid #333;
}

#searchcriteria,
#searchcriterias .tab_cadre_fixe {
   background: transparent !important;
   box-shadow: none;
}

#searchcriteria.sub_criteria {
   border: 1px solid #515151;
}

.warning {
   color: #e28b8b;
   background-color: #2c0202;

   .fa {
      color: #e28b8b !important;
   }
}

#c_ssmenu2 .breadcrumb_item {
   background-color: #161514;
}

.breadcrumb_item:before {
   border-left-color: #3a3938 !important;
}
.breadcrumb_item:after {
   border-left-color: #161514 !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
   color: #AAAAAA;
}

#planning_filter h3 {
   background: #242323;
}
#planning_filter ul.filters > li:nth-child(even) {
   background: #3a3938;
}

body textarea:not([disabled]),
body select,
body input:not(.submit):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.select2-search__field):not([disabled]),
body input[type=search],
body input:disabled,
.fileupload,
.subheader .box, .label-checkbox .box, th .label-checkbox .box,
.sp-replacer,
.mce-panel,
.select2-selection.select2-selection--single,
.select2-container--default .select2-selection--multiple,
body .select2-container .select2-selection--multiple,
.select2-dropdown {
   background-color: #242323;
   color: #888;
   border: 1px solid #333 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   color: #AAAAAA;
}
input:required:valid {
   border: 1px solid #515151 !important;
}

body .mce-panel {
   background: transparent;
}

body div.mce-edit-area {
   background: transparent;
   border: 1px solid #555454;
}

body .mce-toolbar .mce-btn {
   background: transparent;
   color: #AAAAAA;
}

body .mce-btn .mce-txt,
body .mce-toolbar .mce-btn i {
   color: #AAAAAA;
}

body #page .mce-btn-group:not(:first-child) {
   border-left: 1px solid #555454
}

.select2-container--default .select2-results__option[aria-selected=true] {
   background-color: #4e4d4b;
}

.btn-linkstyled {
   color: #161514;

   &:link {
      color: #161514;
   }
}

/*.ui-widget-content a {
   color: #161514;
}*/

.main_form tr.headerRow th {
   color: #262626;
}

.timeline_history .h_content.ITILFollowup,
.timeline_history .h_content.KnowbaseItemComment {
   background-color: #686868;
   color: rgb(209, 209, 209);
}

.timeline_history .h_content.ITILValidation {
   background-color: #686868;
   color: black;

   .tab_bg_1 {
      color: black;
   }
   .control_item {
      color: black;
   }
   &.status_3:after {
      border-color: #A1D7A2;
   }
   &:after {
      border-color: #FFFFFF;
   }
   &.status_4:after {
      border-color: #D3A4A4;
   }
   .b_right {
      button[type='submit'] {
         border: unset;
         padding: 0.5em 0.5em;
         font-weight: bold;
         font-size: unset;
         .far {
            color: unset;
         }
         &.approve {
            background-color: #b0f462;
            color: #002e00;
         }
         &.refuse {
            background-color: #e46767;
            color: #380b0b;
         }
      }
   }
}

.timeline_history .b_right {
   color: #FFF;
}

.timeline_history .h_content.ITILContent {
   background-color: #506852;
   color: #bdedba;
}

.timeline_choices li i.fa {
   color: inherit !important;
}

.timeline_history .h_content.Solution .solimg {
   color: rgba(66, 91, 100, 0.1) !important;
}

.racks_col h2 {
   background: #161514;
}

.grid-rack {
   background-color: #4e4d4b;
   border-color: #161514;
}

.rack_side_block {
   background-color: #4e4d4b;
   border: none;

   h3 {
      color: #AAA;
   }
}

.rack_side_block .sub_action {
   color: #AAA;
}

.grid-stack-item .item_rack_icon {
   color: #000;
}

.doaction_progress {
   border: none;
}

.doaction_progress_text {
   color: #000;
}

.itilstatus.planned {
   color: #81a2f8;
}

/* ====== HEADER ====== */

#header_top,
#c_menu {
   background-color: #161514;
}
#c_ssmenu2 {
   border-top: 2px solid #333;
   background-color: #161514;
   padding-top: 1px;
}

#header #c_logo {
   background: url(../pics/logos/logo-GLPI-100-grey.png) 0 0 repeat-x;
}

#c_preference a, #language_link > span {
   color: #AAAAAA;
}

#c_recherche form #champRecherche input {
   background-color: #3F403E;
   color: rgb(117, 115, 115);
}

/*#c_menu {
   background-color: #AAAAAA;
}*/

ul {
   &#menu {
      a {
         &.itemP, &.itemP1 {
            color: #AAAAAA;
         }
      }

      > li.active {
         background-color: #202020;
      }
   }

   &.ssmenu li.active {
      background-color: #161514;
   }

   &#menu {
      > li.active > a {
         color: #AAAAAA;
      }

      ul {
         &.ssmenu li.active > a {
            color: #AAAAAA;
         }

         li a, li a:link {
            &:hover {
               background: #262626;
               color: #AAAAAA;
            }

            color: #AAAAAA;
         }
      }

      > li:hover {
         background-color: #3F403E;
      }
   }
}

#c_recherche form #champRecherche button {
   background-color: #AAAAAA;
}

/* ====== BUTTONS ====== */

input.submit, span.vsubmit, a.vsubmit, .ui-widget-content span.vsubmit, a.vsubmit, #BackToTop {
   color: #AAAAAA;
   background-color: #000;
}

.vsubmit a {
   color: rgb(117, 115, 115);
   text-decoration: underline;
}

input.submit:hover, a.vsubmit:hover, #BackToTop:hover {
   background-color: #333;
}

/* Primary color elements (white on blue BG) designed to be overridden from palettes */
/* Colors are same as #c_menu */

.primary-bg {
   background: #585957;
}

.primary-bg-inverse {
   background: white;
}

.primary-fg {
   color: white;

   &:hover {
      color: white;
   }
}

.primary-fg-inverse {
   color: #AAAAAA;

   &:hover {
      color: #AAAAAA;
   }
}

.secondary {
   background: #191a19;
}


#show_all_menu {
   dt a {
      color: white;

      &:hover {
         background: #3F403E;
      }
   }

   a {
      color: #AAAAAA;

      &:hover {
         background-color: #585957;
         color: white;
      }
   }
}

div.progress {
   background-color: #262626;
   .progress-fg {
      background-color: #585957;
   }
}

/** Kanban */
#page .kanban {
   .kanban-form {
      background-color: #3a3938;
      border: #272625 1px solid;
      color: #ffffff !important;
      input[type=text]:not([type=submit]):not([type=button]), textarea {
         background-color: #3a3938 !important;
         color: #aaa;
      }
   }
   .kanban-toolbar {
      background-color: #3a3938;
      border: #272625 1px solid;
      input[type=text][name=filter]:not([type=submit]):not([type=button]) {
         background-color: #3a3938 !important;
         color: #aaa;
      }
   }
   .kanban-container {
      .kanban-dropdown {
         background-color: #2c2b2a;
         border: 1px solid #242323;
         li {
            background-color: #3a3938;
            color: white;
            &:hover {
               background-color: #262626;
            }
            ul {
               position: absolute;
               left: 100%;
               top: 0;
               display: block;
               width: max-content;
               min-width: 100px;
               background-color: #2c2b2a;
               outline: 1px solid #242323; // Use outline instead of border on submenus to avoid them being aligned off by one pixel
            }
         }
         li.dropdown-trigger {
            &.active {
               background-color: #262626;
               color: white;
            }
         }
      }
      .kanban-columns {
         .kanban-column {
            background-color: #2c2b2a;
            border: #272625 1px solid;

            .kanban-column-header {
               background-color: #2c2b2a;
               border-top: 3px solid #2c2b2a;
               box-shadow: 0px 1px 1px #242323;

               .kanban_nb {
                  background-color: #3a3938;
               }
            }

            .kanban-body {
               .kanban-item, .kanban-form {
                  background-color: #3a3938;
                  border: #272625 1px solid;
                  color: #ffffff !important;
                  input[type=text] {
                     background-color: #3a3938 !important;
                  }
                  .kanban-item-header, .kanban-item-header a {
                     color: #ffffff !important;
                  }
               }
            }
         }
      }
   }
}

/** Impacts **/
.impact-header,
.impact-side,
.impact-side-toggle,
.impact-side ul {
   background-color: #242323;
   border: 0;
}

.network-parent {
   border-color: #333;
}

/** Planning **/
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
   background-color: #242323;
}

.fc-unthemed .fc-list-item:hover td {
   background-color: #333;
}

.fc-unthemed td.fc-today {
   background-color: #444;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
   border-color: #333;
}

/** Dashboards **/
.dashboard .grid-guide {
   background-image: linear-gradient(to right, #333 1px, transparent 1px),
                     linear-gradient(to bottom, #333 1px, transparent 1px);
}

/** Racks and datacenter **/
.grid-room .racks_add {
   background-image: linear-gradient(to right, #333 1px, transparent 1px),
                     linear-gradient(to bottom, #333 1px, transparent 1px);
   border: 1px solid #333;
}

/** marketplace **/
.marketplace {
   background-color: inherit;

   .left-panel .plugins-tags .tag {
      background: #292929;
      border-color: #000;
   }

   .right-panel {
      .plugins {
         .plugin {
            background-color: transparent;
            border-color: #000;

            .main .buttons button {
               background-color: #000;
               border-color: #000;
            }

            .footer .misc-left .links a i {
               color: rgb(102, 102, 102);
            }

            .footer {
               background-color: #151515;
               border-top-color: #000;
            }
         }
      }

      .pagination {
         li {
            background-color: #292929;
            border-color: #000;
            color: rgb(170, 170, 170);

            &.current {
               color: rgb(128, 128, 128);
               background: #000;
               border-color: #000;
            }

            &.nav-disabled {
               color: #666;
            }

            &:not(.current):not(.nb_plugin):not(.nav-disabled):hover {
               background-color: #474747;
            }
         }
      }
   }
}