/*========== 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: "\f111";
    color: #AAA;
    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: #007bff;
}

.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;
}

.SubEvent-Accordion-Body {
    width: 70%;
}

.PriceInDescription {
    margin-top: -1em !important;
    width: 80%;
}

[id*=EventMasterLoadPanel_LoginIDData] {
    border-top: 3px solid #555;
}

.DisableRadioImage input[type="radio"] {
    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-left: 0px solid #CCC;*/
    background-color: #fff !important;
    color: #000 !important;
}

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

.FormHead {
    color: #555 !important;
}

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

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

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

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

td [subevent] {
    padding: 1em;
    display: block;
    margin-bottom: .25em;
    box-sizing: border-box;
}

[SubEvent] input[type="checkbox"], input[type="radio"] {
    position: relative;
    vertical-align: top;
}

.dnnsmart_control input[type=checkbox], .dnnsmart_control input[type=radio] {
	border: 0;margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	height: unset !important;
	width: unset !important;
	clip: unset !important;
}

[id*="wcbForm"] .IsOther {
	width: 64% !important;
}

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

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

.swMain div.actionBar {
    min-height: 4em !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;*/
    float: left;
    display: inline-block;
}

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

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

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

#NextButton, #PreviousButton {
    padding: 9px 20px !important;
}

.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;
}

/*========== RESTYLE COLORS TO MATCH SKIN =====
============ CONFERENCE TABS ==================*/
.swMain ul.anchor li a.selected {
    background: #96CA4F !important;
    color: #fff !important;
    cursor: default !important;
    border: 1px solid #96CA4F !important;
}

.swMain ul.anchor li a.done {
    background: #96ca4fa6 !important;
    color: #000 !important;
    border: 0px solid transparent !important;
}

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

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

[id*=wcbForm] .IsOther {
    float: left;
}

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

.SubEvent-Accordion-Title {
    width: 70% !important;
}

[id*=ModuleTOPRight] {
    background-color: #fff;
} 

/*==================================================================*/
/*===== (min-width : 0px) and (max-width : 992.99px)  =================*/
/*==================================================================*/
@media screen and (min-width : 0px) and (max-width : 992.99px) {
    .SubEvent-Accordion-Body {
        
    }
    
    .PriceInDescription {
        width: 100%;
    }
}

/*==================================================================*/
/*===== (min-width : 993px) and (max-width : 1024.99px)  =================*/
/*==================================================================*/
@media screen and (min-width : 993px) and (max-width : 1024.99px) {
    .SubEvent-Accordion-Body {
        width: 65%;
    }
}

/*==================================================================*/
/*===== (min-width : 1025px) and (max-width : 150.99px)  =================*/
/*==================================================================*/
@media screen and (min-width : 1025px) and (max-width : 1050.99px) {
    .SubEvent-Accordion-Body {
        width: 60%;
    }
}

/*==================================================================*/
/*===== (min-width : 1025px) and (max-width : 1500.99px)  =================*/
/*==================================================================*/
@media screen and (min-width : 1025px) and (max-width : 1500.99px) {
    .SubEvent-Accordion-Body {
        width: 60%;
    }
}