@font-face {
    font-family: "Traveler";
    src: url(/Fonts/Traveler.ttf);
}

@font-face {
    font-family: "Gotham-Bold";
    src: url(/Fonts/Gotham-Bold.otf);
}

@font-face {
    font-family: "Gotham-Book";
    src: url(/Fonts/Gotham-Book.otf);
}

@font-face {
    font-family: "Gotham-Medium";
    src: url(/Fonts/Gotham-Medium.otf);
}

@font-face {
    font-family: "Gotham-Light";
    src: url(/Fonts/Gotham-Light.otf);
}

html a, html a:visited {
    color: #524D99;
    text-decoration: underline solid 1px !important;
    font-size: 1.1em !important;
}

    html a:hover {
        color: #F99D34;
    }

body {
    font-family: "Gotham-Medium", Arial, Helvetica, sans-serif;
    color: #000000;
}

.app-top-notification {
    background-color: #F99D34;
    font-family: "Gotham-Medium", Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
}

.PageTitleLeft {
    font-size: 2.7rem;
    margin: 0 auto 0 25px;
    font-family: "Gotham-Bold", Arial, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align: baseline;
    background: linear-gradient(to top left, #0060A4 0%, #524D99 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #1D3838 !important;
    height: 50px !important;
}

h1 {
    font-size: 2.7rem;
    margin: 0 auto 0 25px;
    font-family: "Gotham-Bold", Arial, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align: baseline;
    background: linear-gradient(to top left, #0060A4 0%, #524D99 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #1D3838 !important;
}

h2 {
    font-size: 2rem;
    line-height: 1.33;
    margin: 0 auto 0.333rem;
    font-family: "Gotham-Bold", Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: linear-gradient(to top left, #0060A4 0%, #524D99 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #1D3838 !important;
}

h3 {
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 0 auto 0.333rem;
    font-family: "Gotham-Bold", Arial, Helvetica, sans-serif;
    color: #000000 !important;
}

h5 {
    font-family: "Gotham-Medium", Arial, Helvetica, sans-serif;
    color: #000000 !important;
    font-size: 16px;
    line-height: 25px;
    vertical-align: top;
    margin-bottom: 15px;
    font-weight: 400;
}

p {
    font-family: "Gotham-Light", Arial, Helvetica, sans-serif !important;
    font-weight: 300;
    font-size: clamp(17px, 1.119rem + ((1vw - 3.2px) * 0.789), 24px) !important;
    line-height: 1.6;
}

    p a {
        font-size: 1em !important;
    }

ul {
    list-style-type: square;
}

li {
    font-size: 1.1em !important;
}

ul li::marker {
    color: #0061A5;
}


.pageHeader {
    white-space: nowrap;
    margin-top: 0px;
    padding-top: 8px;
    background-color: #FFFFFF !important;
}

#divMainWrapper {
    background-color: #FFFFFF !important;
}

.logo-wrapper {
    background-size: contain;
    width: 100%;
    height: 175px;
    max-width: 100%;
    background-image: url(/Images/RP2026/headers/Banner.jpg?v=1);
    background-repeat: no-repeat;
}

#lnkLogo {
    width: 530px;
    height: 141px;
    z-index: 4;
    position: absolute;
}

#AccountHeader {
    margin-top: 2px;
    padding-right: 33px;
}

    #AccountHeader a {
        background-color: #FFFFFF;
        color: #0061A5;
        height: 33px;
        width: 95%;
        display: block;
        text-align: center;
        padding: 3px 7px 0px 7px;
        font-family: "Gotham-Medium", Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px !important;
        margin-top: 8px;
        text-transform: uppercase;
        border-radius: 10px;
    }

        #AccountHeader a:hover {
            background-color: #ff7f32;
            color: #FFFFFF;
        }

        #AccountHeader a span {
            display: inline-block;
            padding: 7px;
        }

.statusMessage-success {
    background-color: green !important;
}

    .statusMessage-success span {
        color: #FFFFFF !important;
        font-weight: bold;
    }

.section {
    background-color: #FFFFFF !important;
}

.section-header, .section-subheader, .dashboard-section-header, .profile-section-header {
    color: #0061A5;
}

.section-subheader {
    font-size: 1.1em !important;
}

/* Override profile-section-subheader if needed

.profile-section-subheader {    
    color: #1D3838 !important;
}

*/

