@font-face {
    font-family: "Rubik";
    src: url("/app_themes/EnergyPlex/fonts/Rubik-VariableFont_wght.ttf");
}

@font-face {
    font-family: "Rubik-Italic";
    src: url("/app_themes/EnergyPlex/fonts/Rubik-VariableFont_wght.ttf");
}

body {
    font-family: Rubik !important;
}

/* Template changes */
.paymentModeBox.col-md-2.pull-right {
    padding: 0 70px;
}

div#MainContent_upnlContactParty {
    margin-top: 100px;
}

.trxbarcode {
    padding: 10px;
    display: none;
}

.footer-icons img {
    height: 40px;
}

.alert.alert-success > h6 {
    font-size: 16px;
    font-weight: 700;
}

.inputContainer label {
    color: #000;
}

input.alignCenter.btn.btn-success.btn-lg {
    margin-bottom: 20px;
}

div#MainContent_receiptControl1_rptCartSummary_divReceipts_0 img {
    max-height: 135px !important;
    width: auto !important;
}

div#MainContent_receiptControl1_rptCartSummary_pnlHeader_0 > p {
    font-size: 18px;
}

.tfooter td.currencySpacer {
    padding: 8px !important;
}

.invoice header {
    padding: 10px 10px !important;
}

button.btn.btn-primary.btn-inverse.btn-md.btnPayNowSelected {
    /* margin: 20px 40px; */
    /* font-size: 16px !important; */
}

div#MainContent_receiptControl1_rptCartSummary_divReceipts_0 img {
    max-height: 135px !important;
    width: auto !important;
}

div#MainContent_receiptControl1_rptCartSummary_pnlHeader_0 > p {
    font-size: 18px;
}

.tfooter td.currencySpacer {
    padding: 8px !important;
}

h4.receipt-heading {
    font-size: 24px;
    text-align: center;
    font-family: "Roboto-Thin", sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
}

.invoice header {
    padding: 10px 10px !important;
}

.row.cartItem.rowId_ {
    display: flex;
    align-items: center;
}

.accordion_item::before {
    top: 20px;
}

.accordion_item .close_tickets {
    top: 3px;
}

.row.cartItem.rowId_ .col-sm-2.col-xs-4.text-right,
.currencySpacer {
    padding-top: 3px !important;
}

span.cart-btns {
    display: flex;
    align-items: flex-end;
}

button.close-btn {
    font-size: 16px;
    background-color: #ff0000;
    border: 2px solid #ff0000;
    color: #fff;
    border-radius: 22px;
    margin: 7px 10px 0px 0;
    font-size: 14px;
    padding: 0px 12px !important;
    padding-right: 40px !important;
    padding-left: 40px !important;
    display: flex;
    align-items: center;
}

    button.close-btn:hover {
        background-color: #fff;
        color: #ff0000;
        border: 2px solid #ff0000;
        transition: all 0.3s ease;
    }

.cartSummary > .cartSummary__summary {
    font-size: 20px;
}

.cartSummary {
    box-shadow: -3px 3px 8px -3px rgb(0 0 0 / 40%) !important;
}

.content-box.modalToFullScreen.full-width-content {
    max-width: 100%;
}

@media screen and (min-width:850px) {
    .nav-Findusbtn {
        padding-left: 1px !important;
        padding-right: 1px !important;
        font-size: 12px !important;
    }
}

.cta,
.btn,
.btn-danger,
.nav-Findusbtn,
.btn-default {
    color: #fff !important;
    background-color: #cc0073 !important;
    /* border: 1px solid #000 !important; */
    border: unset;
    border-radius: 22px;
    /* font-weight: normal; */
    /* border: 1px solid transparent; */
    /* padding: 6px 12px; */
    font-size: 15px;
    font-weight: 400;
    font-family: "Rubik";
    text-transform: capitalize !important;
    padding-left: 40px !important;
    height: 45px;
    padding-right: 40px !important;
    transition: all 0.2s ease;
    border-radius: 22px !important;
}

.nav-Findusbtn {
    padding-left: 17px !important;
    padding-right: 17px !important;
    height: 32px !important;
}

    .cta:hover,
    .btn:hover,
    .btn-danger:hover,
    .btn-default:hover {
        color: #fff !important;
        background-color: #2957e1 !important;
        border-color: unset;
    }

