/* CSS Document */

/*New*/
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #ee295e;
}

.navbar .container-fluid:before {
    display: none;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 114px;*/
/*    font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;*/
}

#footer {
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
    /* Set the fixed height of the footer here */
    /*height: 114px;*/
}

#container {
    /*margin-bottom: 114px; /*otherwise bottom of form gets gobbled up*/
}

/*-------------------------------------------------------------	and we're good. */

body {
/*    background-color: #fff;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;*/
}

    body.media {
/*        zoom: inherit;
        overflow: auto;
        margin-top: 0;*/
    }

#loader {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    padding: 15px;
}

body.no-js {
    background-color: #fff;
}

    body.no-js #loader {
        display: none;
    }

    body.no-js #container {
        display: block;
    }

#container {
    display: none;
}

#innerContainer {
    /*background-color: #fff;*/
}

#masthead {
    background-color: #131f5b;
}

    #masthead a img {
        margin: 0;
    }

.mobile #masthead {
    margin: 0;
}

#masthead-inner {
    max-width: 1200px;
    margin: 0 auto 0px auto;
    height: 70px;
    position: relative;
}

.mobile #masthead-inner {
    padding: 10px 5px;
    height: 55px;
}


#masthead-text {
    float: right;
    margin-top: 0;
    text-align: right;
}

.mobile #masthead #masthead-text {
    /*margin-top: -4px;*/
    max-width: 150px;
}

#main-logo {
}

.mobile #main-logo {
    max-width: 150px;
}

#outerContent {
    border-top: solid 35px #ee295e;
}

#content {
    padding-top: 3rem;
}

.mobile #content {
    /*padding: 0 7px;*/
}

/*.container-fluid {
    max-width: 1765px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }
}*/

/*.footer img {
        margin: 5px 10px;
    }*/

@media (min-width: 768px) {
    .col {
        padding: 0 calc(5% + 40px) 0 5%;
    }
}

.col {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

.sand-bg {
    background: #f5f5f5;
}

#footer-inner {
    /*max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;*/
}

.terms {
    background: #e9e9e9;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*invites page on front end - a UX pain*/

#InviteManagerClients.mobile #content {
    padding: 5px;
    margin-top: 10px;
}

#InviteManagerClients.mobile #updReport {
    float: none !important;
}

#InviteManagerClients.mobile #gvwInvites, #RegGroup.mobile #grGroupUser {
    font-size: 0.725em;
}

    #InviteManagerClients.mobile #gvwInvites td, #RegGroup.mobile #grGroupUser td {
        padding: 3px;
    }

    #InviteManagerClients.mobile #gvwInvites input[type=checkbox] {
        width: 15px;
        height: 15px;
    }


#gvwInvites tr.valid {
    background-color: #c9e6ca;
}
/*overrides*/

legend {
    font-weight: 700;
    font-size: 1.5em;
    color: #131f5b;
}

h3 {
    font-size: 1.25em;
    font-weight: 700;
    margin-top: 10px;
}

h4, ul li h4 {
}

h5 {
}

label {
    font-weight: 600;
}

strong {
    font-weight: 600;
}
/* FORM  & SUMMARY STYLING */
/*--------------------------------------------------------------*/

/*re-define html elements*/

form {
    margin: 0px;
    padding: 0px;
}

div.ruler {
    height: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}

    div.ruler hr {
        display: none;
    }
/*form and summary table styling*/

/*stop iOS from stuffing up display*/
/*.mobile .form-control {
    font-size: 16px;
}

.form-control {
    font-family: "Source Sans Pro", sans-serif;
}*/
/*panel stuff*/

