*{
    font-family: 'Lato', sans-serif;
}

header {
    background: #ffffff;
    border: none;
}

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    background-color: #fff;
    background: url('/images/hub_background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
}

a {
	color: #F68A3C;
}

a:active, a:visited, a:hover {
    color: #E46F25;
}

.hubContent .secondaryCol {
    padding-top: 4em;
}
.hubContent .primaryCol {
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
}
.primaryColInnerWrapper {
    background: #fff;
    padding: 15px 0px;
}
.extraSecondaryCol {
    padding-left: 0px;
}
.noShow {
    display: none !important;
}
.userColMobile {
    display: none !important;
}

/************ BEGIN HEADER CSS **************/
.hubContent{
    padding-top: 2.2em;
    /*background: url('/images/hub_background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
}
.hubHeader .logoCol {
    padding-top: 15px;
    padding-bottom: 15px;
}
.hubHeader .logoCol span {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
}
.hubHeader .userCol {
    padding-top: 0px;
    padding-bottom: 15px;
    margin-top: 2.5em;
}
.loginContainer {
    float: right;
    width: 100%;
    padding-top: 10px;
}
.loginButtonContainer {
    float: right;
    width: auto;
    display: inline-block;
    text-align: center;
    float: right;
}
.nameContainer {
    display: inline-block;
    color: #231F20;
    width: auto;
    padding-right: 5px;
    text-transform: capitalize;
    line-height: 1.75;
    text-align: center;
    float: right;
    margin-right: 0.5em;
    font-size: 1.1em;
    margin-top: 0.25em;
}
button.loginButton {
    float: right;
    width: 100%;
    background: #6599CD;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.75em;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    padding: 0.2em 1.8em;
    font-size: 1.1em;
    text-decoration: none;
}
button.loginButton:active,
button.loginButton:visited,
button.loginButton:hover{
    text-decoration: none;
    background: #627BBC;
}
.breadcrumbs {
    background: rgba(255,255,255,0.8);
    padding: 10px 1em;
    font-size: 1.3em;
    color: #414042;
    font-family: 'Oswald', sans-serif; 
    text-transform: uppercase;
}
.breadcrumbs a {
    font-family: 'Oswald', sans-serif; 
    color: #6599CD;
}
.breadcrumbs a:hover {
    text-decoration: none;
    color: #627BBC;
}
.fancybox > span { display: none; }
/************ END HEADER CSS **************/

/************ BEGIN FUNCTIONS CSS **************/
.primaryCol > .eventsContainer {
    background: #ffffff;
}
.todaysFunctionsContainer{
    padding: 15px 1em;
}
h1.functionHeader {
    font-weight: normal;
    text-transform: uppercase;
    color: #A08F7A;
    margin-top: 0px;
    font-family: 'Oswald', sans-serif; 
    font-size: 1.3em;
}
#todaysFunctions td, #eventFunctions td {
    padding: 5px 0px;
    line-height: 1em;
}
#todaysFunctions .tableContainer {
    border-top: 1px solid;
    background: #ffffff;
    padding: 0.5em 0em;
    margin-top: 15px;
    border-bottom: 1px solid lightgray;
    border-top: none;
}
#todaysFunctions .enhancedTable .eventTime {
    width: 10%;
}
#todaysFunctions .enhancedTable .eventDescription {
    width: 60%;
}
.tableContainer table{
    width: 100%;
}
.tableContainer ul {
    list-style: none;
}
span.funcSpan {
    /* display: inline-block; */
    /* width: 15%; */
    display: table-cell;
    vertical-align: top;
    width: 130px !important;
    /* padding-right: 28px; */
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
}
.tableContainer ul.tierI {
    padding: 0px;
}
.tableContainer h2 {
    margin-top: 0px;
    text-transform: capitalize;
    color: #6599CD;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.tableContainer table tr td {
    vertical-align: top;
}
h2.todaysFunctionsDate {
    display: inline-block;
    color: #414042;
    text-transform: uppercase;
    margin-top: 0px;
    font-size: 2.3em;
    font-family: 'Oswald', sans-serif; 
    font-weight: bold;
}
.sortFunctionsContainer {
    text-align: right;
    margin-top: -45px;
    margin-bottom: 15px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 1em;
}
#todaysFunctions .tableContainer:not(:first-child) {
    margin-top: 15px;
}
.sortFunctionsContainer button {
    color: #ffffff;
    border: none;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.4em 0.5em;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif; 
    background: #F68A3C;
    outline: 0;
    text-align: left;
    width: 14em;
}
.sortFunctionsContainer button:hover {
    background: #E46F25;
}
span.functionGroup {
    font-weight: normal;
    margin-right: 5px;
    color: #ffffff;
    font-family: 'Oswald', sans-serif; 
}
.sortFunctionsContainer i {
    float: right;
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 0.2em 0.4em;
    vertical-align: top;
    margin-top: -0.15em;
}
.anchorVenueTable span {
    /* display: inline-block; */
    /* width: 15%; */
    display: table-cell;
    vertical-align: top;
    width: 130px !important;
    /* padding-right: 28px; */
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
}
/************ END FUNCTIONS CSS **************/