.cartSummary > .cartSummary__summary button {
    text-transform: capitalize;
}
/* Mobile view checkout fix */
@media (max-width: 480px) {
    /* Energy Plex Mobile logo */
    .navbar-brand img {
        display: none;
    }

    .navbar {
        background-image: url("/app_themes/EnergyPlex/images/EnergyPlexMobile.png");
        background-repeat: no-repeat;
        background-position: left center;
    }

    /**************************/

    #layout-header .navbar-nav.navbar-center li a {
        background: #1b1a26;
    }

    .cancel-button-cc {
        border-radius: 22px !important;
    }

    /* cart items fix */
    .spaceSpans > span {
        font-size: 11px;
    }

        .spaceSpans > span:not(:last-child) {
            margin-right: 0.2rem;
            font-size: 11px !important;
        }

    body {
        font-size: 11px !important;
    }

    .accordion_item .cprice {
        font-size: 11px !important;
    }

    .accordion_item .cname {
        font-size: 11px !important;
    }

    .accordion_item .cname {
        padding-right: 0px;
    }

    .glyphicon-remove-circle:before {
        font-size: 12px;
    }

    .top-footer {
        flex-direction: column;
        padding-left: 25px !important;
    }

    #layout-header .navbar-brand img {
        height: 50px;
        width: 70px;
    }

    .glyphicon-menu-hamburger:before {
        color: #ca0073;
    }

    #cart_toggle {
        padding-top: 6px !important;
    }

    .top-header {
        display: none !important;
    }

    /* issue fixed of cross button */
    /* li .spaceSpans:nth-child(4) {
 
  } */

    .spaceSpans {
        word-break: break-word;
    }

    #MainContent_CartSummary1_upnlCartSummary li.accordion_item.cart-incriment {
        padding-left: 28px;
    }

    .col-sm-2.col-xs-4.ccount {
        padding: 0;
    }

    #MainContent_CartSummary1_upnlCartSummary .col-sm-1.close_tickets {
        padding: 0;
        margin-right: 10px;
    }

    div#subtotal {
        margin-top: 0;
    }

    #MainContent_CartSummary1_upnlCartSummary .col-sm-2.col-xs-4.ccount {
        margin-top: 0;
    }

    #MainContent_CartSummary1_upnlCartSummary .accordion_item .bdr {
        min-width: 19px;
    }

    #MainContent_CartSummary1_upnlCartSummary .accordion_item::before {
        top: 15px;
    }
}
/******************************************/
.cart_dropdown {
    background-color: transparent !important;
    position: inherit;
}

    .cart_dropdown .checkout__button {
        background-color: transparent;
    }

.cart_value {
    visibility: hidden !important;
}

.checkout__text {
    margin-right: -27px !important;
}

a {
    text-decoration: none !important;
}

.cart_dropdown .icon-cart {
    color: sandybrown !important;
}

.dropdown-menu li a {
    padding: 6px !important;
}

.caret {
    visibility: hidden;
}

.dropdown-menu:after {
    border-bottom: 6px solid #2957e1;
}

.fa-ul {
    font-family: raleway !important;
}

.hero-description-bottom {
    font-family: raleway !important;
}

#ut_header_5c6a373418fd2 h2.section-title {
    font-family: "Roboto Slab";
}

.ut-address {
    font-family: raleway !important;
}

.ut-phone {
    font-family: raleway !important;
}

.ut-email {
    font-family: raleway !important;
}

#ut_header_5c63e4da04f84 h2 span {
    font-family: raleway !important;
}

.modal-backdrop {
    visibility: hidden;
}

.tribe-mini-calendar-event .list-info h2 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

.tribe-mini-calendar-event .list-date .list-daynumber {
    color: white;
    display: block;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    width: 100%;
}

[class^="icon-"],
[class*=" icon-"] {
    color: rgb(204 0 115);
}

.card_group_outer {
    border: none;
}

    .card_group_outer:hover {
        box-shadow: unset;
    }

.tribe-mini-calendar-event .list-date {
    float: left;
    overflow: hidden;
    font-weight: bold;
    margin: 10px 5% 10px 0;
    padding: 3px;
    width: 15%;
    text-align: center;
    display: inline;
    background: #666;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .tribe-mini-calendar-event .list-date .list-dayname {
        background: #fff;
        color: #666;
        display: block;
        font-size: 11px;
        letter-spacing: 0.5px;
        padding: 3px;
        text-align: center;
        text-transform: uppercase;
    }

.tribe-mini-calendar-event {
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #2f2f2f;
}

.tribe-events-adv-list-widget .list-info,
.tribe-mini-calendar-list-wrapper .list-info {
    margin-bottom: 0.25rem;
}

.tribe-mini-calendar-event .list-info {
    font-size: 13px;
    line-height: 1.6;
}

