.sch_det {
    border-spacing: 5px;
    border-collapse: collapse;
    display: table;
    border-color: grey;
    border: 1px solid grey;
    /*width: 90%;*/
    font-size: 13px;
}

.sch_det tr {
    background-color: white;
    border: 1px solid grey;
}

.sch_det th {
    color: #444444;
    padding: 0px 10px 5px 10px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.sch_det td {
    height: 2em;
    text-align: left;
    vertical-align: middle;
    padding: 0px 10px;
}

#sch_title {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.details_talk {
    display: none;
    background-color: beige;
    font-size: 12.5px;
    text-align: justify;
}

#talk_main, #talk_sub {
    list-style-type: lower-alpha;
    margin: 2px 5px;
}

#talk_main {
    padding-inline-start : 20px !important;
}

#talk_sub {
    padding-inline-start: 25px !important;
}

.sch_break {
    background-color: #94c0dc !important;
}

.sch_break_item {
    text-align: center !important;
}

.sch_entry thead tr th:first-child,
.sch_entry tbody tr td:first-child {
  width: 12em;
  min-width: 12em;
  max-width: 12em;
  word-break: break-all;
}

#mob_day {
  text-align: center !important;
  font-weight: bold;
}

.sch_entry_mob {
    display: none !important;
}

@media
only screen and (max-width: 560px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    
    .sch_entry {
        display: none !important;
    }
    
    .sch_entry_mob {
        display: table !important;
    }
    
    .sch_det {
     width: 100% !important;   
    }
    
    .sch_det td {
        padding: 0px !important;
    }
    

  table::before {
    text-align: center;
    /*content: "Rotate your device for the best view.";*/
    font-weight: bold;
    display: block;
  }

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

    td.active {
        display: none;
    }

    tr.empty {
        display: none;
    }

	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;
	}

}














/*

#schedule thead th {
    text-align: center;
}

#schedule td {
    height: 4em;
    text-align: left;
    vertical-align: top;
    padding: 0px 10px;
}

#schedule td.break {
    text-align: center;
    vertical-align: middle;
}

#schedule td .topic {
    font-weight: bold;
    font-size: 11pt;
    color: #FFFFFF;
}

#schedule td .speaker {
    font-size: 0.95em;
}

th {
    color: #444444;
    padding: 0px 10px;
}

#schedule th, #schedule td {
    text-align: center;
    vertical-align: middle;
}

#schedule td {
    background-color: #444444;
    color: #eee;
    border-color: #afcce1;
    border-size: 0.2em;
}

#schedule td.danger, #schedule td.time {
    background-color: #fff;
    color: #444444;
    border-color: #ddd;
}

#schedule td.active {
    background-color: #fff;
    color: #444444;
    font-weight: bold;
    opacity: 0.75;
    text-transform: uppercase;
}

*/