.row>*{
    padding: 0px !important ;
}
body{
    overflow: hidden ;
}

.body {
    clear : both ;
    padding : .5% ;
}

.logo {
    max-width : 40% ;
    width : 40% ;
    float : left ;

}
.logo a {
	top : -1.5em ;
	position : relative ;
}

h1 {
	text-align : center ;
	font-size : 3rem ;
}

.btn-primary {
	background : #df4113 ;
	border : none !important ;
}

.btn-primary:hover {
	background : #ce3002 ;
}

.btn-abwensenheit {
  margin-left : 2.2em ;
  border : none !important ;
  background : transparent !important ;
  font-size : var(--bs-nav-link-font-size) ;
  font-weight : var(--bs-nav-link-font-weight) ;
}

.card {
	margin-right : 2% ;
}

.mt-2 .col-md-6, div.col-6 {
	margin-right : 1.5% ;
	width : 48.5% !important ;
}

.row.mt-3 > .col-md-2 {
	width : 15% ;
	margin-right : 1.5% ;
}

/* Zeiterfassung */

.h2 {
  color : #d43112 ;
  text-shadow: 1px 2px 5px #d3d3d3 ;
}

.widthOverview {
  max-width : 99.2% !important ;
  margin-left: 0px !important ;
  left : 0 ;
  position : relative ;
}


.row > .table-tage {
  padding-left : 8px !important ;
}

.tabs {
  padding : 0 ;
}

.tabs h2 {
  padding : .5% ;
  padding-bottom : 0 !important ;
  margin-bottom : 0 !important ;
}

.wocheDatum {
  padding-left : .5% ;
  padding-top : 0 ;
  font-size : 13pt ;
}

.tCal > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
  background : white ;
  border : none ;
}

/* Übersicht */

.form-control[readonly] {
    background-color: #e9ecef ; /* Ein leichtes Grau als Hintergrundfarbe */
    color: #495057 ; /* Eine dunklere Farbe für den Text */
    cursor: not-allowed ; /* Cursor-Stil ändern, um Nicht-Interaktivität anzuzeigen */
}

.stundenOnlyReadUebersicht {
  margin : 0 1em 0 1em ;
}

.yearSelectUebersicht {
  position : relative ;
  left : -46em ;
  top : 3em ;
  z-index : 100 ;
  width : 83px ;
  color : #eb671a ;
  background : white ;
  font-weight : bold ;
}

.yearSelectUebersicht:focus {
  color : #eb671a ;
}


.tCal {
    margin-left: auto ;
    margin-right: auto ;
    position: relative ;
    top: 1% ;
    width: 95% ;
    font-family: 'Roboto', sans-serif ; /* Moderne Schriftart */
    border-collapse: separate ; /* Ermöglicht runde Ecken */
    border-spacing: 0 ; /* Entfernt Abstand zwischen Zellen */
}

.tCal td, .tCal tr, .tCal th {
    border: 1px solid #ddd ; /* Hellerer Rand */
    text-align: center ;
    padding: 8px ; /* Ausgewogenes Padding */
    border-radius: 5px ; /* Runde Ecken */
}

.tCal td {
    font-size: 12px ;
    font-weight: bold ;
    height: 40px ;
    width: 50px ;
}

.tCal th {
    background-color: #eb671a ; /* Hauptfarbe für Kopfzeile */
    color: white ; /* Textfarbe für Kopfzeile */
    font-weight: normal ; /* Normale Schriftstärke */
}

.tCal td:hover {
    transform: scale(1.1) ; /* Vergrößert die Zelle um 10% beim Hovern */
}

select {
  margin-left: auto ;
    margin-right: auto ;
}

.activDay {
  background: orange ;
}

.dFree {
  background: darkgrey ;
}

.hDay {
  background: grey ;
}

.urlaub {
  background: rgb(71, 191, 79) ;
}

.krank {
  background: rgb(179, 71, 191) ;
}

.dienstreise {
  background: rgb(255, 255, 0) ;
}

.halburlaub {
  background: lightgreen ;
}

.stundenabbau {
  background: rgb(149, 191, 71) ;
}

.schule {
  background: rgb(71, 91, 191) ;
}

.abwesend {
  background: #d94f45 ;
}

.legend {
  margin-left: auto ;
    margin-right: auto ;
    margin-top: 10px ;
    text-align: center ;
    position : relative ;
    top : 20px ;
}