.tribe-mini-calendar-event .list-info {
    margin: 10px 0;
}

.line_tab > li.active {
    border-bottom: solid 5px #ca0073;
}

#inner-banner {
    text-align: center;
    padding-top: 76px;
}

#navigation ul,
#navigation ul li,
#navigation ul ul {
    background: transparent;
    padding-left: 15px;
    padding-right: 15px;
}

.modal {
    background-color: transparent !important;
    top: 108px !important;
}

@media (min-width: 1024px) {
    .footer-section {
        width: 25%;
    }

    #MainContent_pnlPartyRequestSuccess .alert.alert-info {
        margin-top: 103px;
    }
}

.text-sm-center {
    text-align: center;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

@media screen and (min-width: 1000px) {
    .locationPicker {
        flex-direction: row;
        justify-content: space-between;
        /*padding: 1rem;*/
        display: flex;
        text-align: center;
        align-items: center;
        /* padding-left: 176px;
    padding-right: 176px; */
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .contentWithSidebar {
        flex-direction: row;
    }

    .fixed_top_spacer {
        padding-top: 100px;
    }
}
/*css for w-toplink*/
.w-toplink {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-align: center;
    font-size: 30px;
    line-height: 46px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 100;
    outline: none !important;
    background-color: transparent;
    border: 2px solid #ca0073;
    color: #fff !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 24px rgba(0, 0, 0, 0.2);
}

/*css for Myaccount screen*/
@media (max-width: 768px) {
    .cartSummary {
        top: 90px;
    }

    /* avoid merging of paynow button */
    .btnPayNowSelected {
        margin: 1px;
    }

    #divPartyPackage .package-card {
        width: 100% !important;
    }

    #layout-header .navbar-nav {
        margin-top: 0;
        margin-bottom: 17px;
    }

    /* Energy Plex Mobile logo */
    .navbar-brand img {
        display: none;
    }

    .navbar {
        background-image: url("/app_themes/EnergyPlex/images/EnergyPlexMobile.png");
        background-repeat: no-repeat;
        background-position: left center;
    }

    /**************************/

    #layout-header .navbar-nav.navbar-center li a {
        background: #1b1a26;
        font-size: 13px;
    }

    .cancel-button-cc {
        border-radius: 22px !important;
    }

    /* cart items fix */
    .spaceSpans > span {
        font-size: 11px;
    }

        .spaceSpans > span:not(:last-child) {
            margin-right: 0.2rem;
            font-size: 11px !important;
        }

    .accordion_item .cprice {
        font-size: 11px !important;
    }

    .accordion_item .cname {
        font-size: 11px !important;
    }

    .accordion_item .cname {
        padding-right: 0px;
    }

    .glyphicon-remove-circle:before {
        font-size: 12px;
    }

    .top-footer {
        flex-direction: column;
        padding-left: 25px !important;
    }

    #layout-header .navbar-brand img {
        height: 50px;
        width: 70px;
    }

    .glyphicon-menu-hamburger:before {
        color: #ca0073;
    }

    #cart_toggle {
        padding-top: 6px !important;
    }

    .top-header {
        display: none !important;
    }

    body {
        font-size: 11px !important;
    }

    .accordion_item .cprice {
        font-size: 11px !important;
    }

    .accordion_item .cname {
        font-size: 11px !important;
    }

    .accordion_item .cname {
        padding-right: 0px;
    }

    .glyphicon-remove-circle:before {
        font-size: 12px;
    }

    .top-footer {
        /* flex-direction: column; */
        padding-left: 25px !important;
    }

    #layout-header .navbar-brand img {
        height: 50px;
        width: 70px;
    }

    .glyphicon-menu-hamburger:before {
        color: #ca0073;
    }

    #cart_toggle {
        padding-top: 6px !important;
    }

    .top-header {
        display: none !important;
    }

    /* this is for energy plex specific party width fix */

    #divPartyPackage .package-card {
        width: 100%;
    }
    /**************************************************/

    /* align button to center in party */
    #tab_step5 > div > div > div:nth-child(1) > div:nth-child(2) > div.panel-body > div:nth-child(1) > div > div > span {
        text-align: center !important;
    }

    /******************************LOGO FIX IN MOBILE FOR Energy Plex**************/
    #layout-header .navbar-brand {
        padding: 6px 0;
    }
    /***********************************************/

    #btnApplyCoupon {
        border-radius: 22px !important;
    }

    .input-group-sm.cardupdate_data .btn {
        border-radius: 0px !important;
    }
    /************** cart item fix *****************/
    .cartSummary__breakdown label {
        font-size: 13px !important;
    }

    .spaceSpans > span {
        font-size: 13px !important;
    }

    #layout-header nav {
        height: 100px !important;
    }

    #cart_toggle {
        padding-top: 24px !important;
    }

    /* location header on mobile screen is sent back */
    .location-header {
        z-index: -1;
    }

    /* Menu alignment in mobile is centered */
    #layout-header .navbar-toggle {
        padding-top: 35px;
    }

    .dataTables_scroll {
        overflow-y: scroll;
        overflow-y: hidden;
        overflow: auto;
    }

    .dataTables_scrollHead {
        overflow: initial !important;
    }

    .table-responsive {
        overflow-y: hidden;
    }

    .dataTables_scrollBody {
        overflow: initial !important;
    }
}

