h1 {
  font-size: 30px;
}

h2 {
    margin-top: 0;
    color: #1E9CD9;
    font-weight: bold;
    font-size: 25px;
}

h3 {
    font-size: 20px;
}

/*--------------------------------------------------------------
# WordPress theme classes
--------------------------------------------------------------*/
.entry-title {
    margin:0;
}

.entry-content {
    margin: 0px;
}

/*--------------------------------------------------------------
# Timetable Search - Text Searches
--------------------------------------------------------------*/
.timetable-search {
    margin-top: 10px;
}

.timetable-search .row {
    margin-right: 0px;
    margin-left: 0px;
    padding: 5px 15px;
}

.timetable-search .info-updated {
    margin:15px 0px;
}

.timetable-search .background {
    background-color: #DBEFFF;
}

.timetable-search .text-search {
    float:left;
    margin-right: 30px;
}

.timetable-search fieldset {
    margin-top: 10px;
    margin-bottom: 30px;
}
.timetable-search ul {
    padding:0px 10px;
    margin:0px 10px;
    list-style-type: none;
}

.row > ul > li {
    padding-bottom:10px;
    margin: 10px 0px;
    float: left;
}

.timetable-search label {
    font-weight: bold;
}

.timetable-search label,
.timetable-search select {
    display: block;
}

.timetable-search input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.timetable-search label,
.timetable-search input[type=text] {
    display: inline-block;
}

.timetable-search input[type=text],
.timetable-search select {
    padding: 10px 10px 10px 10px;
    width: 100%;
}

.timetable-search input[type=text]:focus {
    border: 2px solid #548ec4;
}

.timetable-search input[type=text]:not(:placeholder-shown) {
/*    color: #fff;
    border: 2px solid #2e6da4;
    background-color: #337ab7;*/
}

input[type="checkbox"]:checked + label {
    color: #fff;
    border: 2px solid #2e6da4;
    background-color: rgba(173, 210, 255, 0.33);
}

.dropdown-header .text {
    font-weight: bold;
    color: #000;
    padding-left: 20px;
    font-size: 14px;
}
.timetable-search .course_title {
    max-width: 500px;
}

.online-disclaimer {
    background-color: #58C15E;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px;
    margin: 20px 0px;
    color: #fff;
}

.online-disclaimer p {
    margin: 10px;
    padding: 0px;
}

/*--------------------------------------------------------------
# Result Message
--------------------------------------------------------------*/
.result-message {
    margin: 20px;
}
.result-message h2 {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6em;
    color: #444;
}
.result-message .info-updated {
    margin-bottom: 50px;
}
.result-message .count {
    font-weight: bold;
}

.result-message .alert {
    padding: 20px;
    font-weight: bold;
    color: #000;
}

.result-message .alert p,
.result-message .alert ul {
   padding-top:10px;
}

/*--------------------------------------------------------------
# Course List Table
--------------------------------------------------------------*/
.course-wrap {
    background:#fff;
    padding-bottom: 1px;
}

.disciplineText u {
    font-weight: bold;
}

.course-list-table {
    margin-bottom: 50px;
}

.course-list-table .course-number-title {
    margin:10px 0 0;
    position: relative;
}

/*.course-list-table .course-number-title.active, */
.course-list-table .course-number-title.active .info-container {
    background:#0E3565;
    color: #fff;
}

.course-list-table .course-number-title .info-container {
    padding: 10px 55px 11px 16px;
    margin: 0px;
    font-size: 1.2em;
    background-color: #337AB7;
    color: #fff;
    border-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}

.course-list-table .course-number-title .info-container:hover,
.course-list-table .course-number-title .info-container:focus {
    cursor: pointer;
    background-color: #0E3565;
    color: #fff;
}

.course-list-table .course-number-title span.expand-row {
    position: absolute;
    right: 0px;
    top: 0px;
    /*background: #444;
    border: 1px solid #6B6B6B;*/
    cursor: pointer;
    width: 50px;
    line-height: 2.8;
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left:3px solid #fff;
}

.course-list-table .course-number-title span.expand-row:after {
    display: block;
    content: "\f067";
    font-family: FontAwesome;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    top: 50%;
    margin-top: -24px;
    position: absolute;
    right: 19px;
}

.course-list-table .course-number-title.active span.expand-row:after{
    content: "\f068";
}