/************* BEGIN CALENDAR CSS ****************/
.eventCalendarContainer {
    padding: 0px 1em 20px 1em;
}
.fc-unthemed .fc-today {
    background: transparent; 
}
#eventCalendar {
    margin-top: 1em; 
}
#eventCalendar #calendar .fc-toolbar {
    margin-bottom: 1.8em; 
}
#eventCalendar #calendar .fc-left h2 {
    display: inline-block;
    color: #414042;
    vertical-align: middle;
    margin-left: 0em;
    font-size: 1.5em; 
    font-family: 'Oswald', sans-serif; 
    text-transform: uppercase;
}
#eventCalendar #calendar .fc-left button {
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: bold;
    padding: 0;
    padding-right: 0.3em;
    outline: 0; 
}
#eventCalendar #calendar .fc-left button .fc-icon-left-single-arrow {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #231F20;
}
#eventCalendar #calendar .fc-left button .fc-icon-right-single-arrow {
    width: 0; 
    height: 0; 
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #231F20;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header {
    border: none; 
    background: #ffffff;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif; 
    font-weight: normal;
    color: #939598;
    font-size: 0.95em;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header .month-container-x-head {
    border: 3px solid #BCBEC0;
    margin-bottom: 0.35em;
    margin-top: 0.2em;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header:first-child .month-container-x-head {
    width: 91%;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header:nth-child(2) .month-container-x-head {
    margin-left: 0.2em;
    width: 88.5%;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header:nth-child(3) .month-container-x-head {
    margin-left: 0.2em;
    width: 89%;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header:nth-child(4) .month-container-x-head {
    margin-left: 0.3em;
    width: 87%;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header:nth-child(5) .month-container-x-head {
    margin-left: 0.1em;
    width: 90%;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header:nth-child(6) .month-container-x-head {
    margin-left: 0.2em;
    width: 87%;
}
#eventCalendar #calendar .fc-view-container .fc-widget-header:nth-child(7) .month-container-x-head {
    margin-left: 0em;
    width: 94%;
}
#eventCalendar #calendar .fc-view-container .fc-month-view table {
    z-index: 2; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x {
    background: #EEEEEF;
    position: absolute;
    width: 99.99%;
    height: 100%;
    top: 0;
    z-index: 1; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border {
    position: absolute;
    background: #ffffff;
    top: 0;
    height: 100%;
    width: 0.40em;
    z-index: 99; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex1 {
    left: 13.8%; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex2 {
    left: 28%; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex3 {
    left: 42.3%; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex4 {
    left: 56.5%; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex5 {
    left: 70.9%; 
}
#eventCalendar #calendar .fc-view-container .fc-month-view .month-container-x .month-border.linex6 {
    left: 85%; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content {
    border: none; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton thead tr td {
    background: transparent;
    opacity: 1;
    border: 5px solid white;
    border-bottom: none;
    border-left: none;
    border-right: none;
    color: #595A5C;
    text-align: left;
    padding-left: 0.5em;
    font-weight: bold; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton thead tr td.fc-other-month {
    color: #CDD0D0; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td {
    background: transparent;
    opacity: 1;
    padding: 0em;
    padding-left: 0.4em;
    padding-right: 0.4em; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event {
    border: none;
    background: #F68A3C;
    color: #ffffff;
    padding: 0.2em 0.3em;
    font-size: 0.85em;
    border-radius: 0px;
    margin-right: 0.3em;
    margin-bottom: 0.4em; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event:hover {
    background: #E46F25;
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event .fc-time {
    display: none; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event .fc-title {
    word-wrap: break-word;
    white-space: pre-wrap;
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr td .fc-event:hover {
    cursor: pointer; 
}
#eventCalendar #calendar .fc-view-container .fc-widget-content .fc-content-skeleton tbody tr:last-child td {
    padding-bottom: 1em; 
}
/************* END CALENDAR CSS ****************/

/************* BEGIN EVENT DETAILS CSS ************/
.eventDetailsContainer {
    margin-top: -2.5em;
}
.eventDetailsContainer h1 {
    background: #A08F7A;
    font-weight: bold;
    font-size: 1.8em;
    padding-left: 33.3%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    color: #ffffff;
}
#eventDetails {
    position: relative;
}
.eventDetailsContainer .eventLogo {
    width: 29%;
    min-height: 180px;
    position: absolute;
    top: 1em;
    left: 1.3em;
}
.eventDetailsContainer .eventLogo img{
	width: 100%;
}
.eventDetailWrapper {
    padding: 0em 1em;
}
.eventDetailWrapper .detailImageCol {
    margin-top: 0em;
}
.eventDetailWrapper .detailInfoCol {
    padding-left: 0em;
}
.eventDetailWrapper .detailInfoCol > div {
    margin-bottom: 0.3em;
}
.eventDetailWrapper .detailInfoCol .detailBanner {
    font-family: 'Oswald', sans-serif; 
    color: #A08F7A;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 0.5em;
    font-size: 1.1em;
}
.eventDetailWrapper .detailInfoCol .detail {
    font-size: 1.1em;   
}
.eventDetailWrapper .detailTime .detail {
    text-transform: lowercase;
}
.detailsInfoContainer {
    margin-top: 1em;
}
.detailsInfoItem {
    background: #ffffff;
    padding: 0em;
    margin: 0em 1em;
    position: relative;
}
.detailsInfoItem h2 {
    font-family: 'Oswald', sans-serif; 
    color: #F68A3C;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
    z-index: 5;
    position: relative;
}
.detailsInfoItem h2:hover {
    cursor: pointer;
    color: #E46F25;
}
.detailsInfoItem h2:hover i {
    color: #E46F25;
    border-color: #E46F25;;
}
.detailsInfoItem h2 i {
    display: inline-block;
    color: #F68A3C;
    border: 1px solid #F68A3C;
    border-radius: 50%;
    padding: 0.4em;
    margin-right: 0.2em;
    margin-left: 0.8em;
    z-index: 5;
    background: #ffffff;
    font-size: 0.8em;
    vertical-align: text-bottom;
}
.detailsInfoItem h2 i.fa-chevron-right {
    padding: 0.45em 0.55em 0.35em;
    vertical-align: text-bottom;
}
.detailsInfoItem .detailsInfoItemContainer {
    border: 1px solid #414142;
    padding: 1em;
    /* margin-top: -1em; */
    display: none;
}
.detailsInfoContainer .tableContainer tr td.eventDetailsViewOnly {
    display: table-cell !important;
    width: 10%;
}
.detailsInfoContainer .tableContainer tr td.eventViewOnly {
    display: none;
}
#eventFunctions .enhancedTable .eventTime {
    width: 10%;
}
#eventFunctions .enhancedTable .eventDescription {
    width: 80%;
}
#eventFunctions h2 {
    color: #414042;
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    padding: 1em 0em 0.2em;
}
#eventNotes {
    padding: 0em;
    position: relative;
    z-index: 1;
}
#eventNotes > .container {
    width: 100%;
    padding: 0em;
}
#eventNotes .col-left-notes {
    padding: 0em;
}
#eventNotes .col-left-notes h2 {
    background: #F68A3C;
    color: #ffffff;
    font-family: 'Oswald', sans-serif; 
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    padding: 0.7em 0em 0.5em;
    text-align: center;
    font-size: 1.2em;
}
#eventNotes .col-left-notes h2 i {
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    padding: 0.1em 0.3em;
    vertical-align: middle;
    font-size: 1.2em;
    margin-left: 0.2em;
}
#eventNotes .col-left-notes .notesListContainer {
    padding: 0em;
    max-height: 250px;
    height: 245px;
    overflow-y: scroll;
    background: #F1F2F2;
}
#eventNotes .col-left-notes .notesListContainer .defaultNoteText {
    padding: 1em;
}
#eventNotes .col-left-notes .notesListContainer table {
    display: block;
    height: 100%;
    padding-bottom: 1em;
    background: transparent;
}
#eventNotes .col-left-notes .notesListContainer table tr td.noteInfo {
    padding: 1em 0em 0em 0em;
    vertical-align: top;
}
#eventNotes .col-left-notes .notesListContainer table tr td.noteInfo div{
    background: #ffffff;
    padding-left: 0.8em;
    padding-right: 0.8em;
    font-size: 0.9em;
    color: #6D6E71;
}
#eventNotes .col-left-notes .notesListContainer table tr td.noteInfo .noteDate {
    font-weight: bold;
    padding-top: 0.5em;
}
#eventNotes .col-left-notes .notesListContainer table tr td.noteInfo .noteTime {
    font-weight: lighter;
    padding-bottom: 0.5em;
}

#eventNotes .col-left-notes .notesListContainer table tr td.noteText {
    padding: 1em 1em 0em;
    font-size: 0.9em;
}
#eventNotes .col-left-notes .notesListContainer table tr td.noteText .noteAuthor {
    color: #A08F7A;
    text-transform: uppercase;
}
#eventNotes .col-left-notes .notesListContainer table tr td.noteText .noteTitle {
    font-weight: bold;
}
#eventNotes .col-right-notes {
    padding: 0em;
}
#eventNotes .col-right-notes h2 {
    font-weight: bold;
    width: 100%;
    color: #ffffff;
    background: #A08F7A;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 0.9em 0em 0.8em;
    font-size: 1.2em;
}
#eventNotes .col-right-notes .notesNewContainer {
    padding: 1em;
}
#eventNotes .col-right-notes .notesNewContainer .newNoteItem {
    margin-bottom: 0.5em;
}
#eventNotes .col-right-notes .notesNewContainer .newNoteItem .newNoteLabel {
    font-family: 'Oswald', sans-serif; 
    color: #414042;
    text-transform: uppercase;
}
#eventNotes .col-right-notes .notesNewContainer .newNoteItem .newNoteInput {
    width: 100%;
    padding: 0.2em
}
#eventNotes .col-right-notes .notesNewContainer .newNoteSubmit {
    font-family: 'Oswald', sans-serif; 
    color: #ffffff;
    text-transform: uppercase;
    background: #6599CD;
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    font-weight: bold;
    padding: 0.3em;
}
#eventNotes .col-right-notes .notesNewContainer .newNoteSubmit:hover {
    background: #627BBC;
}
#eventServiceOrders {
    padding: 0em;
}
#eventServiceOrders .defaultOrderText {
    padding: 1em;
}
#eventServiceOrders .ordersList {
    width: 100%;
}
#eventServiceOrders .ordersList thead td {
    font-weight: bold;
    padding: 1em 1em 0.5em;
}
#eventServiceOrders .ordersList tbody tr:nth-child(odd) {
    background: #F1F2F2;
}
#eventServiceOrders .ordersList tbody td {
    padding: 0.5em 1em;
}

