/* SUB EVENTS OVERRIDES */
[id*=dlAdditionalProgram] td span {
    top: 0;
    position: relative;
    display: block;
}

[id*=dlAdditionalProgram] td .radio > label::before,
[id*=dlAdditionalProgram] .radio-inline::before,
.Skin [id*=dlAdditionalProgram] input[type="radio"] ~ label::before {
    content: "\f1db";
    color: #AAA;
    /*top: 0;*/
    position: absolute;
}

[id*=dlAdditionalProgram] td .radio > label.checked::before,
[id*=dlAdditionalProgram] .radio-inline.checked::before,
.Skin [id*=dlAdditionalProgram] input[type="radio"]:checked ~ label::before {
    content: "\f058";
    color: #337ab7;
}


.SubEvent-ProgramCode-Label {
    padding-left: 1.5em !important;
}

.SubEventLabel-DateTime .data-Font {
    padding-right: .5em !important;
}

/*      Commom override items   */
.data-Font {
    padding-right: .5em !important;
}

.SubEventDescription {
    padding: 0 !important;
}

[id*=divSelectedContact] {
    margin-top: 0px !important;
    border-top: 2px solid #0A8A0A !important;
}

.PriceInDescription {
    display: block;
    position: relative;
    top: -2em;
}

[id*=EventMasterLoadPanel_LoginIDData] {
    border-top: 2px solid #0A8A0A;
}

.DisableRadioImage input[type="radio"] {
    /*width: 0 !important;
              opacity: 0 !important;*/
    width: 1em !important;
    height: 1em !important;
    opacity: 1 !important;
    display: inline-block !important;
}

.DisableRadioImage tr,
.DisableRadioImage td,
.DisableRadioImage span {
    width: 100% !important;
    min-width: 70% !important;
    float: left;
    min-height: 16px !important;
    height: auto !important;
}

.RadioSelectionOption label {
    min-height: 16px !important;
    height: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #ccc !important;
    background-color: #ccc !important;
    color: #000 !important;
}

.RadioSelectionOption input[type="radio"]:hover + label {
    /*min-height: 16px !important;*/
    height: auto !important;
    float: left !important;
    width: 100% !important;
    min-width: 90% !important;
    max-width: 100% !important;
    border-radius: 3px !important;
    border: 1px solid #81b261 !important;
    background-color: #81b261 !important;
    padding: 10px !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: bold !important;
    margin-bottom: 1px !important;
    margin-Top: 1px !important;
}

.swMain .stepContainer .StepTitle, .StepTitle {
    background-color: transparent !important;
    padding: 10px !important;
    border: 0px solid #CCC !important;
    color: #337ab7 !important;
    letter-spacing: .05em !important;
    font-weight: bold !important;
    border-bottom: 1px solid #0A8A0A !important;
    margin-bottom: 10px !important;
}

.FormHead {
    color: #555 !important;
}

.SetRadioSelection input[type="radio"]:checked + label {
    /*min-height: 16px !important;*/
    height: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border: 0px solid transparent !important;
    background-color: #81b261 !important;
    font-style: normal !important;
    font-weight: bolder;
}

.LeftBorderSelect {
    border-left: 1em solid #CCC !important;
    color: #555 !important;
}


span[typeof="SubEvent"][disabled="disabled"] {
    border-left: 1em solid #ddd;
    color: #aaa;
}

td [subevent] {
    display: block;
    box-sizing: border-box;
}


.RadNotification {
    background: #fff !important;
}

.SubEvent-Accordion-Title > Div > .SubEvent-Title {
    width: 75% !important;
}

.SubEvent-UnSelectGroup {
    width: 15% !important;
}

.swMain ul.anchor li a .stepNumber {
    float: unset !important;
    /*padding: 10px !important;*/
}

.swMain ul.anchor li a .stepDesc {
    /*padding-left: 20px !important;*/
    font-weight: bold;
}

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

.swMain ul.anchor li a.done {
    background: #004b84 !important;
    color: #fff !important;
}

.swMain ul.anchor li a[disabled] {
    color: #fff !important;
    background: #337ab7 !important;
}

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

td [SubEvent] input[type=checkbox] ~ label:before,
td [SubEvent] input[type=radio] ~ label:before {
    vertical-align: text-top;
    position: relative !important;
    top: 1.5em;
}

