/* DISABLE THE LOG IN MENU FOR ANONYMOUS GUEST USERS */
div#signInMenu {
    display: none;
}

/* WHOLE DOCUMENT STYLES */

body {
   background-color: white !important;
}

#content {
   padding-bottom: 0px !important;
   margin-bottom: 0px !important;
}

.anonymousmessage {
    font-family: Lucida Sans;
    padding-bottom: 20px !important;
    display: inline-block;
}

.loggedinmessage {
    font-family: Lucida Sans;
    padding-bottom: 20px !important;
    display: inline-block;
   padding-top: 14px;
}

h1 {
    line-height: 1.25;
    font-family: Lucida Sans;
    margin: 0 0 1.5rem 0;
    text-rendering: optimizeLegibility;
    font-size: 3rem;
}

table {
   border: none;
}

/* CONTROL BLOCK AT THE TOP */

.ControlsBlock {
   display: inline-block;
}

div.pb-button {
   width: 200px !important;
   display: inline-block;
}

.disclaimertext {
   font-weight: bold;
   color: red;
   font-size: 14pt;
   padding-bottom: 10px;
}

/* INDEX OF SUBJECT LINKS AT THE TOP */

.SubjectsBlock {
   padding-top: 5px !important;
   columns: 3;
}

.oneline {
   display: inline-block;
}


.OneSubject {
   width: 260px !important; 
   display: inline-block;
}

.OneSubject a {
   text-decoration: underline;
   color: #01426A !important;
    font-family: Lucida Sans;
}

div[id^='pbid-subjectsDetailcontainer-'] {
/*    display: inline-block; */
    font-family: Lucida Sans;
}

/* SUBJECT LINK AT THE TOP OF EACH SUBJECT */

h2 {
    font-family: Lucida Sans;
   font-size: 1.6rem;
   margin-top: 10px !important;
   margin-bottom: 0px !important;
}

.SubjectLinkTDClass a {
   text-decoration: none;
   color: black !important;
    font-family: Lucida Sans;
}

.SubjectLinkTDClass a:hover {
   color: red !important;
}

/* THE TABLE OF DATA */

table.TableClass {
   width: 100% !important;
}

td {
   vertical-align: top !important;
}

div.TableClass {
   width: 100% !important;
   display: inline-block;
}


tr.TableRowClass {

}

tr.TableRowClass td {
   padding-left: 2px !important;
   padding-right: 2px !important;
}

.DetailsLongText {
   padding-left: 20px !important;
   padding-right: 4px !important;
}

.RequirementLabelSpan {
   font-weight: bold;
   width: 300px;
   display: inline-block;
   padding-top: 5px;
}

.BookstoreSpan {
   font-weight: bold;
   padding-top: 5px;
   display: inline-block;
}

.BookstoreLink {
   text-decoration: underline;
   font-weight: bold !important;
   color: #26668D !important;
}


th {
   background-color: #01426A !important;
   font-weight: bold;
   color: white !important;
   border: 1px solid #DDDDDD;
   padding-left: 2px !important;
   width: 100% !important;
}

td {
   border: 1px solid #DDDDDD;
}

.mobileOnly {
   display: none;
}

.TableData {
   background-color: #FFFFFF !important;
   font-weight: normal;
   color: black !important;
   padding-left: 4px;
   padding-right: 4px;
}


.SectionText {
   padding-left: 15px !important;
}

.fullwidth {
   width: 100% !important;
   display: inline-block;
}

.DaysSpan {
   width: 20%;
   display: inline-block;
   vertical-align: top;
}

.TimesSpan {
   width: 40%;
   display: inline-block;
   padding-right: 2px;
}

.RoomsSpan {
   width: 38%;
   display: inline-block;
   vertical-align: top;
}

.DetailsLinkDiv {
   background-color: #FFFFFF;
   width: 100%;
   display: inline-block;
}

.DetailsLinkDiv:hover {
   background-color: #DDDDDD;
}

.DetailLinkDiv {
   color: #26668D !important;
}

.TopOfPageTDClass a {
   text-decoration: underline;
}

a {
   text-decoration: underline;
}


/* ADDITIONAL CSS PROVIDED BY Bryan Barnes in the Communications Office 1/17/2023 */

.pb-item h1{
    margin: 1.5rem 0 1.5rem 0;
}

.oneline{
    font-size: 20px;
    width: 240px !important;
}

div.pb-button{
    padding: 8px 0 0 0;
}

.pb-button button{
    font-size: 16px;
    padding: 8px;
    background-color: #ededed;
    color: black;
}

#pbid-refreshEnrollmentsButton{
    color: white;
    background-color: #d44420;
}

.loggedinmessage, .anonymousmessage {
    font-family: sans-serif;
    background-color: #e3f2fa;
    padding: 16px 16px 0 16px;
    font-size: 16px;
    margin: 20px 0 20px 0;
}

.loggedinmessage a, .anonymousmessage a {
    color: #01426a;
    text-decoration: none;
    border-bottom: 1px solid #72c5e7;
}


.OneSubject a{
    font-size: 16px;
    line-height: 1.5;
}

.pb-item h2{
    display: block;
    font-family: sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #01246a;
    margin: 20px 0 20px 0 !important;
}

.pb-item h2 a{
    color: #01246a;
    text-decoration: none;
    border-bottom: 1px solid #72c5e7;
}
.pb-item h2 a:hover{
    border-bottom: 1px solid #01246a;
}


th.col1,td.col1 {  width: 14% !important; }
th.col2,td.col2 { width: 30% !important; }
th.col3,td.col3 { width: 26% !important; }
th.col4,td.col4 { width: 14% !important; }
th.col5,td.col5 { width: 8% !important; }
th.col6,td.col6 { width: 8% !important; }

/*
.TableRowClass span{
    display: none;
}
*/

.TableRowClass .RequirementSpan,.TableRowClass .BookstoreSpan{
    display: initial;
}

.TableRowClass td.SectionText{
    padding: 8px !important;
}

.DetailsLinkDiv{
    display: inline !important;
    color: #01246a;
    border-bottom: 1px solid #72c5e7;
    font-size: 16px;
}

h3.RequirementLabelSpan{
    font-size: 16px;
    font-weight: 500;
    width: 100% !important;
}

div.DetailsLongText{
    padding: 16px !important;
}

@media screen and (max-width: 640px){
    .pb-button button{
        margin-top: 20px;
    }
    #pbid-refreshEnrollmentsButton{
        margin-bottom: 16px;
    }
    .SubjectsBlock{
        columns: 2;
    }
    .pb-detail-record{
        margin-top: 10px;
    }
    .OneSubject{
        width: inherit !important;
        min-width: 100px;
    }
    .OneSubject a{
        line-height: 0;
    }
    .TableHeaderRowClass th{
        display: none;
    }
    .TableRowClass td{
        display: block;
        border:  none;
        margin-bottom: 8px;
    }
    td.col1,td.col2,td.col3,td.col4,td.col5,td.col6,td.col7,td.col8{
        width: 100% !important;
    }
    td.col1,td.col2{
        font-weight: bold;
    }
    td.col2{
        font-size: 18px;
    }
    .TableRowClass span{
        display: inline;
  /*      font-weight: bold; */
    }
    div.DetailsLongText{
        padding: 8px !important;
    }
    p.RequirementText{
        font-weight: normal;
    }

.mobileOnly {
   display: inline-block;
}

}