#eventDocuments {
    padding: 0;
}

#eventDocuments > .container {
    width: 100%;
    padding: 0em;
}

#eventDocuments .documentList {
    width: 100%;
    border: none;
}

#eventDocuments .documentList thead th {
    font-weight: bold;
    padding: 0em 1em;
    border: none;
}

#eventDocuments .documentList tbody tr:nth-child(odd) {
    background: #F1F2F2;
}
#eventDocuments .documentList tbody td {
    padding: 0.5em;
}

#eventDocuments .documentList tbody td.docType {
    text-transform: lowercase;
}

#eventDocuments .docsListItem {
    margin-bottom: 1.5em;
    position: relative;
}
#eventDocuments .docsListItem .innerWrap {
    border-top: 1px solid lightgray;
    padding-top: 1.2em;
}
#eventDocuments img {
    width: 100%;
}
#eventDocuments .docIcon {
    display: inline-block;
}
#eventDocuments .docIcon img {
    width: 35px;
    height: 35px;
}
#eventDocuments .docDesc {
    display: inline-block;
    max-width: 170px;
    vertical-align: top;
    position: absolute;
    top: 1em;
    color: #6599CD;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: capitalize;
}
.contactsListContainer {
    width: 100%;
}
.contactsListContainer .contactsListItem {
    margin-bottom: 1.5em;
    display: inline-block;
    width: 32.5%;
    vertical-align: top;
    float: none;
}
.contactsListContainer .contactsListItem .contactName {
    font-weight: bold;
    text-transform: uppercase;
}
.contactsListContainer .contactsListItem .contactInfoContainer {
    font-size: 0.8em;
}
.loading-note {
    position: absolute;
    top: 5em;
    left: 38%;
    display: none;
}
/************* END EVENT DETAILS CSS ************/