@media screen and (min-width: 1000px) {
    .contentWithSidebar {
        flex-direction: row;
    }

    #header-section.ha-transparent {
        background: rgba(19, 20, 22, 0.25);
    }
}

.contentWithSidebar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

.footer-Data .btn {
    width: 85% !important;
    padding-bottom: 4px;
}

.footer-Data {
    background-color: #003e51 !important;
}

input[name="selectedSchedule"] {
    height: 25px !important;
    /*width: 40px;*/
}

.fstyle {
    color: #ca0073 !important;
}

@media screen and (max-width: 1000px) {
    #header-section.ha-transparent:hover {
        background: #131416;
    }

    #header-section.ha-transparent {
        background: #131416 !important;
    }
}

.ha-transparent #ut-mobile-menu,
.ha-transparent #ut-mobile-menu a {
    border-color: #dddddd;
    border-bottom: 1px solid rgb(255, 255, 255, 0.1) !important;
}

#lblPageHeader {
    color: #ffff;
    text-transform: capitalize;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    word-break: break-all;
}

    #lblPageHeader :hover {
        color: rgba(192, 223, 22, 1);
    }

.switch {
    border-radius: 3px;
}

.dropdown-menu {
    background-color: #1b1a26 !important;
    list-style: none !important;
}

    .dropdown-menu:hover {
        background-color: transparent;
    }

#header-section.ha-transparent a:hover,
#header-section.ha-transparent a:active {
    background-color: transparent !important;
}

.party-package h3 {
    background-color: transparent;
    color: #2957e1;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
}

.packagecontents {
    color: white;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.packageprice {
    background-color: transparent !important;
    font-family: "Rubik";
}

.pa-line-h {
    background-color: #2f3140;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #171923;
    border-radius: 0;
}

.ticket_count {
    border-color: #ca0073 !important;
}

#package_accordion div {
    padding: 2px !important;
}

.ui-accordion-content #package_accordion div {
    border-color: transparent !important;
}

.ui-accordion-content {
    font-size: initial !important;
}

.dropdown-menu {
    border-top: 2px solid #2957e1;
}

#automplete-1 {
    background: #ca0073 !important;
    color: #fff !important;
}

.container-fullwidth {
    background-color: white;
}
/*css for locationPicker*/
@media screen and (max-width: 1000px) {
    .location-header {
        text-align: center;
    }

    #locationText {
        text-align: center;
    }

    #locationText {
        text-align: center;
    }

    #MainContent_pnlPartyRequestDetails .inputContainer {
        max-width: 100% !important;
    }
}

.location-header .dropdown {
    text-align: center !important;
}

.modalToFullScreen {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
}

.ticket_count {
    /*padding: 6px 4px !important;*/
    padding: 3px 4px !important;
}

.modal {
    z-index: 10000;
    top: 5px !important;
}

.cartSummary__breakdown {
    line-height: 25px !important;
}

.accordion_item .bdr {
    border: 1px solid #2957e1 !important;
}

@media screen and (max-width: 1023px) {
    #header-section {
        transform: translate3d(0px, 0px, 0px) !important;
    }
}

@media screen and (min-width: 1023px) {
    .cart {
        top: 16px !important;
    }
}

#lblHeaderCardBalance {
    color: rgba(255, 255, 255, 0.7);
}

.panelcardBalance {
    background-color: transparent;
}

.countdown-amount {
    color: rgba(192, 223, 22, 1) !important;
}

.ut-horizontal-navigation a {
    padding-left: 15px;
}

.body-content {
    background-color: #14141d !important;
    min-height: 860px !important;
    margin-bottom: 0;
    background-image: url("/app_themes/energyplex/images/bg.png");
    background-repeat: no-repeat;
    background-size: 180%;
    background-position: top right;
}

