.FormLabel {
    font-size: 16px;
}

section.Content.Skin.Center-Full {
    min-height: 100vh !important;
}

body#Body {
    padding-right: 0 !important;
}

[id*=dlAdditionalProgram] td .radio > label::before,
[id*=dlAdditionalProgram] .radio-inline::before,
.Skin [id*=dlAdditionalProgram] input[type="radio"] ~ label::before {
    font-family: 'Font Awesome 5 Pro', FontAwesome, 'font awesome' !important;
    content: "\f111";
    color: #AAA;
    position: absolute;
    font-weight: 400 !important;
    left: 4em;
}

[id*=dlAdditionalProgram] td .radio > label.checked::before,
[id*=dlAdditionalProgram] .radio-inline.checked::before,
.Skin [id*=dlAdditionalProgram] input[type="radio"]:checked ~ label::before {
    font-family: 'Font Awesome 5 Pro', FontAwesome, 'font awesome' !important;
    content: "\f058";
    color: #f37321;
    font-weight: 400 !important;
}

.radio > label:before,
.checkbox > label:before,
.radio-inline:before,
.checkbox-inline:before,
input[type=radio] ~ label:before,
input[type=checkbox] ~ label:before {
    font-family: 'Font Awesome 5 Pro', FontAwesome, 'font awesome' !important;
    display: inline-block;
    letter-spacing: .5em;
    color: #535353;
    font-size: 1.15em;
    font-weight: 400 !important;
    left: -1.5em;
}


.radio > label.checked:before,
.checkbox > label.checked:before,
.radio-inline.checked:before,
.checkbox-inline.checked:before,
input[type=radio]:checked ~ label:before,
input[type=checkbox]:checked ~ label:before {
    letter-spacing: .5em;
    font-weight: 400 !important;
}

td [SubEvent] input[type=checkbox] ~ label:before {
    left: 4em;
}

.checkbox > label:before,
.checkbox-inline:before,
input[type=checkbox] ~ label:before {
    font-family: 'Font Awesome 5 Pro', FontAwesome, 'font awesome' !important;
    content: "\f0c8";
    color: #000;
    position: absolute;
    font-weight: 400 !important;
}

.radio > label:before,
.radio-inline:before,
input[type=radio] ~ label:before {
    font-family: 'Font Awesome 5 Pro', FontAwesome, 'font awesome' !important;
    content: "\f111";
    color: #000;
    font-weight: 400 !important;
}

.checkbox > label.checked:before,
.checkbox-inline.checked:before,
input[type=checkbox]:checked ~ label:before {
    font-family: 'Font Awesome 5 Pro', FontAwesome, 'font awesome' !important;
    content: "\f14a";
    color: #000;
    font-weight: 400 !important;
}

.radio > label.checked:before,
.radio-inline.checked:before,
input[type=radio]:checked ~ label:before {
    font-family: 'Font Awesome 5 Pro', FontAwesome, 'font awesome' !important;
    content: "\f058";
    color: #000;
    font-weight: 400 !important;
}

.Wizard-Data {
    display: block;
}

.Wizard-Controls {
    padding: 0 !important;
}

[id*=UpdatePanelRegistration] {
    display: inline-block !important;
}

div#EventProgramCodes_RegistrationSelectionHeader {
    display: inline-block;
    margin-bottom: 2rem;
}

[id*=AvailableProgramCodes] {
    display: table;
    position: relative;
    clear: both;
}

.DisableRadioImage tr {
    display: inline-block;
    width: 100% !important;
    margin-bottom: 1rem;
}

.RadioSelectionOption label {
    border: 1px solid #000;
    border-radius: 50px;
    color: #000 !important;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    background-color: #ede9e9;
}

.RadioSelectionOption input[type="radio"]:hover + label {
    background-color: #f37321 !important;
    font-weight: 700;
}

.SetRadioSelection input[type="radio"]:checked + label {
    font-style: normal !important;
    margin-bottom: 2rem;
    border: none;
    letter-spacing: 0.05em;
    background-color: #f37321 !important;
}

[id*=SalesHistory_Wrapper] > hr {
    display: none !important;
}

.swMain .stepContainer .StepTitle {
    border: none !important;
    background-color: transparent !important;
    color: #000 !important;
    font-weight: 700;
    font-size: 1.25em;
    white-space: normal !important;
    letter-spacing: 0.05em;
    width: 100%;
    float: left;
    display: inline-block;
}

.SubEvent-Accordion-Title > Div > .SubEvent-Title {
    white-space: normal !important;
    overflow: visible !important;
    width: 100% !important;
}

[id*=dlAdditionalProgram] td span {
    display: inline-block;
    top: 0;
    left: 0;
    clear: both;
    width: 100%;
}

.SubEventDescription {
    width: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-left: 2rem !important;
    display: inline-block;
}

