/*.page-header {
	padding-top: 80px;
} */
section {
	padding-top: 10px;
}
h4 {
	padding-top: 5px;
	padding-bottom: 5px;
}


.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0
}

.greyed-out{
	opacity:0.5 !important;
}

.box {
	clear: both;
	padding: 0;
	min-height: 300px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/* freeze first column */
table.scrolling td:first-child,
table.scrolling th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left:0;
}

.dpl{
	width: 110px !important;
	min-width: 110px !important;
	max-width: 110px !important;
}
.custom-th-outer{
	width:106px; 
	height: 40px; 
	background-color: #a4a4a4; 
	padding:3px;
}
.custom-th-inner{
	background-color: #e7e7e7; 
	width: 100px; 
	height:34px; 
	padding:0px; 
	margin:0px; 
	font-family: andika_basic; 
	font-size: 12px; 
	line-height: 12px; 
	text-align: center; 
	padding:3px 0px; 
	overflow: hidden;
}
.custom-td-outer-employee{
	width:106px; 
	height: 40px; 
	background-color: #a4a4a4; 
	padding:3px; 
	margin:0px 1px 1px 0px; 
	display:inline-block;
}
.custom-td-inner-employee{
	background-color: #e7e7e7; 
	width: 100px; 
	height:34px; 
	padding:0px; 
	margin:0px; 
	font-family: andika_basic; 
	font-size: 12px; 
	line-height: 14px; 
	text-align: center; 
	padding:3px 0px; 
	overflow: hidden;
                            
}
.custom-td-outer{
	width:106px; 
	height: 40px; 
	padding:0px 3px 3px; 
	margin:0px 1px 1px 0px; 
	display:inline-block;
}
.custom-td-inner1{
	width: 100px; 
	height:19px; 
	padding:0px; 
	margin:0px; 
	font-family: andika_basic; 
	font-size: 13px; 
	line-height: 13px; 
	text-align: center; 
	padding:3px 0px; 
	overflow: hidden;
                            
}
.custom-td-inner2{
	width: 100px; 
	height:18px; 
	padding:0px; 
	margin:0px; 
	font-family: andika_basic; 
	font-size: 12px; 
	line-height: 12px;
	text-align: center;
	padding:3px 0px;
	overflow: hidden;">                         
}

.vc-chrome {
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 9;
}
.vc-compact {
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 9;
}
.current-color {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #000;
	cursor: pointer;
}

.colorbox {
	float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}