/*!
 * Copyright (C) 2013-2024 Combodo SAS
 *
 * This file is part of iTop.
 *
 * iTop is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * iTop 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 Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 */

// Compilation progress bar
$progress-bar-color: #000000 !default;
$progress-bar-ongoing-1-bg-color: #FBD38D !default;
$progress-bar-ongoing-2-bg-color: #FEEBC8 !default;

/* Animations */
@keyframes progress_bar_color_ongoing {
  from { background-color: $progress-bar-ongoing-1-bg-color; }
  to { background-color: $progress-bar-ongoing-2-bg-color; }
}
@-webkit-keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

#wiz_buttons > button, #wiz_buttons > form, .wiz-nav > button, .wiz-nav > form {
  margin: 10px 0;
  ~ button, ~ form {
    margin-left: 10px;
  }
}
#launcher {
  display: inline-block;
}
.ibo-title--content{
  background-image: url(../images/designer_black.png);
  height: 27px;
  width: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  > h1{
    display: none;
  }
}
.header_message {
  margin-top: 10px;
}
.checkup_info {
  padding-left: 2em;
}
.checkup_error {
  padding-left: 2em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #555555;
  border: 1px solid #555555;
  color: #EEEEEE;
  font-weight: bold;
}
.ui-button:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-focus .ui-state-focus {
  background: #F58400;
  border: 1px solid #F58400;
  color: #EEEEEE;
  font-weight: bold;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0;
}
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  padding: 0.3em 1em;
  text-decoration: none;
}
.ui-button {
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  margin-right: 0.1em;
  overflow: visible;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
#db_backup_path {
  width: 99%;
}
div#integrity_issues .query {
  font-size: smaller;
}
fieldset {
  margin-top: 0;
  legend {
    margin-top: 0;
  }
  ~ fieldset {
    margin-top: 7px;
  }
  p, div {
    margin: 13px 0;
  }
}

#compiling_indicator {
  border: none;
  width: 100%;
  height: 26px;
  line-height: 26px;
  text-align: center;
  margin: 5px 0;
  box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06) !important;
  border-radius: 2px;
  background-color: #EDF2F7 !important;

  #compiling_indicator_label {
    color: $progress-bar-color;
    z-index: 1;
    margin-left:10px;
    margin-top:2px;
  }

  .ui-progressbar-overlay {
    height: 26px;
    margin-top: -26px;
    color: $progress-bar-color !important; /* !important to overload jQuery UI style */
    background-image: linear-gradient(270deg, $progress-bar-ongoing-1-bg-color 50%, $progress-bar-ongoing-2-bg-color 55%, $progress-bar-ongoing-1-bg-color 80%) !important; /* !important to overload jQuery UI style */
    animation: bg-pan-left 3s infinite both;
    background-size: 600% 100%;
    border-radius: 2px;
  }
}