.course-list-table .course-number-title span .open.expand-row:after {
    display: block;
    content: "\f068";
    font-family: FontAwesome;
    font-size: 14px;
    cursor: pointer;
}
.course-list-table .course-text {
    display:none;
    margin: 10px 0;
}

.course-list-table .course-text.is-visible{
    background-color:#58C15E;
    color: #fff;
    font-weight: normal;
    font-size:16px;
    display: block;
}


.course-list-table ul.section-details  {
    border: 1px solid #eaeaea;
    padding: 20px;
    background: #F7F7F7;
    margin: 10px 0;
    list-style-type: none;
    display: none;
    overflow: hidden;
    border-top:5px solid #444;
}

.course-list-table ul.section-details.is-visible{ display: block; border-radius: 5px; }

@media only screen and (max-width : 640px){
    .course-list-table ul.section-details { padding:0; }
    .expand-row{ display: none;}
    .section-details.is-visible label br{ display: none;}
}

.course-list-table ul.section-details:nth-of-type(2n) {
    background: #F0F9FF;
}

.course-list-table div + ul.section-details {
    /*margin: 10px;*/
    /*border-top: 0px solid #fff;*/

}

.course-list-table ul.section-details li {
    margin: 0px;
    padding: 0 0 8px 0px;
}

.course-list-table ul.section-details li label,
.course-list-table ul.section-details li div {
    line-height: 1.6;
}

/* Table inside the li */
.course-list-table table.schedule-details {
    margin: 0px;
    border-collapse:collapse;
    border:0px solid #fff;
}

.course-list-table table.schedule-details tr {
    border-bottom: 1px solid #a2a2a2;
}

.course-list-table table.schedule-details tr td {
    padding: 5px;
}

@media screen and (max-width: 640px) {
    .course-list-table table.schedule-details tr td {
        display: block;
    }

}




.course-list-table table.schedule-details tr:last-child {
    border-bottom: none;
}

ul.section-details label{ display: block; padding: 10px 13px; background: #fff; border:1px solid #e2e2e2;}
ul.section-details div { padding-top: 10px;}
ul.section-details div.schedule{ padding-top: 0;}
@media screen and (min-width: 641px) {
    ul.section-details label{ border-radius: 5px; }
}

fieldset li{ position: relative; }
legend{ margin-bottom:0; font-size: 18px; background: #1E9CD9; padding: 10px 15px; color: #fff; border:none; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
input[type=text]::-ms-clear {
    display: none;
}

.current_page_item{ background:#58C15E; }
.current_page_item:hover{ background:#1E9CD9!important; }
.current_page_item a{ color:#fff;}

.nav>li>a:focus, .nav>li>a:hover{ background: #883CC1; color: #fff; }

.progs{ position: relative; }
.popoverData{ white-space: nowrap; }
.popover{ z-index: 1200!important; position: absolute;}

.cnumber{
    background: #dbefff;
    background: rgba(255,255,255,0.86);
    padding: 5px;
    margin-left: -5px;
    font-size: 13px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    color: #000;
    text-align: center;
    font-weight: bold;
    border: none;
}

.ctitle {
    line-height: 28px;
}

.csection, .csection:hover{ background-color: #337AB7; border:none; color: #fff; }

#loadingDiv.spin {
    display: inline-block;
}


#btn-search,
#btn-reset {
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

/*#btn-search{ padding: 20px 10px; }*/


.course-list-table .course-number-title .info-container{ padding: 10px 55px 11px 16px;}
@media screen and (max-width: 768px) {
    #loadingDiv{
        text-align: center;
    }

}

@media screen and (max-width: 640px) {
    .course-list-table .course-number-title .info-container{ padding: 10px 10px 11px 16px; }
    .cnumber{ display: block; text-align: center; margin-bottom: 7px;}
    .ctitle { margin-left: 0; line-height: 26px; margin-bottom: 8px; }
    #primary{ padding-right: 0; padding-left: 0; }
    .col{ padding-left: 0; padding-right: 0;}
    .result-message{ margin: 0;}
    ul.section-details label{ border-left: none; border-right:none;}

}

@media screen and (min-width:641px){
    .openCloseAll{ float: right; }
}

@media screen and (max-width: 991px) {
    .ctitle, .cnumber { margin-bottom: 5px; }
    .cnumber{ display: block; }
}

@media screen and (min-width: 991px) {
    #btn-search{ /*margin-top: -70px; font-size: 26px!important;*/ }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px!important;
  }
  select:focus, .filter-option:focus {
        font-size: 16px!important;
    }
}