.legend th,.legend td {
    min-width: 40px ;
    border: 1px solid black ;
    padding : 4px ;
}

.noDay {
  background: gray ;
  background-image: radial-gradient(black 10%, transparent 10%) ;
  background-size: 3px 3px ;
}

.noInfo {
  background: red ;
}

.itsHover {
  background: #add8e6 ;
}

.form-select:focus,
.form-control:focus {
  box-shadow : 0 0 0 .25rem rgba(212, 49, 18, .30) ;
  border-color : #d43112 ;
}

/* Admin */

.tableAdminCenter {
  text-align : center ;
}

/* Linksammlung */

.linksammlung {
  padding : 1% ;
}

.table-bordered {
  border-color : #d3d3d3 !important ;
}

.linksammlung-link {
  text-decoration : none ;
}

.linksammlung h3  {
  text-align : center ;
  color : #d43112 ;
  text-shadow : 1px 2px 5px #d3d3d3 ;
}

.linksammlung-table {
  min-height : 40vh ;
  width : 100% ;
}

.ovOn{
  overflow-y : scroll ;
  width : 100% ;
  height : 38.2vh ;
}

.ovOnLong {
  overflow-Y : scroll ;
  width : 100% ;
  height : 90vh ;
}

.linksammlung-table th, .linksammlung-table td {
  padding : 8px ;
}

.linksammlung-table th {
  background : #eaeaea ;
}

.linksammlung-table .even {
  background-color: #f5f5f5 ;
}

.linksammlung-table .detailsName {
  text-transform : capitalize ;
}

.langeTable {
  min-height : 95vh ;
}

.linksammlung-table-link a {
  white-space: nowrap ;
  overflow: hidden ;
  max-width: 50ch ;
  display : block ;
}

  /* Generelle Padding / Margin */

/* Top Padding */
.p-t-xs {
  padding-top : 2% !important ;
}

.p-t-s {
  padding-top : 4% !important ;
}

.p-t-m {
  padding-top : 6% !important ;
}

.p-t-l {
  padding-top : 8% !important ;
}

.p-t-xl {
  padding-top : 10% !important ;
}

/* Right Padding */


.p-r-xs {
  padding-right : 2% !important ;
}

.p-r-s {
  padding-right : 4% !important ;
}

.p-r-m {
  padding-right : 6% !important ;
}

.p-r-l {
  padding-right : 8% !important ;
}

.p-r-xl {
  padding-right : 10% !important ;
}

/* Bottom Padding */


.p-b-xs {
  padding-bottom : 2% !important ;
}

.p-b-s {
  padding-bottom : 4% !important ;
}

.p-b-m {
  padding-bottom : 6% !important ;
}

.p-b-l {
  padding-bottom : 8% !important ;
}

.p-b-xl {
  padding-bottom : 10% !important ;
}

/* Left Padding */


.p-l-xs {
  padding-left : 2% !important ;
}

.p-l-s {
  padding-left : 4% !important ;
}

.p-l-m {
  padding-left : 6% !important ;
}

.p-l-l {
  padding-left : 8% !important ;
}

.p-l-xl {
  padding-left : 10% !important ;
}

/* Top Margin */
.m-t-xs {
  margin-top : 2% !important ;
}

.m-t-s {
  margin-top : 4% !important ;
}

.m-t-m {
  margin-top : 6% !important ;
}

.m-t-l {
  margin-top : 8% !important ;
}

.m-t-xl {
  margin-top : 10% !important ;
}

/* Right Margin */


.m-r-xs {
  margin-right : 2% !important ;
}

.m-r-s {
  margin-right : 4% !important ;
}

.m-r-m {
  margin-right : 6% !important ;
}

.m-r-l {
  margin-right : 8% !important ;
}

.m-r-xl {
  margin-right : 10% !important ;
}

/* Bottom Margin */


.m-b-xs {
  margin-bottom : 2% !important ;
}

.m-b-s {
  margin-bottom : 4% !important ;
}

.m-b-m {
  margin-bottom : 6% !important ;
}

.m-b-l {
  margin-bottom : 8% !important ;
}

.m-b-xl {
  margin-bottom : 10% !important ;
}

/* Left Margin */


.m-l-xs {
  margin-left : 2% !important ;
}

.m-l-s {
  margin-left : 4% !important ;
}

.m-l-m {
  margin-left : 6% !important ;
}

.m-l-l {
  margin-left : 8% !important ;
}

.m-l-xl {
  margin-left : 10% !important ;
}