/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#whatson-event-details-main {
    width: 100%;
    clear: both;
    height: 100%;
    display: inline-block;
    padding:0px 0px 0px 0px;
}
#whatson-event-details-container{
    padding: 0 25px;
}
/*#whatson-event-details-left-sidebar{
    width: 1030px;
    margin: 0px auto;
}*/
/*#whatson-event-details-left-sidebar{
    width: 40%;
    background-color: #4C3C59;
    float: right;
    min-height: 1200px;
}*/
/*
#whatson-event-details-left-sidebar:after{
    background-color: #4C3C59 !important;
    right: -1000%;
    content: '';
    position: absolute;
    width: 1000%;
    height: 100%;
    display: block;
    top: 0;
}
*/
.whatson-event-listing-book-readmore-button {
    float: right;
    padding: 7px 12px !important;
    font-size: 14px !important;
}
.whatson-event-details-heading-title-left h2 {
    color: #232440;
    margin-bottom: 10px;
    font-size: 1.4rem;
}
.banner--featured .title {
    color: #FFFFFF;
}
.banner--featured .breadcrumbs {
    color: #FFFFFF;
}
.banner--featured .breadcrumbs a {
    color: #FFFFFF;
}
.whatson-event-sidebar--right:after {
    background-color: #4C3C59;
    right: -1000%;
    content: '';
}
.whatson-event-sidebar:before, .whatson-event-sidebar:after {
    position: absolute;
    width: 1000%;
    height: 100%;
    display: block;
    top: 0;
}
.whatson-event-sidebar--right {
    padding-left: 90px;
    min-height: 1200px;
}
.whatson-event-sidebar--right {
    padding-left: 40px;
    width: 40%;
}
.whatson-event-sidebar--right {
    background-color: #4C3C59;
}
.whatson-event-sidebar {
    padding-top: 50px;
    padding-bottom: 50px;
}
.whatson-event-sidebar {
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
}
.whatson-event-sidebar {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height:1500px;
}
.whatons-event-cancelled{
    color:#f04040;
}
.whatons-event_cancelled_class{
    color: #ccc !important;
}



#whatson-event-details-left-sidebar .whatson-event-sidebar-widgets{
    margin-bottom: 40px;
}
#whatson-event-details-left-sidebar .whatson-event-sidebar-widgets-inner{
    padding:15px;
}
.whatson-event-sidebar-calender p {
    margin-top: 20px;
    margin-bottom: 15px;
}
#whatson-event-details-left-sidebar > .whatson-event-sidebar-widgets h1.whatson-event-sidebar-widgets-title{
    color: #ffffff;
    font-size: 2rem;
    text-align: left;
    font-weight: 600;
    border-radius: 5px 5px 0px 0px;
    padding: 20px 20px 0px 20px;
}

#whatson-event-details-right-sidebar{
    width: 53%;
    margin-right: 7%;
    float: left;
}

.whatson-event-details-main-post-div{

}
.whatson-event-details-heading-area {
    background-image: url("../../images/event-top-image.png");
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0px;
}
.whatson-event-details-heading-title {
    text-align: left;
    font-weight: 600;
    margin-top: 0px;
    padding-top: 10px;
}
.whatson-event-details-heading-title h1 {
    color: #232440;
    font-size: 2rem !important;
    padding-bottom: 15px;
}
.whatson-event-details-heading-title h2{
    color: #333;
    font-size: 30px !important;
}
.whatson-event-details-heading-title img{
    padding-right:15px;
}
.whatson-event-details-content{
    padding: 30px 0px;
    font-size: 26px !important;
}

.whatson-event-details-info-area-left{
    width: 50%;
    float: left;
}

.whatson-event-details-info-area-right{
    width: 50%;
    float: right;
}
.whatson-event-details-info-area{
    width: 100%;
    margin: 0px auto;
    font-size: 16px !important;
}
.whatson-event-details-info-area td{
    text-align: center;
    width: 50%;
}
.whatson-event-venue-title{
    background-color: #FDEA78;
    color: #232440;
    padding: 6px 20px;
    border-radius: 3px;
}
.whatson-event-venue-value{
    background-color: #F1F2F2;
    color: #232440;
    padding: 6px 20px;
    border-radius: 3px;
}
.whatson-event-status-title{
    background-color: #FDEA78;
    color: #232440;
    border-radius: 3px;
    padding: 6px 20px;
}
.whatson-event-status-value-available{
    background-color: #2E7D32;
    border-radius: 3px;
    color: #ffffff;
    padding: 6px 20px;
    font-size:14px !important;
}
.whatson-event-status-value-not-available{
    background-color: #4C3C59;
    border-radius: 3px;
    color: #ffffff;
    padding: 6px 20px;
}

