/*re-formatting of main page for toolbar*/

#content.affix-adjust {
    min-height: 1600px;
}

#navbar-main {
    /* Added `.affix-top` class css when the element is top */
    /* Added `.affix` class css when the element is >= 170px (Look: line 8 html) */
    /* Added `.affix-bottom` class css when the element is footer */
    border-radius: 0;
    overflow-y: auto;
    /*overflow-y:initial;*/
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: scrollbar;
}

    #navbar-main .navbar {
        margin-bottom: 0;
    }

    #navbar-main .container {
        padding: 0;
        max-width: 1140px;
        width: auto;
    }

    #navbar-main.affixed-top {
        background: none;
    }

    #navbar-main.affix {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        border: 0px none;
        background-color: rgba(255,255,255,1);
        box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.4);
    }

        #navbar-main.affix .navbar-static-top {
            animation: affixFadeIn 0.44s ease-in;
            -webkit-animation: affixFadeIn 0.44s;
        }

@keyframes affixFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes affixFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#navbar-main.affix .navbar-static-top {
    box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.4);
    border-bottom: solid 1px rgba(255,255,255,0.4);
}


#navbar {
    padding: 0 5px 15px 5px;
    margin: 0;
}

#filter-button {
    margin-right: 10px;
    margin-left: 10px;
}

.navbar-static-top {
    background-color: rgba(118,84,160,1);
}

#menu {
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden; /*so accordian child elements don't cause popping*/
    clear: both;
}

.affix #menu.panel-collapse.collapse.in {
    overflow-y: auto;
}

@media (max-width: 975px) {
    #navbar-main.affix .container {
        padding: 0px;
    }

    #navbar {
        padding: 0px;
    }
}

@media (max-width: 480px) {
    .affix #menu.panel-collapse {
        padding: 0 5px;
    }

        .affix #menu.panel-collapse.collapse.in {
            height: 100vh;
            padding-bottom: 51px;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
        }

    #filter-button {
        margin-right: 5px;
        margin-left: 3px;
    }
}

body.no-edit #Occasions {
    display: none;
}

body.no-edit #Occasions {
    display: none;
}

body.no-scroll {
    overflow: hidden;
    /*-ms-touch-action: none; 
             touch-action: none;*/
}

#RegEvents #content {
    padding: 0 5px 40px 5px;
}


.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ff6600;
}

#filter-tooltip .tooltip-inner {
    background-color: #ff6600 !important;
}

/*seminars*/

table.seminars {
    background-color: #e6e6e6;
    margin: 0px;
}

    table.seminars thead th {
        font-size: 0;
        padding: 0;
    }

    table.seminars th.header {
        color: #FFF;
        text-shadow: 1px 1px 1px #222;
        letter-spacing: 1px;
        text-align: center;
        vertical-align: middle;
    }

    table.seminars.table th {
        border-bottom: solid 2px #333;
        border-right: solid 1px #FFF;
    }

#mobileSeminars table.seminars label {
    margin-top: 3px;
}
/*font-size: 0.857em;	
	padding-right: 0;
	padding-left: 5px;
	padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 7px;*/
}

table.seminars .sold-out {
    font-weight: bold;
    color: #999;
}

table.seminars select {
    color: #333 !important;
}

table.seminars th.time {
    /* width: 4%;*/
    width: 8%;
}

table.seminars .time {
    background-color: rgba(255,255,255,0.5);
    white-space: normal;
}

table.seminars div.time.not-bookable {
    /*background-color: inherit;*/
}

div.time.not-bookable label {
    padding-left: 0;
}

table.seminars .inner-time, table.seminars .play-time {
    font-weight: normal;
    white-space: nowrap;
    font-size: 0.875em;
    color: #31708f;
}

[id$=pnlSeminarSelect] table.seminars .inner-time {
    display: none;
}

table .seminars td:last-child {
    border-right: none;
}

/*table.seminars tr:nth-child(odd) td {
	border-top: solid 2px #333;
}*/

table.seminars tr td {
    border-top: solid 2px #333;
    padding: 3px;
    padding: 3px 2px;
}

table.seminars a:link, table.seminars a:visited {
    text-decoration: none;
    /*    font-size: 0.825em;*/
}

table.seminars a i.fa {
    /*    font-size: 1.25em;*/
}

#mobileSeminars table.seminars a i.fa {
    font-size: inherit;
}

#mobileSeminars table.seminars a:link, #mobileSeminars table.seminars a:visited {
    font-size: 1em;
}

#mobileSeminars table.seminars td {
    border-top: solid 2px #333;
    padding: 10px 5px;
}