.PriceInDescription {
    position: relative !important;
}

div#LEFTSIDE {
    float: left !important;
    text-align: left;
}

.SpinerEntryRow  {
    margin-left: 0 !important;
}

.riSingle {
    margin-left: 1rem;
}

.DataEntryRow {
    margin-left: 0 !important;
}



/*=================  POSTBACK SPINNER STYLING =================*/
.postback-spinner {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #777777a8;
}

    .postback-spinner i {
        top: 50% !important;
        position: relative;
        color: #f37321;
    }

/*========== RESTYLE COLORS TO MATCH SKIN =====
============ CONFERENCE TABS ==================*/
.tabs nav ul li, .swMain .anchor li {
    margin-right: 1rem !important;
}

.swMain ul.anchor li a.selected {
    background: #f37321 !important;
    color: #ffffff !important;
    cursor: default !important;
}

.swMain ul.anchor li a.done {
    background: #f37321 !important;
    color: #ffffff !important;
}

.swMain ul.anchor li a[disabled] {
    color: #ffffff !important;
    background: #f37321 !important;
}

    .swMain ul.anchor li a[disabled]:hover {
        color: #ffffff !important;
        background: #f37321 !important;
        opacity: .65;
        cursor: not-allowed !important;
    }

iframe[id*=EditComms] {
    height: 100% !important;
    min-height: 45vh;
}

iframe[id*=EditAddresses] {
    height: 100% !important;
    min-height: 60vh;
}

.Key-Text {
    font-size: .85em !important;
}

.LedgerCol-Header {
    top: -2.5em !important;
}

.hidden {
    visibility: hidden;
}

.swMain .stepContainer div.content, .swMain div.actionBar {
    background-color: transparent !important;
    border-top: none !important;
    min-height: 10vh;
}

#NextButton, #PreviousButton, .FormButton {
    padding: 0.5em 1.75em !important;
    margin-bottom: 1rem !important;
    line-height: 1.42857143 !important;
    text-align: center;
    text-decoration: none !important;
    background-image: none;
    border: 1px solid #777;
    border-radius: 0;
    letter-spacing: .05em !important;
    color: #fff !important;
    background-color: #777;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    text-transform: uppercase;
}

    a:hover#NextButton, a:hover#PreviousButton, .FormButton:hover {
        background-color: #f37321;
        color: #fff !important;
        border-color: #f37321 !important;
    }

.membershipSeperator {
    height: 9em !important;
}

.SubEvent-Accordion-Header {
    background-color: transparent !important;
    padding: 0 !important;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: .5em;
}

.Conference.TermsAndConditions p {
    font-size: 14px !important;
}

a.confLink, a:active.confLink, a:visited.confLink, [id*=TermsAndConditionsArea] [id*=TermsAndConditions] a, [id*=TermsAndConditionsArea] [id*=TermsAndConditions] a:active, .SubEvent-Accordion-Description a, .SubEvent-Accordion-Description a:active {
    text-decoration: none !important;
    color: #f37321 !important;
}

    a:hover.confLink, [id*=TermsAndConditionsArea] [id*=TermsAndConditions] a:hover, .SubEvent-Accordion-Description a:hover {
        text-decoration: underline !important;
    }

    a:focus.confLink, [id*=TermsAndConditionsArea] [id*=TermsAndConditions] a:focus, .SubEvent-Accordion-Description a:focus {
        outline: thin dotted;
    }

input#start {
    display: none;
}

.SubEvents-Capacity {
    margin-left: 0.5rem;
    top: -2rem !important;
    float: right;
    font-size: 1em !important;
    display: block !important;
    text-align: right;
}

div.stepContainer h2:first-of-type {
    display: none !important;
}

.status-text {
    font-size: 1em !important;
}

#HoverMessagebox_HoverMessage {
    background-color: #495886 !important;
    left: 60% !important;
}

div#ModuleTOPRight {
    min-width: 100% !important;
}

.swMain ul.anchor li a .stepNumber {
    display: none !important;
}

.swMain ul.anchor li a .stepDesc small {
    display: none !important;
}

.SubEvent-ProgramCode-Label {
    width: 100% !important;
}

[id*=CheckBoxAcceptTAC], [id*=TermsAndConditionsArea] [id*=TermsAndConditions] label {
    position: absolute;
    bottom: 0;
}

    [id*=CheckBoxAcceptTAC], [id*=TermsAndConditionsArea] [id*=TermsAndConditions] label::before {
        position: relative;
        bottom: 0;
    }

#rowLoginButtons label:before {
    position: relative !important;
}

.RadNotification.rnRoundedCorners {
    background-color: #fff !important;
    top: 800px !important;
}