.whatson-event-details-list{
    width: 100%;
    margin: 5px 0px 60px auto;
}
.whatson-event-details-list > thead > th{
    text-align: center;
    font-size: 14px !important;
}
.whatson-event-details-list thead{
    border-bottom: solid 1px #FDEA78 !important;
}

.whatson-event-details-list > thead > tr > th {
    border-bottom: solid 1px #FDEA78 !important;
}

.whatson-event-details-list > tbody > tr > td {
    background-color: #ffffff;
    color: #232440;
    padding: 6px 0px;
    font-size: 15px;
    border-radius: 3px;
    border-bottom: solid 1px #FDEA78 !important;
    text-align: left;
    font-weight: bold;
}

.whatson-event-venue-details-list > tbody > tr > td{
    text-align: left;
    font-size: 14px !important;
}

.whatson-event-book-now {
    background-color: #FDEA78;
    border-radius: 3px;
    color: #000;
    padding: 6px 12px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.whatson-event-book-now-cancel {
    background-color: #b8000a;
    border-radius: 3px;
    color: #ffffff;
    padding: 6px 12px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.whatson-event-book-now:hover{
    background-color: #4C3C59;
    color: #fff;
}

.TicketBookBtn{border: 0;font-weight: 700;border-radius: 0;}
.TicketBookBtn:hover{background-color: #ffda2b;color:#000;}

.whatson-venue-details-info-area{
    border: none !important;
}
.whatson-event-details-list{
    border: none !important;
}
.whatson-event-details-info-area{
    border: none !important;
}
.whatson-venue-details-info-area td, .whatson-venue-details-info-area tr, .whatson-venue-details-info-area th,
.whatson-event-details-list td, .whatson-event-details-list tr, .whatson-event-details-list th,
.whatson-event-details-info-area td, .whatson-event-details-info-area tr, .whatson-event-details-info-area th{
    border: none !important;
}
.whatson-venue-details-info-area th, .whatson-event-details-list th, .whatson-venue-details-info-area span{
    font-size: 16px !important;
}
.whatson-event-gallery-area{
    background-color: #FEFEFE;
    border-radius: 5px;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    margin:30px 0px;
}
.whatson-event-gallery-area h1.whatson-event-sidebar-gallery-title {
    background-color: #4C3C59;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 0px;
}
.whatson-event-sidebar-gallery-inner{
    padding: 10px;
}


.whatson-event-related-area{
    background-color: #FEFEFE;
    border-radius: 5px;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    margin:30px 0px;
}
.whatson-event-related-area h1.whatson-event-sidebar-related-title {
    background-color: #4C3C59;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 0px;
}
.whatson-event-sidebar-related-inner{
    padding: 10px;
}


.whatson-venue-details-info-area{
    width: 100%;
    margin: 0px auto 20px auto;
}

.whatson-event-details-heading-title-left{
    width: 53%;
    margin-right: 7%;
    float: left;
}
.whatson-event-details-heading-title-left i, .whatson-event-details-heading-title-left svg{
    padding-right: 10px;
}
.whatson-event-details-heading-title-left .icon-arrow{
    width: 45px;
    height: 45px;
}
.whatson-event-details-heading-title-right {
    width: 40%;
    float: right;
    text-align: center;
    padding-top: 30px;
}
.whatson-event-list-head-title {
    font-size: 25px;
    padding: 0px;
    margin: 0 !important;
    color: #111;
    font-weight: bold;
}
.whatson-event-top-right-link {
    background-color: #FDEA78;
    color: #232440;
    padding: 15px 50px;
    border-radius: 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
/*Event Listing Page with Shortcode*/
.whatson-event-listing-view-shortcode {
    border-top: solid 1px #ccc;
    padding: 15px;
    margin-bottom: 0px;
    border-radius: 0px;
}
.whatson-event-listing-nav-previous{
    float: left;
    width: 33%;
    text-align: left;
    padding-bottom:20px;
}
.whatson-event-listing-active-page{
    float: left;
    width: 34%;
    text-align: left;
    padding-bottom:20px;
}
.whatson-event-listing-nav-next{
    float: right;
    width: 33%;
    text-align: right;
    padding-bottom:20px;
    padding-bottom:20px;
}
.whatson-event-listing-listing-thumb{
    width: 30%;
    float: left;
    text-decoration: none !important;
    border: none !important;
    margin-right: 20px;
}
.whatson-event-view-link-area {
    text-align: left;
    padding-bottom: 10px;
    width: 100%;
    float: left;
    padding-left: 46px;
}
.whatson-event-view-tags-link-area{
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

.whatson-event-view-related-link {
    font-size: 25px;
    color: #5D47B2 !important;
    text-decoration: none;
}

.whatson-event-view-link {
    color: #232440;
}
.whatson-event-view-link {
    font-size: 16px;
    color: #232440;
    padding: 7px 12px;
    position: relative;
    margin: 4px 20px 8px 0;
    display: inline-block;
    text-decoration: none;
    background-color: #ECECEC;
    z-index: 0;
    text-transform: capitalize;
}
.whatson-event-view-link::after {
    background-color: #FFE777;
    z-index: -2;
    top: -4px;
    right: -4px;
}
.whatson-event-view-link::before, .whatson-event-view-link::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.3s ease;
}
.whatson-event-view-link::before {
    background-color: #ECECEC;
    z-index: -1;
    top: 0;
    right: 0;
}


.whatson-event-view-link:hover::after, .whatson-event-view-link:focus::after {
    top: 3px;
    right: 3px;
    box-shadow: -2px 2px 10px 0 rgba(0, 0, 0, 0.2), -2px 2px 2px 0 #FFE777;
}

.whatson-event-view-link:hover::before, ..whatson-event-view-link:focus::before {
    top: -4px;
    right: -4px;
}


.whatson-event-listing-info{
    margin: 20px 0px;
    font-weight: 600;
    color: #232440;
    font-size: 0.6rem;
    padding-left: 45px;
}
.whatson-event-listing-info .whatson-event-date,
.whatson-event-listing-info .whatson-event-time,
.whatson-event-listing-info .whatson-event-venue{
    margin-right:10px;
    font-size: 18px;
}

.whatson-event-terms-link{
    font-size: 20px;
    text-decoration: none;
    color: #5D47B2 !important;
}
.whatson-event-terms-link-area{
    min-height: 80px;
}

.whatson-event-listing-left-area{
    width: 30%;
    float: left;
}
.whatson-event-listing-right-area{
    width: 67%;
    float: left;
    margin-left:3%;
    padding-top: 48px;
    position: relative;
    color: #232440;
}
.whatson-event-listing-right-area h2{
    font-family: "Circular Std", arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.2px;
    margin-top: 0;
    margin-bottom: 25px;
    color:#232440;
    font-size: 1.4rem;
}
.whatson-event-listing-content h3 a{
    font-family: "Circular Std", arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.2px;
    text-decoration: none;
    font-size: 1.07rem;
}
.whatson-event-listing-content {
    font-family: Georgia, Gill Sans, Gill Sans MT, Calibri, sans-serif;
    color: #232440;
    letter-spacing: 0.3px;
    font-size: 20px;
}
.whatson-event-listing-content p{
    color: #4D4D52;
    font-size: 0.8rem;
    font-family: Georgia, Gill Sans, Gill Sans MT, Calibri, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.3px;
    padding-left: 45px;
}
.whatson-event-listing-left-area{
    background-color: #ECECEC;
    padding: 15px;
    min-height: 1000px;
}
#whatson-event-listing-left-sidebar .whatson-event-sidebar-widgets{
    background-color: #ECECEC;
    border-radius: 5px;
    border-bottom:solid 1px #eee;
    border-left:solid 1px #eee;
    border-right:solid 1px #eee;
}
#whatson-event-listing-left-sidebar .whatson-event-sidebar-widgets-inner{
    padding:8px;
}
#whatson-event-listing-left-sidebar .whatson-event-sidebar-widgets-inner h3{
    color:#fff;
}
#whatson-event-listing-left-sidebar > .whatson-event-sidebar-widgets h1.whatson-event-sidebar-widgets-title{
    color:#232440;
    font-size: 25px;
    text-align: left;
    font-weight: 600;
    border-radius: 5px 5px 10px 0px;
    padding:0px 10px 0px 10px;
    margin-bottom: 5px !important;
    margin-top: 10px;
}
.whatson-event-sidebar-widgets-inner ul{
    margin-bottom: 0;
    padding: 0px;
    margin: 0;
    list-style-type: none;
}
.whatson-event-sidebar-widgets-inner ul.whatson-events-cat-listing > li{
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    border-top: solid 1px #D9D9DA;
    font-size:22px;
}
.whatson-event-sidebar-widgets-inner ul.whatson-events-cat-listing > li i {
    font-size: 20px;
    margin-right: 10px;
    color: #232440;
}
.whatson-event-sidebar-widgets-inner ul.whatson-events-cat-listing > li .category-icon {
    width: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

ul.whatson-events-cat-listing ul > li i{
    font-size:10px !important;
}
.whatson-event-sidebar-widgets-inner ul > li a {
    font-size: 20px;
    color: #232440;
    font-weight: 300;
    text-transform: capitalize;
    text-decoration: navajowhite;
}
.whatson-event-listing-content h3 a{
    color:#232440;
    font-size: 1.07rem;
}
.whatson-event-listing-content h3 a:hover{
    color:#5D47B2;
}
.select-date-event-list-calendar{
    /*background-color: #FFE777;
    padding:12px 25px;*/
    color:#111;
    font-size: 16px;
}

.whatson-related-event-listing-view{
    background-color:#ffffff;
    padding:15px;
    margin-bottom: 15px;
}
.whatson-related-event-listing-view p{
    font-size: 0.8rem;
    color:#4D4D52;
}
.whatson-related-event-view-link-area a{
    font-size: 25px;
    color: #5D47B2 !important;
    text-decoration: none;
}
.whatson-related-event-listing-info{
    margin: 0px 0px 20px 0px !important;
    color: #4D4D52 !important;
    font-size: 0.6rem;
    font-weight: bold;
}
.whatson-related-event-listing-content h3{
    margin: 10px 0 2px;
    font-size: 28px;
    padding-bottom:10px;
}
.whatson-related-event-listing-content h3 a{
    color:#232440;
    font-family: "Circular Std", arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.2px;
    font-size: 1.07rem;
    margin-bottom: 10px;
    text-decoration: none;
}


/* Style the tab */
.whats-on-single-event-tab {
    border: 1px solid #4C3C59;
    background-color: #f1f1f1;
    width: 100%;
}

/* Style the buttons inside the tab */
.whats-on-single-event-tab button {
    background-color: inherit;
    color: black;
    padding:12px 5px;
    width: 20%;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    border-radius: 0px;
}

/* Change background color of buttons on hover */
.whats-on-single-event-tab button:hover {
    background-color: #4C3C59;
    color:#ffffff;
}

/* Create an active/current "tab button" class */
.whats-on-single-event-tab button.active {
    background-color: #4C3C59;
    color:#ffffff;
    border-color: #4C3C59;
}

/* Style the tab content */
.whats-on-single-event-tabcontent {
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 100%;
    display: none;
    min-height: 300px;
    margin-bottom: 20px;
}

#whatson-event-rattings-review{
    border-bottom: solid 1px #ccc;
    margin-top: 20px;
}