.tab-content {
    /*background: url(../pics/panel_bg.gif) repeat-x left top;*/
    padding: 15px;
    border-top: 1px solid #bbb;
    border-right: solid 1px;
    border-left: solid 1px;
    margin-top: -1px;
    -moz-border-image: -moz-linear-gradient(top, #bbb 100%, rgba(0,0,0,0) 0%);
    -webkit-border-image: -webkit-linear-gradient(top, #bbb 100%, rgba(0,0,0,0) 0%);
    border-image: linear-gradient(to bottom, #bbb 0%, rgba(0,0,0,0)100%);
    border-image-slice: 1;
}

@media (max-width: 736px) {
    .tab-content {
        padding: 5px;
    }
}
/*mixed use zone and registration panel override, while in registration mode*/

.minister-details .tab-content, .minister-aide .tab-content {
    background: none;
    padding: 0;
    border: 0px none;
    margin-top: 0;
}

.nav-tabs > li a {
    background-color: #eee;
    border: solid 1px #ddd;
    border-bottom: 1px transparent;
    text-decoration: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #fff;
    border-color: #bbb;
    border-bottom-color: #fff;
    color: #ee295e;
    font-weight: bold;
}

/*.nav-pills > li {
    float: left;
    margin-right: 5px;
}

    .nav-pills > li > a {
        text-decoration: none;
        color: #131f5b;
        background-color: #fff;
        border: solid 1px #ddd;
    }

    .nav-pills > li.active > a {
        background-color: #ee295e;
        color: #fff;
        font-weight: bold;
        border: solid 1px #ee295e;
    }

        .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
            background-color: #ee295e;
        }*/

/* #region Flexbox Primary nav */
@media (max-width: 1024px) {
    .nav > li > a {
        font-size: 13px;
        padding: 7px;
    }
}

/*@media (max-width: 736px) {
    .primary {
        display: flex;
        flex-wrap: wrap;
    }

        .primary li {
            order: 0;
            margin-top: 4px;
            padding-bottom: 2px;
        }

        .primary.nav-tabs li a {
            border-bottom: 1px solid #bbb !important;
            border-color: #aaa !important;
            border-radius: 4px !important;
        }

        .primary.nav-pills li a {
            border-radius: 8px !important;
        }

        .primary.nav-tabs li.active {
            order: 1;
            margin-bottom: -1px !important;
            height: 40px;
        }

            .primary.nav-tabs li.active a {
                border-radius: 4px 4px 0 0 !important;
                border-bottom-color: #fff !important;
                height: 40px;
            }

    .tab-pane.active .nav-tabs.primary li.active a {
        border-bottom-color: #e3e3e3 !important;
    }
}*/

/* #endregion Flexbox Primary nav */

/*alerts*/

    .text-danger strong, strong.text-danger, strong .text-danger, .text-success strong, strong.text-success, strong .text-success, .text-warning strong, strong.text-warning, strong .text-warning, .text-info strong, strong.text-info, strong .text-info {
        font-weight: 600;
    }
/* Form Element Definitions */
/*--------------------------------------------------------------*/

/*fieldsets and legends*/

/*fieldset {
    margin: 0 0 1.5em;
}
*/
    fieldset legend {
    }

/*legend.required span.required {
    color: #dd0000;
    margin-left: 5px;
}
*/
/*prevent inheritence concept*/
/*make the prevent-inherit stop colour inheritence all levels deep*/
/*override it 1 level deep with the appropriate colour*/

/*prevent inherit labels*/

/*.has-success li div.prevent-inherit label, .has-error li div.prevent-inherit label {
    color: #333;
}

.has-success li div.prevent-inherit ol li ol.has-success > li > label {
    color: #3c763d;
}

.has-success li div.prevent-inherit ol li ol.has-error > li > label {
    color: #a94442;
}*/

/*prevent inherit form controls */

/*.has-success li div.prevent-inherit .form-control, .has-error div.prevent-inherit .form-control {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-success li div.prevent-inherit .form-control:focus, .has-error div.prevent-inherit .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.has-success li div.prevent-inherit ol li ol.has-success > li .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-success li div.prevent-inherit ol li ol.has-success > li .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    }

.has-success li div.prevent-inherit ol li ol.has-error > li .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-success li div.prevent-inherit ol li ol.has-error > li .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }
*/

fieldset.parsley-ignore ul.help-block {
    display: none !important;
}

/*fieldset demogs list items*/

.demogs-block fieldset ol, .demogs-block ol {
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .demogs-block fieldset li, fieldset.form-group li, .demogs-block ol.controls li {
        float: left;
        clear: left;
        width: 100%;
        list-style-type: none;
        vertical-align: top;
    }


fieldset .controls ul.help-block, .demogs-block .controls ul.help-block, {
    padding-left: 1.5em;
    font-size: 0.875em;
}

fieldset .controls .help-block li, .demogs-block .controls .help-block li {
    list-style-type: inherit;
}

fieldset .label-spacer {
    display: table-cell;
    padding: 5px 0px;
    width: auto;
}

fieldset .radCheck.radio input, fieldset .radCheck.checkbox input, fieldset .radCheck input.radio, fieldset .radCheck input.checkbox, fieldset input#chkUppercase {
    float: left;
    margin-right: 0.5em;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0.5em;
    min-height: inherit;
    font-weight: normal;
}

/*important to override bootstrap form-horizontal height shenanigans*/

.demogs-block .radio.radCheck, .demogs-block .checkbox.radCheck {
    min-height: 1.45em;
}

/*fieldset labels - checkbox and radio arrays*/

fieldset li.radCheck {
    margin-top: 0;
}

fieldset .radCheck.checkbox .radCheck.checkbox, fieldset .radCheck.radio .radCheck.radio, fieldset .radCheck.checkbox .radCheck.radio, fieldset .radCheck.radio .radCheck.checkbox { /*indent tree style from 2nd level onwards*/
    margin-left: 20px;
}

fieldset .radCheck select.dropdown, fieldset .normal select.dropdown {
    margin-bottom: 0.4em;
}

fieldset .radCheck select.dropdown {
    clear: both;
}

fieldset .normal input {
    margin-left: 0px !important;
    margin-top: 0px;
}

/*fieldset labels - normal*/

fieldset .normal label, fieldset .radCheck.radio .normal label, fieldset .radCheck.checkbox .normal label {
    /*line-height: 2em;*/
    font-weight: 500;
}

fieldset label.fieldsetLabel, fieldset .radCheck label.fieldsetLabel {
    font-weight: 500;
}

/*fieldset label.form-label.required {
    padding-right: 0px;
}

fieldset label.required span.required {
    color: #dd0000;*/
/*    margin-left: 10px;
    font-size: 0.857em;
*//*}*/

/*fieldset label - normal single*/
fieldset .normalSingle label, fieldset .radCheck.radio .normalSingle label, fieldset .radCheck.checkbox .normalSingle, fieldset .radCheck label {
    clear: both;
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    white-space: normal;
    margin-top: 2px;
    min-height: 30px;
    font-weight: 500;
}

/*fieldset labels - checkbox and radio arrays*/

fieldset .radCheck.radio > label, fieldset .radCheck.checkbox > label {
    text-align: left;
    padding-top: 0px;
    display: block;
    font-weight: normal;
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    margin-top: 0;
    float: left;
}

/*fieldset labels - empty*/

fieldset .normal label.empty, fieldset .radCheck label.empty {
    width: 0px;
    padding: 0px;
    margin: 0px;
}

/*exceptions*/

fieldset .invites label {
    font-weight: normal;
}

fieldset .invites div {
    padding-left: 5px;
    padding-right: 5px;
}

fieldset .invites .col-md-1 {
    width: 8.333333%;
}

fieldset .invites .col-md-2 {
    width: 14%;
}

#tdCheck fieldset {
    border: none 0px;
    margin: 0px;
    padding: 0px;
}

label.disabled {
    color: #bbb !important;
    cursor: default;
}

#emailOptOut legend {
    font-weight: bold;
    font-size: 1em;
}

#RegQuestions4 fieldset {
    /*width: 50%;
    padding-right: 15px;
    display: inline;*/
}