/************* BEGIN LEFT NAV CSS *******************/
.upcomingEvents ul{
    list-style-type: none; 
    margin: 0;
    padding: 0;
    max-height: 350px;
    overflow-y: scroll;
    background: #ffffff;
} 
.upcomingEvents ul li .date{ 
    text-align: center;
    float: left;
    border: none;
}
.upcomingEvents ul li .date .date-year {
    background: #A08F7A;
    margin-bottom: 0.2em;
    color: #ffffff;
    padding: 0.3em 1.7em;
    font-size: 0.8em;
}
.upcomingEvents ul li .date .date-month {
    background: #A08F7A;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0em;
    padding: 0.4em 0em;
    padding-bottom: 0em;
    line-height: 0.9em;
}
.upcomingEvents ul li .date .date-day {
    background: #A08F7A;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0em;
    padding: 0.4em 0em;
    padding-top: 0.2em;
    line-height: 0.9em;
}
.upcomingEvents li {  
    box-sizing: border-box; 
    display: block;
    padding: 10px 3% 5px; 
    float: left; 
    width: 100%; 
} 
.upcomingEvents li.defaultText{
    text-align: center;
    padding: 1.5em 1em;
}
.upcomingEvents .date i { 
    font-size: 18px; 
} 
.upcomingEvents .detail { 
    float: left; 
    padding-left: 15px; 
    font-size: 1em; 
    width: 75%; 
    font-weight: 300; 
    color: #000; 
    line-height: 1em;
} 
.upcomingEvents .detail a { 
    font-weight: bold; 
    text-decoration: none;
    font-size: 1.1em;
    line-height: 1.2em;
} 
.upcomingEvents .detail a:visited, .upcomingEvents .detail a:hover, .upcomingEvents .detail a:active { 
    font-weight: bold; 
    text-decoration: none; 
    color: #E46F25;
} 
.upcomingEvents .detail .date-string {
    margin-top: 0.35em;
}
.upcomingEvents .detail p { 
    margin:0px; 
    text-transform: capitalize;
    font-weight: lighter;
    line-height: 1.2em;
} 
.upcomingEvents h4 { 
    background-color: #414042;
    color: #fff;
    margin: 0;
    font-size: 1.5em;
    padding: 0.5em;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}