#whatson-event-rattings-review img{
    width: 100px !important;
    padding-bottom: 10px;
}
#whatson-event-rattings-review p{
    font-size: 13px !important;
}
.whatson-event-sidebar-gallery-inner {
    background-color: #F6F6F6;
}
#whatson-event-rattings-review h3 {
    font-size: 23px;
    margin: 0px;
    padding: 0px;
}

.whatson-event-gallery-area h1.whatson-event-sidebar-gallery-title {
    margin: 0;
}



.whatson-event-sidebar--left::before {
    background-color: #ECECEC;
    left: -1000%;
    content: '';
}
.whatson-event-sidebar--left {
    padding-right: 50px;
    width: 30%;
}
.whatson-event-sidebar--left {
    background-color: #ECECEC;
}
.whatson-event-left-sidebar::before, .whatson-event-left-sidebar::after {
    position: absolute;
    width: 1000%;
    height: 100%;
    display: block;
    top: 0;
}
.whatson-event-left-sidebar {
    padding-top: 50px;
    padding-bottom: 50px;
}
.whatson-event-left-sidebar {
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
}
.whatson-event-left-sidebar {
    position: relative;
    /*min-height: 2700px;*/
    height: auto;
    padding-top: 40px;
    padding-bottom: 15px;
}
.whatson-event-sidebar-search-form .keywords-field {
    width: 75%;
    float: left;
}
.page-wrap {
    overflow: hidden;
}
.site__wrapper{
    overflow: hidden;
}
.whatson-event-details-list .btn{
    width: 100% !important;
    text-align: center !important;
    padding: 10px !important;
    font-size: 20px !important;
}