/*.demogs-block fieldset legend {
    font-size: 1.25em;
    font-weight: 600;
    border-bottom: 0px none;
    line-height: 1.15;
    color: #4a4a4a !important;
}*/

    .demogs-block fieldset legend span.override {
        font-weight: 700;
        font-size: 1.25em;
        color: #131f5b;
        border-bottom: 1px solid #e5e5e5;
    }

#RegQuestions4.mobile fieldset:nth-child(2n) {
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
}

@media only screen and (max-width : 767px) {
    #txtDiscountCode {
        margin-bottom: 5px;
    }
}

#radPurchaseOrder label {
    margin-left: 5px;
}
/*custom form element classes*/


span.radio, span.checkbox {
    display: inline;
    margin-right: 20px;
}

    span.radio input[type="radio"], span.checkbox input[type="checkbox"] {
        margin-left: 0px;
    }

.form td .textfield, .form td .textarea, .form td .dropdown, .form td .button { /*pulls input boxes up to align with label text*/
    margin-top: -3px;
}

.form td .checkbox input {
    margin-top: -2px;
}

#SummaryGrid1_AwesomeGridView input {
    width: 35px;
}

.buttons-multi-line {
    line-height: 3.2em;
}

td.required {
    background-image: url(../pics/icon_req.gif);
    background-repeat: no-repeat;
    width: 25px;
    background-position: 10px 6px;
    font-size: 0px;
}