[id*=dlAdditionalProgram] .FormLabel {
    padding-right: .5em;
}

[id*=ProgramCodesPanel] hr {
    display: none;
}

.StartOverButton {
    background-color: #fff !important;
}

#NextButton, #PreviousButton {
    font-weight: bold;
    padding: 9px 20px !important;
}

[id*=Save2],
[id*=EditAddressesWeb_btnAddNew],
[id*=EditCommsWeb_btnAddNew],
[id*=ButtonRegisterAndContinue],
[id*=ButtonRegisterToCart] {
    font-weight: bold;
}

.swMain div.actionBar {
    min-height: 4em !important;
    background-color: #7aa8cf1c !important;
}

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

[id*=ModuleTOPLeft],
[id*=ModuleTOPRight] {
    width: 100% !important;
}

.swMain .stepContainer div.content {
    color: #000 !important;
}

div#dynFormMembershipMessage_JOIN {
    background-color: transparent !important;
    box-shadow: none !important;
}

.ModNOAHConferenceC header {
    min-height: 0px !important;
}

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

.ui-widget-content {
    border: none !important;
}

.ui-accordion .ui-accordion-content {
    padding: 0 !important;
}

.tabs nav ul, .swMain .anchor {
    max-width: 100% !important;
}

.swMain .stepContainer div.content {
    padding: 0 !important;
}

.swMain ul.anchor li a.selected,
.swMain ul.anchor li a[disabled],
.swMain ul.anchor li a.done {
    height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.swMain ul.anchor li a.done {
    background-color: #015643bf !important;
}


.swMain ul.anchor li a .stepDesc {
    padding-top: 0.625em !important;
    padding-left: 0.625em !important;
}

.swMain ul.anchor li a.selected:hover {
    border: 1px solid #81b261 !important;
    background: #81b261 !important;
}

.swMain ul.anchor li a[disabled],
.swMain ul.anchor li a[disabled]:hover {
    height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #81b2614f !important;
    color: #00000078 !important;
}

[id*=MultipleUserSelection_AccordionRegisterSelection].ui-widget-content {
    display: none;
}

.swMain .stepContainer .StepTitle {
    color: #000 !important;
}

[id*=rowPickCompany] b {
    color: #81b261 !important;
}

#NextButton, #PreviousButton
{
    color: #fff;
}

.SubEvent-UnSelectGroup {
    float: unset !important;
}

.SubEvent-Accordion-Description {
    padding-bottom: 0em !important;
}

.LedgerIndicatorCol {
    width: 30% !important;
}

.LedgerLabelCol {
    width: 68% !important;
}

.swMain div.actionBar {
    border: none !important;
}

[id*=TermsAndConditionsArea] [id*=TermsAndConditions] label,
[id*=TermsAndConditionsArea] [id*=TermsAndConditions] span,
[id*=rowPickCompany] {
    margin-left: .75em;
}

td [SubEvent] label {
    margin-bottom: 0;
}

.ConferenceSubEvent label {
    margin-bottom: 0;
}

.Donation-Text {
    color: #81b261 !important;
}

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

#AddEmployeeData {
    text-align: left !important;
}

.ConferenceTextBox {
    width: 75% !important;
}

/*========== ONLY THE CHECKBOX OR RADIO BUTTON IS CLICKABLE ==========*/
.ConferenceSubEvent {
    pointer-events: none;
}

[id*=SubEvent] .checkbox > label::before,
[id*=SubEvent] .checkbox-inline::before,
[id*=SubEvent] input[type="checkbox"] ~ label::before,
[id*=SubEvent] .radio > label::before,
[id*=SubEvent] .radio-inline::before,
[id*=SubEvent] input[type="radio"] ~ label::before {
    pointer-events: visible;
    /*cursor: copy;*/
}

.RadInput_NOAH.riSingle .riTextBox {
    pointer-events: visible;
    cursor: text;
}

.ConferenceTextBox {
    pointer-events: visible;
}

.SubEvent-ProgramCode-ExtendedData-Helper {
    pointer-events: visible;
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 320px) and (max-width : 767.99px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 320px) and (max-width : 767.99px) {
    .swMain div.actionBar {
        min-height: 15vh !important;
    }
}