/***** kalendarz *************/

#cal-legenda{position: absolute; right: 5px; bottom: 5px; z-index: 200}

.cal-legenda-dni:before {
    content:' ';
    display: block;
    float:left;
    margin-right: 5px;
    height: 15px;
    min-height: auto;
    width: 15px;
    background-color: rgb(13,121,166);
    border-radius: 2px;
    vertical-align: middle;
}

.cal-legenda-dni.zewn:before {
    background-color: #b10302;
}

.cal-legenda-dni.nieakt:before {
    background-color: #bbb;
}

.cal-legenda-dni{
    float: left;
    padding-left: 20px;
    margin-bottom: 4px;
}

    h2.kalendarz_wydarzen {
        background: #545454  url("../images/wydarzenia.png") no-repeat -3px -3px;
    
    }

    #cal_outer{position: relative; min-height: 280px; }
        #cal{ float:left; width: 320px;  min-height: 243px;  padding: 0 10px; border-right: 1px solid #ccc; }
        #lista{}
    
    /* kalendarz */
   #cal .ui-datepicker-inline{border-radius: 0;}
    
    .ui-datepicker .ui-datepicker-header{position: relative; background: none; border:none; }
        .ui-datepicker-title{font-weight: bold; font-size:13px; }
        .ui-datepicker .ui-datepicker-prev{position: absolute; cursor: pointer; left: 16px; top:-2px; padding: 2px 4px; border: 1px solid #ccc; font-size: 14px; font-weight: bold; color: #333; background: none;}
        .ui-datepicker .ui-datepicker-next{position: absolute; cursor: pointer; right:16px; top:-2px; padding: 2px 4px; border: 1px solid #ccc;  font-size: 14px; font-weight: bold; color: #333;  background: none;}
        .ui-datepicker .ui-state-hover{border: none;  text-decoration:none; border: 1px solid #0033ff ; background-color:rgb(13,121,166); }
        .ui-datepicker .ui-datepicker-title{ text-align: center; border-bottom: 1px solid #aaa; padding-bottom: 15px; margin: 14px 10px ; line-height: normal;}
    
    .ui-datepicker-calendar  {width:100%; }
    .ui-datepicker-calendar th span{font-weight: bold;}
    .ui-datepicker-calendar tr td{width:14.2%;text-align: center }
    .ui-datepicker-calendar tr td a{ color:#333; padding: 3px; margin:1px; display: block; border-radius: 4px;}
    .ui-datepicker-calendar tr td a:hover{text-decoration: none}
    
    .ui-datepicker .ui-state-default{background: none; border: none; text-align: center; padding: 3px;} 
    
    .ui-datepicker .ui-datepicker-current-day{border: 1px solid #eee;}
    
    /* jest impreza */
    .ui-datepicker-calendar tr td a.imp{ background-color: rgb(13,121,166);  color: #fff;}
    .ui-datepicker-calendar tr td a.imp.zewn{ background-color: #b10302; }
    .ui-datepicker-calendar tr td a.imp.minely{ background-color: #bbb; }
    
    /* lista w miesiacu */
    #imp-lista{max-height: 280px;   overflow-y: auto;  margin-left: 239px;  padding: 5px 5px 5px 10px; }
    #lista_mini{}
        #cal_outer:hover #lista_mini{}
    
    #lista_mini .dni{width: auto; min-height: 0; margin:2px 5px 2px; min-width: 53px; text-align: center; border-radius: 4px; background-color: rgb(13,121,166); color: #ffffff;display: inline-block;font-size: 16px; padding: 5px 7px;}
        #lista_mini .dni.zewn{background-color: #b10302;}
        #lista_mini .dni.minely{background-color:#bbb;}
        #lista_mini .lista_tytul{font-size: 13px; color: #333;}
        #lista_mini .lista_tytul.sel{font-weight: bold;}
    

@media screen and (max-width:700px){
    #cal{width:100%; float: none; border: none; box-sizing: border-box;}
    #imp-lista{ margin-left: 0; width: 100%; padding-top: 20px; margin-bottom: 30px; max-height: none; }
    #cal-legenda{position: relative; right: auto; bottom:auto; padding-bottom: 40px; }
}