/*
#    Copyright (C) 2019-2022  Marcus Rickert
#
#    See https://github.com/marcus67/little_brother
#
#    This program 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 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 General Public License for more details.
#
#    You should have received a copy of the GNU General Public License along
#    with this program; if not, write to the Free Software Foundation, Inc.,
#    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
*/

a,
a:visited {
  text-decoration: underline;
}

a:link {
  color: black;
}

a.CVE_HYPERLINK:link {
  color: inherit;
}

/* visited link */

a:visited {
  color: black;
}

input {
  width: 70px;
}

.navbar-brand {
  width: 200px;
}

.form-signin {
  text-align: center;
}

a.CVE_HYPERLINK:visited {
  color: inherit;
}

.col-xs-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-2 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-3 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-4 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-5 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-6 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-7 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-8 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-9 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-10 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-11 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-12 {
  padding-left: 1px;
  padding-right: 1px;
}

.col-lg-1 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-lg-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-lg-3 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-lg-4 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-lg-5 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-lg-6 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-md-1 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-md-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-md-3 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-md-4 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-md-5 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-md-6 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-sm-1 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-sm-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.col-sm-3 {
  padding-left: 2px;
  padding-right: 2px;
}


.col-xs-1 input {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-2 input {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-3 input {
  padding-left: 1px;
  padding-right: 1px;
}

.col-xs-4 input {
  padding-left: 1px;
  padding-right: 1px;
}

.form-control {
  padding-left: 1px;
  padding-right: 1px;
}

.rule-override {
  font-weight: bold;
  color: blue;
}

.downtime {
  font-weight: bold;
  color: yellow;
}

div.WIDTH100 {
  width: 100%;
}

div.FIXED400 {
  width: 400px;
  table-layout: fixed;
}

div.FIXED1200 {
  width: 1200px;
  table-layout: fixed;
}

div.STANDARD_TABLE {
  border-style: solid;
  border-color: black;
  border-width: 1px;
  border-collapse: separate;
}

div.STANDARD_TABLE div.ROW {
  vertical-align: top;
  padding: 5px;
  text-align: left;
  border: 2px solid white;
}

div.STANDARD_TABLE div.COL {
  vertical-align: top;
  padding: 5px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 2px solid white;
}

div.STANDARD_TABLE div.ALIGN_RIGHT {
  text-align: right;
}

div.STANDARD_TABLE div.TITLE_ROW div.COL {
  font-size: 24px;
  text-align: center;
}

div.STANDARD_TABLE div.TITLE_ROW {
  background-color: #e2e2e2;
  font-weight: bold;
}

div.STANDARD_TABLE div.ROWLEVEL_1 {
  background-color: #829eb8;
}

div.STANDARD_TABLE div.ROWLEVEL_2 {
  background-color: #99bbda;
}

div.STANDARD_TABLE div.ROWLEVEL_3 {
  background-color: #a7cdef;
}

div.STANDARD_TABLE div.ROWLEVEL_4 {
  background-color: #d5ebff;
}

div.STANDARD_TABLE div.ALTERNATE_ROWLEVEL_1 {
  background-color: #8ec144;
}

div.STANDARD_TABLE div.ALTERNATE_ROWLEVEL_2 {
  background-color: #a8c087;
}

div.STANDARD_TABLE div.ALTERNATE_ROWLEVEL_3 {
  background-color: #b8c0ad;
}

div.STANDARD_TABLE div.ALTERNATE2_ROWLEVEL_1 {
  background-color: #e38901;
}

div.STANDARD_TABLE div.ALTERNATE2_ROWLEVEL_2 {
  background-color: #e3ad5c;
}

div.STANDARD_TABLE div.ALTERNATE2_ROWLEVEL_3 {
  background-color: #e3bf87;
}

div.STANDARD_TABLE div.SEPERATOR_ROW {
  height: 2px;
}

div.STANDARD_TABLE div.SEPERATOR_ROW_LINE {
  height: 2px;
  background-color: black;
}

div.STANDARD_TABLE div.HEADER_ROW {
  background-color: #f2f2f2;
}

div.STANDARD_TABLE div.HEADER_ROW div.COL {
  border-bottom-style: solid;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

div.STANDARD_TABLE div.FILTER_ROW {
  background-color: #a2a2a2;
}

div.STANDARD_TABLE div.FILTER_ROW div.COL {
  border-bottom-style: solid;
  vertical-align: middle;
  font-weight: bold;
}

div.STANDARD_TABLE div.STATUS_ROW {
  background-color: #f2f2f2;
}

div.STANDARD_TABLE div.STATUS_ROW div.COL {
  border-top-style: solid;
}

ul {
  padding-left: 20px;
}

.CODE {
  font-family: monospace;
}

.CONTEXT {
  font-style: italic;
}

.center {
  text-align: center;
}

.dense-font {
  font-size: 90%;
}

.very-dense-font {
  font-size: 80%;
}

/* See https://stackoverflow.com/questions/16344354/how-to-make-blinking-flashing-text-with-css-3 */

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  80% { opacity: 0.5; }
}

/* See https://stackoverflow.com/questions/41081275/bootstrap-left-align-checkbox-in-horizontal-form */
.move-left {
  width: auto;
  box-shadow: none;
}

/* See https://de.w3docs.com/snippets/css/wie-kann-man-die-grossenanderung-des-elements-textarea-deaktivieren.html */
.text-field-lock-width {
  resize: vertical;
}

.fas {
  width: 20px;
}

/* See https://stackoverflow.com/questions/306924/can-i-change-the-checkbox-size-using-css */
/*
input[type=checkbox]
  /* Double-sized Checkboxes */

  width: 32px;
  size: 32px;

  margin: 0px 0px 0px 5px;
}

.ycheck-box-wrapper {
  margin: 0px 5px 5px 20px;
  padding: 5px 5px 5px 5px;
}

/* Style buttons */
.btn {
  background-color: gray; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 4px 4px; /* Some padding */
  font-size: 16px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}

.btn-time-extension-plus {
  background-color: lightgray; /* Blue background */
  color: green; /* White text */
  padding: 3px 3px 0px 3px; /* Some padding */
  margin: 2px 0px 2px 0px;
}

.btn-time-extension-minus {
  background-color: lightgray; /* Blue background */
  color: red; /* White text */
  padding: 3px 3px 0px 3px; /* Some padding */
  margin: 2px 0px 2px 0px;
}

.btn-time-extension-off {
  background-color: lightgray; /* Blue background */
  color: red; /* White text */
  padding: 5px 6px 5px 6px; /* Some padding */
  margin: 2px 0px 2px 0px;
}

.time-extension-plus {
  color: green; /* White text */
}

.time-extension-minus {
  color: red; /* White text */
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: dark-grey;
}

.inline-field {
  display: inline;
  width: auto;
}

.active {
  color: green;
  font-size: 125%;
}

.inactive {
  color: red;
  font-size: 125%;
}

.error-label {
  color: #a94442;
}

.node_inactive {
  color: red;
}

.node_outdated {
  color: red;
}

.row {
  margin-left: -13px;
  margin-right: -13px;
  margin-top: 2px;
  margin-bottom: 2px;
}