nav.fixed-top {
    z-index: 10;
}
.h4, h4 {
    font-size: 1.25rem;
}
.card-block {
	margin-bottom:2rem
}
.card-body {
	padding: 0.5rem 1.25rem
}
#accordion .card-header {
    padding: 0.5rem .5rem;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.datepicker table tr td.today {
	background-color: #D5CAB3;
	background-image:none
}
.datepicker table tr td.highlighted {
	background-color:#FF9933
}

div.alertbox {
	padding:0.75rem;border: solid 2px red;color:red;margin:0 0 1rem 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.color_pos {color:red}
.color_neg {color:green}
.collapse .card {
	background-color:#eee;margin:5px 0; padding:10px;
}
.close {
	text-align:right;margin-bottom:10px;width:100%;
}
.contact {
	color:#d86800;
}
.font_color_red {
	color:red
}
.background_orange {
	background-color:darkorange;
}
.background_holidays {
	background-color:rgba(73,211,233,0.33)
}

.editdetail {
	position:absolute; top:20%; margin-left:auto; margin-right:auto;z-index:10;background-color:#eee
}
.editdetail col-lg-4 .border_solid_small, .col-sm4 .border_solid_small {
    margin-top: 15px;
}
.hidden {
    display: none !important;
}
input[type="submit"] {
    font-family: inherit;
}
textarea {
	margin-bottom:1rem
}
.side .btn {
	padding:3px
}
.button-right {
	text-align:right;
}
.info, .info .btn {
	font-size:0.9rem
}
.info ul {
	padding-left:0.8rem
}
.info input.form-control {
	font-size:0.8rem
}
.autocomplete {
  position: relative;
  display: inline-block;
}
.col.left {
	padding-left:0;padding-right:5px
}
.col.right {
	padding-left:5px;padding-right:0
}
/*.form-control {
	height: calc(1.0rem + .75rem + 2px);
	padding: 0 0 0 .25rem;
}*/
.card-header {
	padding: .75rem .5rem
}
form.input_stunden .row{
	margin-bottom:0.5rem
}
.custom-control-input {
    z-index: 1;
}
input[type="checkbox"] {
    visibility: visible;
}
.check_fest input[type="checkbox"], .check_active  input[type="checkbox"], .check_betreuung  input[type="checkbox"]{
    visibility: hidden;
}
#auswertung1 td, .right {
	padding:3px;
	text-align: right
}

.monatsauswahl .datepicker-inline {
    width: 100%;border:solid 1px
}
.datumsauswahl .datepicker-inline {
    border:solid 1px
}
.table th, .table td {
    padding: 0.25rem 0 0.25rem .25rem;
}
.table th.legend, .table td.legend {
    border-left:solid 1px;text-align: center
}
/*#table-sz-single.table{
    width:inherit;
}*/
#table-sz-single.table th, #table-sz-single.table td{
    padding: 0;width:inherit;
}
thead.center th {
	text-align:center
}
tbody.numeric td, td.numeric {
	text-align:right;padding-right:0.5rem
}
#urlaubsplanung tbody.numeric td,#urlaubsplanung td.numeric {
	text-align:right;padding-right:0.2rem;font-size:0.8rem
}
tbody.reduceLineSpacing td p{
	margin-bottom:0.2rem
}
#tblRaumbelegung.table th, #tblRaumbelegung.table td {
    padding: 0.25rem .25rem 0.25rem .25rem;
}
#tbl_sonderzeiten_jahr {
	position:absolute;
	left:0;
}
.sticky-table {
  max-width: 99%;
}

th.sticky-cell, td.sticky-cell {
    padding: 0;
}
table th.doubleright,table td.doubleright {
	border-right:double #ccc;
}
.popover_box {
    display:block;
    width:200px;
    height:100px;
    background-color:#DDD;
}
#popover_pop {
    padding:0px 0px;
}
#popover_example {
    position:relative;
}
.leftinfobox {
	position:absolute;left:0;top:0;background:#efefef;padding:0;z-index:1
}
.leftinfobox .box {
	padding: 0;border:solid thin #aaa;
}
#jahresplaner {
	margin:1rem 0 0 0;
}

	
/**** Modals *****/

#monatsuebersichtUser td p{
	margin-bottom:.25rem
}

#handgeld.modal-content {
	width:350px;top:50px
}
.alerts_clients .w50 {
	width:50%
}
@media print {
	.noprint  { display: none;}
	.page-break  { page-break-before: always; }
	.width100 {width:1500px !important}
}