.party-category div {
    margin: 0 auto;
    color: white;
}

.breadcrumps {
    padding: 10px;
    padding-left: 5px;
    color: white;
}

.party-package ul {
    list-style: none;
}

.btn-default {
    color: #fff !important;
    background-color: #cc0073;
    border-color: #13ceea;
    border-style: none !important;
    border-radius: 3px;
    font-weight: normal;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 400;
}

#locationLable {
    color: white !important;
}

.bookingDateStyle {
    color: white !important;
}

.badge {
    background-color: #ca0073;
}

input[name="selectedSchedule"] {
    height: 25px !important;
    width: 40px;
}

.line_tab > li.active {
    border-bottom: solid 5px #ca0073;
}

.acc_active .panel-title {
    color: #2957e1 !important;
    font-weight: 600;
}

#section-party-nav-tabs {
    border-bottom: none;
    background-color: #cc0073;
}

.list-group-item-heading {
    color: white;
}

table {
    background-color: white !important;
}

.textColor,
.guestlabel small,
.glyphicon-question-sign {
    color: white !important;
}

.pa-line-h table {
    background-color: transparent !important;
}

.green_link {
    background-color: transparent !important;
}

.navbar-toggle {
    margin-right: -64px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent !important;
}

.location-header {
    background-color: #003e51;
    background-image: linear-gradient( 108deg, #ca007360, #2957e135 100% ) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    /* box-shadow: 0 3px 5px #777; */
    width: 27%;
    border-radius: 0px 0 0 8px;
    padding: 4px 15px 4px 15px;
    float: right;
}

@media (max-width: 767px) {
    .location-header {
        width: 100% !important;
        border-radius: 0 0 5px 5px !important;
    }
}

@media screen and (max-width: 1000px) {
    .location-header {
        text-align: center;
    }

    #locationText {
        text-align: center;
    }
}

.text-nowrap {
    white-space: nowrap;
}

.reg_back {
    background-color: transparent !important;
}

    .reg_back span {
        color: white !important;
    }

.bg-white {
    background: transparent;
}

.nav-pills > li > a:hover {
    background: #2957e1 !important;
}

.panelcardBalance {
    padding-top: 33px;
    padding-bottom: 33px;
    color: white;
    text-transform: uppercase;
}

#layout-header .navbar-center li :hover {
    background-color: transparent !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #fff !important;
    border: none !important;
}

ul {
    list-style: none;
}

#txtParticipantQty,
#txtExtraGuest {
    color: white !important;
}

.e_section_header {
    color: white;
}

.input-counter input {
    padding: initial;
}

textarea {
    color: black;
}

.navbar-nav > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu:hover {
    /* background-color: #ca0073 !important; */
    color: white !important;
}

#layout-header .navbar-center li :hover {
    background-color: #1b1a26 !important;
}

.btn-xs {
    padding: 4px;
}

.btn-danger {
    color: black;
    background-color: #ca0073 !important;
    border-color: #ca0073 !important;
}

    .btn-danger:hover {
        color: black;
        background-color: #2957e1 !important;
        border-color: #2957e1 !important;
    }

#MainContent_productdisplay1_pnlCardSearchMain {
    background-color: #fff;
    padding: 16px;
}

.content-box {
    color: black;
    border: none;
}

.non-resp-imag {
    width: 120px !important;
}

#layout-header .navbar-center li {
    /*display: inline-block!important;*/
    float: none;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
    color: white;
}

@media print {
    .fixed_top_spacer {
        top: 0px;
    }
}

.att-price {
    font-size: small;
    white-space: nowrap;
}

.accordionHeader {
    padding-top: 8px;
    padding-bottom: 1px;
}

.col_spacer {
    padding: 5px;
    padding-top: 2px;
}

/* fix for online receipt in mobile*/
@media (max-width: 768px) {
    .invoice .flex-container,
    .invtoolbar .flex-container {
        justify-content: center !important;
    }
}

@media (max-width: 400px) {
    span#scheduleProdFooter {
        max-width: 100%;
        overflow-x: scroll;
    }

        span#scheduleProdFooter .badge {
            border-radius: 0;
        }
}

/* Energy Plex Customisation code */
#pageHeadingTitle h1 {
    background-color: #14141d;
}

#cart_toggle {
    padding-top: 50px;
    /* justify-content: center; */
}

#layout-header .navbar-nav li > a {
    font-size: 17px;
    text-transform: capitalize;
    font-family: Rubik;
    font-weight: 600;
    transition: all 0.3s ease;
}

