body {
    /*background: #cebe29;
	background: -moz-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cebe29), color-stop(33%,#9b1f50), color-stop(71%,#2989d8), color-stop(91%,#89b4ff));
	background: -webkit-linear-gradient(-45deg, #cebe29 0%,#9b1f50 33%,#2989d8 71%,#89b4ff 91%);
	background: -o-linear-gradient(-45deg, #cebe29 0%,#9b1f50 33%,#2989d8 71%,#89b4ff 91%);
	background: -ms-linear-gradient(-45deg, #cebe29 0%,#9b1f50 33%,#2989d8 71%,#89b4ff 91%);
	background: linear-gradient(135deg, #cebe29 0%,#9b1f50 33%,#2989d8 71%,#89b4ff 91%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cebe29', endColorstr='#89b4ff',GradientType=1 );
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background: #257d7b;
	background-size: 100% 100%;*/
}

.custom-calendar-full {
    position: absolute;
    top: 24px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
}

.fc-calendar-container {
    height: auto;
    bottom: 0px;
    width: 100%;
    top: 50px;
    position: absolute;
}

.custom-header {
    padding: 20px 20px 10px 30px;
    height: 50px;
    position: relative;
}

    .custom-header h2,
    .custom-header h3 {
        float: left;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 4px;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
        margin: 0;
    }

    .custom-header h2 {
        color: #fff;
        width: 60%;
    }

        .custom-header h2 a,
        .custom-header h2 span {
            color: rgba(255,255,255,0.3);
            font-size: 18px;
            letter-spacing: 3px;
            white-space: nowrap;
        }

        .custom-header h2 a {
            color: rgba(255,255,255,0.5);
        }

.no-touch .custom-header h2 a:hover {
    color: rgba(255,255,255,0.9);
}

.custom-header h3 {
    width: 40%;
    color: #ddd;
    color: rgba(255,255,255,0.6);
    font-weight: 300;
    line-height: 30px;
    text-align: right;
    padding-right: 125px;
}

.custom-header nav {
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .custom-header nav span {
        float: left;
        width: 30px;
        height: 30px;
        position: relative;
        color: transparent;
        cursor: pointer;
        background: rgba(255,255,255,0.3);
        margin: 0 1px;
        font-size: 20px;
        border-radius: 0 3px 3px 0;
        box-shadow: inset 0 1px rgba(255,255,255,0.2);
    }

        .custom-header nav span:first-child {
            border-radius: 3px 0 0 3px;
        }

        .custom-header nav span:hover {
            background: rgba(255,255,255,0.5);
        }

.custom-header span:before {
    font-family: 'fontawesome-selected';
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-indent: 4px;
}

.custom-header nav span.custom-prev:before {
    content: '\25c2';
}

.custom-header nav span.custom-next:before {
    content: '\25b8';
}

.custom-header nav span:last-child {
    margin-left: 20px;
    border-radius: 3px;
}

.custom-header nav span.custom-current:before {
    content: '\27a6';
}


.fc-calendar {
    background: rgba(255,255,255,0.1);
    width: auto;
    top: 10px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    height: auto;
    border-radius: 20px;
    position: absolute;
}

    .fc-calendar .fc-head {
        background: rgba(255,255,255,0.2);
        color: rgba(255,255,255,0.9);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
        border-radius: 20px 20px 0 0;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }

        .fc-calendar .fc-head > div {
            font-weight: 300;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 3px;
            text-shadow: 0 1px 1px rgba(0,0,0,0.4);
        }

    .fc-calendar .fc-row > div > span.fc-date {
        color: rgba(255,255,255,0.9);
        text-shadow: none;
        font-size: 26px;
        font-weight: 300;
        bottom: auto;
        right: auto;
        top: 10px;
        left: 10px;
        text-align: left;
        text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    }

    .fc-calendar .fc-body {
        border: none;
        padding: 20px;
    }

    .fc-calendar .fc-row {
        box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2);
        border: none;
        overflow: hidden;
    }

