@import '../../../../theme';
@import '../../../../theme/color';

.primary-toolbar-component {
	background-color: $aeap-color-white;
	border-bottom: 0.1rem solid $aeap-percent-bar-bg-color;
	height: 6rem;
	margin-left: 0.1rem;
	box-shadow: 0rem 0.4rem 0.4rem $aeap-dp-toolbar-box-shadow;
	.t-icon-wrap span {
		color: $aeap-color-grey-1;
		height: 2.4rem;
		width: 2.4rem;
	}

	.separator {
		border-right: 0.1rem solid $aeap-color-pattens-blue;
		height: 3rem;
	}

	.workbook-select {
		background: $switch-background;
		border-radius: 0.4rem;
		border-right: none;
		margin-left: 1.6rem;
		font-weight: 500;
		font-style: normal;
		min-width: 20rem;
	}

	.version-title {
		height: 2.2rem;
		padding-top: 1rem;
		font-style: normal;
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1.9;
		display: flex;
		align-items: center;
		color: $aeap-color-very-light-grey;
	}

	.current-week{
		color: $aeap-color-navy;
		text-align: left;
		line-height: 1.9;
	}

	.analysis-tabs {
		margin-left: 5.3rem;
	}

	.dropdown-icon-color {
		color: $aeap-color-grey-1;
	}

	.activeTab {
		background: $aeap-active-tab-dp;
		height: 6rem;
		padding-top: 1.8rem;
		color: $aeap-color-primary;
		font-weight: 700;
		border-bottom: 0.4rem solid $aeap-color-primary;
		pointer-events: none;
	}

	.unactiveTab {
		font-style: normal;
		font-weight: 600;
		font-size: 1.6rem;
		line-height: 1.6rem;
		color: $aeap-un-active-tab-dp;
	}

	.active-tab-border {
		border-bottom: 0.4rem solid $aeap-color-primary;
	}
	// tooltip code

	.tooltips {
		display: inline-block;
		position: relative;
		&:hover {
			&::after {
				background: $aeap-color-grey-1;
				border: 0.1rem solid $aeap-color-black-thinest;
				border-radius: 0.3rem;
				box-sizing: border-box;
				color: $aeap-color-white;
				content: attr(data-title);
				font-size: 1.4rem;
				right: 0;
				padding: 0.5rem;
				position: absolute;
				top: 5rem;
				z-index: 1;
			}
		}
	}

	.dropdown-btn {
		background: $aeap-color-white;
		border: 0.1rem solid $aeap-pinned-border-grey;
		border-radius: 0.3rem;
		box-sizing: border-box;
		color: $aeap-color-black-cp;
		height: 4rem;
		min-width: 8.5rem;
		}

	  .dropdown-content {
		background: $aeap-color-white;
		box-shadow: 0 0.4rem 0.4rem $aeap-color-black-thinest;
		box-sizing: border-box;
		max-height: 20rem;
		min-width: 15rem;
		max-width: 20rem;
		text-align: left;
	  }
	  .divider {
		border-left: 0.1rem solid $aeap-pinned-border-grey;
		height: inherit;
	  }
}