/* Begin multi-select styling */

.fc-event.multi-select, .nub-content.event-constrain.multi-select {
    -webkit-box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.39), 0px 0px 0px 2px rgba(50, 100, 255, 0.8);
    -moz-box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.39), 0px 0px 0px 2px rgba(50, 100, 255, 0.8);
    box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.39), 0px 0px 0px 2px rgba(50, 100, 255, 0.8); 
    border-color: rgb(50, 100, 255);
}

.nub-content.event-constrain.multi-select {
    border-radius:5px;
}

.fc-view-basicHorizon .fc-event.multi-select {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fc-event.ms-not-selected, .nub-content.event-constrain.ms-not-selected {
    /* Force Hardware Rendering on Safari to improve speed of Filter*/
    -webkit-transform: translate3d(0, 0, 0);

    -webkit-filter: saturate(1.5) opacity(0.4) contrast(90%);
    filter:saturate(1.5) opacity(0.4) contrast(90%);
}

.fc-event.selected-transition, .nub-content.event-constrain.selected-transition {
    transition: all 0.4s;
}

/* IE10+ specific styling as filter not supported */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fc-event.ms-not-selected, .nub-content.event-constrain.ms-not-selected{
        opacity: 0.4;
    }
}



/* End multi-select styling */

/* Default html Styling Inside Popovers */

.ng-popover .edit-container .field-container h1 {
    font-weight: 500;
    font-size: 19px;
}
.ng-popover .edit-container .field-container h2 {
    font-weight: 500;
    font-size: 16px;
}
.ng-popover .edit-container .field-container h3 {
    font-weight: 400;
    font-size: 14px;
}

/* End Default html Styling Inside Popovers */

/* Begin event image styling */

    /* Thumbnail image */

        .featured-image-thumbnail {
            position: relative;
            z-index: 9;
            max-height: 25px;
            max-width: 50px;
            border: none;
            margin: auto;
            top: 50%;
            transform: translate(0, -50%); /* Center vertically since top was set to 50% */
        }

        .nub-container-left .featured-image-thumbnail {
            float: left;
            left: -9px;
            transform: translate(-100%, -50%); /* Move left the width of the image */ /* Center vertically since top was set to 50% */
        }
        .nub-container-right .featured-image-thumbnail {
            float: right;
            right: -9px;
            transform: translate(100%, -50%); /* Move right the width of the image */ /* Center vertically since top was set to 50% */
        }

        .nub-container-span .featured-image-thumbnail, .nub-container-full .featured-image-thumbnail {
            float: left;
            left: -9px;
            right: auto;
            transform: translate(-100%, -50%); /* Move left the width of the image */ /* Center vertically since top was set to 50% */
        }

        .nub-container-left .featured-image-thumbnail:hover {
            transform: translate(-100%, -50%) scale(1.2); /* Add scale to the translations used to position the thumbnail */
            opacity: 100%;
            transition: all 200ms ease;
        }
        .nub-container-right .featured-image-thumbnail:hover {
            transform: translate(100%, -50%) scale(1.2); /* Add scale to the translations used to position the thumbnail */
            opacity: 100%;
            transition: all 200ms ease;
        }
        .nub-container-span .featured-image-thumbnail:hover, .nub-container-full .featured-image-thumbnail:hover {
            transform: translate(-100%, -50%) scale(1.2); /* Add scale to the translations used to position the thumbnail */
            opacity: 100%;
            transition: all 200ms ease;
        }

        /* Simple rectangle thumbnail*/
        .featured-image-thumbnail.simple-rectangle {
            border: 1px solid rgba(0, 0, 0, 0.31);
            background-color: white;
        }
        /* End simple rectangle thumbnail */

        /* Portrait thumbnail  */
        .featured-image-thumbnail.portrait {
            max-height: 50px;
        }
        /* End portrait thumbnail */

        /* Logo thumbnail */
        .featured-image-thumbnail.logo {

        }
        /* End logo thumbnail */

        /* Twitter thumbnail */
        .featured-image-thumbnail.twitter {
            
        }
        /* End twitter thumbnail */

    /* End thumbnail image */

    /* Featured image */
        .featured-image {
            position: absolute;
            max-width: 200px;
            max-height: 400px; /* to accomodate vertical images */
            z-index: -1;
            top: 0; /* draw image on top */
            bottom: auto;
            margin-top: -50px;
            margin-bottom: auto;
            display: block;
        }

        .ng-popover.left .featured-image, .ng-popover.right.close-to-left .featured-image {
            left: 100%; /* draw image on right */
            right: auto;
            margin-left: -100px;
            margin-right: auto;
        }
        .ng-popover.right .featured-image, .ng-popover.left.close-to-right .featured-image  {
            right: 100%; /* draw image on left */
            left: auto;
            margin-right: -100px;
            margin-left: auto;
        }
        .ng-popover.close-to-top .featured-image {
            bottom: 0; /* draw image on bottom */
            top: auto;
            margin-bottom: -50px;
            margin-top: auto;
        }

        /* Simple rectangle */
        .featured-image.simple-rectangle {
            min-width: 280px;
            max-width: 100%;
            margin-top: -60px;
            z-index: -1;
            -webkit-border-radius: 14px;
            -moz-border-radius: 14px;
            border-radius: 14px;
            border: solid white 7px;
            -webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
            background-color: white;
        }
        .ng-popover.left .featured-image.simple-rectangle, .ng-popover.right.close-to-left .featured-image.simple-rectangle {
            margin-left: -96px;
        }
        .ng-popover.right .featured-image.simple-rectangle, .ng-popover.left.close-to-right .featured-image.simple-rectangle  {
            margin-right: -96px;
        }
        .ng-popover.close-to-top .featured-image.simple-rectangle {
            margin-bottom: -60px;
        }
        /* End simple rectangle */

        /* Portrait */
        .featured-image.portrait {
            min-width: 400px;
            max-width: 400px;
            max-height: 400px;
            margin-top: -120px;
            z-index: 0;
        }

        .ng-popover.left .featured-image.portrait, .ng-popover.right.close-to-left .featured-image.portrait {
            margin-left: -130px;
        }
        .ng-popover.right .featured-image.portrait, .ng-popover.left.close-to-right .featured-image.portrait  {
            margin-right: -130px;
        }
        .ng-popover.close-to-top .featured-image.portrait {
            margin-bottom: -120px;
        }
        /* End portrait */

        /* Logo */
        .featured-image.logo {
            border: 8px solid rgb(120,120,120);
            border-radius: 20%;
            padding: 18px;
            background: white;
            z-index: -1;
            -webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
        }
        /* End logo */

        /* Twitter */
        .featured-image.twitter {
            border: 8px solid rgb(94,169,221);
            border-radius: 20%;
            padding: 18px;
            background: white;
            z-index: -1;
            -webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.2);
        }
        /* End twitter */

    /* End featured image */

/* End event image styling */