.upcomingEvents li:not(:last-child) .upcomingListWrapper{
    border-bottom: 1px solid #cccece;
}
.upcomingListWrapper {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.quickLinksContainer {
    margin-top: 1.5em;
}
.quickLinksContainer a {
    display: block;
    width: 100%;
    padding: 0.7em 0.7em 0.7em 0.2em;
    margin-top: 7px;
    color: #fff;
    background: #6599CD;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
.quickLinksContainer a:hover,
.quickLinksContainer a:active,
.quickLinksContainer a:visited{
    text-decoration: none;
}
span.quickLinkIcon {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid;
    width: 50px;
    padding: 0.2em 0em;
}
span.quickLinkIcon i {
    font-size: 1.3em;
}
.quickLinksContainer span {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    text-align: center;
}
/************* END LEFT NAV CSS *******************/

/************* Upload Document Styles *************/
input[name="submit-file"] {
    display: inline-block;
    appearance:none;
    border:none;
    margin-top:10px;
    padding:15px;
    color:#fff;
    text-transform: uppercase;
    outline:0;
    background-color:#6599CD;
}

/************************************ BEGIN MEDIA QUERIES ***************************************/
@media(max-width: 1199px){
    #eventFunctions h2, #eventDocuments h2, #eventNotes h2 {
        font-size: 24px;
    }
    #eventNotes h3 {
        font-size: 16px;
    }
}

