.room.changed {
    color: red;
    font-size:14px;
}

body {
    font-family: Arial;
}
h1 {
    font-size:3rem !important;
}
h2 {
    font-size:2rem !important;
}
table.schedule{
    border-collapse: collapse;
    margin:3px;
   width: 100%;
    box-sizing: border-box;
}

.collection a {
    color: black !important;
    font-size: 0.9em;
}
.badge {
    margin-left: 0 !important;
}

@media (max-width:1280px) {
    .container {width: 95% !important;}
}
@media (min-width:992px){
    .auto-clear .l1:nth-child(12n+1){clear:left;}
    .auto-clear .l2:nth-child(6n+1){clear:left;}
    .auto-clear .l3:nth-child(4n+1){clear:left;}
    .auto-clear .l4:nth-child(3n+1){clear:left;}
    .auto-clear .l6:nth-child(odd){clear:left;}
}
@media (min-width:600px) and (max-width:991px){
    .container {width: 100%;}
    .auto-clear .m1:nth-of-type(12n+1){clear:left;}
    .auto-clear .m2:nth-of-type(6n+1){clear:left;}
    .auto-clear .m3:nth-of-type(4n+1){clear:left;}
    .auto-clear .m4:nth-of-type(3n+2){clear:left;}
    .auto-clear .m6:nth-of-type(odd){clear:left;}
}
@media (max-width:600px){
    .collection-item {padding-left: 8px !important;}
    .container {width: 100%;}
    .auto-clear .s1:nth-of-type(12n+1){clear:left;}
    .auto-clear .s2:nth-of-type(6n+1){clear:left;}
    .auto-clear .s3:nth-of-type(4n+1){clear:left;}
    .auto-clear .s4:nth-of-type(3n+1){clear:left;}
    .auto-clear .s6:nth-of-type(2n){clear:left;}
}

table.schedule .subgroups {
    display: flex;
    flex-direction: row;
}
table.schedule .subgroups > div{
    flex: 1 1;
}
table.schedule .subgroups > div:first-child {
    border-right: 1px dotted gray;
}
table.schedule th {
    background-color: #045AA5;
    color: white;
    text-align: center;
    padding: 3px 10px;
    font-size: 11px;
}
table.schedule th:first-child {
    width:40px !important;
}
table.schedule td {
    background-color: white;
    color: black;
    text-align: center;
    padding: 3px 10px;
    font-size: 11px;
    /*width: 100%;*/

}
table.schedule td.content {
    background-color: #FFF8B9;
}
.ccc {
    background-color: rgba(255, 248, 185, 0.51);
}
table.schedule td, table.schedule th {
    border: 1px solid #CCC;
    padding: 3px;
}
table.schedule td.content {
    background-color: #FFF8B9;
}
table.schedule .subject {
    font-weight: bold;
    font-size:1.1em;
    margin:4px 0 4px 0;
}
table.schedule .room {
    font-weight: bold;
    white-space: nowrap;
}
table.schedule .teacher {
    font-style: italic;
    margin: 4px 0 0 0;
}
table.schedule td:nth-child(2), table.schedule td:nth-child(3), table.schedule td:nth-child(4), table.schedule td:nth-child(5), table.schedule td:nth-child(6), table.schedule td:nth-child(7)
{
    width: 19%;
}
h1, h2{
    text-align: center;
}
h2 {
    margin-bottom:2px;
}
#modal {
    display: none;
    position: fixed;
    left:50%;
    top:50%;
    width:700px;
    height:500px;
    margin-left: -350px;
    margin-top: -250px;
    background: white;
    border:2px solid gray;
    overflow: auto;
}
#modal .items {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}
table
{
    border-collapse: collapse;
}
table td, table th {
    padding:5px;
    word-wrap: break-word;

}
p.back {
    margin-top: 4ex;
    margin-bottom: 5ex;
}

table {
    text-align: center;
    page-break-inside: avoid;
}

table.odd_table {
    page-break-before: always;
}

table.even_table {
    page-break-before: always;
}

table.detailed {
    margin-left:auto; margin-right:auto;
    text-align: center;
    border: 0px;
    border-spacing: 0;
    border-collapse: collapse;
}
.foot {
    display: none;
}
caption {

}

thead {

}

/* Деякі програми імпорту "tfoot" неправильно. Тому ми використовуємо "tr.foot" замість "tfoot". */

tr.foot {

}

tbody {

}

th {

}

td {

}

td.detailed {
    border: 1px dashed silver;
    border-bottom: 0;
    border-top: 0;
}

th.xAxis {
    /* width: 8em; */
}

th.yAxis {
    height: 8ex;
}

/* Style the teachers' free periods */

div.DESCRIPTION {
    text-align: left;
    font-size: smaller;
}
.blue a {
    color: white;
}
a:hover {
    text-decoration: underline;
}
.rooms-list {display: flex; justify-content: flex-start; flex-wrap: wrap; }
.rooms-list li {width: 200px;}
.room {white-space: nowrap;}
div.variative:nth-child(2)
{
    padding-top:5px;
    border-top:1px dotted #c3c3c3;
    margin-top:5px;
}
@media screen and (max-width: 992px) {

}