﻿
body {
    color: #333;
}

a:focus {
    text-decoration: none !important;
    color: none !important;
}

.mt-lg {
    margin-top: 15px;
}

.flex-wrap-container {
    display: flex;
    flex-wrap: wrap;
}

.dropdown-menu.open { z-index: 2000; }

.print {
}

    .print a:hover {
        color: #1579ED !important;
        cursor: pointer;
        border: solid 1px #CFD3DC;
        text-decoration: none;
    }

    .print a {
        color: #CFD3DC !important;
        position: absolute;
        top: 6px;
        right: 0;
        font-size: 1.2em;
        line-height: 1.2em;
        cursor: pointer;
        padding: 10px 10px 5px 10px;
        border: solid 1px #E3E6ED;
        border-radius: 4px;
    }
    
.tablecell-border-right-gray {
    border-right: solid 2px #ddd;
}

.floating-label-group-attd {
    height: 55px;
    position: relative;
}

.reg-attendee-clearout {
    color: #a94442;
    font-size: 1.2rem;
    margin-top: -1.7rem;
    position: absolute;
    top: 0;
    right: 0;
}

.search-field-container {
    width: 225px;
    margin-top: 3px;
    padding-right: 18px;
}
.learn-more-container {
    margin-top: 3px;
    vertical-align: middle;
    display:inline-table
}

.sub-header {
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    border-bottom: solid 1.5px #ccc;
}

    .sub-header .sub-header-title {
        vertical-align: middle;
    }

    .sub-header .short-line {
        position: absolute;
        width: 30px;
        border-bottom: solid 1.5px #337ab7;
    }

.nav-sticky-bar {
    border-bottom: 1px solid #f8f9fa !important;
}
/* Prevents mobile zoom on focus */
@media (max-width: 768px) {
   
    .nav .nav-padding-left {
        padding-left: 30px;
        padding-right: 30px;
    }

    .nav-sticky-bar {
        /*border-bottom: none !important;*/
    }

    .navbar-default .navbar-collapse {
        border: none !important;
    }

    .navbar-form {
        border-top: none;
        border-bottom: none;
        margin-top: 0 !important;
    }

    .search-field-container {
        display: inline-table;
        vertical-align: middle;
        width: calc(100% - 107px);
        padding-right: 18px;
        margin-top: -3px;
    }

    .learn-more-container {
        margin-top: -3px;
        vertical-align: middle;
        display: inline-table
    }

    .search-field {
        font-size: 16px !important;
    }



    .table-attendees .ecrmicon-ok {
        width: 35px !important;
        float: right;
    }

    .table-attendees-category:before {
        font-weight: normal !important;
        color: #777;
        font-size: 1.2rem;
    }

    .table-attendees-title {
        overflow-x: hidden;
    }
}