.profile-section span {
    font: normal 1.3rem "Gotham-Medium", Arial, Helvetica, sans-serif;
    line-height: 2rem;
}

#panMyAccount {
    position: relative;
}

.appCard, #account-menu {
    --border-width: 2px;
    --border-radius: 22px;
    --color-1: #0060A4;
    --color-2: #524D99;
}

#account-menu {
    position: absolute !important;
    right: -10px;
    width: 200px;
    background-color: #FFFFFF !important;
}

.appCard, #account-menu {
    background: linear-gradient(to right, #0060A4, #524D99), linear-gradient(to right, #0060A4, #524D99);
    background-origin: padding-box, border-box;
    background-repeat: no-repeat;
    background-position: var(--border-radius) 0, var(--border-radius) 100%;
    background-size: calc(100% - var(--border-radius) - var(--border-radius)) var(--border-width);
    border-radius: var(--border-radius) !important;
    border: none;
    padding: 0.7rem 1.833rem !important;
}



.mainSwitch .appCard {
    text-align: center;
    padding: 3rem 0 !important;
    margin: 0px 8px;
}

    .mainSwitch .appCard p {
        padding: 10px;
    }

.appCard:before, #account-menu:before,
.appCard:after, #account-menu:after {
    content: "";
    display: block;
    position: absolute;
    width: var(--border-radius);
    top: 0;
    bottom: 0;
}

.appCard:before, #account-menu:before {
    left: 0;
    border: var(--border-width) solid var(--color-1);
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-right-color: transparent;
}

.appCard:after, #account-menu:after {
    right: 0;
    border: var(--border-width) solid var(--color-2);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-left-color: transparent;
}

#pSpeakerInstructions, #pExhibitorInstructions {
    min-height: 352px;
}

#header {
    color: #0061A5 !important;
}

/* Override Help Request Form if Needed
    
#divHelpRequestForm {
    background-color: #FFEBD2 !important;
}*/

#divHelpRequestFormHeader {
    background-color: #0061A5;
}


.helpRequestTitle {
    font-size: 1.2em !important;
    font-family: "Gotham-Bold", Arial, Helvetica, sans-serif !important;
}

#btnCloseHelp {
    font-size: 1.2em !important;
}

.PageTitleLeft {
    text-align: center !important;
    margin-left: 0px;
}

/* Override divPopUpWrapper if needed

#divPopUpWrapper {
    background-color: #FFEBD2 !important;
}
*/

/* Override modalDialog if needed

.modalDialog > div:first-of-type {
    background-color: #FFEBD2 !important;    
}

*/

.modalDialogTitle {
    background-color: #0061A5;
    font-family: "Gotham-Medium", Arial, Helvetica, sans-serif;
}

    .modalDialogTitle span {
        font-size: 1.2em !important;
    }

.statusMessage-error {
    background-color: #f99d34 !important;
}

.dashboardWelcome {
    color: #0061A5;
}

#footer {
    background-color: #0061A5 !important;
    font-family: "Gotham-Medium", Arial, Helvetica, sans-serif;
}

/* Material */

.material-icons {
    color: #666666;
}



input.hasError, textarea.hasError, select.hasError {
    border-bottom: 1px solid red !important;
}

span.staticValue {
    font-size: 1em !important;
}

.staticValue span {
    font-size: 1.4em !important;
}

.readOnly span.staticValue {
    font-size: 1.2em !important;
}


span.error {
    color: red;
    font-weight: bold;
    font-size: 1em !important;
}

input[type='file'] ~ label, input[type='file']:valid ~ label, input[type='file']:empty ~ label {
    color: #524D99 !important;
}

input:focus ~ label, input:valid ~ label, input:disabled ~ label, select:focus ~ label, select.hasValue ~ label, textarea:focus ~ label, textarea:valid ~ label, span.staticValue ~ label {
    font-size: 0.9em !important;
    font-weight: bold;
}


/* active state */
input:focus ~ label, input:valid ~ label, select:focus ~ label, select.hasValue ~ label, textarea:focus ~ label, textarea:valid ~ label, span.staticValue ~ label {
    color: #524D99;
}

input.empty ~ label i.fa-linkedin, input.empty ~ label i.fa-x-twitter, input.empty ~ label i.fa-facebook-square, input.empty ~ label i.fa-instagram, input.empty ~ label i.fa-youtube, input.empty ~ label i.fa-globe, input.empty ~ label i.fa-envelope {
    color: #999 !important;
}

