/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 26.03.2022, 12:37:24
    Author     : karlheinzeckhart
*/

/* 
KP rot: c80028 
RGB 200, 0, 40
*/

:root {
  --theme-kp-red: #c80028;
  --theme-primary: #c80028;
}

a[target]:not(.btn) {
    text-decoration: none !important;
}

.devicesdescription {
    padding-top:1em;
}

.text-truncate {
    white-space: normal !important;
}

.carousel-control-prev, .carousel-control-next {
  width:5%;
  height:30%;
}

.carousel-control-prev:hover, .carousel-control-next:hover {
  background:transparent;
}


optgroup {
    background-color:yellow;
    position: relative;
}

optgroup:before {
    position: absolute;
    content:'a';
    display: inline-block;
    width:20px;
    height:20px;
    background-color:green;
}

.ihc-error {
    color:rgb(200, 0, 40);
    font-weight: bold;
    padding-top:7px;
    display: block;
}

.accordion .card .card-header .card-title {
    color:#000;
}

.btn-success, .btn-success:focus, .btn-success.focus, .btn-success:hover, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #000;
  background-color: #eee;
  border-color: silver;
}

.nav-menu li.open li a, .nav-menu li.active li a {
  color: white;
}

html body a {
  color: #c80028;
}

html body a:hover {
    color:rgba(200, 0, 40, 0.8);
}

.kp-bold-600 {
    font-weight: 600;
}

.page-logo {
    background:#000;
}

.page-sidebar {
    background: #525253;
}

.nav-menu li.active > a {
  -webkit-box-shadow: inset 3px 0 0 #c80028;
  box-shadow: inset 3px 0 0 #c80028;
}

.nav-function-fixed .nav-footer {
  background: #c80028;
}

.nav-menu li a > [class*="fa-"], .nav-menu li a > .ni {
  color: silver;
}

.nav-menu li.active:not(.open) > a::before {
  color: silver;
}

.nav-menu li a {
  color: #b5b5b5;
}

.nav-menu li.open li a, .nav-menu li.active li a {
  color: #b5b5b5;
}


.nav-menu li.active li.active a, .nav-menu li.active a {
    font-size: 1.1em;
    color: #fff;
    font-weight: 600;
}
/*
.nav-menu li a:hover {
  color: #fd3e3e;
}
*/

.kp-logo-main {
    width: 50% !important;
    text-align: center;
    margin:0 auto;
}

.kp-left-slogan {
    text-align: center;
}

.kp-alert td, .kp-alert a, .kp-alert a:hover {
    color:#c80028;
    font-size: 1.1em;
}

.kp-done td, .kp-done a, .kp-done a:hover {
    color:black;
    font-size: 1.1em;
}

.bg-warning-200 {
  background-color: #525253;
  color: rgba(255, 255, 255, 0.8);
}


.bg-warning-200:hover {
  color: rgba(255, 255, 255, 0.9);
}

.active.btn-default {
  background: #c80028;
}

.active.btn-default i {
  color:#fff;
  font-weight: bold;
  font-size: 1.2em;
}

/*.text-info {
  color: #c80028 !important;
}*/

.fs-xl {
  font-size: 1.4rem !important;
}

.bg-info-300 {
  background-color: #f5f5f5;
  color: #333;
}

.kp-lagerbuttons {
    width: 45%;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    margin: 0 0.5em;
    font-size: 0.8em;
}

.kp-search-button {
    background:transparent;
    border:0;
}

.kp-card-body {
    background:#c80028;
}

.kp-fa-washer, .kp-fa-washer-color {
    font-size:2em;
    padding-right:20px;
    color:white;
}

.kp-fa-washer-color {
    color:#c80028;
    font-size:4em;
    padding-right:0;
}

.kp-text-truncate {
    padding-top:0.5em;
    color: white;
    font-size: 0.8rem !important;
}

.kp-card-mainlink, .kp-card-h5 {
    color:white !important;
    font-size:2em;
}

.kp-card-h5 {
    color:#c80028 !important;
}

a.text-info:hover, a.text-info:focus {
    color:rgba(255,255,255,0.9) !important;
}

.kp-button-margin-b {
    margin-bottom:2em;
}

.kp-lager-button1, .kp-lager-button2 {
    margin-top:10px;
    font-size:1.3em;
}

.kp-lager-button1 {
    background:#72b355;
}

.kp-lager-button2 {
    background:#c80028;
}

.kp-card-box {
    margin-bottom:3em;
}

.kp-card-h2 {
    display:block !important;
    text-align:center;
    font-size:1.3em !important;
}

.kp-custom-scroll {
    height: 120px;
}

.kp-custom-scroll-gd {
    height: 210px;
}