#layout-header nav {
    background-color: rgb(27, 26, 38);
}

/* #layout-header .navbar-nav li > a {
  padding-top: 50%;
} */

.package-card .content-card {
    background-color: #2f3140 !important;
    box-shadow: 0 3px 0 0 #2f3140, 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
}

.secondaryDarkerBackgroundColor {
    background-color: #2f3140;
}

#layout-header .navbar-nav li > a:hover {
    color: #cc0073;
    font-weight: 600 !important;
}

#layout-header .navbar-nav li > a:active {
    color: #2957e1;
}

#layout-header .navbar-nav li > a {
    text-shadow: 0px 0px 14px rgba(0, 0, 0, 1);
}

#lblCartCount {
    background-color: #ca0073 !important;
}

.glyphicon-chevron-up:before {
    color: #ca0073;
}

.fa-map-marker:before,
.fa-phone:before,
.fa-envelope:before {
    color: #fff;
    padding-right: 10px;
    /* padding-bottom: 61px; */
    font-size: 15px;
}

/*footer*/

.footer-main {
    background-color: #f1f1f1;
    background: rgb(27, 26, 38);
}

.top-footer {
    display: flex;
    justify-content: right;
    padding: 100px 0;
    /* padding-left: 80px; */
    align-items: flex-start;
    justify-content: space-between;
}

.footer-logo {
    width: 187px;
    height: 135px;
}

.footer-content {
    margin-top: 30px;
}

    .footer-content p {
        margin-bottom: 0px;
        color: #b0b0b0;
        font-family: "Rubik";
        line-height: 30px;
        font-weight: 300;
        font-size: 16px;
    }

.footer-title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 22px;
    color: #ffff;
    line-height: 25px;
    font-family: "Rubik";
}

.social-icons {
    display: flex;
    /* justify-content: space-between; */
    gap: 20px;
}

.bottom-footer {
    text-align: center;
    width: 100%;
    background-color: rgb(47, 49, 64);
    padding: 10px;
}

.centered-text {
    font-size: 15px;
    font-weight: 300;
    color: #b0b0b0;
    margin-bottom: 0px;
    line-height: 35px;
    font-family: "Rubik";
}

.fa-facebook:before,
.fa-instagram:before,
.fa-google-plus {
    color: #fff;
    background: #ca0073;
    height: 32px;
    padding: 10px;
    border-radius: 50%;
    width: 32px;
    display: inline-block;
    font-size: 12px;
}

/* First three fonts are 15px rest are 16px */
footer > div.top-footer > div:nth-child(1) > div > p:nth-child(1),
footer > div.top-footer > div:nth-child(1) > div > p:nth-child(2),
footer > div.top-footer > div:nth-child(1) > div > p:nth-child(3) {
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
}
/* Top header */
.top-header {
    display: flex;
    background-color: #2957e1 !important;
    gap: 10px;
    padding: 10px;
}

    .top-header .header-icon-container {
        display: flex;
        align-items: center;
    }

        .top-header .header-icon-container p {
            margin-bottom: 0;
        }

.fa-location-arrow:before,
.fa-clock-o:before,
.header-icon-container .fa-phone:before {
    color: #ca0073;
    background: #597bee;
    padding: 5px;
    font-size: 16px;
    border-radius: 4px;
    height: 29px;
    width: 29px;
    margin-right: 10px;
    /* margin-top: 5px !important; */
    /* padding-top: 5px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-icon-container p {
    color: #fff;
    font-family: "Rubik";
    font-weight: 400;
}
/*************************************** Top Header end */
/* 
********************************************************   */

/* Header */
a.navbar-brand img {
    height: 50px;
    width: auto;
}

#layout-header .navbar {
    box-shadow: unset;
    height: 6px;
}

#layout-header .navbar-brand {
    padding: 15px 0;
}
/**************/
/* Packages */
.party-package.content-card {
    border-radius: 0 !important;
    /* padding: 0px !important; image shud skretch */
}

.products__productName {
    text-align: left !important;
    color: #2957e1 !important;
    word-break: break-all;
}

.products__productPricing_price {
    font-size: 18px;
    font-weight: 400;
}

.products__productPricing_totalCost {
    color: #fff;
}

.incrementor {
    border: 2px solid #cc0073 !important;
}

a.btnReadMoreDesc.pull-right {
    padding: 5px;
    border-radius: 30px;
    background-color: #cc0073 !important;
}

    a.btnReadMoreDesc.pull-right:hover {
        background: #2957e1 !important;
    }
