/*=======================link ubove table=====================*/
.pirsometLink {
    margin-bottom: 3px;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

    .pirsometLink a {color: darkblue;}
    .pirsometLink a:hover {text-decoration:underline;}

        .pirsometLink a .pirsometNote {
            font-size: 14px;
            margin-right:4px;
            color: #aaa;
        }


.pirsomet {
    text-align: center;
}

@media(max-width: 980px) {
    .pirsomet {
        margin: 8px 0;
    }
}

@media(min-width: 981px) {
    .pirsomet {
        overflow: hidden;
        margin: 15px auto 8px;
        position: relative;
        width: 970px;
        max-height: 320px;
    }

        .pirsomet div {
            font-size: 0.9em;
            cursor: pointer;
            color: #aaa;
        }

    .he .pirsomet div {
        text-align: right;
    }

    .en .pirsomet div {
        text-align: left;
    }
}

@media(min-width: 1520px) {
    .pirsomet.up {
        position: absolute;
        right: 30px;
        top: 29px;
        width: 200px;
        height: 700px;
    }

    .en .pirsomet.up {
        top: 57px;
    }

    .pirsomet.dn {
        position: absolute;
        left: 30px;
        top: 33px;
        width: 200px;
        height: 700px;
    }

    .en .pirsomet.dn {
        top: 57px;
    }
}

@media(min-width: 1620px) {
    .pirsomet.up {
        position: absolute;
        right: 40px;
        top: 29px;
        width: 250px;
        height: 800px;
    }

    .pirsomet.dn {
        position: absolute;
        left: 40px;
        top: 29px;
        width: 250px;
        height: 800px;
    }
}

@media(min-width: 1720px) {
    .pirsomet.up {
        position: absolute;
        right: 60px;
        top: 29px;
        width: 300px;
        height: 800px;
    }

    .pirsomet.dn {
        position: absolute;
        left: 60px;
        top: 29px;
        width: 300px;
        height: 800px;
    }
}


/*=======================Advertisement by days=====================*/


#calendar table td .p {
    overflow: hidden;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    margin-top:1px;
    padding: 3px 0;
    border-radius: 2px;
}

#calendar table td .p:hover {text-decoration:underline;}


.pirsomet-yellow {background-color: yellow;}

.pirsomet-orange {background-color: #F54F09; color:#fff;}

.pirsomet-blue {background-color: #0066CC; color:#fff;}

.pirsomet-red {background-color: #0066CC; color:#fff;}

#calendar table td .p > input {background-color:#fff;}
#calendar table td .p > input:hover {background-color:#555;}


/*======================= Day pirsomet =====================*/

.pImage-NN {
    background-image: url(/modaot/news-now.png);
    background-color: #f1f1f1;
    color:#212121;
}

.pImage-MG {
    background-image: url(/modaot/my-gemelnet.png);
    background-color: #a1a1a1;
    color: #fff;
}

#calendar table td .pImage {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 15%;
    font-weight: bold;
}

.textEventMessage {top:40px;width: 100%;position: absolute;height:36%;display: flex;align-items: center;justify-content: center;}
.textEventMessage:hover {text-decoration:underline;}


.removeButton {
    background-color: coral;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    text-wrap: unset;
    padding: 0 2px 0.5px;
}
.removeButton:hover {background-color:#555; color:#fff;}


#calendar table td .pImage > input {
    transform: translateX(-50%);
    left: 50%;
    bottom: 0px;
    position: absolute;
    margin-bottom:2px;
    color:#fff;

}


/*======================= Mobile =====================*/

@media(max-width: 580px) {
    .pirsometLink {display: none;}
    .removeButton {padding: 1px 1px 0.5px; width:92%;line-height: 11px;}
    #calendar table td .pImage {background-size: 100% 24px;font-weight:normal;}
    .textEventMessage {top:24px;line-height:11px;}
    }


/*======================= Media print =====================*/

@media print {
    .pirsometLink {display: none;}
    #calendar table td .p {display: none;}
    #calendar table td .pImage {display: none;}
    }