/* .sidebar-wrapper {
top: 67px;
} */
.page-wrapper .page-content {
    padding-top    : 0;
    /* padding-left: 290px; */
}

.page-wrapper.chiller-theme.toggled {
    padding-left: 290px;
    transition  : 0.2s ease-in-out;
}

header[role="mast--head"] {
    position   : fixed;
    top        : 0;
    z-index    : 999;
    width      : 100%;
    height     : 58px;
    align-items: center;
    display    : flex;
}

#geolocation {
    margin     : 0;
    line-height: initial;
    padding    : 0;
}

.user-btn {
    color           : #fff;
    background-color: #243768;
    border-color    : #243768;
}

.user-btn:hover {
    color           : #fff;
    background-color: #243768;
    border-color    : #243768;
}

.srch-brn-form .user-btn {
    border-radius: 0 5px 5px 0;
}

.srch-brn-form input {
    border-radius: 5px 0 0 5px;
    border       : 1px solid #243768;
    height       : 45px;
}

.detail-table th {
    color: #243768 !important;
}

.detail-table th a {
    color : #fff !important;
    margin: 4px;
}

.detail-table a {
    color : #000 !important;
    margin: 4px;
}

main[role="main-wrapper"].signup--page .sign-up-form .login-btns a {
    background    : #fff;
    color         : #c5cae2;
    border-radius : 71px;
    padding       : 13px 0;
    box-shadow    : 0px 17px 32px -11px rgba(0, 0, 0, 0.3);
    font-size     : 28px;
    border        : 1px solid transparent;
    font-weight   : bold;
    text-transform: capitalize;
    width         : 100%;
    max-width     : 100%;
}

main[role="main-wrapper"].signup--page .sign-up-form .login-btns a img {
    margin-right: 10px;
}

main[role="main-wrapper"].profile-page {
    padding: calc(1 / 1 * 6%) 0;
    color  : #454545;
}

main[role="main-wrapper"].profile-page .profile-parent {
    margin-bottom: calc(1/1*7%);
}

main[role="main-wrapper"].profile-page .profile-parent h2 {
    margin-bottom: calc(1 / 1 * 3%) !important;
}

main[role="main-wrapper"].profile-page .profile-parent .image-box {
    width          : 150px;
    height         : 150px;
    border         : none;
    margin-bottom  : 0px;
    overflow       : hidden;
    margin-bottom  : 20px;
    background     : #fff;
    border-radius  : 50%;
    box-shadow     : 0 0 10px rgba(0, 0, 0, 0.1);
    display        : flex;
    justify-content: center;
    align-items    : center;
    position       : relative;
}

.image-box.m-auto::after {
    content    : "";
    content    : '';
    position   : absolute;
    bottom     : 0;
    left       : 0;
    width      : 100%;
    height     : 31px;
    background : #625f5f;
    font-family: FontAwesome;
}

.image-box.m-auto.no_img::after {
    display: none
}

.remove_profile {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
    bottom   : 4px;
    z-index  : 9;
    color    : #fff;
}

.remove_profile:hover {
    color: #243768;
}

main[role="main-wrapper"].profile-page .profile-parent .event-headDec p {
    margin-top: 15px;
}

main[role="main-wrapper"].profile-page .custom-checkbox input {
    width             : 25px;
    height            : 25px;
    background        : #243768;
    -webkit-appearance: none;
    -webkit-mask      : url(../img/check-empaty.svg) no-repeat 50% 50%;
    mask              : url(../img/check-empaty.svg) no-repeat 50% 50%;
    -webkit-mask-size : cover;
    mask-size         : cover;
    appearance        : none;
}

main[role="main-wrapper"].profile-page .custom-checkbox input:checked {
    -webkit-appearance: none;
    -webkit-mask      : url(../img/check-box.svg) no-repeat 50% 50%;
    mask              : url(../img/check-box.svg) no-repeat 50% 50%;
    -webkit-mask-size : cover;
    mask-size         : cover;
}



main[role="main-wrapper"].profile-page #progressbar {
    margin-bottom: 30px;
    overflow     : hidden;
    counter-reset: step;
    padding      : 0px;
    width        : 100%;
    text-align   : center;
}

main[role="main-wrapper"].profile-page #progressbar li {
    list-style-type: none;
    text-transform : uppercase;
    position       : relative;
}