/*************/
/* General */
.green_link {
    color: #2957e1;
}
/****************/
/* Party */
.party-category h5 {
    color: #fff;
    text-align: center;
}

div#divPartyPackage {
    background-color: #191b25ba;
    border: 1px solid #2f3140;
}

#section-party-nav-tabs {
    border-radius: 0px;
}

.nav-justified,
.nav-tabs.nav-justified {
    font-style: italic;
}

div#divPartyPackage {
    background-color: #191b25ba;
    border: 1px solid #2f3140;
}

ul#partytablist li a {
    text-transform: uppercase;
}

div#divPartyPackage > .animated.fadeIn {
    margin-top: 0 !important;
}

div#tab_step1 div > h5.text-primary {
    padding: 20px 20px;
    font-size: 38px;
    color: #fff;
    font-weight: 300 !important;
    font-family: "Rubik";
}

#divPartyPackage .package-card {
    width: 45%;
}

.party-web-description,
.read-more-btn {
    background-color: #cc007385;
}

.packagecontents ul > li {
    list-style: none;
    font-family: "Rubik";
}

    .packagecontents ul > li > ul > li::before {
        color: #2957e1;
        padding: 15px;
    }

    .packagecontents ul > li::before {
        content: "\2022";
        color: #c50272;
        font-size: 30px;
    }

.welcometext h4 {
    font-family: Rubik;
}

.modalContent h3,
.modalContent p {
    font-family: Rubik;
}

input[type="text"] {
    font-family: Rubik;
}

.ui-datepicker-trigger {
    filter: invert(1);
}

.list-group-item-heading,
.list-group-item-text {
    font-family: Rubik-Italic;
    line-height: 20px;
    /*   font-size:22px; */
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Rubik;
}

.read-more-btn:hover {
    background-color: #2957e1;
}

#divScheduleInfo > p > a {
    color: #fff;
}

#divScheduleInfo > span:nth-child(1) > strong {
    color: #2957e1;
    font-weight: 400 !important;
}

.schedule-overlay {
    color: #2957e1;
}

#divScheduleInfo > span:nth-child(1) > i {
    color: white;
}

#divScheduleInfo > p {
    color: white;
}

#tab_step2 > div:nth-child(6) > div.col-md-12.text-left > span {
    font-weight: bold;
}

.form-control:focus {
    /* background: #fff; */
    box-shadow: none;
}

.input-group-sm.cardupdate_data .btn {
    border-radius: unset !important;
    border-radius: 0px 50px 50px 0px !important;
}

a {
    color: #2957e1;
}

#lnkCardDetails1 {
    font-size: 14px;
    font-weight: 400 !important;
}

.btn_link {
    font-size: 14px !important;
    font-weight: 400 !important;
}

    .btn_link:hover {
        font-weight: 400 !important;
    }

.myaccount ul.account-nav li a:hover,
.myaccount ul.account-nav li.active {
    color: #2957e1;
    border-left: solid 2px #2957e1;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: #2957e1;
    border-color: #2957e1;
}

    .pagination > .active > a,
    .pagination > .active > a:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        background-color: #2957e1;
        border-color: #2957e1;
    }

        .pagination > .active > a,
        .pagination > .active > a:hover,
        .pagination > .active > a:focus,
        .pagination > .active > span,
        .pagination > .active > span:hover,
        .pagination > .active > span:focus {
            background-color: #2957e1;
            border-color: #2957e1;
        }

.pagination li a:hover,
.pagination .disabled a:hover {
    background-color: #2957e1;
    border-color: #2957e1;
}

.fa-arrow-right:before,
.fa-arrow-left:before {
    color: #2957e1;
}

#iconTerms {
    color: #2957e1;
}

body .alert.alert-info {
    background: unset;
}

.text-primary {
    color: white;
}

#package_accordion h3 {
    color: #2957e1;
}

.icon-plus:before {
    color: #fff;
}

.cartSummary > .cartSummary__breakdown {
    background-color: #1b1a26;
}

.secondaryBackgroundColor {
    background-color: #15151f !important;
}

/*************/
/* cvv is fixed till 400 screen */

@media (max-width: 399px) {
    #cvvInput {
        margin-top: 28px;
    }
}

/* fix for the apply button in mobile to be centered */
#MainContent_CartSummary1_upnlCartSummary > div > div > div:nth-child(1) > div > div.input-group.input-group-sm.cardupdate_data > span {
    text-align: center;
}