input:focus ~ label i.fa-linkedin, input:valid ~ label i.fa-linkedin {
    color: #0072b1;
}

input:focus ~ label i.fa-x-twitter, input:valid ~ label i.fa-x-twitter {
    color: #000000;
}

input:focus ~ label i.fa-facebook-square, input:valid ~ label i.fa-facebook-square {
    color: #4267B2;
}

input:focus ~ label i.fa-instagram, input:valid ~ label i.fa-instagram {
    color: #C13584;
}

input:focus ~ label i.fa-youtube, input:valid ~ label i.fa-youtube {
    color: #FF0000;
}

input:focus ~ label i.fa-globe, input:valid ~ label i.fa-globe {
    color: #2EB67D;
}

input:focus ~ label i.fa-envelope, input:valid ~ label i.fa-envelope {
    color: #F25022;
}

.required-indicator {
    color: #000000;
    font-family: "Gotham-Light", Arial, Helvetica, sans-serif !important;
    font-weight: 300;
}


/*.btn {
    background-color: #FFFFFF;
    color: #0061A5;
    cursor: pointer;
}

.btn span {
    font-weight: 400;
    font-family: "Quicksand-Regular", Verdana, Arial, Helvetica, sans-serif !important;
    text-shadow: 0px 0px #4B7426;
}*/

.section-button {
    padding: 0px 8px;
}

.appButton {
    background-color: #ff7f32;
    background-image: -webkit-linear-gradient(18deg, rgb(250, 145, 52) 0%, rgb(247, 176, 95) 100%);
    border-radius: 10px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 28px;
    font-weight: 700;
    font: 700 28px/1 "Gotham-Medium", Arial, Helvetica, sans-serif;
    height: 64px;
    padding: 0 30px;
    text-shadow: 0px 1px 3px rgba(0, 49, 84, 0.28);
    transition: background-color 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
    margin: 30px auto;
}

.mainSwitch .appButton {
    padding: 0 15px;
}

.section-button .appButton, .profile-section-button .appButton {
    margin: 0px 3px 0px 3px !important;
}


    .appButton:disabled, .appButton:disabled:hover, .profile-section-button .appButton:disabled, .profile-section-button .appButton:disabled:hover {
        background-color: gray !important;
    }

    .appButton:hover, .profile-section-button .appButton:hover {
        background-color: #ffffff !important;
        background-image: unset !important;
        border: 1px solid #0061A5;
        color: #0061A5;
        text-shadow: unset;
    }


/* -------- */

/* Speaker / Exhibitor Resources */

#lblFoundSpeaker {
    color: #524D99;
    font: normal 1.2rem "Gotham-Light", Arial, Helvetica, sans-serif;
}

.table {
    color: #000000 !important;
}

    .table span {
        font: normal 1.3rem "Gotham-Light", Arial, Helvetica, sans-serif;
        line-height: 2rem;
    }

    .table th:first-of-type {
        border-top-left-radius: 10px;
    }

    .table th:last-of-type {
        border-top-right-radius: 10px;
    }

    .table tr:last-of-type td:first-of-type {
        border-bottom-left-radius: 10px;
    }

    .table tr:last-of-type td:last-of-type {
        border-bottom-right-radius: 10px;
    }

    .table tr:nth-child(odd) {
        background: #f1f1f1 !important;
    }

    .table th {
        background-color: #0061A5 !important;
        font: bold 1rem / 1.333rem "Gotham-Bold", Arial, Helvetica, sans-serif;
    }

    .table td span {
        font-size: 1.1em !important;
    }

/* ----------------- */

#lblWelcomeToApp {
    margin-top: 10px;
}

#divImportantDates {
    color: #0061A5;
}

    #divImportantDates .head {
        color: #000000;
        font-size: 10pt;
    }

/*
::-webkit-scrollbar {
    width: 15px;
}
*/

/* Track 
::-webkit-scrollbar-track {
    background-color: #1d3838;
}
*/

/* Handle 
::-webkit-scrollbar-thumb {
    background-color: #ef5455;
    border-radius: 33px;
}
*/

/* Handle on hover 
::-webkit-scrollbar-thumb:hover {
    background-color: #7c4346;
}
*/