p.required {
    font-weight: bold;
    margin: 2px 0px 3px 0px;
    color: #AAA;
}

/*span.required {
    color: #C00;
}
*/
div.required {
    background-image: none;
}


p.formInfo, span.formInfo {
    font-size: 11px;
}

.outstanding {
    border: solid 1px #CC0000 !important;
    background-color: #FFCCCC !important;
}


#flUpload {
    border: solid 1px #CCC;
    display: inline;
}


    fieldset#addressDetails legend, fieldset.address-details legend {
        display: none;
    }

/*country control styling*/

#countryStateAddressLookup_addressPOBoxText {
    padding: 10px 0 0 20px;
}

.telephone-code {
    padding-top: 7px;
}

.no-padding.telephone-code {
    padding-top: 7px !important;
}

#trPhone .col-md-2.no-padding, #countryStateAddressLookup_trMobile .col-md-2.no-padding {
    white-space: nowrap;
}

/* thundermark specific hiding of country row*/

.country-main {
    display: none;
}

.adviser #addressDetails, .client #addressDetails {
    display: none;
}

/* sponsor logo stuff */
.logo-sponsor img {
    /*hide until new sponsor comes online*/
    /*display: none;*/
    border: 0 none;
    max-height: 139px;
}

.logo-sponsor {
    /*hide until new sponsor comes online*/
    /*display: none;*/
    float: right;
}

.mobile .logo-sponsor {
}

    .mobile .logo-sponsor img {
        max-width: 150px;
        max-height: 70px;
    }

#pressSponsor {
    display: none;
}

.press #visitorSponsor {
    display: none;
}

.press #pressSponsor {
    display: block;
}

.exhibitor .logo-sponsor {
    display: none;
}

/*general ux stuff*/

.logout {
    margin-bottom: 15px;
}

.hidden {
    display: none;
}


/*Session booking*/

body#RegEvents2 .day1 {
    color: #ee295e;
    background: #131f5b;
}

/* TIMETABLE CLASSES */
/*-------------------------------------------*/

.timeTable {
}

table.timeTable td {
    padding: 4px;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #EEE;
}

.time {
    background-color: #fdfdfd;
    white-space: nowrap;
}


/* PRICING TABLE */
/*-------------------------------------------*/


table.pricing {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}


    table.pricing th {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        font-weight: bold;
        background-color: #9a9a9a;
        color: #FFF;
        padding: 5px;
    }

    table.pricing td {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        padding: 5px;
    }

.mobile table.pricing td, .mobile table.pricing th {
    font-size: 11px;
    padding: 3px;
}
/*parent booking*/
tr.parent td {
    color: #BBB;
}

tr.newpayment td {
    background: #fc3;
    color: #000;
}

tr.newEvent td {
    background: #f60;
    color: #000;
}

/* SEARCH RESULTS TABLE */
/*-------------------------------------------*/