.whatson-event-sidebar-search-form .events-search-form .btn {
    width: 24%;
    float: left;
    margin-left: 1%;
    margin-bottom: 0;
    padding: 0px;
    background-color: transparent;
    position: absolute;
    height: 50px;
    border: none;
}

.whatson-content-not-found{
    padding:50px 0px;
    text-align: center;
}

.whatson_event_images_wrapper {
    width: 100%;
    display: inline-block;
    padding: 20px 0px 0px 0px;
}
.whatson_event_custom_image_wrapper{
    width: 24%;
    float: left;
    margin-right: 1%;
}
.whatson-event-title-icon{
    font-size: 27px !important;
    margin-right: 10px;
    color:#232440;
}
ul.whatson-events-cat-listing ul{
    padding-left:40px;
}
.whatson_active_cat_search a, .whatson_active_sub_cat_search a{
    font-weight:500 !important;
}
.whatson_upload_image1_area{
    width: 100%;
}
.whatson_upload_image1_area img{
    max-width: 100%;
}
.no-ticket-found{
    text-align: center;
    padding: 15px 0px;
}



.whatson-event-theme-grey > div:not(.c-hero)::before, .whatson-event-theme-grey > div:not(.c-hero)::after {
    background-color: #ECECEC;
    content: '';
    position: absolute;
    width: 1000%;
    height: 100%;
    display: block;
    top: 0;
    z-index: 0;
}
.whatson-event-theme-grey > div:not(.c-hero) {
    position: relative;
    background-color: #ECECEC;
}
.whatson-event-theme-grey > div {
    color: #4D4D52;
}
.whatson-event-social-share {
    padding-top: 50px;
    padding-bottom: 50px;
}
.whatson-event-social-share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.whatson-event-social-share ul li {
    margin: 0;
    padding: 10px 0;
    list-style: none;
}
.whatson-event-theme-grey > div:not(.c-hero)::before {
    left: -1000%;
}