main[role="main-wrapper"].profile-page #progressbar li::before {
    content          : counter(step);
    counter-increment: step;
    width            : 50px;
    height           : 50px;
    display          : block;
    background       : #243768;
    border           : 5px solid #f5d991;
    color            : #333;
    margin           : auto;
    margin-bottom    : 10px;
    border-radius    : 100%;
    line-height      : 40px;
    color            : #fff;
    font-weight      : bold;
}

main[role="main-wrapper"].profile-page #progressbar li::after {
    content   : '';
    width     : 100%;
    height    : 2px;
    background: none;
    position  : absolute;
    left      : -50%;
    top       : 22px;
    z-index   : -1;
    border    : 1px dashed #333;
}

main[role="main-wrapper"].profile-page #progressbar li:first-child:after {
    content: none;
}

@media (max-width: 767px) {
    main[role="main-wrapper"].profile-page #progressbar li {
        padding  : 0 5px;
        font-size: 12px;
    }

    main[role="main-wrapper"].profile-page #progressbar li::before {
        width       : 40px;
        height      : 40px;
        border-width: 3px;
        line-height : 35px;
    }
}

main[role="main-wrapper"].profile-page .form--holder {
    padding      : calc(1 / 1 * 8%);
    margin-bottom: calc(1 / 1 * 6%);
    border       : 1px solid #243768;
    width        : 100%;
}

main[role="main-wrapper"].profile-page .form--holder .upload--file--holder {
    background                : #fef9eb;
    padding                   : calc(1 / 1 * 8%);
    border                    : 2px dashed #243768;
    border-top-left-radius    : 10px;
    border-top-right-radius   : 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius : 10px;
}

main[role="main-wrapper"].profile-page .form--holder .upload--file--holder svg {
    width : 80px;
    height: 80px;
    fill  : #dbcca1;
}

main[role="main-wrapper"].profile-page .form--holder .file--upload {
    display                   : inline-block;
    padding                   : 9px 35px;
    font-size                 : 16px;
    position                  : relative;
    width                     : 140px;
    border-top-left-radius    : 30px;
    border-top-right-radius   : 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius : 30px;
}

main[role="main-wrapper"].profile-page .form--holder .file--upload input {
    position: absolute;
    left    : 0px;
    top     : 0px;
    width   : 100%;
    height  : 100%;
    opacity : 0;
}

main[role="main-wrapper"].profile-page .form--holder h2 {
    text-align   : left;
    font-size    : 24px;
    margin-bottom: calc(1 / 1 * 2%);
}

main[role="main-wrapper"].profile-page .form--holder .event-headDec h4 {
    font-size: 18px;
    color    : #243768;
}