table.seminars tr td.time-row {
    font-weight: bold;
    color: #333;
    padding: 10px 0 5px 7px;
    /*font-size: 0.857em;*/
    font-size: 0.786em;
    /*display: none;*/
}

/*table.seminars tr:nth-child(odd) td.time-row {
	font-weight: bold;
}*/

table.seminars.show-all-time td.time-row.filled, table.seminars td.time-row.filled.visible {
    display: table-cell;
}

#mobileSeminars table.seminars tr td.time-row {
    font-weight: 600;
    font-size: 0.857em;
}

#mobileSeminars tr td.time-row div.bookable {
    /* font-size: 1.167em;*/
    margin-top: 5px;
}

[id$=pnlSeminarSelect] table .panel {
    background: none;
    border: 0;
}

[id$=pnlSeminarSelect] table.seminars tr td.time-row span.time-range {
    font-weight: 600;
    margin-right: 3px;
    margin-left: 3px;
}

[id$=pnlSeminarSelect] table.seminars tr td.time-row span, #mobileSeminars table.seminars tr td.time-row span.description {
    font-weight: normal;
}

table.seminars p.time, table.seminars div.time {
    padding: 3px;
    font-weight: 500;
}

table.seminars p.time {
    background-color: rgba(255,255,255,0.7);
}

    table.seminars p.time .times {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 0.929em;
    }

table.seminars .ticket-label {
    /*font-size: 0.857em;*/
    font-size: 0.786em;
}

#mobileSeminars table.seminars .ticket-label {
    font-size: 0.857em;
}

table.seminars label .title {
    font-weight: bold;
    /*    color: #ff0055;
*/ /*font-size: 0.857em;*/
    font-size: 0.786em;
}

#mobileSeminars label .title {
    font-size: 0.857em;
}

.time .btn-xs.pull-right {
    /*margin-top: -1px;
	margin-right: -1px;	*/
}

/*bookable divs/tds*/


.time .col-xs-10 {
    padding-left: 3px;
    padding-right: 3px;
}

.radio, .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

table.seminars div.bookable {
    padding: 0px 0px;
    margin-bottom: 5px;
    display: none;
}

.a-more-info {
    /*max-width: 50px;*/
}

.bookable .col-xs-1 input {
    padding: 0;
    width: 15px;
}

.bookable .speakers {
    /* color: #131f5b;*/
}

    .bookable .speakers strong {
        /* color: #131f5b;*/
        font-weight: bold;
    }

.bookable label {
    display: block;
}

.bookable .alert-warning.col-xs-1 {
    width: 27px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
}

.bookable .alert-warning.capacity {
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    font-style: normal;
    font-weight: normal;
    font-weight: 600;
    margin-right: 5px;
}

.bookable .extra-info {
    margin-top: 10px;
    font-weight: normal;
    /*font-size: 0.929em;*/
    font-size: 0.786em;
}

#mobileSeminars .bookable .extra-info {
    font-size: 0.929em;
}

@media (max-width: 778px) {
    .bookable .extra-info {
        margin-top: 5px;
    }
}

@media (max-width: 778px) {
    .bookable .extra-info {
        margin-top: 5px;
    }
}

.extra-info .col-sm-2 {
    font-weight: bold;
    color: rgba(0,0,0,0.6);
}

.extra-info.col-xs-12 {
    padding: 0;
}

.extra-info.col-xs-8 {
    padding: 0 0 5px 0;
}

.extra-info p {
    font-weight: normal;
}

.extra-info .col-sm-1, .extra-info .col-sm-11 {
    padding: 0 5px;
}

.extra-info.speakers ul, .extra-info.speakers ol {
    padding-left: 25px;
}

.single.col-xs-4 {
    padding: 0;
}


@media (min-width: 778px) {
    .bookable .col-xs-1 {
        /*width: 20px;*/
        padding: 0 5px 0 0;
    }

    .control .extra-info.col-xs-8 {
        padding: 0 15px;
    }

    .extra-info .col-sm-1, .extra-info .col-sm-11 {
        padding: 0 15px;
    }

    .bookable .time .col-sm-10 {
        width: 78%;
    }

    .bookable .time .track-description {
        width: 19%;
        text-align: right;
    }

    .time .col-xs-11 {
        padding-left: 15px;
    }

    /*
    .bookable .col-xs-2{
         width: 15%;
    }
    .bookable .col-xs-9{
         width: 82%;
         padding: 0 5px 0 0;
    }
    .bookable .col-xs-10{
         width: 85%;
    }
    .bookable .col-xs-11 {
        width: 80.66666667%;
    }

    .btn-more-info {
        float: right;
    }*/
}

table.seminars div.bookable.visible, table.seminars.show-all div.bookable {
    display: block;
}