.whatson-event-theme-grey > div:not(.c-hero)::after {
    right: -1000%;
}
.whatson-event-social-share a{
    color: #5D47B3;
    font-size: 26px;
    font-weight: bold;
}



.whatson_event_full_image_wrapper{
    max-height: 400px;
    overflow: hidden;
}
.event-list-breadcrumbs {
    background-color: #F8F8F8;
}







/*Responsive Design*/
@media all and (max-width: 800px) {

    .whatson-event-listing-listing-thumb{
        width: 100%;
        float: none;
        margin-right:0px;
    }

    #whatson-event-details-right-sidebar {
        width: 100%;
        margin-right: 0%;
        margin-top: 160px;
        float: none;
    }
    .whatson-event-details-heading-title-left h2{
        font-size:18px !important;
    }
    .whatson-event-sidebar--right {
        padding-left: 0px;
        width: 100%;
    }

    #whatson-event-details-main{
        padding:0px 15px !important;
    }
    .whatson-event-sidebar--left {
        padding-right: 50px;
        width: 100%;
        height: auto;
    }
    .whatson-event-left-sidebar {
        min-height: auto;
        width: 104%;
    }
    .whatson-event-listing-right-area {
        width: 99%;
    }
    .whatson_event_full_image_wrapper {
        height: 350px;
        overflow: hidden;
        width: 100%;
    }
    .whatson-event-details-heading-title-left {
        width: 100%;
        margin-right: 0%;
        float: none;
    }

}