/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 0px) and (max-width : 767.99px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 0px) and (max-width : 767.99px) {
    .Skin .headNavConf .noMobile {
        display: none;
    }
    
    [id*=dnn_Two_Third_Center_Pane] {
        padding: 0;
    }

    [id*=ModuleTOPLeft],
    [id*=ModuleTOPRight] {
        width: 100% !important;
        padding-left: .5em;
    }

    .swMain,
    [id*=EventSynopsis_Wrapper] {
        padding-right: .5em !important;
        padding-left: .5em !important;
    }

        .tabs nav ul, .swMain .anchor {
            width: 100%;
        }

        .swMain ul.anchor li a, .swMain ul.anchor li a * {
            width: 95%;
        }

    .Wizard-Controls {
        padding: 0 !important;
        padding-left: .5em !important;
    }

    [id*="AccordionRegisterSelection"] {
        display: none;
    }

    .FormControl {
        width: 100%;
        box-shadow: none;
    }

    [id*=AvailableProgramCodes] {
        width: 100%;
    }

    .LedgerLabelCol {
        width: 100% !important;
        padding-left: .5em;
    }

    .LedgerIndicatorCol {
        width: 80% !important;
        margin-left: 10% !important;
        margin-top: 15%;
    }

    .swMain .stepContainer .StepTitle {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .RadioSelectionOption label,
    .SetRadioSelection input[type="radio"]:checked + label {
        font-weight: 500 !important;
    }

    .SubEvent-Accordion-Header,
    .SubEvent-Accordion-Body,
    .SubEvent-Accordion-Body-Wrapper {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    span[typeof="SubEvent"][disabled="disabled"] {
        padding-left: .25em;
    }

    .SubEvent-ProgramCode-Controls {
        clear: both;
        width: 100% !important;
    }

    .PriceInDescription {
        margin-top: 0em !important;
    }

    [id*=EventPanelHolder],
    [id*=EventMasterLoader] {
        padding: 0;
    }

    .container {
        min-height: 550vh;
    }

    .swMain ul.anchor li a .stepNumber {
        padding: 0 !important;
    }

    .Skin .headNavConf {
        flex-direction: row;
        font-size: 1.5rem !important;
        width: 100% !important;
        padding: 0 2.5rem !important;
        top: 5rem;
    }

        .Skin .headNavConf a {
            border-right: none !important;
            font-weight: 400 !important;
        }

    .Skin .headLink {
        display: none !important;
    }

    [id*=upnlShoppingCart] {
        border-right: none !important;
    }

    .headConference {
        min-height: 12vh !important;
    }

    .LoginFormArea {
        max-width: 95%;
        overflow-x: scroll;
    }

    [id*=rowLoginLeft], [id*=rowLoginRight] {
        width: 100% !important;
        border: none !important;
    }

    [id*=rowUsername], [id*=rowPassword], [id*=rowUsername] > div, [id*=rowPassword] > div {
        text-align: left !important;
        width: 90% !important;
    }

    [id*=rowLoginRight] {
        width: 100% !important;
    }

    [id*=QuickContactData_Wrapper] {
        width: 100% !important;
        min-width: 90% !important;
        max-width: 100% !important;
    }

    .FormLabelCol {
        width: 50% !important;
    }

    .LedgerCol-Header {
        font-size: 1.25rem !important;
    }

    .SubEvent-Accordion-Title > Div > .SubEvent-Title {
        white-space: normal !important;
        height: auto;
        width: 100% !important;
    }

    .swMain .stepContainer .StepTitle, .StepTitle {
        border: none !important;
    }

    .SubEvent-Accordion-Image {
        width: 7% !important;
    }

    [id*=EventMasterLoadPanel_LoginIDData] {
        border: none;
    }

    .SubEventDescriptionWrapper {
        width: 100% !important;
    }

    [id*=EventSubEvents_Wrapper] {
        height: 100% !important;
    }

    .PriceInDescription {
        float: left;
    }

    .SubEvents-Capacity {
        float: left !important;
        text-align: left !important;
        top: -1.5em !important;
    }

    #HoverMessagebox_HoverMessage {
        left: 20% !important;
    }

    [id*=dlAdditionalProgram] td .radio > label::before,
    [id*=dlAdditionalProgram] .radio-inline::before,
    .Skin [id*=dlAdditionalProgram] input[type="radio"] ~ label::before, td [SubEvent] input[type=checkbox] ~ label:before {
        left: 0em;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 768px) and (max-width: 1024px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 768px) and (max-width: 1024.99px) {
    [id*=dlAdditionalProgram] td .radio > label::before,
    [id*=dlAdditionalProgram] .radio-inline::before,
    .Skin [id*=dlAdditionalProgram] input[type="radio"] ~ label::before, td [SubEvent] input[type=checkbox] ~ label:before {
        left: 4em;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===================== (min-width : 2000px)  ======================*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 2000px) {
    iframe[id*=EditAddresses] {
        min-height: 50vh;
    }

    iframe[id*=EditComms] {
        min-height: 35vh;
    }
}