#divSRMenu, #divERMenu {
    background-color: #FFFFFF;
}

    #divSRMenu ul li a, #divERMenu ul li a {
        font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px) !important;
        font-family: "Gotham-Book", Arial, Helvetica, sans-serif;
        text-decoration: underline !important;
    }

        #divSRMenu ul li a:hover, #divSRMenu ul li a.selected, #divERMenu ul li a:hover, #divERMenu ul li a.selected {
            color: #f99d34 !important;
        }

.dashboardList li {
    font-family: "Gotham-Light", Arial, Helvetica, sans-serif !important;
}

.dashboard-section-header, .profile-section-header {
    font-family: "Gotham-Medium", Arial, Helvetica, sans-serif !important;
}


.uploader {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding: 16px;
    border-radius: 10px;
    background-color: #FAFAFA;
}


.Checklist .material-icons.md-green {
    color: #524D99 !important;
}

.item-due-date {
    color: #F99D34 !important;
}
/*
.item-past-due {

}*/

.item-done {
    color: #524D99 !important;
}

#divServiceIcon i, .providerService span, .providerInformation i, #lnkProviderDetails {
    color: #0061A5 !important;
}

#lnkOrderFormFile {
    color: #F99D34;
}


@media only screen and (max-width: 1300px) and (min-width:960px) {
    #pSpeakerInstructions, #pExhibitorInstructions {
        min-height: 260px;
    }
}


@media only screen and (max-width: 959px) and (min-width: 768px) {
    .logo-wrapper {
        height: 137px;
    }

    #AccountHeader {
        margin-right: 27px;
        padding-right: 11px;
    }

        #AccountHeader a {
            padding: 0px 4px 0px 10px;
            margin-top: 2px;
        }

    #lnkLogo {
        width: 416px;
        height: 110px;
    }

    #lnkAdminLink {
        margin-top: 0px !important;
    }

    #lblWelcomeToApp {
        margin-top: 10px;
    }

    .appCard {
        flex-basis: 33%;
    }

    #pSpeakerInstructions, #pExhibitorInstructions {
        min-height: 250px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    body {
        max-width: 580px;
    }

    .PageTitle, .PageTitleLeft {
        font-size: 2em !important;
        width: 100% !important;
    }

    .logo-wrapper {
        background-image: url(/Images/RP2026/headers/Banner580.jpg?v=1);
        height: 221px;
    }

    #lnkLogo {
        width: 100%;
        height: 106px;
    }

    #AccountHeader {
        margin-top: 175px;
        width: 100%;
        margin-right: 0px;
        padding-right: 0px;
    }

        #AccountHeader a {
            width: 100%;
            padding: 3px 0px 0px 0px;
            margin-top: 1px;
        }

    #account-menu {
        right: 0px;
        left: 0px;
        margin: 0px auto;
    }

    #AccountHeader > div {
        padding: 0px 4px;
    }

    #account-menu div a {
        width: 100%;
    }

    .pubAccount, .myAccount {
        max-width: 100%;
    }

    #lnkAdminLink {
        margin-top: 2px !important;
    }

    #lblWelcomeToApp {
        margin-top: 10px;
    }

    .appCard {
        flex-basis: 100% !important;
        padding: 12px !important;
    }

    #pSpeakerInstructions, #pExhibitorInstructions {
        min-height: 150px;
    }
}

@media only screen and (max-width: 479px) {
    .logo-wrapper {
        background-image: url(/Images/RP2026/headers/Banner580.jpg?v=1);
        height: 204px;
    }

    #lnkLogo {
        width: 100%;
        height: 78px;
    }

    #AccountHeader {
        margin-top: 140px;
        width: 100%;
        margin-right: 0px;
        padding-right: 0px;
    }

        #AccountHeader a {
            width: 100%;
            padding: 3px 0px 0px 0px;
            margin-top: 1px;
        }

        #AccountHeader > div {
            padding: 0px 4px;
        }

    #account-menu {
        right: 0px;
        left: 0px;
        margin: 0px auto;
    }

        #account-menu div {
            padding: 3px 0px 0px 0px;
        }

            #account-menu div a {
                width: 100%;
            }

    .pubAccount, .myAccount {
        max-width: 100%;
    }

    #lnkAdminLink {
        margin-top: 2px !important;
    }

    #lblWelcomeToApp {
        margin-top: 10px;
    }

    .PageTitle, .PageTitleLeft {
        font-size: 1.8em;
        width: 100% !important;
    }

    .appCard {
        flex-basis: 100%;
    }

    #pSpeakerInstructions, #pExhibitorInstructions {
        min-height: 140px;
    }
}