/*
 * CSS for data Tabs section in the main layout
 * --------------------------------------------------
 */
 /* override property of glyphicon to disable the line-height property*/
 .glyphicon
 {
 	line-height:0px;
 }
 
.data-tab-area
{
	position:relative;
}
.full-height {
	height: 100%;
} 

.data-tab-window{
	height: 100%;
}

.dataTabs-container {
	border: 0px solid black;
	min-height:40px;
	height:40px;
	border-bottom:3px solid rgba(86,61,124,.2);
}
 
.dataTab {
	min-height: 100%;
	max-height: 100%; 
	height:100%; 
	border-top-left-radius:5px; 
	border-top-right-radius:5px;
	width: 12.5%;
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */display: -ms-flexbox;  /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display: flex;;
	align-items:center;
	/*min-width:70px;*/
	/*vertical-align:middle;
	padding-top:9px;
	padding-bottom:9px;*/
	padding-right:0px;
	padding-left:0px;
	background-color:#d7d9e0;
}

.dataTab:hover {
	    background-color:rgba(238, 238, 238, 0);
} 

.dataTab-selected {
	border-bottom:0px;
	/* background-color: #eee;*/
	background-color:rgba(238, 238, 238, 0);
}

.dataTabArea-container {
	height:calc(100% - 40px);
}

.data-tab-area {
	position:relative;
	border-top:0px;
	/*padding-right:0px;*/
	/*display:none;*/
	visibility: hidden;
	overflow:auto;
	height:0px;
	min-height: 0px;
	border:0px;
}

.data-tab-area-selected {
	/*display: block;*/
	max-height:100%;
	min-height:80%;
	height: 100%;
	visibility: visible;
	padding:0px;
	
}
.tab-close-button
{
	float:right;
	display:inline-block;
	padding:0px;
	margin:0px;
	border:0px;
}
.tab-text
{
	border:0px;
	text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  padding-top:1px;
}
#dataArea {
	transition:0.5s;
	padding: 0px;
	height:100%;
}


.drop-down-option
{
	text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  padding:3px;
}
.drop-down-option:hover
{
	background-color:#eee;
}
.dropdownbutton:hover
{
	background-color:#eee;
}
.dropdownbutton
{
	border-width:0px;
	width:inherit;
	height:100%;
	background-color:#eee;
}
.dropdown-active
{
	background-color:#eee;
}
.dropdowndiv
{
	border-width:0px;
	width:100%;
	padding:0px;
	vertical-align:text-center;
	height:inherit;
	}
.dropdown
{
	/*border:1px solid red;*/
	width:65px;
	min-width:inherit;
	float:right;
	text-align:vertical-center;
	height:inherit;
}
.tabrow{
	/*border:1px solid green;*/
	height:inherit;
	width:calc(100% - 65px);
	float:left;
}
.tabBtn	
{
	height:inherit;
	margin:1px;
	height:80%;
	padding:0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dropdownicon
{
	min-width:inherit;
	width:inherit;
}
.tabsection
{
	border-left:0px;
}

.tab-window
{
	widht:100%;
}