@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
body{
font-family: 'Raleway', sans-serif;
}
.subComponentBtn{}

::-webkit-scrollbar {
    width: 8px;
	height: 8px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.8); 
    border-radius: 5px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 8px rgba(136,136,136,1); 
}

html {
  scroll-behavior: smooth;
}

.table>thead>tr>th{
vertical-align:middle;
text-align:center;
white-space: nowrap;
}
.table>thead>tr>td{
vertical-align:middle;
text-align:center;
white-space: nowrap;
}
.table>tbody>tr>td{
vertical-align:middle;
white-space: nowrap;
}
.table>tr>td{
vertical-align:middle;
white-space: nowrap;
}
/*
th{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background:#17a2b8 ;
  color:#434343;
}
*/
table>tfoot>tr{
	background:#17a2b8 ;
	color:#434343;
}

.ibg{
background-color:#0033FF;
	}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }


.bg-custom-grey {
  background-color: #EFEFEF !important;
}

.bg-custom-grey1 {
  background-color: #E0E0E0 !important;
}




.text-custom-grey1{
	color:#AAA !important;
}

.text-custom-grey2{
	color:#BBB !important;
}

.text-custom-grey3{
	color:#DDD !important;
}





ul.nav-tabs >li.nav-item>.nav-link {
  color:#828282 !important;
}



ul.nav-tabs >li.nav-item>.active {
  background-color: #EFEFEF !important;
  color:#03F !important;
  border-bottom:thin solid #EFEFEF !important;
}


ul.nav-tabs >li.nav-item>.component-title{
	font-weight:bold !important;
	color:#F93 !important;
}



label.active{
	background:#09C !important;
	color:#FFF !important;
}

hr {
	width:80%;
border: 0;
height: 1px;
background: #F90;
background-image: -webkit-linear-gradient(left, #ccc, #F90, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #F90, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #F90, #ccc);
background-image: -o-linear-gradient(left, #ccc, #F90, #ccc);
}

.scrolling-wrapper{
	overflow-x: auto;
}



.parent {
  position: relative;
  width: 80%;
  height: 80vh;
  margin: 5% auto;  
  background: #fff;
  box-shadow: 0px 0px 5px #000;
}
.child{
  position: absolute;
  top:-5%;
  bottom:-5%;
  right: 10%;
  width: 30%;
  background: #fff;
  box-shadow: 0px 0px 5px #000;
}

.text-custom-orange{
color:#F90 !important;
}