/* Site CSS */
 #schedule-office #header {
	 padding: 30px 0 0px 0px;
	 position: absolute;
	 width: 100%;
	 background-color: rgba(255,255,255,.5);
	 z-index: 50;
}
 #schedule-office #main #body > .container {
	 width: 100%;
}
 #schedule-office #breadcrumbs {
	 color: #fff;
	 margin-top:-12em;
	 padding: 30px 0;
	 background: #a8aa19 url("../img/schedule-office-banner.jpg") bottom left no-repeat;
	 min-height: 700px;
	 width:2000px;
}
 th, td {
	 padding: 10px;
	 text-align:center;
}
 th {
	 color: #fff;
	 background-color: #007a86;
}
 .col1 {
	 background-color: transparent;
	 color:black;
}
/* maxdesign.com.au/articles/simple-responsive-table */
 .table-responsive::-webkit-scrollbar {
	 -webkit-appearance: none;
	 width: 14px;
	 height: 14px;
}
 .table-responsive::-webkit-scrollbar-thumb {
	 border-radius: 8px;
	 border: 3px solid #fff;
	 background-color: rgba(0, 0, 0, .3);
}
 .em-alert a {
	 color:yellow;
}
 .em-alert {
	 margin-top:1em;
	 font-weight:bold;
}
 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	 .table-responsive:before {
		 content: "\f0a9";
		 font-family: fontawesome;
		 font-size: 2em;
		 position: relative;
		 left: 90%;
	}
	 .cell-wrap {
		 word-wrap: normal;
		 min-width: 68px;
		 max-width: 136px;
		 white-space:normal;
	}
}
 hr.shadow {
	 height: 12px;
	 border: 0;
	 box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
 #ccn body {
	 class="small";
}
 .newspaper {
	 column-count: 2;
}
/* --------------- Marquee ------------------- */
 .marquee1 {
	 height: 50px;
	 overflow: hidden;
	 position: relative;
}
 .marquee1 h2 {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 line-height: 50px;
	 color: #ba0c2f;
	 font-size: 2em;
	 animation: marquee1 15s linear infinite;
	/* Apply the animation */
}
/* Define the animation */
 @keyframes marquee1 {
	 from {
		 margin-left: 100%;
		 width: 300%;
	}
	 to {
		 margin-left: -100%;
		 width: 100%;
	}
	 #pdfwarning .forms-footer {
		 color: #fff;
		 background-color: #ba0c2f;
		 position:fixed;
		 bottom:0;
		 left:0;
		 width:100%;
	}
	 #pdfwarning .forms-footer a {
		 color:white;
	}
	 #pdfwarning p.right {
		 text-align: right;
		 margin-right:1em;
	}
	 #pdfwarning #primary {
		 height:40em;
	}
	 .upload-icon {
		/* padding: 0.1em;
		 color: #ba0c2f;
		 background-color: #fff;
		 */
		 color:white;
		 background-color: #ba0c2f;
		 width: 100%;
		 margin-left: -.3em;
		 padding: .1em;
		 padding-bottom: .2em;
	}
	 .accordion-toggle:hover {
		 text-decoration: none;
	}
	 .container{
		 margin-top:100px;
	}
	 .panel-default>.panel-heading {
		 color: #fff;
		 background-color: #ef715f;
		 border-color: #ef715f;
	}
	/* ====================================================================== */
	 .accordion-expand-holder {
		 margin:10px 0;
	}
	 .accordion-expand-holder .open, .accordion-expand-holder .close {
		 margin:0 10px 0 0;
	}
	 .ui-accordion .ui-accordion-content{
		 height:auto;
	}
	 .ui-accordion .ui-accordion-header{
		 font-size: 1.4em;
		 padding-left: 2em;
	}
	 .ui-helper-reset {
		 margin-top: 10px;
	}
	 .ui-widget-content a {
		 color: #c10037 
		/*{
			 fcContent 
		}
		 */
		 ;
	}
	 .glyphicon {
		 font-size: 1.4em;
	}
}
.table {
	 width: 100%;
	 margin-bottom: 1rem;
	 color: #212529;
}
 .table th, .table td {
	 padding: 0.75rem;
	 vertical-align: top;
	 border-top: 1px solid #dee2e6;
}
 .table thead th {
	 vertical-align: bottom;
	 border-bottom: 2px solid #dee2e6;
}
 .table tbody + tbody {
	 border-top: 2px solid #dee2e6;
}
 .table-sm th, .table-sm td {
	 padding: 0.3rem;
}
 .table-bordered {
	 border: 1px solid #dee2e6;
}
 .table-bordered th, .table-bordered td {
	 border: 1px solid #dee2e6;
}
 .table-bordered thead th, .table-bordered thead td {
	 border-bottom-width: 2px;
}
 .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
	 border: 0;
}
 .table-striped tbody tr:nth-of-type(odd) {
	 background-color: rgba(0, 0, 0, 0.05);
}
 .table-hover tbody tr:hover {
	 color: #212529;
	 background-color: rgba(0, 0, 0, 0.075);
}
 .table-primary, .table-primary > th, .table-primary > td {
	 background-color: #b8daff;
}
 .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
	 border-color: #7abaff;
}
 .table-hover .table-primary:hover {
	 background-color: #9fcdff;
}
 .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
	 background-color: #9fcdff;
}
 .table-secondary, .table-secondary > th, .table-secondary > td {
	 background-color: #d6d8db;
}
 .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
	 border-color: #b3b7bb;
}
 .table-hover .table-secondary:hover {
	 background-color: #c8cbcf;
}
 .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
	 background-color: #c8cbcf;
}
 .table-success, .table-success > th, .table-success > td {
	 background-color: #c3e6cb;
}
 .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
	 border-color: #8fd19e;
}
 .table-hover .table-success:hover {
	 background-color: #b1dfbb;
}
 .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	 background-color: #b1dfbb;
}
 .table-info, .table-info > th, .table-info > td {
	 background-color: #bee5eb;
}
 .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
	 border-color: #86cfda;
}
 .table-hover .table-info:hover {
	 background-color: #abdde5;
}
 .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	 background-color: #abdde5;
}
 .table-warning, .table-warning > th, .table-warning > td {
	 background-color: #ffeeba;
}
 .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
	 border-color: #ffdf7e;
}
 .table-hover .table-warning:hover {
	 background-color: #ffe8a1;
}
 .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	 background-color: #ffe8a1;
}
 .table-danger, .table-danger > th, .table-danger > td {
	 background-color: #f5c6cb;
}
 .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
	 border-color: #ed969e;
}
 .table-hover .table-danger:hover {
	 background-color: #f1b0b7;
}
 .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	 background-color: #f1b0b7;
}
 .table-light, .table-light > th, .table-light > td {
	 background-color: #fdfdfe;
}
 .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
	 border-color: #fbfcfc;
}
 .table-hover .table-light:hover {
	 background-color: #ececf6;
}
 .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
	 background-color: #ececf6;
}
 .table-dark, .table-dark > th, .table-dark > td {
	 background-color: #c6c8ca;
}
 .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
	 border-color: #95999c;
}
 .table-hover .table-dark:hover {
	 background-color: #b9bbbe;
}
 .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
	 background-color: #b9bbbe;
}
 .table-active, .table-active > th, .table-active > td {
	 background-color: rgba(0, 0, 0, 0.075);
}
 .table-hover .table-active:hover {
	 background-color: rgba(0, 0, 0, 0.075);
}
 .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
	 background-color: rgba(0, 0, 0, 0.075);
}
 .table .thead-dark th {
	 color: #fff;
	 background-color: #343a40;
	 border-color: #454d55;
}
 .table .thead-light th {
	 color: #495057;
	 background-color: #e9ecef;
	 border-color: #dee2e6;
}
 .table-dark {
	 color: #fff;
	 background-color: #343a40;
}
 .table-dark th, .table-dark td, .table-dark thead th {
	 border-color: #454d55;
}
 .table-dark.table-bordered {
	 border: 0;
}
 .table-dark.table-striped tbody tr:nth-of-type(odd) {
	 background-color: rgba(255, 255, 255, 0.05);
}
 .table-dark.table-hover tbody tr:hover {
	 color: #fff;
	 background-color: rgba(255, 255, 255, 0.075);
}
 @media (max-width: 575.98px) {
	 .table-responsive-sm {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-sm > .table-bordered {
		 border: 0;
	}
}
 @media (max-width: 767.98px) {
	 .table-responsive-md {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-md > .table-bordered {
		 border: 0;
	}
}
 @media (max-width: 991.98px) {
	 .table-responsive-lg {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-lg > .table-bordered {
		 border: 0;
	}
}
 @media (max-width: 1199.98px) {
	 .table-responsive-xl {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-xl > .table-bordered {
		 border: 0;
	}
}
 .table-responsive {
	 display: block;
	 width: 100%;
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
}
 .table-responsive > .table-bordered {
	 border: 0;
}
 .table-responsive {
	 display: block;
	 width: 100%;
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
}
 .table-responsive > .table-bordered {
	 border: 0;
}

#sem-deadlines #page #body { width:850px;
}

#sem-deadlines > .container { width:100%;
}

#sem-deadlines .z-tab {
    border-bottom: 1px solid #0000ff;
}

#sem-deadlines .td-desc {
    text-align:left;
}

#sem-deadlines .tab-header2 {
    font-size:17px;
}

#sem-deadlines .tab-header3 {
    font-size:15px;
}

#sem-deadlines .tab-header4 {
    font-size:14px;
}


#sem-col-60 {
    width: 60%;
}

#sem-col-20 {
    width: 20%;
}

#sem-deadlines .graycell {
    /*background-color: #a7a8aa;*/
    background-color: #d3d3d3;
    text-decoration-color:#ba0c2f;
    /*filter: brightness(125%);*/
}