.jumbotron-header-listing {
    background-color: #033958;
    display: table;
    width: 100%;
    min-height: 200px;
    padding: 50px 35px;
}
    .jumbotron-header-listing .listing-container {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .jumbotron-header-listing h1 {
        margin-bottom: 20px;
        margin-top: 0;
    }


.community-child {
    padding-left: 26px !important;
    font-size: 1.2rem;
}

.filter-year:hover ~ hr {
    margin-left: 123px;
    width: 43px !important;
}



/*************************
    SESSION DETAILS
*************************/
.btn-register {
}

.session-details-action {
    background-size: cover;
    background-position-y: center;
}

    .session-details-action a {
        color: #fff !important;
        text-decoration: none;
    }

.session-details-action-container {
    background: rgba(1,1,1,.6);
    /*height: 225px;*/
    width: 100%;
    padding: 10px;
    justify-content: center;
    align-items: center;
}
    .session-details-action-container.past {
        background: rgba(119, 119, 119, .8);
    }

    .session-details-action-container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

.session-details-action-item {
    text-align: center;
    color: #FFF;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.session-details-action-item-icon {
    border: solid 2px #FFF;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    font-size: 50px;
    padding: 19px;
    cursor: pointer;
}

.session-details-action-item-name {
    margin: auto;
    display: inline-block;
    cursor: pointer;
    min-height:36px;
    max-width: 175px;
}

.special-info-container {
    width: 100%;
    background-color: #470C0A;
    color: #ffffff;
    padding: 25px 25px 25px 25px;
    text-align: center;
}

    .special-info-container .session-sub-title {
        padding-bottom:10px;
    }

.special-info-wrapper:after {
    clear: both;
    width: 25px;
    height: 25px;
    background-color: #470C0A;
    content: " ";
    display: table;
    transform: rotate(45deg);
    left: calc(50% - 12px);
    position: absolute;
    margin-top: -17px;
}

.session-details-reg-disclaimer {
    padding: 20px;
    background-color: #D3E5F9;
    font-size: .8em;
    position: relative;
}

.session-details-reg-action {
    padding: 30px;
    background-color: #173967;
    position: relative;
}

    .session-details-reg-action .session_logon {
        margin-top: 25px;
        font-size: .8em;
        color: #B48D33;
    }

.blog-container {
    margin: 24px auto;
}

.flex-container img {
    width:100%;
    /*border: solid 1px #e8e8e8;*/
}
.egg {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
}

.yoke {
    color: navy;
    display: none;
    cursor: default;
}
@media (max-width: 768px) {
    .session-details-action-item {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.incentive-popup-header {
    padding: 70px 20px;
    background-color: #337AB7;
    color: #FFFFFF;
    font-size: 1.8em;
}

/*************************
    SHOW LEADS
*************************/
.show-lead-container {
    display: inline-block;
}

.show-lead-container-spacer {
    margin-right: 50px;
}

    .show-lead-container-spacer:last-child {
        margin-right: 0 !important;
    }

.show-lead-img {
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    border-radius: 50%;
    border: none;
}

    .show-lead-img img {
        /*border: solid 1px #ccc;*/
    }

.show-lead-details {
    display: inline-block;
    vertical-align: top;
}

    .show-lead-details .show-lead-name {
        margin-top: 5px !important;
    }


.show-lead-telecomm {
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 6px;
}

    .show-lead-telecomm .icon-sm {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }

    .show-lead-telecomm .detail {
        display: inline-block;
        vertical-align: middle;
    }
        .show-lead-telecomm .detail:hover {
            display: inline-block;
            vertical-align: middle;
            text-decoration: underline;
        }

.session-details-map {
    width: 100%;
    height: 320px;
    background-color: #eee;
    margin-bottom: -20px;
    border-top: solid 1px #777 !important;
}

@media (max-width: 768px) {
    .show-lead-details {
        max-width: 215px;
        margin-bottom: 20px;
    }

    .show-lead-telecomm {
        display: block;
    }

    .multiple-leads {
        display: inline-block !important;
    }

    .show-lead-container-spacer {
        margin-right: 0;
    }

    .session-details-map {
        height: 160px;
    } 
}

/*************************************
    REGISTRATION OPTIONS
*************************************/
.div-reg-options {
    max-width: 1200px;
    margin: auto;
}

.table-reg-options {
}

    .table-reg-options th {
        border-bottom-width: 1px !important;
        font-weight: normal !important;
        color: #033958;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .table-reg-options td {
        color: #033958;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .table-reg-options tbody tr:hover {
        background-color: #D9F1ED;
    }

.reg-option-registered {
    color: #B22222;
    font-size: 1.3em;
    font-weight: 700;
    margin-left: 10px;
}
.reg-option-soldout {
    color: red;
    font-size: 1.3em;
    font-weight: 700;
    margin-right: 10px;
    display:none;
}

.reg-package.soldout, .reg-package.soldout:hover {
    background-color: ghostwhite;
}
    .reg-package.soldout .reg-option-soldout {
        display: inline-block !important;
    }
    .reg-package.soldout .reg-option-nm {
        color: #80899d !important;
    }

a.reg-option-nm {
    font-size: 1.3em;
}

.reg-option-fee {
    font-size: 1.3em;
}

.reg-option-fee-cell {
    padding-right: 30px !important;
}

.incentive-expired-fee {
    color: #b22222;
    text-decoration: line-through;
}

.incentive-expiration-date {
    color: #757575;
    font-style: italic;
}

@media (max-width: 768px) {
    .table-reg-options {
        font-size: 12px;
    }


    a.reg-option-nm {
        font-size: 1.3em;
    }

    .reg-option-fee {
        font-size: 1.2em;
    }
}

/*************************************
    AGENDA
*************************************/

.table-agenda {
}

    .table-agenda .date-header {
        font-weight: bold;
        background-color: #eee;
    }

    .table-agenda tr:first-child td {
        border-top: none;
        padding: 10px !important;
    }

    .table-agenda tr:last-child td {
        border-bottom: none;
        padding: 10px !important;
    }

    .table-agenda tr td {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

        .table-agenda tr td:last-child {
            border-left: solid 2px #ddd;
        }

    .table-agenda .agenda-item td {
        background-color: #fff;
    }

    .table-agenda .agenda-item-alt td {
        background-color: #eee;
    }

    .table-agenda .agenda-item:hover td, .table-agenda .agenda-item-alt:hover td {
        background-color: #D9F1ED;
    }

/*************************************
    ATTENDEES
*************************************/
.attd-type-container {
    text-align: right;
}

.table-attendees {
}

    .table-attendees th {
        background-color: #F2F4F7;
        border-top: 2px solid #E3E6ED !important;
        border-bottom: 1px solid #E3E6ED !important;
    }

    .table-attendees tbody tr:hover td {
        background-color: #dff0d8;
    }
    .table-attendees tr td {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

@media (max-width: 768px) {
    .attd-type-container {
        text-align: left;
    }
}


/*************************************
    PROGRAMS
*************************************/
.program-date {
    background-color: #1579ED;
    color: #fff;
    padding: 12px;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.program-date-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border: solid 1px #E3E6ED;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    margin-bottom: 30px;
}

    .program-date-container .program-container:not(:first-child) {
        border-top: solid 1px #E3E6ED;
        padding-top: 30px;
    }


        .program-date-container .program-container:not(:first-child) .program-img-container {
            margin-top: 20px;
        }

.program-container {
    position:relative;
    padding-bottom: 45px;
}
    .program-container .program-wow-image {
        height: 300px;
        width: 300px;
        display:inline-block;
        background-color: #fff;
        background-position: center center;
        background-size: cover;
        float:left;
        margin-right: 15px;
        margin-bottom:40px;
    }

    .program-container .program-container-details {
        vertical-align: top;
        overflow: auto;
        margin-right: 35px;
        padding-left: 20px;
    }

        .program-container .program-container-details .program-title {
            font-size: 36px;
            line-height: 40px;
            color: #1E2432;
            margin-bottom: 10px;
            line-height: 100%;
        }

        .program-container .program-container-details .program-times {
            margin-bottom: 20px;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            color: #1E2432;
        }

        .program-container .program-container-details .program-desc {
            margin-bottom: 20px;
            font-size: 15px;
            color: #485269;
        }

        .program-container .program-container-details .program-presenter-person {
            font-size: 15px;
            color: #485269;
            margin-left: -15px;
        }

        .program-container .program-container-details .program-presenter-company {
            font-size: 13px;
            color: #485269;
            margin-left: -15px;
        }

    .program-container .program-img-container {
        position: absolute;
        top: 0;
        right: 0;
        width: 105px;
    }

        .program-container .program-img-container img {
            max-width: 105px;
        }


.program-call-for-speaker {
    padding: 40px 35px;
    /*margin-bottom: -15px;*/
    color: #FFF;
}

@media (max-width: 768px) {
    .program-date-container {
        padding-left: 0px;
        padding-top: 0px;
    }

    .program-details-container {
        padding: 0;
    }

    .program-container .program-container-details {
    }

    .program-container .program-wow-image {
        background-color: orange;
        margin-bottom: 12px;
        display: block;
        width: 100%;
        float: none;
    }
}

/*************************************
    TESTIMONIALS
*************************************/
.lead-quote-container {
    margin: 25px 0;
    padding: 30px 0;
    border-top: solid 3px #1579ED;
    border-bottom: solid 3px #1579ED;
    opacity: 0;
}

.rainbow-bar {
    display: flex;
    margin: 25px 0;
}

    .rainbow-bar div {
        margin: 0;
        height: 3px;
        display: inline-block;
        width: 20%;
    }

    .rainbow-bar .color1 {
        background-color: rgb(29, 113, 170);
    }

    .rainbow-bar .color2 {
        background-color: rgb(59, 143, 170);
    }

    .rainbow-bar .color3 {
        background-color: rgb(128, 158, 131);
    }

    .rainbow-bar .color4 {
        background-color: rgb(187, 172, 82);
    }

    .rainbow-bar .color5 {
        background-color: rgb(179, 141, 49);
    }

.lead-quote {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4em;
}


.lead-quote-person {
    text-align: center;
    font-style: italic;
}

.testimonial-container {
    position: relative;

}

.testimonial-from {
    color: #485269;
    font-style: italic;
    transition: all 0.3s ease-out;
}

.testimonial-grid {
    width: 275px;
    min-height: 100px;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 25px;
    margin-right: 25px;
    font-size: 14px;
    float: left;
    border: solid 1px #ccc;
    position: relative;
    opacity: 0;
    transition: all 0.3s ease-out;
}
    .testimonial-grid:hover {
        border-color: #1579ED;
        transform: scale(1.1);
        transition: all 0.3s ease-out;
    }
    

    .testimonial-grid .quote-desc {
        padding-bottom: 10px;
        text-align: justify;
    }

    .testimonial-grid .quote-from {
        text-align: right;
    }

    .testimonial-grid .video-from {
        text-align: left;
    }

    .testimonial-grid.video {
        cursor: pointer;
    }


        .testimonial-grid.video .ecrmicon-facetime-video {
            font-size: 30px;
            height: 40px;
            line-height: 40px;
            color: #B5BAC5;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            transition: all 0.3s ease-out;
        }

        .testimonial-grid.video:hover .ecrmicon-facetime-video {
            color: #1579ED;
            /*-webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);*/
            transition: all 0.3s ease-out;
        }

        .testimonial-grid.video:hover .testimonial-from.video-from {
            color: #1579ED;
            transition: all 0.3s ease-out;
        }

    .testimonial-grid .videoholder {
        background-color: rgba(71,36,10, 0.8);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: center;
        height: 155px;
        color: #fff;
        width: 100%;
        text-align: center;
        display: table;
        overflow: hidden;
        margin-bottom: 15px;
    }

@media (max-width: 644px) {
    .testimonial-grid {
        width: 100% !important;
    }
}

/*************************************
    REGISTRATION
*************************************/
hr.eitheror { width: 45%; margin-top: 0.6em; border-color: #80899d; border-width: 0.2em; }

.floating-label-group .field-validation-error {
    position: absolute;
}

.reg-hide-application {
    height: 300px;
    overflow: hidden;
    position: relative;
    padding-top: 15px;
    margin-bottom: -15px;
}
.hide-application {
    background-color: rgba(1,1,1,.55);
    position: absolute;
    width: 100%;
    z-index: 200;
    left: 0;
    margin-top: -15px;
    height: 330px;
    line-height: 300px;
    /*text-align: center;*/
    color: #fff;
    font-size: 2.6em;
    font-weight:bold;
    font-family: "Bradley Hand ITC", "Trebuchet MS", Helvetica, sans-serif;
    padding-left:115px
}
    .hide-application:before {
        content:url('/resources/base/1.0/arrows/svg_arrow-8.svg');
        width:100px;
        height:100px;
        position:absolute;
        margin-left: -100px;
    }




#modGuest .close {
    display:none !important;
}

.reg-package-container {
}

.reg-package {
    padding: 25px 10px;
    margin: 5px 0;
    border: solid 1px #E3E6ED;
    background-color: #fff;
}


    .reg-package:hover {
        background-color: #E4F8F5;
    }

.reg-package-active, .reg-package-active:hover {
    background-color: #00CDAE !important;
    color: #FFF !important;
}

    .reg-package-active a {
        color: #FFF !important;
    }

.reg-package-price, .reg-package-option-price {
    text-align: center;
}

.reg-package-option-check {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

.reg-package-option-desc {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

.reg-package-option-spacer {
    margin-top: 6px;
}

.reg-package-check {
}

    .reg-package-check input[type=checkbox] {
        display: none;
    }

    .reg-package-check label + input[type=checkbox] {
        background-color: #fff;
        border: solid 1px #777;
        height: 20px;
        width: 20px;
        display: inline-block;
        margin-top: 2px;
        margin-right: 2px
    }

        .reg-package-check label + input[type=checkbox]:checked {
            background-image: url(/Resources/Base/1.0/images/ecrmicon/ok.svg);
            background-repeat: no-repeat;
            background-position: center;
        }

.reg-category-container input[type=checkbox]:checked + span, .reg-category-container input[type=checkbox]:checked + input[type=hidden] + span {
    color: #337ab7;
    font-style: normal;
}

.checkboxlabel-flip {
    transform: rotateX(360deg);
    transition: all 0.8s ease-out;
}

.reg-package-desc {
    width: 94%;
}

.reg-category-container {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 10px 0 !important;
}

.reg-category-rank {
    margin-top: 10px;
}

    .reg-category-rank div {
        display: inline-block;
        vertical-align: top;
    }

    .reg-category-rank input[type=text] {
        width: 28px !important;
        padding: 3px !important;
        text-align: center;
        height: 24px !important;
    }

.reg-category-children {
    margin-left: 34px;
}

.reg-attendee-container {
    margin: 12px 0 24px;
}

    .reg-attendee-container .input-date, .attendee-date {
        background-image: url(/Resources/Base/1.0/images/ecrmicon/calendar.svg);
        background-position: right 4px top 4px;
        background-repeat: no-repeat;
        background-size: 24px;
    }



.profile-container {
    max-height: 300px;
    overflow-y: auto;
}

ul.error-list {
    margin: 6px 0 6px 16px;
}

    ul.error-list li {
        list-style-type: disc;
    }

.reg-sent {
    width: 80%;
    margin: 50px auto;
}

@media (max-width: 768px) {

    .reg-sent {
        width: 100%;
        padding: 10px !important;
    }

    .reg-package-container {
        font-size: 12px;
    }

    .reg-package-price {
        text-align: left;
        padding-left: 30px;
        padding-top: 6px;
    }

    .reg-package-option-price {
        text-align: left;
        padding-left: 10%;
        padding-top: 6px;
    }

    .reg-package-check {
        width: 30px
        /*width:5%;*/
    }

    .reg-package-desc {
        /*width: 340px*/
        width: 88%
    }

    .reg-package-option-check {
        margin-left: 34px;
        width: 14px;
    }

    .reg-package-option-desc {
        width: 84%;
    }


    .alert-btn-login-xs {
        margin-top: 6px;
        margin-left: 30px;
    }

    .hide-application {
        font-size: 2.3em;
    }
}

@media (min-width: 768px) {
    .reg-app-country {
        padding-right: 8px !important;
    }

    .reg-app-state {
        padding-left: 0 !important;
    }
}


/*************************************
    OUR PROCESS
*************************************/
.process-blue-ball {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: rgb(29, 113, 170);
    margin: 0 auto;
}

.process-step-left {
    text-align: right;
    border-right-style: solid;
    border-right-width: 2px;
}
.process-step-right {
    text-align: left;
    border-left-style: solid;
    border-left-width: 2px;
}
.process-step-container {
    line-height: 28px;
    padding: 10px;
}
    .process-step-container.container-large {
        width: 450px;
    }
    .process-step-container.container-small {
        width: 225px;
    }
    .process-step-container.container-blue {
        border: solid 1px rgb(29, 113, 170);
    }
    .process-step-container .step-number {
        font-size: 1.3em;
    }
.process-video-link {
    margin-top:4px;
}
    .process-video-link div {
        /*display: inline-block;*/
        /*vertical-align: middle;*/
    }
    .process-video-link .ecrmicon-facetime-video {
        float:left;
        font-size: 24px;
        margin-top: -2px;
        margin-right: 8px;
    }
    .process-video-link:hover .ecrmicon-facetime-video {
        text-decoration: none;
    }
        /* ROW 1 */
        .process-row-1 {
        border-image: linear-gradient(to bottom, rgb(29, 113, 170), rgb(59, 143, 170)) 1 100%;
        -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(29, 113, 170)), to(rgb(59, 143, 170))) 1 100%;
        -webkit-border-image: -webkit-linear-gradient(rgb(29, 113, 170), rgb(59, 143, 170)) 1 100%;
        -moz-border-image: -moz-linear-gradient(rgb(29, 113, 170), rgb(59, 143, 170)) 1 100%;
        -o-border-image: -o-linear-gradient(rgb(29, 113, 170), rgb(59, 143, 170)) 1 100%;
    }

.process-step-left.process-row-1 {
    padding-top:25px;
}

.process-step-right.process-row-1 {
    padding-top: 50px;
}

.process-step-title-right {
    display: table;
    margin-left: -16px;
    margin-bottom: 20px;
}
.process-step-title-right-spacer-blue {
    background-color: rgb(29, 113, 170);
    width: 12px;
    height: 2px;
}
.process-step-title-right-blue {
    color: rgb(29, 113, 170);
    display: table-cell;
    font-size: 24px;
    padding-left: 3px;
}


/* ROW 2 */
.process-row-2 {
    /*border-color: rgb(29, 113, 170);*/
    border-image: linear-gradient(to bottom, rgb(59, 143, 170), rgb(128, 158, 131)) 1 100%;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(59, 143, 170)), to(rgb(128, 158, 131))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(rgb(59, 143, 170), rgb(128, 158, 131)) 1 100%;
    -moz-border-image: -moz-linear-gradient(rgb(59, 143, 170), rgb(128, 158, 131)) 1 100%;
    -o-border-image: -o-linear-gradient(rgb(59, 143, 170), rgb(128, 158, 131)) 1 100%;
}

.process-step-left.process-row-2 {
    padding-top: 400px;
}

.process-step-right.process-row-2 {
    padding-top: 100px;
}


.modal-override-package {
}   

    .modal-override-package .btn-close-bottom {
        padding-top: 10px;
        margin-bottom: -3px;
    }
        .modal-override-package .btn-close-bottom a {
            color: #777;
            font-size: 85%;
        }
            .modal-override-package .btn-close-bottom a:hover {
                color: #11b0e0;
            }


.package-image-container {
    /*display: inline-block;*/
    /*width: 35%;*/
    display: block;
}
.package-image {
    background-size:cover;
    background-position:center center;
    height:450px;
}

.package-details-container {
    /*display: inline-block;*/
    /*width: 60%*/
    display: block;
}
    .package-details-container .package-title {
        font-weight: 300;
        font-size: 36px;
    }

    .package-details-container ul li {
        margin-left: 30px;
        margin-bottom: 4px;
    }
    
    .package-details-container .tooltip-inner {
        background-color:purple !important;
        text-align:left !important;
        font-size: 1.1em !important;
        line-height: 1.5em !important;
        max-width:300px !important;
    }
    .package-details-container .tooltip-arrow {
        border-right-color: purple !important;
    }
@media (max-width: 768px) {
    .package-image-container {
        display: block;
        width:auto;
    }

    .package-details-container {
        display: block;
        width: auto;
    }
    .package-image {
        background-size: cover;
        background-position: center center;
        height: 300px;
    }
}

.floating-label-group .bootstrap-select {
    margin-top: 1.5em !important;
}

/*#region ESI */
.esi-mobile-dropdown {
    position: absolute !important;
    background-color: #fff !important;
    border: 1px solid #e3e6ed !important;
}


.esi-nav {
}
    .esi-nav.affix-top .esi-nav-stick-bar {
        background-color: transparent !important;
        transition: all 0.3s ease-out;
    }
    .esi-nav.affix .esi-nav-stick-bar {
        background-color: #f8f9fa !important;
        border-bottom-color: #E3E6ED !important;
        transition: all 0.3s ease-out;
    }

    .esi-nav .navbar {
        border-radius: 0 !important;
    }

.esi-container {
    position: relative;
    margin-bottom: 25px;
    min-height: 100px;
}
.esi-status {
    margin-top: 4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 5px; 
}

.esi-application-label {
    font-weight: 700 !important;
}
    .esi-application-label.soldout {
        opacity: 0.7;
    }

.esi-application .floating-label-group .field-validation-error {
    position: static;
}
.esi-application .floating-label-group label.inactive {
    margin-top: 1.2rem !important;
    margin-left: 14px !important;
    font-size: 15px;
}

.esi-application .floating-label-group label.active {
    margin-top: -1.7rem;
    margin-left: .15rem;
    color: #485269;
}

.esi-application .floating-label-group input[type=text], .esi-application .floating-label-group input[type=email], .esi-application .floating-label-group input[type=tel], .esi-application .floating-label-group textarea, .esi-application .floating-label-group .bootstrap-select {
    margin-top: 8px !important;
}

.table-esi-pricing {
    border: solid 1px #e2e5eb;
}
    .table-esi-pricing th {
        border-bottom-width: 1px !important;
    }
    .table-esi-pricing th, .table-esi-pricing td {
        padding: 12px !important;
    } 

    .esi-pricing-cell {
        width: 75px;
    }

.esi-participant {
    padding:10px 8px;
}
    .esi-participant.esi-participant-header {
        font-size: 1.1em;
        font-weight:600;
    }
.esi-howitworks-details {
    padding: 4% !important;
    background-color: #D3E5F9;
}
.esi-howitworks-image {
    background-color: rgba(211, 229, 249, 0.3);
}
    .esi-howitworks-image img {
        display: block;
        max-height: 350px;
        height: auto;
    }
.text-center-vertically {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 350px;
    padding-right: 0px;
    padding-left: 0px;
}

.esi-logo-library {
    height: 0;
    overflow: hidden;
}

.esi-logo-container {
    height: 140px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    background-color: #fff;
}

    .esi-logo-container .esi-logo {
        background-color: #fff;
        display: inline-block;
        position: relative;
        transition: all 0.3s ease-out;
        height: 100px;
        white-space: nowrap;
        text-align: center;
        width: 25%;
    }
        .esi-logo-container .esi-logo img {
            max-height: 100px;
            vertical-align: middle;
            margin-left: auto;
            margin-right: auto;
            display: inline;
        }
.sponsor-img-container img {
    margin: 20px;
    max-width: 300px;
    max-height: 120px;
    display: inline;
}
/*#endregion ESI*/

.mb-xl {
    margin-bottom: 24px;
}
.bg-white { background-color: #FFFFFF; }

/*#region EDM */
.marketgate-jumbotron-header.edm {
    min-height: 400px !important;
}
    .marketgate-jumbotron-header.edm marketgate-jumbotron-header-content {
        width: 60%;
    }

.edm-application-body {
    max-width: 700px;
    margin: 10px auto;
    opacity: 0;
}
    .edm-application-body .form-group {
        margin-bottom: 24px;
    }

    .edm-application-body.active {
        opacity: 1;
        transition: all 0.8s ease-in-out;
    }

.container.table {
    display: table;
    width: 100%;
    padding: 0px 0 0 0;
    box-sizing: border-box;
}
.container.table .row{
    display: table-row;
    height: 100%;
}
    .container.table .row .table-cell, .no-float {
        display: table-cell;
        float: none;
    }

.edm-thankyou-container {
    border: 25px solid #fff;
    padding: 25px;
}
    .edm-thankyou-container h2,
    .edm-thankyou-container h5,
    .edm-thankyou-container p
    {
        margin-bottom: 30px;
    }

.small-bs {
    font-size: 85%;
}
.rm-profile-title { font-size: 1.3em; font-weight:500;}

.rm-category-container { width: 270px; margin-right: 15px; margin-bottom: 15px; max-height: 200px; overflow: auto; vertical-align: top; display: inline-block; border: solid 1px #ddd; background-color: #fff; }
.rm-category { border-bottom: solid 1px #ddd; padding: 4px; display:none; grid-template-columns: auto 25px; }
    .rm-category label { overflow-wrap: anywhere; }
    .rm-category.active { display: grid }
    .rm-category.main { background-color: #eff1f7; text-transform: uppercase; }
    .rm-category.child { background-color: #fff;  }
        .rm-category.child label { font-size: 0.8em; }
        .rm-category.child [type=checkbox] { margin-top: 1px; }
.rm-category-container-readonly { width: 300px; margin-right: auto; margin-left: auto; border: solid 1px #ddd; border-radius: 4px; background-color: #fff; }
    .rm-category-container-readonly label { font-size: 12px; overflow-wrap: anywhere; margin: 0; }
.rm-category-profile-container { width: 375px; margin-right: 15px; margin-bottom: 15px; max-height: 475px; overflow: auto; border: solid 1px #ddd; border-radius: 4px; background-color: #fff; }
.rm-category-profile { border-bottom: solid 1px #ddd; padding: 8px; display: none; grid-template-columns: auto 25px; }
    .rm-category-profile label { font-size: 12px; overflow-wrap: anywhere; }
    .rm-category-profile [type=checkbox] { margin-top: 2px; margin-left: -18px; }
    .rm-category-profile.active { display: grid }
    .rm-category-profile.main { background-color: #eff1f7; text-transform: uppercase; }
        .rm-category-profile.main label.checkbox-inline { padding-left:8px !important; }
    .rm-category-profile.child { background-color: #fff; }
    .rm-category-profile span.glyphicon { font-size: 10px; color: #b8b7b7; font-weight: normal; }

.rm-profile-attributes .checkbox-inline:not(:first-child) { margin-left: 35px !important;}

.rm-region-selected { padding: 4px 15px; display: flex; align-items: center; }
    .rm-region-selected:first-child { margin-top: 4px; }
    .rm-region-selected .rm-region-remove { margin-right: 15px; cursor: pointer; }
    .rm-region-selected .rm-region-name { line-height: 20px; padding-top: 2px; }

.ui-autocomplete { max-height: 310px; overflow-y: auto;  overflow-x: hidden; }
    .ui-autocomplete li.ui-menu-item { font-size: 12px !important; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0 !important; }
/*#endregion */

/*#region Listing */
:root { 
    --toolbar-tabs-width: 370px;
    --toolbar-end-width-adj: 195px;
    --toolbar-btn-width: 100px;
    --toolbar-child-bottom-margin: 60px;
}
.listing-toolbar { display: flex; padding: 15px; align-items: center; background-color: #fff; }
    .listing-toolbar.affix { position: fixed; top: 80px; width: 100%; z-index: 10; }
    .listing-toolbar .toolbar-search { width: Calc(50% - var(--toolbar-end-width-adj)); display: flex; justify-content: flex-end; }
    .listing-toolbar .toolbar-filters { width: Calc(50% - var(--toolbar-end-width-adj)); }
    .listing-toolbar .toolbar-tabs { width: var(--toolbar-tabs-width); text-align: center; }
        .listing-toolbar .toolbar-tabs a.btn { min-width: var(--toolbar-btn-width) }
            .listing-toolbar .toolbar-tabs a.btn:focus { outline: none; }
            .listing-toolbar .toolbar-tabs a.btn:active:focus { border-color: #e3e6ed; }

@media (max-width: 768px) {
    .listing-toolbar .toolbar-search { display: none; }
    .listing-toolbar .toolbar-tabs { width: var(--toolbar-tabs-width); text-align: right; }
    .listing-toolbar .toolbar-filters { width: Calc(100% - var(--toolbar-tabs-width)); }
}

@media (max-width: 500px) {
    .toolbar-nav-program-cats { display:none !important; }
}
.listing-filter-container { position: fixed; top: 0; left: -100vw; width: 100%; height: 100vh; color: #fff; background-color: rgba(255, 255, 255, 0); z-index: 1100; opacity: 0; transition: background-color 0.7s ease-in-out, left 0.2s ease-in-out 0.7s, opacity 0.2s ease-in-out 0.7s; }
    .listing-filter-container.active { opacity: 1; background-color: rgb(255 255 255 / 0.50); left: 0; transition: background-color 0.7s ease-in-out; }

.listing-filter-container .listing-filter-inner { position: fixed; top: 0; left: -100vw; background-color: #173967; width: 500px; max-width: 100%; height: 100vh; transition: left 0.7s ease-in-out; }
    .listing-filter-container.active .listing-filter-inner { left: 0; background-color: #173967; transition: left 0.7s ease-in-out; }

    .listing-filter-container .filter-group { font-size: 24px; line-height: 40px; }
    
    .listing-filter-container .bootstrap-select .dropdown-menu.open { position:relative !important;}
    .listing-filter-container .bootstrap-select a span.check-mark { color: #1579ed; }

.listing-filter-search .form-control:focus,
.listing-filter-search.active .btn.btn-info:hover { border-color: rgb(227, 230, 237); }

.listing-filter-search input[type=text] { opacity: 0; width: 0 !important;  padding-left: 0; padding-right: 0; transition: all 0.5s ease-in-out;}
.listing-filter-search.active input[type=text] { opacity: 1; width: 200px !important; padding-left: 12px; padding-right: 12px; transition: all 0.5s ease-in-out; }

.listing-filter-search .btn.btn-info { border-top-left-radius: 4px; border-bottom-left-radius: 4px; transition: all 0.5s ease-in-out; }
.listing-filter-search.active .btn.btn-info { border-top-left-radius: 0; border-bottom-left-radius: 0; transition: all 0.5s ease-in-out; }

.program-parent-wrapper:last-child .program-divider hr { display:none;}
.program-parent-wrapper:last-child .program-divider { margin-bottom: Calc(var(--toolbar-child-bottom-margin) - 45px); }
.program-divider { margin-bottom: var(--toolbar-child-bottom-margin); }
    .program-divider hr { border-top: solid 2px #ddd !important }

.program-header-parent { font-size: 30px; font-weight: 400; margin-bottom: 30px; }
.program-child-container { margin-bottom: var(--toolbar-child-bottom-margin); }
    .program-child-container .program-image { margin-bottom: 10px; height: 170px; background-color: #e3e6ed; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center center; }
        .program-child-container .program-image .fuzz { width: 100%; height: 100%; background-color: #000; opacity: 0; transition: opacity 0.3s ease-in-out; }
        .program-child-container:hover .program-image .fuzz { opacity: 0; transition: opacity 0.3s ease-in-out; }

@media (max-width: 511px) {
    .campaign-img {
        width: 100%;
        margin-bottom: 10px;
    }

        .campaign-img img {
            width: 100%;
            object-fit: contain;
        }
}

@media (min-width: 511px) {
    .campaign-img {
        margin-right: 10px;
    }

        .campaign-img img {
            max-width: 225px;
            max-height: 150px;
        }
}
.show-listing-region {
    background-color: #1579ed;
    border: solid 1px #1579ed;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    padding: 6px;
}

.show-listing-container .show-listing-region + div[style*="url"],
.show-listing-container .show-listing-region + div[style*="url"] .session-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
}

/*#endregion Listing */