header, main, footer {
  padding-left: 300px;
}

tr,td{
    padding:5px;
    border:none;
}

td{
vertical-align: top;
}

th{
	text-align: center;
}

a:focus{
	border-style: transparent;
	outline: none;
}
a:active{
	border-style: transparent;
	outline: none;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
  
  .resize-sidenav{
      width:250px;
  }
}

.devider{
	width: 100%;
	height: 1px;
	background-color: #ddd;
	margin:7px 0px 7px 0px;
}

.bold{
	font-weight: bold;
}

.bolder{
	font-weight: bolder;
}

.lighter{
	color:#999;
}

.my-line-max{
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height: 38px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

/*custom scrollbar*/
@media only screen and (min-width : 992px) {
/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #2196f3; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0176d3; 
}

.nav-wrapper{
	width: calc(100% - 300px);
}
}

.kta-background{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.kta-container{
	width:500px;
	height:306px;
	margin:auto;
	margin-top: 20px ;
	margin-bottom:20px;
	padding:0px; 
	padding-bottom: 10px;
	z-index: 4;
}

.kta-content{
	position: absolute; 
	left: 0px;
	top: 0px; 
	z-index: 8
}

.kta-data{
	position: relative;
	top: 170px;
}

.my-background-image{
	background-image: url("../assets/images/logo_light.jpg");
	width: 100%;
	height: 100%;
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
	opacity: 0.2;
}