table.gridview {
    /*font-size: 0.786em;*/
}

    /*headers*/

    table.gridview th, table.table.gridview th {
        padding: 5px;
        margin: 0px;
        /*background-image: url(../pics/tab_bg.gif);
	background-repeat: repeat-x;*/
        background-color: #9a9a9a !important;
        border: solid 1px #CCCCCC;
        border-top: solid 1px #CCCCCC !important;
        color: #FFFFFF;
        white-space: normal !important;
    }

    table.gridview.table > thead > tr > th {
        vertical-align: middle;
    }

    table.gridview tr.sub-heading td, table.gridview tr.sub-heading th {
        font-weight: bold;
        background-color: #ddd;
    }

.gridview td.header, .gridview th.header {
    margin: 0px;
    /*background-image: url(../pics/tab_bg.gif);
	background-repeat: repeat-x;*/
    background-color: #9a9a9a !important;
    border: solid 1px #CCCCCC;
    color: #FFFFFF;
    vertical-align: top;
}

.gridview th a, .gridview th a:visited, .panelContainer .gridview th a, panelContainer .gridview th a:visited {
    color: #FFF;
    display: block;
    margin: -5px;
    padding: 5px;
    padding: 5px;
    text-decoration: underline;
}

    .gridview th a:hover {
        color: #FFF !important;
        background-color: #333;
        text-decoration: none;
    }

.gridview th.headerAsc, .gridview th.headerDesc {
    background-color: #666 !important;
}

    .gridview th.headerAsc a, .gridview th.headerDesc a {
        background-repeat: no-repeat;
        background-position: right top;
        padding: 5px 20px 5px 5px;
    }

        .gridview th.headerAsc a, .gridview th.headerAsc a:hover {
            background-image: url(../pics/icon_grid_asc.gif);
        }

        .gridview th.headerDesc a, .gridview th.headerDesc a:hover {
            background-image: url(../pics/icon_grid_desc.gif);
        }

            .gridview th.headerDesc a:hover, gridview th.headerDesc a:hover {
                background-repeat: no-repeat;
                background-position: right top;
                color: #FFF;
            }

/*rest*/

.gridview td {
    padding: 3px 5px 2px 5px;
    margin: 0px;
    border: solid 1px #CCCCCC;
    white-space: normal !important; /*for mobile, we need to still be as compact as possible*/
}

    .gridview td .btn {
        margin-bottom: 0.35em;
        font-size: 14px;
    }

    .gridview td textarea.form-control {
        min-width: 50px;
    }

tr.editRow {
    background-color: #bfe5f1 !important;
}

/*info at top of table results*/

.gridviewInfo {
    margin: 5px 0px;
}

table.gridview .searchTotal {
    margin: 0px;
    font-size: 1.273em;
}

    table.gridview .searchTotal a {
        font-weight: normal;
    }

    table.gridview .searchTotal input {
        font-weight: bold;
    }

/*search nav at bottom*/

#pageButtons, #pageButtons2 {
    background-color: #6badd6;
    background-image: url(../pics/grid_pagebuttons_back.gif);
    border-collapse: collapse;
}

    #pageButtons td, #pageButtons2 td {
        padding: 3px;
        margin: 0px;
    }

        #pageButtons td .button, #pageButtons2 td .button {
            margin-top: 0px;
        }

/*table with numbers inside pageButtons*/

td#pageNumbers, td#pageNumbersTop {
    width: 1%;
    padding-right: 5px;
    padding-left: 5px;
}

    #pageNumbers table, td#pageNumbersTop table {
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
    }

        #pageNumbers table td span, td#pageNumbersTop table td span {
            font-weight: bold;
            font-size: 12px;
        }

#pageNumbers a, #pageNumbersTop a, #pageNumbers a:visited, #pageNumbersTop a:visited {
    color: #FFFFFF;
}

    #pageNumbers a:hover, td#pageNumbersTop a:hover {
        color: #c3effd;
        text-decoration: underline;
    }

/*gridview timetable classes*/

tr.pending td {
    background-color: #ffd861;
}

tr.accepted td {
    background-color: #a5efa8;
}

tr.free td {
    background-color: #fff;
}