main[role="main-wrapper"].profile-page .form--holder .form-group label {
    font-size    : 15px;
    margin-bottom: 5px;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .form-control {
    border       : 1px solid #243768;
    box-shadow   : none;
    height       : 44px;
    font-size    : 13px;
    border-radius: 5px;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .gj-timepicker input {
    border: 1px solid #243768 !important;
}

main[role="main-wrapper"].profile-page .form--holder .form-group select {
    background        : #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size   : 8px 10px;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .input-group-append {
    position  : absolute;
    margin    : 0px;
    right     : 1px;
    top       : 4px;
    background: none;
    z-index   : 99;
    height    : 100%;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .input-group-append button {
    padding   : 0px;
    border    : none !important;
    background: none !important;
    width     : 140px;
}

.file--upload.btn-default.dropzone {
    background: transparent;
    border    : transparent;
    color     : #fff;
}

main[role="main-wrapper"].inner--page .form--holder .upload--file--holder {
    padding        : calc(1 / 1 * 8%) 0;
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    cursor         : pointer;
}

main[role="main-wrapper"].inner--page .form--holder .dz-preview {
    margin : 10px 10px;
    width  : 100%;
    padding: 0 10px;
}

main[role="main-wrapper"].inner--page .form--holder .dz-preview .dz-filename span {
    white-space  : normal;
    overflow     : hidden;
    text-overflow: unset;
    display      : block;
    word-wrap    : break-word;
}

main[role="main-wrapper"].inner--page .form--holder .file--upload {

    width    : 100%;
    font-size: 0;

}

main[role="main-wrapper"].my-event .form--holder .event-slide .ticket-btn {
    padding: 6px 16px;
height: auto;
font-weight: 500;
}

.new-input-text .form-control {
    width     : 100%;
    background: transparent;
}

.error {
    font         : 8px 'Poppins', sans-serif;
    color        : #dc3545;
    /*font-family: 'Poppins', sans-serif;*/

}

.image-box img {
    object-fit: cover;
    height    : 100%;
    width     : 100%;
}

.sidebar-wrapper .sidebar-header .user-pic {
    height: 60px;
    color : #bcbcbc;
}

main[role="main-wrapper"].my-event .modal-body .left-pop-img {
    background       : none;
    background-repeat: no-repeat;
    width            : 100%;
    background-size  : 100% 100%;
    min-height       : auto;
    position         : relative;
    -moz-box-flex    : 1;
    -webkit-flex     : 1;
    -moz-flex        : 1;
    -ms-flex         : 1;
    flex             : 1;
}

main[role="main-wrapper"].my-event .modal-body .left-pop-img img {
    width : 100%;
    height: 100%;

    object-fit: contain;

}

main[role="main-wrapper"].my-event .modal-body .left-pop-img {
    background-color: #f5f5f5;
    padding         : 0 !important;
}


main[role="main-wrapper"].my-event .top-event-content .ticket-btn {

    padding: 4px 16px;

}

.page-item.active .page-link {
    z-index         : 1;
    color           : #fff;
    background-color: #243768;
    border-color    : #243768;
}

.page-item .page-link {

    color: #243768;

}

.paginate {
    float: right;
}

.terms {
    margin: 15px;
}

.fluid_setting {
    font-size: 25px;
    color    : #243768;

}

.sidebar-icon-img img {
    width       : 25px;
    height      : 25px;
    margin-right: 10px;
}

/***********7-may*********/
.add-ticket-btn {
    height        : 39px;
    font-size     : 13px;
    color         : #686868;
    background    : transparent;
    border        : 1px solid #7d7d7d;
    padding       : 10px 16px;
    text-transform: uppercase;
    border-radius : 5px;
    margin-right  : calc(1/1*1vw);
    cursor        : pointer;
}

.add-ticket-btn:hover {
    color     : #243768;
    background: transparent;
    border    : 1px solid #243768;
}

/**************** 8 May *********************/
.select-seat-popup .modal-body .select-number input#rows_number {
    text-align    : center;
    border        : none;
    border-top    : 1px solid #243768;
    border-bottom : 1px solid #243768;
    margin        : 0px;
    width         : 63px;
    height        : 36px;
    padding-bottom: 3px;
}

.select-seat-popup .modal-body .select-number input#column_number {
    text-align    : center;
    border        : none;
    border-top    : 1px solid #243768;
    border-bottom : 1px solid #243768;
    margin        : 1px 0;
    width         : 63px;
    height        : 36px;
    padding-bottom: 3px;
}

.remove_wish .tip {
    border-bottom: 1px solid transparent;
}

#myCoupon {
    z-index: 9999;
}

@media (max-width:767px) {

    .sign-up-form .account-link:before,
    .sign-up-form .account-link:after {
        width: 8% !important;
    }

    /* .snap-scrolling-example {
        margin-top: 35px;
    } */

    main[role="main-wrapper"] [role="thumbnail--section"]
    {
        padding-top:0px;
    }

    header[role="mast--head"] .search--holder .input-group button {
        text-align     : center;
        display        : flex;
        justify-content: center;
        align-items    : center;
        line-height    : 2;
    }

    /* .chiller-theme .sidebar-wrapper .sidebar-submenu ul li a:hover {
color: #000;
} */
}

.record {
    border    : 1px solid #243768;
    padding   : 70px;
    text-align: center;
}

milestone-4-design .detail-table tr td:last-child {
    display: flex;
}


.date-icon-tab .form-group i {
    position: absolute;
    right   : 20px;
    top     : 11px;
}

/* header[role="mast--head"] .navbar .navbar-nav li {
padding-left: calc(1 / 1 * 3%);
} */

@media (min-width:991px) {
    .searchInput {
        display: flex !important;
    }
}

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

.answer {
    display: none;
}

.datepicker5 {
    display: none;
}

.cool {
    display: none;
}

#banned:focus {
    color: red;
}

.ticket_row td:last-child {
    padding: 12px 15px !important;
}

.tier {
    font-weight: bold;
    font-size  : 20px;
}

