﻿
.errorMarker{
    background-color:#DE0000;
   border-radius:5px;
   width:8px;
   height:8px;
   margin-left:12px;
   margin-top:-8px;
  }

#sentinellaCalendar {
    margin-top: 10px;
}

#sentinellaCalendar .panel-body a {
    text-decoration: none;
    }
#sentinellaCalendar > .panel-body > .calendar-row { margin-left: 0px;}

#sentinellaCalendar h2 {
    margin-bottom: 10px;
}
#detApkInfoTitle {
    color: green;
    display:none;
}
.cD.calendarDetApkDay > a {
    color: green;
}
.calendarDayInactive.calendarDetApkDay > a {
    color: lightgrey;
    cursor: default;
}

.calendar {
    background-color: white;
    padding-left: 0px;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    padding-right: 0px;
    width: 100%;
    margin-bottom: 20px;
}

.calendarHeader {    
    width:100%;
    text-align:left;
    align-content:center;
    font-size:large;
    font-weight:normal;
    background-color:#f5f5f5;
    color:#011d1a;
    
}
    .calendarHeader a {
        width: 100%;
        text-align: left;
        align-content: center;
        font-size: large;
        font-weight: normal;
        /*background-color:#5E99D1;*/
        color: #3a5e82;
        text-decoration:underline;
    }
.calendarContent{           
    text-align:left;
    align-content:center;
   border:1px solid lightgray;
   border-radius: 3px;
}


.calendarWeek{
    display:inline-block;
    margin: 0px;
    margin-bottom: 3px;
    padding: 0px;
    /*border-bottom:1px solid lightgray;*/
}

.cD{     /* Calendar Day */
    /*background-color:#0054A3;*/
    background-color:#ffffff;
    border-right:solid lightgray 1px;
    border: 1px solid #ccc;
    margin: 0px;
    padding: 0px;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
}

.cD a {
    padding-top:5px;
    display:inline-block;   
    min-width:32px;    
    min-height:32px;    
    font-size:large;
    /*color:white;*/
    color:black;
    font-weight:bold;
    vertical-align:middle;
    margin: 0px 0px 0px 0px;  
}

.cD a:hover{
    background-color:lightgray;
    color: #0054A3;
}


.cDL{ /* Calendar Day Label */
    font-size:xx-small;
}


.calendarDayOtherMonth{
    display:none;    
}





.cDI{  /* Calendar Day Label */
    font-size:xx-small;
    font-weight:bold;
}

.calendarDaySaturday{
    background-color:#f4f5fa;
}

.calendarDaySunday{
    background-color:#f4f5fa;
}

.calendarDayToday{
   background-color: #FCF8E3; 
}
.calendarDayToday a {
      /*outline: 1px solid red;*/
}

.calendarDayInactive a {
    color: lightgrey;
    cursor:default;
}
/* wenn aktueller Tag ein Wochenend-Tag ist */
.calendarDaySunday calendarDayToday {
    background-color: #FCF8E3;
}
.calendarDaySaturday calendarDayToday {
    background-color: #FCF8E3;
}

.calendarDaySelected {
    background-color: #3a5e82;
    font-weight: bold;
}
.calendarDaySelected  a{
    color:white;    
}

.calendarDaySelected.calendarDetApkDay a {
    color:white;
}


@media screen and (max-width: 1250px) {
    .calendarDayOtherMonth {
        display: inline-block;  /*Führt zum Umbruch, jedoch mit jeweils den gleichen Wochentagen untereinander*/
    }
}

@media screen and (max-width: 650px) {
    .calendarWeek{
        display:block;
    }
    .calendarDayOtherMonth {
        display: inline-block;
    }
    .cDL{
        display: none; /* Platz sparen, ev. über der Tabelle dafür die Tagesnamen einblenden*/
    }
    
  

}