.track-description {
    font-style: italic;
    font-weight: 600;
    /*background-color: rgba(255,255,255,0.8);*/
    padding-right: 0.25em;
}

a.panel-title {
    color: #222;
    /* text-shadow: 1px 1px 1px #222;*/
    letter-spacing: 1px;
    display: block;
}

/*mobile version*/
#mobileSeminars .panel, #mobileSeminars .panel-heading {
    padding: 0;
}

    #mobileSeminars .panel-heading a {
        padding: 10px 15px;
    }

    #mobileSeminars .panel table.seminars thead {
        display: none;
    }

    #mobileSeminars .panel table.seminars td.time-row {
        height: auto;
        width: 7%;
        white-space: nowrap;
    }

    #mobileSeminars .panel table.seminars label {
        font-size: 1em;
        padding: 5px 0;
    }

    #mobileSeminars .panel table.seminars input[type="checkbox"].col-md-1 {
        padding-left: 0;
    }

.panel-title .caret {
    border-top: none;
    border-bottom: 4px solid #000000;
}

.panel-title.collapsed .caret {
    border-top: 4px solid #000000;
    border-bottom: none;
}

/*clash detection*/
div.disabled, div.permanent-disabled, .disabled .control, .permanent-disabled .control {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 3px;
    margin: 0;
}

table.seminars .disabled label .title, table.seminars .permanent-disabled label .title {
    color: #999;
}

table.seminars .tickets .disabled label .title, table.seminars .tickets .permanent-disabled label .title {
    color: #666;
}

table.seminars .disabled label, table.seminars .permanent-disabled label {
    cursor: default;
    color: #999;
}

table.seminars .disabled .speakers, table.seminars .permanent-disabled .speakers {
    color: #666;
}

    table.seminars .disabled .speakers strong, table.seminars .permanent-disabled .speakers strong {
        color: #909090;
    }

table.seminars .disabled .inner-time, table.seminars .permanent-disabled .inner-time {
    color: #909090;
}

.time.disabled, table.seminars .disabled .time, .time.permanent-disabled, table.seminars .permanent-disabled .time {
    /*background-color: rgba(0, 0, 0, 0.1);
    color: #EEE;*/
}


[id$=pnlSeminarSelect] .clash-message {
    display: none;
}

    [id$=pnlSeminarSelect] .clash-message.non-mobile, [id$=pnlSeminarSelect] .permanent-clash-message {
        display: block;
    }


#mobileSeminars .clash-message, #mobileSeminars .permanent-clash-message {
    display: block;
}

#mobileSeminars .bookable {
    border-bottom: solid 1px;
}

.clash-message, .permanent-clash-message {
    color: rgba(255, 104, 12, 1);
    font-size: 0.725em;
    margin-bottom: 10px;
    padding: 3px 0px;
    font-weight: 600;
}

    /*.tickets .clash-message, .tickets .permanent-clash-message {
    color: #fff;
    padding: 3px;
}
*/
    .clash-message .fa, .permanent-clash-message .fa {
        display: inline;
    }

div.active {
    margin: -3px;
    padding: 3px;
    background-color: rgba(27, 203, 212, 0.75);
}

td.control.active {
    margin: -3px !important;
    padding: 3px !important;
    background-color: rgba(27, 203, 212, 0.75) !important;
}

.active .extra-info .col-sm-2, .active .track-description {
    color: #fff;
}


/*group tickets*/
.tickets {
    /*    padding-left: 15px;
*/ border-top: dotted 1px rgba(255,255,255,0.7);
    padding-top: 0.5rem;
    font-size: 0.75rem;
}

    .tickets div.active {
        margin: 0 0 5px 0;
    }

    .tickets h5 {
        font-style: italic;
        color: rgba(0, 0, 0, 0.5);
        font-weight: bold;
        font-size: 0.75rem;
    }

/*    .tickets .col-xs-1 {
        width: 20px;
    }*/

table.seminars .tickets label {
    font-weight: normal;
    padding: 0;
}

.seminars .bootstrap-dialog.size-normal .bootstrap-dialog-title {
    width: 94%;
    font-weight: bold;
}

.seminars .bootstrap-dialog .bootstrap-dialog-body {
    color: #131f5b;
}

    .seminars .bootstrap-dialog .bootstrap-dialog-body ul, .seminars .bootstrap-dialog .bootstrap-dialog-body ol {
        padding-left: 20px;
    }

.form-inline .form-group input {
    margin-right: 5px;
}

/*miscellaneous*/

[id$=pnlProxy] {
    display: none;
}

span.modal-time {
    white-space: nowrap;
    font-size: 0.825em;
    color: rgba(255,255,255,0.85);
}