.dz-filename {

    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.select-seat-inner {
    white-space: nowrap;
    overflow-x : auto;
    max-height : 300px;
    overflow-y : auto;
}

.seat_column {
    display : inline-block;
    position: relative;
}

.column_number {
    position : absolute;
    left     : 50%;
    top      : 34%;
    transform: translate(-50%, -50%);
    color    : #fff;
}



.tickt-banner {
    min-height: 40vw;
}

main[role="main-wrapper"] section[role="banner--area"] .search--bar [class*="col"] input {
    border       : none;
    border-radius: 0px;
    padding      : 23px 24px;
    height       : auto;
    font-size    : 13px;
}

.thumbnail--box--img {
    width : 100%;
    height: 100%;
}

.thumbnail--box--img img {
    height    : 100%;
    object-fit: cover;
    width     : 100%;
}

.thumbnail-dec p {

    overflow     : hidden;
    text-overflow: ellipsis;
    max-width    : 284px;
    margin-bottom: 0;
    font-size    : 14px;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example ul li {
    display  : flex;
    flex-wrap: wrap;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box {
    flex: 1;
}

.nav-menu-btn {
    background-color: transparent;
    color           : white !important;
    padding         : 12px;
    font-size       : 12px;
    border          : none;
    text-transform  : uppercase;
    display         : inline-block;
    cursor          : pointer;
}

.nav-menu-hover {
    position: relative;
    display : inline-block;
}

.hover-menu {
    display    : none;
    position   : absolute;
    min-width  : 160px;
    box-shadow : 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index    : 1;
    right      : 0px;
    top        : 100%;
    padding-top: 6px;
}

.navbar-nav li .hover-menu a {
    padding        : 8px 16px !important;
    text-decoration: none;
    display        : block;
    background     : #fff;
    text-align     : left;
    font-size      : 13px;
}

.navbar-nav li .hover-menu a:hover {
    background: #f2f2f2;
}

.nav-menu-hover:hover .hover-menu {
    display: block;
}

.nav-menu-hover:hover .nav-menu-btn {
    background-color: transparent;
    color           : #fff !important;
}

/*footer[role="footer--area"]{
position    : fixed;
bottom      : 0;
}
.price-pop .listing li {
margin-bottom: 25px;
height       : 50px;
}
*/
.thumbnail--box--img {
    width : 100%;
    height: 100%;
}

.thumbnail--box--img img {
    width     : 200px;
    height    : 150px;
    object-fit: cover;
}

#map_canvas {
    height: 500px;
}

/***************10-june-css*******/
.discount-parent-modal {
    z-index: 9999;
}

.list-parent {
    display              : grid;
    grid-template-columns: 32% auto;
    padding              : 0;
    grid-gap             : 20px;
}

.event-list .top-srch-heading button:hover {
    border    : 1px solid #243768;
    color     : #fff;
    background: #243768;

}

.has-sub {
    padding: 20px 5px !important;
}

.has-sub:hover {
    background: rgba(255, 255, 255);
}

.has-sub:hover a {
    color: #0047ff !important;
}

.popover-title .clockpicker-span-minutes.text-primary {
    color: #fff !important;
}

.wishlist .tip {
    border-bottom: 1px solid transparent !important;
    color        : #243768;
}

.apply_coupon {
    margin-left: 20px;
    padding    : 10px 15px;
}

@media(min-width:961px) {
    .has-sub {
        padding: 10px 5px !important;
    }

    .stellarnav ul {
        display       : flex;
        flex-direction: revert;
    }
}

@media(max-width:767px) {
    .hover-menu {
        left: 0;
    }

    #setDateModal {
        padding-right: 0px !important;
    }

    #setDateModal .modal-header {
        padding: 8px 12px;
    }

    main[role="main-wrapper"] section[role="banner--area"] {
        height: auto;
    }

    main[role="main-wrapper"] section[role="banner--area"] .owl-carousel.owl-loaded,
    main[role="main-wrapper"] section[role="banner--area"] .owl-carousel.owl-loaded .owl-stage-outer * {
        height: 100%;
    }

    .tickt-banner {
        min-height     : 230px;
        background-size: cover;
    }

    .tickt-banner p {
        font-size  : 24px;
        text-align : center;
        line-height: 1.3;
    }

    main[role="main-wrapper"] section[role="banner--area"] .search--barHolder {
        position: relative;
        margin  : auto;
        left    : 0;
        right   : 0;
        z-index : 9;
        top     : 0;
    }

    main[role="main-wrapper"] section[role="banner--area"] .search--bar {
        position: relative;
        bottom  : 49px;
    }

    main[role="main-wrapper"].signup--page {
        padding   : calc(1 / 1 * 5%) 0 !important;
        margin-top: 60px;
    }

    main[role="main-wrapper"].signup--page h2 {
        font-size    : 25px;
        margin-bottom: 0;
    }

    .search--bar {
        display: block !important;
    }

    main[role="main-wrapper"] section[role="banner--area"] .search--bar [class*="col"] button {
        padding: 15px 0;
    }

    .nav-menu-btn {
        padding: 0;

    }

    /***********10-june-css***********/
    main[role="main-wrapper"].signup--page .sign-up-form .begin-btn {
        padding  : 15px 0;
        font-size: 20px;
    }

    main[role="main-wrapper"].signup--page .sign-up-form .login-btns a {
        padding  : 10px 0;
        font-size: 20px;

    }

    /* .event-list {
margin-top: 10vw;
} */

    main[role="main-wrapper"].my-event .form--holder .srch-btn input {
        padding: 0 81px 0 31px;
        height : 40px;
    }

    main[role="main-wrapper"].my-event .form--holder .srch-btn button {
        position: absolute;
        right   : 0;
    }

    .ticket-setting .modal .modal-body .general-form .general-child .hidden-select .form-control {
        width: 100%;
    }

    .discount-modal {
        margin-top: 5vw;
    }

    .discount-modal .radio-btn-tab label {
        height: auto;
    }

    .detail-table {
        overflow-x: scroll !important;
    }

    .input-group-prepend {
        position: absolute;
        right   : 0;
        top     : 0;
        height  : 100%;
    }

    header[role="mast--head"] .navbar .navbar-collapse .navbar-nav {
        height    : auto;
        margin-top: 23px;
    }

    .nav-menu-hover {
        width  : 100%;
        padding: 15px 0px;
    }

    .hover-menu {
        width: 100%;
    }

    .my-eve h2 {
        font-size: 20px;
    }



    .event-list .top-srch-heading button {
        width : 126px;
        margin: 0 2px;
    }

    .top-srch-heading h3 {
        font-size    : 1.5rem;
        margin-bottom: 1rem;
    }

    .has-sub:hover {
        background: transparent;
        height    : auto;
    }

    .event-list .event-list-tab {
        height: auto;
    }

    .thumbnail--box--img {
        height: 150px;
    }

    footer.page-content {
        padding-top: 20px !important;
    }

    .apply_coupon {
        margin-left: 0;
    }
}