.event-wrapper.event-recurring {
    width: 106%;
    left: -11px;
    /* : absolute; */
    /* : inline-block; */
    /* : left; */
}

        .fc-calendar .fc-row:last-child {
            box-shadow: none;
        }

        .fc-calendar .fc-row:first-child > div:first-child {
            border-radius: 10px 0 0 0;
        }

        .fc-calendar .fc-row:first-child > div:last-child {
            border-radius: 0 10px 0 0;
        }

        .fc-calendar .fc-row:last-child > div:first-child {
            border-radius: 0 0 0 10px;
        }

        .fc-calendar .fc-row:last-child > div:last-child {
            border-radius: 0 0 10px 0;
        }

        .fc-calendar .fc-row > div {
            box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
            border: none;
            padding: 10px;
            cursor: pointer;
        }

            .fc-calendar .fc-row > div:first-child {
                box-shadow: none;
            }

            .fc-calendar .fc-row > div.fc-today {
                background: transparent;
                box-shadow: inset 0 0 100px rgba(255,255,255,0.1);
            }

                .fc-calendar .fc-row > div.fc-today:after {
                    /*content: '';*/
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0.2;
                    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
                    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
                    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -o-llinear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
                    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -ms-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
                    background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
                }

            .fc-calendar .fc-row > div > div {
                position: absolute;
                top: 0;
            }

                .fc-calendar .fc-row > div > div a,
                .fc-calendar .fc-row > div > div span {
                    color: rgba(255,255,255,0.7);
                    font-size: 12px;
                    text-transform: uppercase;
                    display: inline-block;
                    padding: 3px 5px;
                    border-radius: 3px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    max-width: 100%;
                    margin-bottom: 1px;
                    background: rgba(255,255,255,0.1);
                    height: 20px;
                }

.no-touch .fc-calendar .fc-row > div > div a:hover {
    background: rgba(255,255,255,0.3);
}

@media screen and (min-width: 881px) {
    .event-wrapper {
        width: 100%;
        display: flex;
        background: #1f7fb7 !important;
        position: relative;
        top: 32px;
        margin: 5px 0;
    }

    .fc-more {
        position: absolute;
        top: 6px;
        right: 3px;
    }

    .fc-content {
        overflow: visible !important;
    }
    .fc-more-admin {
        position: absolute;
    }
    .event-recurring .open-popup-link {
        color: transparent !important;
    }
}

@media screen and (max-width: 880px), screen and (max-height: 450px) {
    html, body, .ottom: auto; right: au {
        height: auto;
    }

    .custom-header,
    .custom-header nav,
    .custom-calendar-full,
    .fc-calendar-container,
    .fc-calendar,
    .fc-calendar .fc-head,
    .fc-calendar .fc-row > div > span.fc-date {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        height: auto;
        width: auto;
    }

    .fc-calendar {
        margin: 0 20px 20px;
    }

    .custom-header h2,
    .custom-header h3 {
        float: none;
        width: auto;
        text-align: left;
        padding-right: 100px;
    }

    .fc-calendar .fc-row,
    .ie9 .fc-calendar .fc-row > div,
    .fc-calendar .fc-row > div {
        height: auto;
        width: 100%;
        border: none;
    }

        .fc-calendar .fc-row > div {
            float: none;
            min-height: 50px;
            box-shadow: inset 0 -1px rgba(255,255,255,0.2) !important;
            border-radius: 0px !important;
        }

            .fc-calendar .fc-row > div:empty {
                min-height: 0;
                height: 0;
                box-shadow: none !important;
                padding: 0;
            }

    .fc-calendar .fc-row {
        box-shadow: none;
    }

    .fc-calendar .fc-head {
        display: none;
    }

    .fc-calendar .fc-row > div > div {
        margin-top: 0px;
        padding-left: 10px;
        max-width: 70%;
        display: inline-block;
    }

    


    .fc-calendar .fc-row > div.fc-today {
        /*background: rgb(5, 125, 122);*/
    }

        .fc-calendar .fc-row > div.fc-today:after {
            display: none;
        }

    .fc-calendar .fc-row > div > span.fc-date {
        width: 30px;
        display: inline-block;
        text-align: right;
    }

    .fc-calendar .fc-row > div > span.fc-weekday {
        display: inline-block;
        width: 40px;
        color: #fff;
        color: rgba(255,255,255,0.7);
        font-size: 10px;
        text-transform: uppercase;
    }

    .fc-data {
        top: 30% !important;
        /* left: 15% !important; */
        width: 400% !important;
        max-width: 400% !important;
    }

        .fc-data a.open-popup-link, .fc-more-admin a, .fc-more a {
            margin-right: 10px;
            width: calc(30%/17) !important;
            float: left !important;
        }


    /* 	a.fc-delete {
		margin-right: 4px !important;
		width: 14px !important;
		float: left !important;
		padding: 3px 0px !important;
		margin-left: -10px !important;
	}
    
    a.fc-edit {
		margin-right: 4px !important;
		width: 14px !important;
		float: left !important;
		padding: 3px 0px !important;
		margin-left: -10px !important;
	} */

    .fc-more {
        left: -10px;
        bottom: 0 !important;
    }

    .fc-more-admin {
        left: -10px;
        /* bottom: -50% !important; */
        height: 100%;
    }

    .view-more-popup {
        min-width: auto !important;
    }

    a.open-popup-link {
        background: inherit !important;
    }    
}



