.section_data .sorting_1{filter: brightness(95%);}
/* grid */
.grid {background-color:white;}
.grid:after {content: '';display: block;clear: both;}

/* element-item */
.element-item {position: relative;float: left;width: 99.8%;margin:0px;padding:0px;margin-bottom: 20px;background: #fff;border:1px solid #cecece;color: #262524;}
.element-item > * {margin: 0;padding: 0;}

/* sections-toggle */
.element-item button.sections_toggle{font-size: 14px;width:100%;text-align:left;border: none;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: 8px 20px;text-decoration: none;background-color: #eeeeee;box-shadow:none;}
.element-item .sections_toggle:hover {opacity:.8;}  
.element-item .sections_toggle:before {font-family: "Material Icons";padding-right:4px;content:'add';float:right;font-size:18px;}  
.element-item .sections_toggle.active:before {font-family: "Material Icons";padding-right:4px;content:'remove';float:right;font-size:18px;}  

/* individual section toggle */
.sections_table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{font-family:fontawesome;content:'\f107';font-size:large;padding-top:1px;padding-left:1px;border:none;box-shadow:none;background-color:transparent;color:#777777;display:block!important;/*margin-left:-14px;*/}
.sections_table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'\f106';color:#777777;background-color:transparent;}

/* section table */
.dataTables_wrapper{margin-bottom:0px;}
table.dataTable table.meetings tr.headings,table.dataTable>tbody>tr.child span.dtr-title,table.dataTable thead th{font-weight:bold;font-size:14px;color:6e6e6e;}
table.dataTable thead th{text-align:left;padding-left:20px;}
table.dataTable{border-collapse:collapse!important;width:100%!important;max-width:100%;}
table.dataTable.no-footer{border-bottom:none;}
table.dataTable thead th, table.dataTable thead td{border-bottom:1px solid #cecece;}
#content table.sections_table ul li, #content .sections_table{width:100%;font-size:13px;line-height:18px;}
#content table.sections_table td > ul li::before {content: "";}
/*table.dataTable.display tbody tr.active>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.active>.sorting_1{background-color:#a2aec7;}
table.dataTable tbody tr.active,*/
td.child{background-color:#F2F2F2!important;}
table.dataTable tbody th, table.dataTable tbody td{padding-left:20px;}
table.dataTable.display tbody tr:hover{cursor:pointer;}

/* child */
table.dataTable table.meetings{margin-top:-20px;}
table.dataTable table.meetings tr{background-color:transparent;line-height:10px;font-size:12px;}
table.dataTable table.meetings tr:hover{background-color:transparent;}
table.dataTable table.meetings tr,table.dataTable > tbody > tr.child ul.dtr-details > li{border-bottom:none;}
table.dataTable table.meetings tr td{text-align:left;padding-left:0;}
button.download_syllabus{margin-top: -40px;/*background-color: transparent;border: 1px solid #6e6e6e;*/padding: 13px;}
td.child .dtr-details li p,.eval{line-height:18px;font-size:13px;white-space:normal;}
table.dataTable [data-dt-column="6"], table.dataTable [data-dt-column="5"], table.dataTable [data-dt-column="4"], table.dataTable [data-dt-column="3"] {display:none;}

/* course details */
.material-icons{font-size:18px;margin-top:-4px;}
.element-item .course_details{padding:20px;padding-top:15px;padding-bottom:15px;}
.element-item .course_details.archive{background-color:#eeeeee;}
.element-item .subject{/*color:#5c8869;*/font-weight:bold;}
.element-item .ssc_link{margin-top:4px;float:right;text-decoration:none;/*color:#5c8869;*/}
.element-item .ssc_link .material-icons{}
.element-item .ssc_section_link{text-decoration:none;/*color:#5c8869;*/}
.element-item .no_ssc_link{float:right;font-weight:bold;}
/*.element-item .ssc_link:after, .element-item .ssc_section_link:after{font-family: FontAwesome;padding-left:8px;font-weight:bold;content:'\f08e';}*/
.element-item .course_title{margin-bottom:0px;}
.element-item .instructors {margin-top:10px;margin-bottom:5px;text-transform: none;letter-spacing: 0;font-size: 12px;line-height:14px;font-weight: normal;}
.element-item .description {margin-top:5px;font-size: 16px;line-height: 22px;font-weight: normal;}
.element-item .course-summary span{margin-right:15px;}

/* status line */
.status-line{margin-top:20px;/*height:25px;*/padding-left:20px;font-size:16px;}
.status-line2{margin-bottom:20px;height:25px;padding: 0 20px;}
.filter-count{float:left;font-size:16px;}
.clear-filters{float:right;/*width:200px;*/text-align:right;font-size:12px;font-weight:bold;letter-spacing: .3px;}
.clear-filters:hover{cursor:pointer;}
.clear-filters:before{content:'CLEAR RESULTS'}
.clear-filters:hover:before{text-decoration:underline;}
.clear-filters:after{font-family: "Material Icons";font-feature-settings: 'liga';padding-right:4px;content:'clear';font-size:14px;vertical-align:-2px;}

/* search */
#quicksearch{margin:0;font-size:30px;line-height:34px;height:65px;width:100%;padding-right: 31px;box-sizing: border-box;text-indent:15px;margin-left:-2px;}
#qsearch{position: relative;display: inline-block;width:100%;margin:0;}
#qsearch .icon-search{font-size: 22px;border-left: 1px solid #dddddd;padding-left: 15px;position: absolute;top: 15px;right: 20px;line-height: 40px;color: #aaaaaa;}  

/* selects */
#filters{display: flex;flex-flow: row wrap;justify-content: center;margin:0;margin-bottom:5px;}
#filters .filter-select {height:70px;font-size:19px;line-height:21px;-webkit-appearance:none;-moz-appearance:none;background-image: url("https://image.flaticon.com/icons/svg/60/60781.svg");background-size:12px;background-position:92% 50%;background-repeat:no-repeat;padding:1em;padding-right:1.5em;outline:1px solid #ccc;outline-offset:-1px;flex: 1;border: 1px solid gray;margin:0px;margin-top:14px;margin-right: 14px;}
#filters .filter-select:last-child {margin-right:0px;}
@media screen and (max-width: 680px) {
    #ubcc-controls #inner-controls{margin-left:-20px;margin-right:-20px;padding:20px;background-color:#efefef;}
    #filters .filter-select {flex-basis: 100%;margin-right:0;} 
    table.dataTable table.meetings tr.headings,
    table.dataTable>tbody>tr.child span.dtr-title,table.dataTable thead th{font-size:10px;padding-right:10px;} 
    table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting{background-image:none;}
    .trim-text {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:200px;}
    
}

@media screen and (max-width: 480px) {
    .trim-text {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:120px;}
    table.dataTable table.meetings tr{font-size:10px!important;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #filters .filter-select {background-image:none;}
    .sections_table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{top:20px;}
}

@media screen and (min-width: 768px){
    .span { margin-left: 0px !important; }
}