.tip {
    border-bottom: 1px solid transparent !important;
}

@media(max-width:480px) {

    .footer-inner {
        display: block;
    }

    /* .event-list {
margin-top: 22vw;
} */

    main[role="main-wrapper"].my-event .form--holder .event-slide .ticket-btn {
        font-size: 12px;
    }

    .my-eve {
        margin-top: 10px;
    }

    .about-parent {
        margin-top: 0;
    }



    .srch-brn-form input {
        padding-right: 79px;
    }

}

.link {
    width : 100%;
    height: 345px;
}

.content-1.mCustomScrollbar._mCS_1 a:hover {
    text-decoration: none;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img img {
    cursor: pointer;
}

.ticketinfo .alert {
    background: #2437687a;
}

.ticketinfo .alert h2 {
    margin-bottom: 0;
}

.sett {
    width: 100%;
}



.promo {
    text-align : left;
    font-size  : 11px;
    color      : #dc3545;
    margin-left: 15px;

}

.remove_coupon {
    padding: 10px 4px;
}

.remove_coupon:hover {
    color: #fff;
}

li .nav-menu-hover .hover-menu a {
    color: #777 !important;
}

.snap-scrolling-example li a {
    width: 100%;
    color: #000;
}

.ticket--booking-section .item {
    height         : 400px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : #f5f5f5;
}

body .ticket--booking-section [role="ticket-book-baner"] .item img {
    /* max-width: 100% !important; */
    width       : 100%;
    height      : 100%;
    object-fit  : cover;
}

.resize {
    width            : 100%;
    height           : 400px;
    background-repeat: no-repeat;
    background-size  : contain;

}

.ticket_image {
    height: 250px;
}


.tip {
    position         : relative;
    display          : inline-block;
    border-bottom    : 1px dotted black;
    /*text-decoration: none  !important;*/
}

.tip .tooltiptext {
    visibility      : hidden;
    min-width       : 140px;
    background-color: black;
    color           : #fff;
    text-align      : center;
    border-radius   : 6px;
    padding         : 10px 0;
    position        : absolute;
    z-index         : 99;
    bottom          : 100%;
    right           : 0;
    margin-left     : -14px;
    font-family     : calibri;
    font-size       : 14px;
    min-width       : 110px;
    padding         : 9px 10px;
}

.tip:hover .tooltiptext {
    visibility: visible;
}

/*bar graph css*/
.chart {
    box-sizing  : border-box;
    display     : table;
    table-layout: fixed;
    border      : 5px solid black;
    width       : 100%;
    max-width   : 700px;
    height      : 200px;


    background-image   : linear-gradient(bottom, rgba(0, 0, 0, 0.1) 2%, transparent 2%);
    background-size    : 100% 50px;
    background-position: left top;
}

.bar {
    position      : relative;
    display       : table-cell;
    vertical-align: bottom;
    height        : 200px;
}

.bar-span {
    margin    : 0 1em;
    display   : block;
    background: #243768;
    animation : draw 1s ease-in-out;

    /* &:before {

left      : 0;
right     : 0;
top       : 100%;
padding   : 5px 1em 0;
display   : block;
text-align: center;
content   : attr(title);
word-wrap : break-word;
} */

}




@keyframes draw {
    0% {
        height: 0;
    }

    /* 
main[role="main-wrapper"].ticket-tier .promo-section .promo-text {
font-size  : 20px;
color      : #000;
padding-top: 0px;

} */

    /*end of bar graph css*/
}

.edit-share-icons {
    width: 80px;
}

.detail-table .edit-share-icons a {
    margin: 0;
    border: none !important;
}

.edit-share-icons a:hover {
    background: transparent !important;
    border    : none !important;
}



main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example ul {
    z-index: 99;
    display: flex !important;
}

.table-bordered {
    position: relative;
}

thead {
    position: sticky;
    top     : 0;
    z-index : 1;
}

.my-eve .card-title {
    text-align: center;
}

.banner-main-content {
    position      : absolute;
    top           : 40%;
    color         : #fff;
    z-index       : 1;
    left          : 50%;
    transform     : translate(-50%);
    background    : rgba(0, 0, 0, 0.5);
    padding       : 20px;
    font-size     : 26px;
    text-transform: capitalize;
}

.srch-content .modal-header h3 {
    margin-bottom: 0;
    padding      : 5px 0;
}

.dd-toggle {
    display: none !important;
}

@media(max-width:991px) {
    .banner-main-content {
        font-size: 20px;
    }

    .dd-toggle {
        display: block !important;
    }
}

@media(max-width:767px) {


    .banner-main-content {
        position      : absolute;
        top           : 18%;
        color         : #fff;
        z-index       : 1;
        left          : 50%;
        transform     : translate(-50%);
        background    : rgba(0, 0, 0, 0.5);
        padding       : 20px;
        font-size     : 18px;
        text-transform: capitalize;
        width         : 84%;
    }

    main[role="main-wrapper"].profile-page {
        padding: calc(1 / 1 * 18%) 0 calc(1 / 1 * 8%);
    }

    .srch-content h1,
    .event-list h1 {
        font-size: 1.5rem;
    }

}

/* .browse-color:hover {
background: #f2f2f2;
color     : red;
padding   : 26px 0 !important;
}

.browse-color a,
.browse-color:active a {
color: #243768;
} */
.main-eve-tick-form .form--holder {
    box-shadow: none !important;
    border    : 1px solid #243768 !important;
}

main[role="main-wrapper"].inner--page .form--holder .upload--file--holder svg {
    pointer-events: none;
}



@media(max-width:991px) {
    main[role="main-wrapper"].inner--page {
        padding    : calc(1 / 1 * 6%) 0 calc(1 / 1 * 2%);
        color      : #454545;
        flex       : 1;
        padding-top: 0;
    }

    main[role="main-wrapper"] {
        margin-top: 52px;
    }

    .mCSB_buttonLeft,
    .mCSB_buttonRight {
        display: none !important;
    }
}

.hide {
    display: none
}

body .ui-datepicker-calendar td .ui-state-default.ui-state-active{
    background: #233667 !important;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ui-datepicker-calendar td.ui-datepicker-unselectable span {
    color: #6b737f !important;
}

body .ui-datepicker-calendar tr td a.ui-state-highlight{
    background: none !important;
    color: inherit !important;
    border: 1px solid !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
body .ui-datepicker td span, 
body .ui-datepicker td a {
    display: block;
    padding: 5px 10px;
    text-align: right;
    text-decoration: none;
}
body .ui-datepicker td{
    padding:0 !important;
}