tr.reschedule td {
    background-color: #ffab61;
}

tr.unbookable td, tr.slotdescription td {
    background-color: #ffd1d1;
}

#meetingRequest tr.accepted td {
    background-color: #ffd1d1;
}

/*unpaid/unvetted users*/

tr.unpaid td {
    background-color: #ffd1d1;
}

/*rejected users*/
tr.rejected td {
    background-color: #333;
}

/* tab panels */

.panelContainer {
    border: 0px none;
    border-collapse: collapse;
    margin: 10px 0px;
    padding: 0px;
    width: 100%;
}

    .panelContainer th.active {
        background: #dddddd;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC !important;
        border-bottom: 1px solid #DDD !important;
        border-left: 1px solid #CCC;
    }

    .panelContainer th {
        border-top: 1px solid #EEE;
        border-right: 1px solid #EEE;
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #EEE;
        padding: 5px;
        text-align: center;
        background: #f7f7f9;
        font-size: 0.857em;
    }

        .panelContainer th a {
            color: #ee295e;
        }

            .panelContainer th a:hover {
                color: #ee295e;
            }

        .panelContainer th.active a {
            color: #ee295e;
        }


.panel {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 0px none;
    padding: 15px;
    background: url(../pics/panel_bg.gif) repeat-x left top;
}

/*Standalone Panel*/

.panelStandAlone {
    border: 1px solid #CCCCCC;
    padding: 15px;
    background: url(../pics/panel_bg_light.gif) repeat-x left top;
    margin-bottom: 15px;
}


#discCode {
    display: none;
}

/*File upload*/

#FileUpload {
    border: solid 1px #CCC;
    display: inline;
}

input.upload {
    /*margin-left: 120px;*/
}

#fileupload div {
    /*margin: 5px 0px;*/
}

    #fileupload div input[type="file"], #FileUpload1 {
        border: solid 1px;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 6px 12px;
    }

    #fileupload div label {
        /*width: 96px;
	float: left;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	text-align: right;
	line-height: 16px;
	padding-right: 15px;
	margin-right: 9px;
	padding-top: 2px;*/
    }

        #fileupload div label.required {
            /*background: url(../pics/icon_req.gif) no-repeat right 5px;*/
        }

    #fileupload div span {
        /*font-size: 12px;*/
    }

#imageLabel, .panel td a {
    /*font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;*/
}

a.doc {
    background: url(../pics/icon_doc.gif) no-repeat left top;
    padding: 2px 0px 3px 20px;
}

a.excel {
    background-image: url(../pics/icon_xls.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 25px;
}

.panel h3 {
    margin-top: 5px;
}

#trLogo td, #pressReleaseLink td, #salesMaterialLink td {
    border-bottom: 1px solid #CCCCCC !important;
    padding-bottom: 7px;
}

#trLogo ul {
    padding: 0px;
    margin: 0px;
}

/*icon classes*/

.doc, .pdf, .xls {
    background-repeat: no-repeat;
    background-position: 3px 5px;
    padding: 5px 5px 5px 25px !important;
}

.doc {
    background-image: url(../pics/icon_doc.gif);
}

.pdf {
    background-image: url(../pics/icon_pdf.gif);
}

.xls {
    background-image: url(../pics/icon_xls.gif);
}

/*admin login*/

#btnPanel {
    border: 1px solid #CCCCCC;
    padding: 5px;
    background: #f7f7f9;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/*Modal Popup*/
/*specific popups*/
#programmaticModalPopupBehavior_foregroundElement, #emmailDemogPanel {
    /*width: 400px;*/
}

table.modalPopup, div.modalPopup {
    background-color: #fff;
    width: 100%;
}

    table.modalPopup td, div.modalPopup {
        padding: 10px;
    }

/*Badge Preview*/


/*table#badgePreview{
	border: solid 1px #CCC;
	width: 300px;
	height: 210px;
	background-color: #f1f1f1;
	vertical-align: middle;
}

table#badgePreview td{
	padding: 20px;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}*/

