#content {
    position: relative;
    margin-bottom: 4em;
    margin-top: 4em;
}
.container{
    max-width:1000px;
    margin: auto;
}

.ui-state-default, .ui-widget-content .ui-state-default{

    width: 100%;
}
.col-form-label{
    text-align: right;
}

.main-row{
    margin: 0;
    padding: 0;
}

div.fc-timegrid-col-frame div.fc-timegrid-col-events {
    width: 75%;
    left: unset;
}
div.fc-event-footer {
    overflow: hidden;
}

div.colourBox{
    border: 1px solid black;
}

.wide-container{
    max-width: 95%;
    margin: auto;
}
.wide-table{
    width: 100%;
}
table.col-table {
	display: table;
}
table.col-table tr {
	display: table-cell;
}
table.col-table tr td, table.col-table tr th {
	display: block;
}
.td-right{
    text-align:right;
}
.td-wrap{
    word-wrap: normal;
}
table.zebra-table tr:nth-child(even) {
    background-color: #dadada;
}
.center-text{
    text-align: center;
}
.time-h{
    width: 70px;
    text-align: center;
}
.view-table{
    overflow-x: auto;
    max-height: 80vh;
}
.col-dow{
    width: calc(100%/8);
    text-align: center;
    flex: 0 0 14%;
}

.time-col{
    height:calc(24px); 
    margin:0px; 
    padding:0px;
}
.time-div{
    border:1px solid; 
    height:100%;
}

.child-card{
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0,0,0,.125);
   border-radius: .25rem;
}

.discrepency{
   color: red;
}

.mainlogo{
   max-width: 30px;
}

@media only screen and (max-width: 600px) {
    .col-dow{
        flex: 0 0 25%;
    }
}