@media (max-width: 480px) {
    /* this is for energy plex specific party width fix */

    #divPartyPackage .package-card {
        width: 100%;
    }
    /**************************************************/

    /* align button to center in party */
    #tab_step5 > div > div > div:nth-child(1) > div:nth-child(2) > div.panel-body > div:nth-child(1) > div > div > span {
        text-align: center !important;
    }

    /******************************LOGO FIX IN MOBILE FOR Energy Plex**************/
    #layout-header .navbar-brand {
        padding: 6px 0;
    }
    /***********************************************/

    #btnApplyCoupon {
        border-radius: 22px !important;
    }

    .input-group-sm.cardupdate_data .btn {
        border-radius: 0px !important;
    }
    /************** cart item fix *****************/
    .cartSummary__breakdown label {
        font-size: 13px !important;
    }

    .spaceSpans > span {
        font-size: 13px !important;
    }
}
/********************************************/
.party-location h3 {
    color: #3f6fff;
    font-family: "Rubik";
    font-weight: 700;
}

.party-location {
    background: #2f3140;
    border-radius: 0px;
    border: unset;
    box-shadow: unset;
}

    .party-location .glyphicon-map-marker:before {
        color: #ca0073;
    }

/*************************** color fix for different products while adding to cart */

.cart-item,
.cart-item-child {
    background: #1b1a26;
}

    .cart-item:nth-child(2n) {
        background: #1b1a26;
    }
/************* making font weight equal */
.cartSummary__breakdown label {
    font-weight: 300 !important;
    font-size: 14px;
}

.spaceSpans > span:not(:last-child) {
    font-weight: 300 !important;
    font-size: 14px;
}

/******************************************************************/
.accordion_item .cname {
    font-weight: 500 !important;
}

.text-success {
    color: #2957e1;
}

.panel-title .change_link,
.panel-heading .accordion-toggle:after,
.acc_active .accordion-toggle.collapsed:after {
    color: #2957e1;
}
/* this is for party booking */
#MainContent_pnlPartyRequestDetails .inputContainer label {
    color: #fff;
}

.cprice-party {
    color: #2957e1;
}

.footer-content a p:hover {
    color: #ca0073 !important;
}

/* Energy Plex Location Header single line */
.location-header {
    width: 36%;
}

/*************************************************************/
@media only screen and (max-width: 992px) {
    #layout-header .navbar-brand img {
        height: 47.2px;
        width: 73px;
    }
}
/* this will fix the button size only in my account screen */
.myaccount #lnkCardDetails1,
.myaccount .btn-sm {
    height: 31px;
}

#gvMyOrders > tbody > tr > td:nth-child(4) > a {
    height: 31px;
}

/*******************************************************/
#lnkOtherLocation:hover {
    color: #ca0073 !important;
}
/* party booking page apply coupon button */
@media (max-width: 768px) {
    .input-group-sm.cardupdate_data .btn {
        border-radius: 22px !important;
    }
}

.pagination li a,
.pagination .disabled a {
    border-color: #2957e1;
}

.party-location p {
    color: #fff;
}

/* footer fix */
.footer-part2 {
    display: flex;
    flex-direction: column;
}

.footer-part4 {
    display: flex;
    margin-top: 35px;
}

.footer-part5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 13px;
}

.footer-part6 {
    display: flex;
    flex-direction: column;
}

.footer-part5 span {
    color: #b0b0b0;
    gap: 10px;
    font-size: 15px;
}

button.btn.btn-primary.btn-inverse.btn-md.btnPayNowSelected {
    margin: 21px -97px;
}

strong.textColor.ng-binding.ng-scope {
    color: #2957e1 !important;
}

#divScheduleInfo > p {
    display: none;
}

input#btnBookSchedule {
    display: none;
}

.header-icon-container>button{
    background-color: #ca0073;
    color: #fff;
    border-radius: 2000px;
    padding: 5px 10px;
}
.nav-findusbtn>a{
color:#fff !important;
}
#ctl01 > div.ng-scope > div.static-header.navbar-fixed-top > div.top-header > div:nth-child(4) > button{
    background-color: #ca0073;
    color :#ca0073;
}
button.nav-Findusbtn.findus {
    color: white;
}


.nav-Findusbtn a{
    color: #fff !important;
    font-family: "Rubik";
    text-transform: capitalize !important;
}


.btn-primary, button#rejectBtn {

    background: #cc0073 !important;

    border: #cc0073 !important;

    color: #fff !important;

    font-weight: 600;

}
 
#snackbar a {

    color: #fff;

    text-decoration: underline !important;

}