div.overlay::before {
   content:url('../css/img/loading_overlay.gif');
}

@media screen and (orientation: portrait) {
    .page-header {
        margin-top: 35px !important;
    }
}

.sidebar {
	z-index: 600 !important;
    background-image: linear-gradient(to right, #4e4c4c, #4f4e4e, #505050, #525152, #535353, #585858, #5d5d5d, #626262, #6c6c6c, #777777, #818181, #8c8c8c) !important;
}

.cTimeFilter {
    position: absolute !important;
    left:  10px;
    width: 5%;
}

.d-none{
    display: none !important;
}

footer {
  position: fixed;
  left: 0;
  bottom: -2em;
  width: 100%;
  background-color: #008060;
  text-align: center;
  padding: 10px;
  color: DarkGray;
  z-index: 500;
}	
				 
.timeDiffBad {
    color: OrangeRed;
    font-weight: bold;
}

.timeDiffGood {
    color: LimeGreen;
    font-weight: bold;
}

.timeDiffOK {
    color: Orange;
    font-weight: bold;
}

.DaySaturday {
    @background-color: Gainsboro;
}

.DaySunday {
    @background-color: DarkGray;
}

div.pgui-date-time-edit {
    max-width: 300px;
}

.circular {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.exclamation::after {
    width: 18px;
    height: 18px;
    content: url('../css/img/exclamation.png');
	margin-left:5px;
}

.differentDays::after {
    width: 18px;
    height: 18px;
    content: url('../css/img/differentDays.png');
	margin-left:5px;
}
.AMimage::before {
    display: inline-block;
    width: 30px;
    height: 18px;
    content: url('../css/img/triangleAM_16.png');
}

.PMimage::before {
    display: inline-block;
    width: 30px;
    height: 18px;
    content: url('../css/img/trianglePM_16.png');
}

.roundImgage {
	object-fit: cover;
	border-radius: 50%;
	margin: auto;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	padding:3px;
}

.imgage100 {
	width: 100px;
	height: 100px;
}
.imgage75 {
	width: 75px;
	height: 75px;
}
.imgage50 {
	width: 50px;
	height: 50px;
}
.imgage25 {
	width: 25x;
	height: 25px;
}

.bgInactive {
    opacity: 0.3;
}

.buttonHoliday {
    background-color: #00b386;
    border: none;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    width: 40px;
}

.buttonHolidayActive {
    background-color: blue;
}

.activeCalendarDay {
    border-left: 5px solid #ff0000 !important;
    border-right: 5px solid #ff0000 !important;
}

.Saturday {
    background-color: transparent;
    color: black;
    background: linear-gradient(0deg, #ddd, white);
}

.Sunday {
    background-color: transparent;
    color: black;
    background: linear-gradient(0deg, #888, #ddd);
}

.SaturdayVertical {
    background-color: transparent;
    color: black;
    background: linear-gradient(90deg, white, #ddd);
    opacity: 75%;
}

.SundayVertical {
    background-color: transparent;
    color: black;
    background: linear-gradient(90deg, #ddd, #888);
    opacity: 75%;
}

/* Anfang Schnellbuchung */ 
	.ImportantButton {
	  height: 80px;
	}

	.TimeTrackIn {
	  background-color: #33cc33 !important; 
	  color: white;
	}

	.TimeTrackOut {
	  background-color: #ff4d4d !important; 
	  color: white;
	}

	.TimeTrackPause {
	  background-color: #92c7c7 !important; 
	  color: white;
	}

	.TimeTrackIllness {
	  background-color: blue !important; 
	  color: white;
	}

	.TimeTrackUpload {
	  background-color: #1E90FF !important; 
	  color: white;
	}
	
	.TimeTrackButtonActive {
	  height: 80px;
	}
/* Ende Schnellbuchung */ 
.InactiveRecord {
    font-style: italic;
}

.TimeEntryPerfect {
    background: #ccffcc;
    color: black;
}

.TimeEntryFaulty {
    background: #ff6600;
}

.TimeEntryFreezed {
    background: #ffb973;
}

.btn-calculate {
    background: #00d900;
    color: white;
}

.quickTimerBtn {
    width: 220px;
    height: 40px;
}

.visible {
    display: none !important;
}

.recordDispaly {
    pointer-events: none;
    background: #00d900 !important;
    color: white !important;
}

.lastActionText {
    width: 100%;
    text-align: center;
    word-wrap: break-word;
    z-index: 900 !important;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
    cursor: none;
}

 /* .scrollable-menu {
    height: auto;
    max-height: 400px !important;
    overflow-x: hidden;
    max-width: 240px !important; 
}  */

/*
.dropdown-menu {
    height: auto;
    max-height: 400px !important;
    overflow-x: hidden;
}
*/

/* IST-Hour Difference colors */

.moreOrLessThen8hours {
    background: #ff26ff;
    color: black;
}

.moreThen1hour {
    background: #96ff73;
    color: black;
}

.moreThen0hour {
    background: #cfffbf;
    color: black;
}

.lessThen0Hour {
    background: #ff9999;
    color: black;
}

.lessThen4Hour {
    background: #ff7373;
    color: black;
}

.lessThen8Hour {
    background: #ff2626;
    color: black;
}

.moreThen12hour {
    background: #96ff73;
    color: black;
}

.fg_moreOrLessThen8hours {
    color: #ff26ff;
}

.fg_moreThen1hour {
    color: #96ff73;
}

.fg_moreThen0hour {
    color: #cfffbf;
}

.fg_lessThen0Hour {
    color: #ff9999;
}

.fg_lessThen4Hour {
    color: #ff7373;
}

.fg_lessThen8Hour {
    color: #ff2626;
}

.fg_moreThen12hour {
    color: #96ff73;
}


/*  flipswitch */

.flipswitch {
    position: relative;
    width: 70px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
}

.flipswitch input[type=checkbox] {
    display: none;
}

.flipswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
}

.flipswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    -moz-transition: margin 0.3s ease-in 0s;
    -ms-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.flipswitch-inner:before,
.flipswitch-inner:after {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0px;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flipswitch-inner:before {
    content: "aktiv";
    padding-left: 6px;
    background-color: #00D900;
    color: #FFFFFF;
}

.flipswitch-inner:after {
    content: "alle";
    padding-right: 6px;
    background-color: #EBEBEB;
    color: #B5B5B5;
    text-align: right;
}

.flipswitch-switch {
    width: 31px;
    margin: -0.5px;
    background: #52FF26;
    border: 1px solid #52FF26;
    border-radius: 4px;
    position: absolute;
    top: 0;
    height: 32px;
    bottom: 0;
    right: 40px;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.flipswitch-cb:checked+.flipswitch-label .flipswitch-inner {
    margin-left: 0;
}

.flipswitch-cb:checked+.flipswitch-label .flipswitch-switch {
    right: 0;
}


/* Table */

tr.data-summary>td {
    border: 0 !important;
}

.panel-body {
    padding: 5px !important;
}