@media all and (max-width: 650px) {

    .whatson-event-details-heading-title-right {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;
    }
    #whatson-event-details-right-sidebar {
        margin-top: 50px;
    }
    .whatson-event-listing-nav-next {
        text-align: left;
    }
    .whatson-event-listing-nav-previous{
        float: none;
        width: 100%;
        text-align: center;
    }
    .whatson-event-listing-active-page{
        float: none;
        width: 100%;
        text-align: center;
    }
    .whatson-event-listing-nav-next{
        float: none;
        width: 100%;
        text-align: center;
    }
}


@media all and (max-width: 550px) {

    .whatson-event-details-heading-title-left {
        width: 100%;
        margin-right: 0%;
        float: none;
    }
    .whatson-event-details-heading-title-right {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;
    }
    #whatson-event-details-right-sidebar {
        margin-top: 50px;
    }

}
























.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px;display:none;}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
.ui-datepicker .ui-datepicker-buttonpane{border:0;padding: 0 !important;}
.ui-datepicker .ui-datepicker-buttonpane button{
background: #000;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding:10px 20px !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{display:none;}

.ui-datepicker table {
    font-size: 12px !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 13px !important;
}


/*POPUP CALENADER*/
.calendar-overlay {display: none;position: fixed;bottom: 0;right: 0;top: 0;left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: #1C1422;
    transition: opacity .3s ease;
    -webkit-overflow-scrolling: touch;
}
.ui-datepicker.ui-corner-all{border:0;border-radius:0;background:#fff;box-shadow: 0 0 48px 20px rgba(0, 0, 0, 0.1); z-index:100!important;width: 630px;padding: 15px;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: 0;background: none;border: 0;margin: 0 -13px;}
.ui-datepicker .ui-datepicker-title{font-weight:400;}
.ui-widget-header .ui-icon{}
.ui-datepicker .ui-widget-header .ui-datepicker-prev:hover,.ui-datepicker .ui-widget-header .ui-datepicker-next:hover,
.ui-datepicker .ui-widget-header .ui-datepicker-prev:focus,.ui-datepicker .ui-widget-header .ui-datepicker-next:focus{background:none;border:0;}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span,
.ui-datepicker .ui-widget-header .ui-datepicker-next span{margin-left: -17px;    margin-top: -15px;width: 34px;height: 30px;}
.ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w{background:url(../img/calender-arrow_L.png) no-repeat;}
.ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e{background:url(../img/calender-arrow_R.png) no-repeat;}
.ui-datepicker .ui-datepicker-calendar th {font-family: Georgia, Gill Sans, Gill Sans MT, Calibri, sans-serif;font-size: 22px; font-weight:400; text-align:left;}
.ui-datepicker .ui-datepicker-calendar td {border: 1px solid #D9D9DA;padding: 0px;height:68px;vertical-align: top;}
.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a{text-align:left;background:none;border:0;font-size: 22px; font-weight:700;}




.whatson-event-sidebar-calender .calender_sideBer {
    position: relative;
    width: 46%;
    float: left;
    font-size: 15px;
    padding-right: 2px;
    padding-left: 5px;
    background-color: #FFE777;
    color: #232440;
    transition: all 0.3s;
    margin-right: 4px;
    padding-right: 36px;
}
.whatson-event-sidebar-calender .calender_sideBer:before{content:"";position:absolute;left:0;top:0;height:100%;width:0%;opacity: 0;background-color: #ffda2b;
    transition: all 0.3s;}
.whatson-event-sidebar-calender .calender_sideBer:hover:before{width:100%; opacity:1;}
.whatson-event-sidebar-calender .calender_sideBer:after{content:"\f073";font-family: FontAwesome;position: absolute;top: 18px;right: 10px;font-size: 24px;}
.whatson-event-sidebar-calender .calender_sideBer input{width:100%;font-weight:500;font-family: "Circular Std", arial, sans-serif; position:relative; cursor:pointer;
    background:none;border:0;font-size:18px;padding: 2px;text-align: center;}
.whatson-event-sidebar-calender .events-search-form .btn {
    width: 10%;
    float: left;
    margin-left: 2%;
    margin-bottom: 0;
    padding: 0px;
    background-color: transparent;
    position: absolute;
    border: none;
    height: 50px;
}