svg {
    display: block;
}

td {
    padding: 0px;
}

/* --------------------- Background Colors
*/
.bg-bianco {
	background-color: #ffffff;
}


.bg-marroni {
	background-color: #765C4C;
}


.bg-porcini {
	background-color: #f5f5f0;
}


.bg-sasso {
	background-color: #3c3c3c;
}


/* --------------------- Styles
*/
.beleg {
    width: 100%;   
}

.beleg-aktiv {
    cursor: pointer;
}

.beleg-belegt {
    background-image: url("//www.tessin.ch/bilder/beleg_belegt.svg"); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.beleg-belegtende {
    background-image: url("//www.tessin.ch/bilder/beleg_ende.svg"); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.beleg-belegtstart {
    background-image: url("//www.tessin.ch/bilder/beleg_start.svg");   
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.beleg-belegtwechsel {
    background-image: url("//www.tessin.ch/bilder/beleg_wechsel.svg");   
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.beleg-block {
    width: 210px;
}

.beleg-mouseover {
    border-style: solid;
    border-width: 2px;
    /*border-color: #DE8110;*/
    border-color: #ffffff;
    background-color: #eeeeee;
}

.beleg-highlight {
    background-color: #DE8110;
}

.beleg-monat {
    padding: 2px;
    font-family: gill-light, sans-serif;
    font-size: 10pt;
    text-align: center;
}

.beleg-monat-titel {
    padding-top: 20px;
    font-weight: bold;
}

.beleg-old {
    cursor: not-allowed;
    opacity: 0.3;
}

.beleg-rahmen {
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}

.beleg-tag {
    border-radius: 1px;
    padding: 2px;
    width: 27px;
    height: 27px;
    font-family: gill-light, sans-serif;
    font-size: 13px;
    text-align: center;
    transition: 0.2s ease;
/*    transition: background-color 0.4s ease;
    transition: border-color 0.4s ease;*/
}

.beleg-tag-titel {
    font-weight: bold;
}

.beleg-td {
    width: 27px;
    height: 27px;
}

.tooltip-inner {
    white-space: pre-wrap;
}