.fc-more-admin {
    width: auto;
    top: 6px;
    right: 3px;
}


.fc-calendar .fc-row > div > span.fc-date {
    position: initial;
}


.fc-more-admin img, .fc-more img, .fc-new img {
    width: 20px;
}

.fc-data span, .fc-data a.open-popup-link {
    float: right;
    width: 100%;
    font-size: 96% !important;
    margin-bottom: 2%;
}



/* .view-more-popup .open-popup-link {
    width: 100% !important;
} */

.fc-data-view-more a.fc-delete {
    cursor: crosshair;
    float: right !important;
}

.fc-data-view-more a.fc-edit {
    margin-right: 0px !important;
    cursor: crosshair;
    float: right !important;
    margin-left: 0px !important;
}

.view-more-popup {
    min-width: 500px;
}

a.fc-delete {
    float: right;
    font-size: 96% !important;
    width: 20px !important;
    margin: 0;
    cursor: pointer;
}

a.fc-edit {
    float: right;
    font-size: 96% !important;
    width: 20px !important;
    margin: 0;
}

.fc-more-admin a, .fc-more a {
    margin: 0 !important;
    padding: 0 !important;
    width: 25px !important;
    background: transparent !important;
}


.admin-add-new {
    max-width: none !important;
    width: auto;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 21px 3px 3px 3px;
    /*width: auto;
    max-width: 500px;*/
    width: fit-content;
    margin: 20px auto;
    display: inline-block;
    max-width: 800px;
    word-break: break-word;
}

.fc-more-large-screen {
    width: 32px;
    height: 32px;
}

    .fc-more-large-screen a.open-popup-link-more {
        width: 100% !important;
        height: 100% !important;
    }

.white-popup * {
    max-width: 100%;
}

h1.event-popup-title {
    background: #15776a;
    /* margin: 0% 0%; */
    padding: 2%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    line-height: 1;
    font-size: 20pt;
}

p.event-popup-body {
    margin-top: 5%;
}

.fc-data {
    /*width: 100%;*/
    width: 95%;
}

a.open-popup-link-more {
    background-image: url(/DesktopModules/EventsCalendar/images/view-more.png) !important;
    background-size: 100% 100% !important;
    height: 25px;
}

    a.open-popup-link-more img {
        display: none;
    }





a.open-popup-link-add {
    background-image: url(/DesktopModules/EventsCalendar/images/add-new.png) !important;
    background-size: 100% 100% !important;
    height: 25px;
	margin-right: 10px !important;
}

    a.open-popup-link-add img {
        display: none;
    }

a.fc-delete {
    background-image: url(/DesktopModules/EventsCalendar/images/delete-event.png) !important;
    background-size: 100% 100% !important;
    height: 22px;
}

a.fc-edit {
    background-image: url(/DesktopModules/EventsCalendar/images/edit-event.png) !important;
    background-size: 100% 100% !important;
    height: 22px;
}



span.event-add-title, .event-add-date {
    font-size: large;
    font-family: 'fontawesome-selected';
    padding: 1%;
}

.event-admin-button {
    width: 10%;
    text-align: center;
    padding: 2px;
    color: #000;
    font-style: normal;
    font-size: large;
    font-family: 'fontawesome-selected';
}

.event-add-title-textbox {
    width: 100%;
    margin-bottom: 3px !important;
}

.mfp-preloader-custom-wrapper {
    height: 100% !important;
    width: 100%;
    position: fixed;
    z-index: 2000;
    background: #34c1c185;
    top: 0;
    left: 0;
}

.mfp-preloader-custom {
    width: 30px;
    height: 30px !important;
    background-color: #FFF;
    opacity: 0.65;
    margin: 0 auto;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
    color: #CCC;
    position: absolute;
    top: 50%;
    text-align: center;
    margin-top: -0.8em;
    left: 50%;
    z-index: 1044;
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}


.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: auto !important;
}

.event-margin {
    margin-bottom: 5%;
}

.event-calendar-time {
    color: #fdfdfd;
    font-size: large;
    font-weight: bold;
    padding: 5px;
    /* margin-bottom: -18px; */
    background: #3db8b9;
    text-align: center;
    /* position: absolute; */
    /* width: 100%; */
    /* top: 58px; */
    /* left: 0; */
}

