/**
 * Axelor Business Solutions
 *
 * Copyright (C) 2005-2024 Axelor (<http://axelor.com>).
 *
 * This program 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.
 *
 * This program 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
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.navbar {
  margin-bottom: 0px;
}

.nonActive {
  background-color: transparent;
  color: gray;
}

.activeLabel {
  background-color: #eeedee;
}

.mode-label {
  padding: 12px;
  font-size: 12px;
  float: left;
  cursor: pointer;
  color: #0275d8;
}

.mode-label:hover {
  background-color: #f1f1f1;
  color: #0275d8;
}

.show-grid {
  border-top: 1px solid #ddd;
}

.duration-content {
  width: 3600px;
  height: 100%;
}

.cell-height {
  height: 25px;
  /*margin-bottom: 2px;*/
}

.task-content {
  width: 15%;
  display: inline-block;
  /*padding: 0% 2%;*/
  background-color: #ffffff;
  /*border-left: 1px solid #DDDDDD; */
  border-bottom: 1px solid #dddddd;
}

.footer-content {
  display: inline-block;
  /*padding: 0% 2%;*/
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.right-toolbar {
  position: absolute;
  top: -35px;
  right: 0px;
  width: 150px;
  display: flex;
  justify-content: flex-end;
}

.duration-input {
  background-color: #ffffff;
  /*border-color: F1F1F1;*/
  width: 100%;
  border: 0px;
  text-align: center;
}

.duration-input:hover {
  /*border: 2px solid #7CFC00;*/
  border-radius: 3px;
}

.task-footer {
  background-color: #ffffff;
  /*padding-right: 10px;*/
  text-align: end;
  height: 30px;
}

.text-content {
  /*padding: 0px 20px;*/
  text-align: left;
}

.cell-height:focus {
  border: 1px solid black;
}

.timesheet-content {
  display: flex;
}

.content-view {
  padding: 10px;
}

.cell-header {
  background-color: #ffffff;
}

.footer-context {
  text-align: center;
}

.addLine {
  background-color: #0275d8;
  border: none;
  padding: 5px 10px;
  margin-left: 10px;
  float: left;
}

.navigation {
  background-color: #0275d8;
  border: none;
  padding: 7px 12px;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

.sorting-component {
  padding-left: 5px;
}

.collapse-icon {
  margin-right: 5px;
  font-size: 13px;
  cursor: pointer;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 992px) {
  .task-content {
    max-width: 30%;
    flex: 1;
  }
}
