/* v=1 */
.linkButton, .passwordForgotten {
    display: block;
    font-size: 0.6em;
    cursor: pointer;
}
    .linkButton:hover, .passwordForgotten:hover { color: Blue; text-decoration: underline; }
.profilePicture { display: block; margin: 0.5em auto; }
.center { display: block; margin: 0 auto; }
.red { color: Red; }

/* ============================= CALENDAR ============================= */
.sadday { color: #AF0F0F; }
.hadlakat { color: #CC6600; }
.yomLaomer { color: green; }

/* General popup */
@media(min-width: 981px) {
    .label {
        display: inline-block;       
        vertical-align: middle;
        width: 26%;
    }

    .he .label {
        text-align: right;
        font-size: 0.65em;
    }
    .en .label {
        text-align: left;
        font-size: 0.55em;
    }

    .button {width: 100%; font-size: 1.5em;margin-top: 2px; padding: 0.2em 2.1em; background-color: orange; border: none; color: #fff; cursor: pointer;}
        #yes {color:#f1f1f1;}
        .button:hover { opacity: 0.6;text-decoration:underline; }
    /*.red { color: Red; } moved above to be for all screens */
}

@media(max-width: 980px) {
    .label {
        display: block;
        font-size: 2rem;
        margin-top: 12px;
    }

    .he .label { text-align: right;margin-right: 4px; }
    .en .label {
        text-align: left;
        margin-left: 4px;
    }

    .button {width:100%; height: 2em; font-size: 1.8rem; display: block; margin: 1rem 0; background-color: Orange; color: White; cursor: pointer; border: none; }
}

/* ============================= AppointmentForm.ascx ============================= */
@media(min-width: 981px) {
    rightArea, .filters { text-align: right; }
    .filter_Inner{ text-align: center;/*text-align:right;*/ }
}

@media(max-width: 980px) {
    rightArea, .filters  { text-align: center; }
    .filter_Inner{ text-align: center; }
}

.rightArea input, .filters input { vertical-align: middle; margin-left: 0.2em;width: 35px;height: 16px; }
.rightArea label, .leftArea label, .filters label { width: 4.5em; display: inline-block; }
.filters  label { vertical-align: middle; text-align: right; font-size: 16px; font-weight: bold; width: 6em; padding-bottom: 5px; }
.filter_Inner input { vertical-align: middle;width: 16px;height: 16px; }
.filter_Inner input[type="checkbox"]:not(:first-of-type){margin-right: 20px;}
   .en .filter_Inner input[type="checkbox"]:not(:first-of-type) {
        margin-left: 20px;
        margin-right:unset;
    }
@media(max-width: 385px) {
    .filter_Inner input {
        width: 15px
    }
}
    .filter_Inner label {
        width: 4.5em;
        vertical-align: middle;
        text-align: right;
        font-size: 16px;
        font-weight: bold;
        width: 6em;
        padding-bottom: 5px;
    }

    @media(min-width: 981px) {
        .filterButton {
            width: 48%;
            height: 2rem; /*line-height: 2rem;*/
        }
    }

    @media(max-width: 980px) {
        .filterButton {
            width: 48%;
            height: 2rem;
            line-height: 2rem;
        }
    }

    @media(min-width: 981px) {
        .commentsTableFrameSearchMyEvents {
            width: 100%;
            float: right;
            padding: 20px 0;
            background-color: #fff;
        }

            .commentsTableFrameSearchMyEvents input {
                font-size: 1rem;
                line-height: 1.6rem;
            }

                .commentsTableFrameSearchMyEvents input[type=text] {
                    width: 40%;
                    border: 1px solid #e1e1e1;
                    /*border-left-width: 0;*/
                    padding: 0 4px;
                    box-sizing: border-box;
                }

        .he .commentsTableFrameSearchMyEvents input[type=text] {
            float: right;
            transform: translate(-65%);
        }

        .en .commentsTableFrameSearchMyEvents input[type=text] {
            float: left;
            transform: translate(65%);
        }

        .commentsTableFrameSearchMyEvents input[type=submit] {
            width: 10%;
            padding: 0;
            margin: 0;
            border: 1px solid orange;
        }

        .he .commentsTableFrameSearchMyEvents input[type=submit] {
            float: right;
            transform: translate(-240%);
        }

        .en .commentsTableFrameSearchMyEvents input[type=submit] {
            float: left;
            transform: translate(240%);
        }

        .commentsTableH3 {
            width: 100%;
            float: right;
            background-color: #fff;
            /*margin-bottom: 20px;*/
        }

        content_eventsPanel {
            width: 100%;
            float: right;
        }
    }

    @media(max-width: 980px) {
        .commentsTableFrameSearchMyEvents {
            width: 98%;
            margin: 0 1%;
            float: right;
            padding: 10px 0;
            background-color: #fff;
        }

            .commentsTableFrameSearchMyEvents input {
                font-size: 1rem;
                line-height: 28px;
            }

                .commentsTableFrameSearchMyEvents input[type=text] {
                    width: 80%;
                    height: 28px;
                    border: 1px solid #e1e1e1;
                    border-left-width: 0;
                    padding: 0 4px;
                    box-sizing: border-box;
                }

        .he .commentsTableFrameSearchMyEvents input[type=text] {  float: right; }
        .en .commentsTableFrameSearchMyEvents input[type=text] { float: left; }

                    .commentsTableFrameSearchMyEvents input[type=submit] {
                        width: 20%;
                        height: 28px;
                        border: 1px solid orange;
                        padding: 0;
                        margin: 0;
                    }
        .he .commentsTableFrameSearchMyEvents input[type=submit] { float: right;  }
        .en .commentsTableFrameSearchMyEvents input[type=submit] { float: left;  }
                        .commentsTableH3 {
                            width: 100%;
                            float: right;
                            background-color: #fff;
                            margin-bottom: 10px;
                        }

            .commentsTableH3 h3 {
                font-size: 1.2rem;
                text-align: center;
            }

        content_eventsPanel {
            width: 100%;
            float: right;
        }

        #calendar table td .pImage {
            background-repeat: no-repeat;
            background-position: center top;
            background-size: 100% 14%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
        }
        .textEventMessage {
            top: 35%;
            width: 100%;
            position: absolute;
        }

        .removeButton {
            padding: 1px 1px;
        }
    }

    @media(max-width: 980px) {
    }

    @media(min-width: 981px) {
    }

    @media(max-width: 980px) {
    }

    @media(min-width: 981px) {
    }

    @media(max-width: 980px) {
    }

    @media print {

        header, #buttonsPanel_LoazHeb, #statusPanel, #navigationPanel div, .pirsomet, #monthDetails, nav, #credits, #dateTodayForMobile {
            display: none;
        }

        .timesIcon, input.timesIcon {
            display: none;
        }

        #calendar table td {
            color: #0072C6;
            border: 1px solid #66aadc;
        }

        #wrapper, #content_monthlyCalendar_calendarTable, #plogo {
            width: 100%;
        }

        #plogo, div#navigationPanelContent_titlePanel {
            display: block;
        }

        #plogo {
            display: block;
            position: absolute;
            text-align: center;
            width: 100%;
            height: 50px;
        }

        /* == dayAndMonthHeader == */
        #navigationToolBar {
            width: 100%;
            height: 50px;
            background-color: transparent;
        }

        #navigationPanel {
            background-color: transparent;
        }

        #monthAndYearHeaderSpan {
            margin: 0;
            font-size: 1.4em;
            color: Black;
            font-weight: bold;
        }

        .he #monthAndYearHeaderSpan {
            float: right;
            text-align: right;
        }

        .en #monthAndYearHeaderSpan {
            float: left;
            text-align: left;
            margin-top:10px;
        }

        #smallMonthAndYearHeaderSpan {
            font-size: 1.4em;
            color: Black;
            line-height: 30px;
        }

        .he #smallMonthAndYearHeaderSpan {
            float: left;
            margin-top:10px;
        }

        .en #smallMonthAndYearHeaderSpan {
            float: right;
            margin-top:10px;
        }

        #calendar table {
            width: 100%;
            font-size: 12px;
        }
            #calendar table tr td.week{
                width: 35px;
            }

            #calendar table tr td {
                /*width: 18px;*/
                max-width: unset;
                height: 10px;
                padding: 2px 4px;
                min-width: 18px;
                max-width: 18px;
                max-height: 10px;
                min-height: 10px;
            }

            #calendar table td.th {
                background-color: #eee;
                color: Black;
                text-align: center;
                font-weight: bold;
                font-size: 16px;
                height: 18px;
                min-height: 18px;
                max-height: 18px;
            }

            #calendar table td.outOfMonthDate {
                color: #ccc;
            }

            #calendar table td.saturdayOutOfMonthDate {
                color: #ccc;
                background-color: transparent;
            }

        .cellUpperArea {
            width: 99%;
        }

        .number {
            font-size: 2.2em;
            font-weight: bold;
        }

        .hDate {
            font-size: 12px;
        }

/*        .today {
            background-color: #fff !important;
        }*/

        .mozaeihag, .hadlakat {
            color: #CC6644;
        }

        .specialday, .holiday, .yomtov, .erev, .erevzom, .erevhanuka, erevhag, mozaeihag, .holhamoed, .isruhag, .clockchange, .hanuka, .purim, .independence, .zom {
            font-weight: bold;
            font-size: 14px;
            color: #ff4000;
        }

        .erev, .erevhanuka, .erevzom, .isruhag {
            color: #ff8000;
        }

        .noPrint {
            display: none;
        }

        .page-break {
            display: block;
            page-break-before: always;
        }

        #dateTodayForMobile1 {
            display: none;
        }
        /*#content_eventForm_contentText{display:none;}*/
        .eventExist {
            display: none;
        }
    }