/*.event-calendar-time {
    color: #fdfdfd;
    font-size: x-large;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 13px;
    background: #3db8b9;
    text-align: center;
}*/

span.event-list-date {
    left: 0;
    font-size: large;
    color: white;
    /* display: none; */
    position: absolute;
    bottom: 0;
    padding: 7px;
    font-weight: bold;
}



/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.5s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.5s cubic-bezier(0.47, 0, 0.75, 0.72);
}
    /* overlay animate in */
    .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
    }
    /* overlay animate out */
    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 1.15s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: all 1.15s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: all 1.15s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


.ui-timepicker-standard {
    z-index: 1051 !important;
}

.event-add-time-textbox {
    width: 14%;
    margin-bottom: 0px !important;
}

input.full_screen {
    border-color: black;
    border-width: 3px;
    border-style: dashed;
}

.btn_FullScreen {
    background: #62a1a0;
    color: white;
    border: 1px solid #257d7b;
    padding: 5px;
    position: absolute;
    line-height: 1;
    z-index: 9;
    cursor: pointer;
    font-size: small;
    /*height: 80%;*/
}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* .fc-data-view-more a.open-popup-link {
    float: right;
    width: 70%;
    font-size: 96% !important;
    margin-bottom: 1px;
    font-weight: bold;
    background: #16a08e;
    color: white;
    padding: 10px;
}

.events-cal-time {
    float: left;
    font-size: 70% !important;
    margin-bottom: 1px;
    font-weight: bold;
    background: #15776a;
    color: white;
    padding: 3px;
} */

.fc-data-view-more-admin a.open-popup-link {
    float: left;
    width: 76%;
    font-size: 96% !important;
    margin-bottom: 1px;
    font-weight: bold;
    background: #16a08e !important;
    color: white;
    padding: 10px;
}

.fc-data-view-more a.open-popup-link {
    float: left;
    width: 82%;
    font-size: 96% !important;
    margin-bottom: 1px;
    font-weight: bold;
    background: #16a08e !important;
    color: white;
    padding: 10px;
}

.events-cal-time {
    float: left;
    font-size: 89% !important;
    margin-bottom: 1px;
    font-weight: bold;
    background: #15776a;
    color: white;
    padding: 3px;
    width: 18%;
    padding: 10px;
    text-align: center;
    /* display: none; */
}

a.fc-edit-title {
    background-image: url(/DesktopModules/EventsCalendar/images/edit-event.png) !important;
    background-size: 100% 100% !important;
    height: 22px;
    float: right;
    font-size: 96% !important;
    width: 20px !important;
    margin: 0;
    position: absolute;
    top: -6px;
}

.eventscal_weeks_months_tbl_edit input, .txt_EventCalendarTitle {
    border: 1px solid;
    padding: 3px;
}

    .eventscal_weeks_months_tbl_edit input[type=submit] {
        width: 200px;
        height: 30px;
    }

.dnnEditState .DnnModule {
    opacity: 1 !important;
}

.event-add-time-textbox {
    width: 45.7% !important;
}

.event-endtime{
    float:right;
}

.event-add-editor {
    border-collapse: collapse;
}

    .event-add-editor th, .event-add-editor td {
        width: 150px;
        text-align: left;
        padding: 5px;
    }

    .event-add-editor input {
        width: 97%;
        margin: 0 !important;
        padding: 10px !important;
    }

.chkbox_roles {
    border-collapse: unset;
}

    .chkbox_roles td {
        width: auto;
    }


    .repeaterEvents {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    .repeaterEvents td, #customers th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .repeaterEvents tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .repeaterEvents tr:hover {
        background-color: #ddd;
    }

    .repeaterEvents th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #1b90a2;
        color: white;
    }


    .repeaterEvents-Filter {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    .repeaterEvents-Filter td, #customers th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .repeaterEvents-Filter tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .repeaterEvents-Filter tr:hover {
        background-color: #ddd;
    }

    .repeaterEvents-Filter th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #1fbfbf;
        color: white;
    }

    .repeaterEvents-Filter select,.repeaterEvents-Filter input {
        padding: 5px;
        
    }

    .buttonDelete {
	background-color:#1fbfbf;
	border-radius:28px;
	border:1px solid #1fbfbf;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size: 12px;
	padding: 8px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.buttonDelete:hover {
	background-color:#1b90a2;
}
.buttonDelete:active {
	position:relative;
	top:1px;
}

.view-more-popup a.fc-delete, .view-more-popup a.fc-edit {
    margin-top: -32px;
}

.view-more-popup a.fc-edit {
    margin-right: 20px;
}