.kp-custom-scroll-text {
    font-size:1em;
}

.kp-bg-info-300:hover {
  color: black;
}

.kp-button-lg {
    background: rgba(0, 0, 00, 0.5);
    border-color: rgb(255, 255, 255);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.kp-button-lg:hover, .kp-button-lg:active, .kp-button-lg:focus {
    background: rgba(200, 0, 40, 1);
    border-color:rgba(200, 0, 40, 1);
}

.kp-devices-detail-commi {
    font-size:1.2em;
    padding-bottom:5px;
}

.kp-gd-kbuttons {
    background: var(--theme-kp-red);
    margin-bottom: 1em;
    width: 90%;
    color: white;
    font-weight: bold;
}

.kp-gd-kbuttons:hover {
    color: white !important;
}

.kp-save {
    background: rgba(200, 0, 40, 0.95);
    font-weight: bold;
    color:white;
    border: rgba(200, 0, 40, 1);
}

.kp-save:hover {
    background: rgba(200, 0, 40, 1);
    color:white;
}

.kp-detail-kommissionen {
    margin-top:0em;
    border:0;
}

.kp-devices-count {
    width:50px;
    display:inline-block;
    margin:0 10px;
}

.kp-plus, .kp-minus {
  width: 30px;
  height: 30px;
  border: 0;
  background: white;
  border: 1px solid #333;
}

.form-control:disabled, .form-control[readonly] {
    background:rgba(200, 0, 40, 1);
    color:white;
}

.kp-farbe-lager, .kp-farbe-lager:disabled, .kp-farbe-lager[readonly] {
    background:var(--theme-kp-red);
}


.kp-farbe-commi, .kp-farbe-commi:disabled, .kp-farbe-commi[readonly] {
    background:var(--theme-kp-red);
}

.button-kp {
    background:var(--theme-kp-red);
    border:var(--theme-kp-red);
    color:rgba(255,255,255,0.9);
}

.button-kp:hover {
    background:var(--theme-kp-red);
    border:var(--theme-kp-red);
    color:rgba(255,255,255,1);
}


.button-kp i {
    color:rgba(255,255,255,1);
}

.kp-color {
    color:var(--theme-kp-red);
}

.nav-menu b.collapse-sign {
  color: #fff;
}

.nav-menu li.active:not(.open) > a::before {
  color: white;
}

.kp-cal-button {
    width: 90%;
    padding:0.7em;
    white-space: pre-line;
}

.kp-cal-plus {
    background:#eee !important;
}

.kp-login-bg {
    background: #505050;
}

.kp-logtable td, .kp-logtable th {
    font-size: 1em;
}

.kp-tb-ubl table {
    border-spacing: 0;
}
.kp-tb-ubl td, .kp-tb-ubl th {
    padding:15px;
    font-size: 1.2em;
}

.kp-searchlog-margint {
    margin-top:0.5rem;
}

.kp-changestatus {
  border: 0;
  width: 20px;
  height: 30px;
  background: transparent;
}

/* Calendar */

.kal-active {
    border:3px green solid;
}

.kal_standard_tag {
    border:3px red solid;
}

caption {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  color: red;
  text-align: center;
  caption-side: top;
}

/* Calendar Montagen */

.tb-montage table {
    width: 100%;
    box-sizing: border-box;

    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.tb-montage th {
    height:40px;
}

.tb-montage-td, .tb-montage-td-buero {
    height:200px;
    width:14%;
    background-color:#cbd7d7;
}

.tb-montage-td-buero {
    height:auto;
}

.tb-montage-kw {
    width:30px;
    text-align: center;
}

.kal_vormonat_tag {
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.02) 75%, transparent 75%, transparent); background-color:#FAFCFD; background-size:1rem 1rem;
}

.tb-montage-kwtag {
    text-align: right;
    padding:0 5px;
}

.tb-montage-eintrag {
    width: auto;
    background: #bbb;
    margin:7px;
    border-radius:4px;
    padding:7px 10px;
    min-height:35px;
}

.tb-montage-button {
    font-size:0.95em;
    color:#333;
    font-weight:bold;
}

.form-control option {
    color: black;
    font-weight: bold;
}

.tb-montage-select {
    width:100%;
    background-size:50px 50px;
    padding:15px 15px 15px 55px;
    margin:2px 0;
    color:white;
}

.tb-montage-select option:checked {
    background:black !important;
}

.tb-montage-select-active {
    background-color:white;
    background-image:url('/typo3conf/ext/keykiskp/Resources/Public/Images/check.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

.tb-montage-log .table th, .tb-montage-log .table td {
  padding: 0.75rem 0;
  vertical-align: top;
  border-top: 0;
}