/* Badge background on thanks page*/
#trBadgeInfo {
    margin-bottom: 1em;
    font-weight: bold;
    max-width: 630px;
}

    #trBadgeInfo .top {
        background-image: url(../pics/badge-hole.png);
        background-repeat: no-repeat;
        background-position: center center;
        height: 4em;
    }

#step5 #trBadgeInfo .top { /*editable one*/
    background-image: url(../pics/badge-hole.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 4em;
}

#trBadgeInfo .top.big5 {
    background-color: #000;
}

#trBadgeInfo .top.both {
    background-color: #ee295e;
}

#badgeBody {
    background-color: #eeefef;
    border-right: dotted 2px #CCC;
    border-left: dotted 2px #CCC;
    border-bottom: dotted 2px #CCC;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}

#badgeContent {
    background-color: #FFF;
    padding: 30px 10px 10px 10px;
    text-align: center;
}

    #badgeContent span {
        font-size: 2em;
    }

#badgeBottom {
    clear: both;
    text-align: left;
    margin-top: 30px;
}

    #badgeBottom img {
        height: 40px;
        margin-right: 15px;
    }

    #badgeBottom .both img:nth-child(2), #badgeBottom .both img:nth-child(3) {
        height: 45px;
    }

#trBadgeInfo h3 {
    float: right;
    text-align: right;
    margin-top: 0px;
}

/*Exhibitor badge printing*/

#pnlSuccessfullBadgePrint a {
    background-repeat: no-repeat;
    background-position: 7px 11px;
    padding: 10px 10px 10px 30px !important;
    background-image: url(../pics/icon_pdf.gif);
}

#273_15343 {
    color: #31708f !important;
}


/*miscellaneous*/

.has-success > li label[id$="DemogsBottom_273_15343"] {
    color: #31708f !important;
}


#RegGroup #filterButton {
    min-width: 211px;
}

.action-buttons .button {
    display: block;
    margin-bottom: 10px;
}

.facebook {
    margin-left: 10px;
}

    .facebook img {
        vertical-align: inherit;
    }

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.label-spacer {
    display: table-cell;
    padding: 5px 0px;
    width: auto;
}

.pink {
    color: #213066;
}

.activeItem {
    background-color: Yellow;
}

.veryActiveItem {
    background-color: Orange;
}

.form .firstColumn {
    background: #f2f2f2;
    padding-left: 3px;
}

.form .secondColumn {
    padding-left: 3px;
}

table.pitch img {
    float: right;
    margin-left: 7px;
    margin-bottom: 7px;
    margin-top: 3px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

table.pitch {
    width: 600px;
}

/*reg type specific visibility overrides*/
.minister-admin .text-info.invite, .press .text-info.invite, .tutor .text-info.invite, .wtm-leader .text-info.invite, .monday-trade .text-info.invite {
    display: none;
}

h2.cape-town, h2.johannesburg {
    display: none;
}

body.cape-town h2.cape-town, body.johannesburg h2.johannesburg {
    display: block;
}

.minister-aide #btnSkip {
    margin-top: 10px;
}

.minister-details #completelogoutPanel, .minister-aide #completelogoutPanel {
    display: none;
}

.hosted-buyer #LanguageSelector_pnlLanguage {
    display: none;
}
/* translation control*/
#LanguageSelector_pnlLanguage {
    position: absolute;
    top: 3px;
    display: none;
}

    #LanguageSelector_pnlLanguage table {
        float: right;
        display: none;
    }

        #LanguageSelector_pnlLanguage table td {
            padding: 5px;
            font-size: 0.725em;
            vertical-align: middle;
            display: none;
        }

    #LanguageSelector_pnlLanguage a {
        color: white;
        text-decoration: none;
        display: none;
    }

        #LanguageSelector_pnlLanguage a:hover {
            text-decoration: underline;
            display: none;
        }

/*hiding help file for exhibitors*/
.help {
    display: none;
}

/* InGo Social Media Widget*/
#socialWidget {
    width: 65%;
    margin: 20px auto;
}

@media (max-width: 768px) {
    #socialWidget {
        width: 100%;
    }
}