@media(min-width: 992px) {
    #eventDocuments .docsListItem:nth-child(-n+3) .innerWrap {
       border-top: none;
        padding-top: 0em;
    }
    #eventDocuments .docsListItem:nth-child(-n+3) .docDesc  {
        top: 0em;
    }
}

@media(max-width: 991px){
    .sortFunctionsContainer button {
        width: 100%;
        font-size: 12px;
        text-align: left;
    }
    .sortFunctionsContainer {
        margin-top: 0px;
    }
    .sortFunctionsContainer i {
        float: right;
    }
    .quickLinksContainer a {
        font-size: 15px;
    }
    .detailInfoCol {
        padding-top: 10px;
    }
    .hubContent .secondaryCol{
        padding: 0px;
        margin-bottom: 1.5em;
    }
    .hubContent .primaryCol {
        margin-top: 10px;
    }
    #eventDocuments .docsListItem:nth-child(-n+2) .innerWrap {
        border-top: none;
        padding-top: 0em;
    }
    #eventDocuments .docsListItem:nth-child(-n+2) .docDesc  {
        top: 0em;
    }
}

@media(max-width: 767px){
    .userColMobile {
        display: block !important;
        background: #f3f3f5;
        padding: 0em 1em 1em;
    }
    .hubHeader .logoCol  {
        width: 100%;
    }
    .hubHeader .logoCol img {
        width: 260px;
        padding: 0em 1em;
    }
    .hubHeader .userCol {
        width: 100%;
        margin-top: 0em;
        display: none;
    }
    .hubContent {
        padding-left: 1em;
        padding-right: 1em;
    }
    .primaryCol > .eventsContainer {
        padding: 1em;
    }
    .detailInfoCol span.detailBanner {
        margin-left: 0px;
        padding-left: 15px;
    }
    .hubHeader .logoCol {
        text-align: center;
    }
    .eventCalendarContainer {
        padding: 0px;
        padding-top: 15px;
    }
    .todaysFunctionsContainer {
        padding: 0px;
    }
    #eventCalendar th.fc-day-header {
        font-size: 10px;
    }
    .extraSecondaryCol {
        padding-left: 15px;
    }
    .eventDetailsContainer .eventLogo {
        width: 100%;
        position: relative;
        left: 0;
        padding: 1em;
        padding-top: 0em;
        margin-top: 0em;
    }
    .eventDetailsContainer h1 {
        padding-left: 1em;
    }
    .eventDetailWrapper .detailInfoCol {
        padding-left: 0.3em !important;
    }
    #eventDocuments .docsListItem:nth-child(-n+2) .innerWrap {
        border-top: 1px solid lightgray;
        padding-top: 1.2em;
    }
    #eventDocuments .docsListItem:nth-child(-n+2) .docDesc {
        top: 1em;
    }
}
@media(max-width: 530px){
    .eventCalendarContainer {
        display: none;
    }
    #todaysFunctions .tableContainer {
        border-bottom: none;
    }
    .eventDetailWrapper .detailInfoCol .detail {
        display: block;
        margin-left: 1em;
    }
    .detailsInfoItem h2 {
        font-size: 1em;
        margin-bottom: 0.8em;
    }
     .upcomingEvents .detail {
        width: 70%;
    }
    .contactsListContainer .contactsListItem {
        width: 100%;
    }
    /*********** BEGIN LIST CSS ************/
    .enhancedTable table, .enhancedTable thead, .enhancedTable tbody, .enhancedTable th, .enhancedTable td, .enhancedTable tr { 
        display: block; 
        width: 100%;
    }
    .enhancedTable thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .enhancedTable tr { 
        border: 1px solid #ccc; 
    }
    .enhancedTable td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 0; 
        width: 100%;
        min-height: 1.8em;
    }
    .enhancedTable td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }   
    .detailsInfoItem .detailsInfoItemContainer {
        /* margin-top: -0.9em; */
    }
    /****** EVENT DETAILS SERVICE ORDERS ******/
    #eventServiceOrders .enhancedTable td:nth-of-type(1):before { 
        content: "Account/Orderer:"; 
    }
    #eventServiceOrders .enhancedTable td:nth-of-type(2):before { 
        content: "Date:"; 
    }
    #eventServiceOrders .enhancedTable td:nth-of-type(3):before { 
        content: "Order Status:"; 
    }
    #eventServiceOrders .enhancedTable td:nth-of-type(4):before { 
        content: "Order Total:"; 
    }
    #eventServiceOrders .enhancedTable td:nth-of-type(5):before { 
        content: "Order Net Due:"; 
    }
    #eventServiceOrders .ordersList tbody tr {
        width: 100%;
    }
    /****** EVENT DETAILS FUNCTIONS ******/
    .eventDetailsPage #eventFunctions .enhancedTable td:nth-of-type(1):before { 
        content: "Date:"; 
    }
    .eventDetailsPage #eventFunctions .enhancedTable td:nth-of-type(2):before { 
        content: "Time:"; 
    }
    .eventDetailsPage #eventFunctions .enhancedTable td:nth-of-type(3):before { 
        content: "Description:"; 
    }
    .eventDetailsPage #eventFunctions .enhancedTable td:nth-of-type(4):before { 
        content: "Location:"; 
    }
    /****** HOME PAGE FUNCTIONS ******/
    #todaysFunctions .enhancedTable td:nth-of-type(1):before { 
        content: "Date:"; 
    }
    #todaysFunctions .enhancedTable td:nth-of-type(2):before { 
        content: "Time:"; 
    }
    #todaysFunctions .enhancedTable td:nth-of-type(3):before { 
        content: "Description:"; 
    }
    #todaysFunctions .enhancedTable td:nth-of-type(4):before { 
        content: "Location:"; 
    }
    #todaysFunctions .enhancedTable td:nth-of-type(5):before { 
        content: "Event:"; 
    }

    /************** END LIST CSS **************/
}
@media(max-width: 380px){
    .loading-note {
        left: 30%;
    }
}
/************************************ END MEDIA QUERIES ***************************************/