.computime-bg:hover {
    background-color: #b1ec48
}
.computime-navbar-content {
    background-color: red
}

#content-container:before {
  content: '';
  display: block;
  height: 125px;
  width: 100%;
  position: absolute;
  background-color: #b1ec48 !important;
  z-index: 0;
}
.ul-block {
  list-style-type: none;
}

.icon-block {
  width: 30px;
  height: 30px;
}

span {
  display: inline-block;
}

.ul-block li {
  font-size:14px;
	color:#0a0a0a;

}
.ul-block li a {
  font-size: 20px;
  color: #000;
  text-decoration: none;
}

.icon-block {
  width: 200px;
  height: 200px;
  background: red;
  border: 2px solid #ff0;
}

.th-events-month {
	background-color: red;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px;
	color:#ffffff;
	text-align:center;
	font-size:11px;
	width:40px;
}
	

.th-events-day {
	background-color: #ffffff;
	color:#000000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size:9px;
	text-align:center;
	width:40px;
}

.th-events-month .td-event {
	width:80px;
	text-align: center;
	padding-left: 10px;
	background-color: red;
}

.seperator {
  height: 95%;
  width: 1px;
  background: black;
  top: 4px;
  bottom: 4px;
  position: absolute;
	left:30%;
}

.table-bs {
  border-spacing: 30px;
}
			
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
.burger-menu {
	content : url('assets\img\menu-24.png');
}

.time-picker {
				position: absolute;
				display: inline-block;
				padding: 10px;
				background: #eeeeee;
				border-radius: 6px;
				z-index:200;
			}

			.time-picker__select {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				outline: none;
				text-align: center;
				border: 1px solid #dddddd;
				border-radius: 6px;
				padding: 6px 10px;
				background: #ffffff;
				cursor: pointer;
				font-family: 'Heebo', sans-serif;
			}

                    .table-scroll {
                        position: relative;
                        width: 95%;
                        z-index: 1;
                        margin: auto;
                        overflow: auto;
                        overflow-x: auto !important; 
                        height: 600px;
                    }

                        .table-scroll table {
                            width: 100%;
                            min-width: 1280px;
                            margin: auto;
                            border-collapse: separate;
                            border-spacing: 0;
                            font-size: 12px;
                        }

                    .table-wrap {
                        position: relative;
                    }

                    .table-scroll th,
                    .table-scroll td {
                        //padding: 5px 10px;
                        border: 1px solid #000;
                        //background: #fff;
                        vertical-align: top;
                        //font-size: 14px;
                    }
                    
                    /*This sticks the 2 thead rows - working */
                    thead {
                        position: -webkit-sticky;
                        position: sticky;
                        left: 0;
                        top: 0;
                        z-index: 10;
                        font-size: 12px;
                    }
                        thead th {
                            white-space: nowrap;
                        }

					/*Sets table header row color*/
                    th[scope=row] {
                        position: -webkit-sticky;
                        position: sticky;
                        background-color:#193366;
						color:#193366;
						left: 0;
                        z-index: 1;
                    }