#IngoAmplifier {
    margin-bottom: 15px;
}

/* Badge background on thanks page*/
#tblVisitor, #badgePreview table {
    border: solid 1px #CCC;
    border-collapse: collapse;
    height: 201px;
    width: 250px;
    margin-bottom: 1em;
}

    #tblVisitor td, #badgePreview table td {
        background-image: url(../pics/badge-bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
    }

    #badgePreview table td {
        padding-top: 25px;
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
    }

#badgePreview {
    margin-top: 15px;
}

.datapilot {
    float: right;
    margin-left: 5px;
}

/*recorded delivery*/
#recordedDelivery {
    margin-top: 15px;
}

/*Thanks page*/
/*-------------------*/

#InfoPanel {
    padding: 0px;
}

@media (min-width: 991px) {
    #InfoPanel {
        padding: 0px 15px 15px 15px;
    }
}

.pi-row {
    clear: both;
    padding: 5px;
}

.rhs {
    padding-right: 0px;
    padding-left: 0px;
}

.lhs {
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 991px) {
    .rhs {
        padding-right: 0px;
        padding-left: 15px;
    }

    .lhs {
        padding-left: 0px;
        padding-right: 15px;
    }

    .pi-row {
        display: table;
        content: " ";
    }

    #SiteMessageRHS a.btn {
    }
}

/* Registration repeater*/

a.disabled {
    color: #bbb;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
}

span.disabled {
    color: #bbb !important;
}

.has-error .disabled {
    color: #a94442 !important;
}

.ticket.disabled, .ticket.disabled fieldset legend, .ticket.disabled .has-error .form-label, .ticket.disabled span.required, .ticket.disabled select, .ticket.disabled textarea, .ticket.disabled input:not([type="submit"]), .ticket.disabled h2, .ticket.disabled .has-error, .ticket.disabled .has-error label, .ticket.disabled .has-success label {
    color: #bbb !important;
    border-color: #bbb;
}




/*AJAX loading stuff*/
/*-------------------*/
button, button .spinner {
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
}

    /*containing the spinner, MUST be relative*/
    button.spinner-button, .spinner-panel {
        position: relative;
    }

    button[data-style=expand-left][data-loading] {
        padding-left: 32px;
    }

        /*actual spinner*/
        button[data-style=expand-left][data-loading] .spinner {
            left: 16px;
        }

    button[data-loading] .spinner, form[data-loading] .spinner {
        opacity: 1;
    }

    button span.spinner {
        position: absolute;
        z-index: 2;
        display: inline-block;
        top: 50%;
        margin-top: 0;
        opacity: 0;
        pointer-events: none;
    }

.spinner-panel {
    background-color: #fff;
    opacity: 0.8;
    z-index: 1002;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

body.spinner .spinner-panel {
    position: fixed;
    z-index: 1002;
    margin-top: -10px;
}


ol .spinner-panel {
    margin-top: -30px;
    height: calc(100% + 30px);
}

.spinner-parent-panel {
    position: relative;
}

/* #region LDS Spinner */

.lds-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 37px;
            width: 6px;
            height: 18px;
            border-radius: 20%;
            background: gray;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/* #endregion LDS Spinner */

.spinner-text {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
}


/* Pure CSS page loader - used to wait until JS loads, else displays no javascript message*/

#floatingCirclesG {
    position: relative;
    width: 125px;
    height: 125px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -webkit-animation: 0s ease 10s normal forwards 1 fadeout;
    animation: 0s ease 10s normal forwards 1 fadeout;
}

.f_circleG {
    position: absolute;
    background-color: rgb(255,255,255);
    height: 22px;
    width: 22px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#frotateG_03 {
    left: 51px;
    top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#frotateG_05 {
    right: 0;
    top: 51px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}



@keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}


#noJavascript {
    -webkit-animation: 15s ease 0s normal forwards 1 fadein;
    animation: 15s ease 0s normal forwards 1 fadein;
    text-align: center;
    margin: 0px auto;
    max-width: 300px;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/*cards*/
.card {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    margin-bottom: 40px;
    padding: 25px;
}