.tabContainer {
	height: calc(100% - 40px);
	width: calc(100% - 40px);
	position: relative;
	max-width: 1200px;
}

.tabContainer .headersContainer {
	background: transparent;
}

.tabContainer .headersContainer h3 {
	display: inline-block;
    border-top: 1px solid rgba(96, 101, 106, 0.26);
    border-right: 1px solid rgba(96, 101, 106, 0.26);
    border-bottom: 1px solid rgba(96, 101, 106, 0.26);
    border-left: 1px solid rgba(96, 101, 106, 0.26);
    border-radius: 8px 8px 0 0;
    background: white;
    padding: 4px 8px 0px;
	cursor: pointer;
}

.tabContainer .headersContainer h3.selected {
	border-bottom: 1px solid #DDE6F1;
	background-color: #DDE6F1;
}

.tabContainer .contentContainer {
	width: 100%;
    height: fit-content;
    position: relative;
    border-radius: 0 0 8px 8px;
    border-left: 1px solid rgba(96, 101, 106, 0.26);
    border-right: 1px solid rgba(96, 101, 106, 0.26);
    border-bottom: 1px solid rgba(96, 101, 106, 0.26);
    border-top: 1px solid rgba(96, 101, 106, 0.26);
    background: white;
    overflow-y: scroll;
    min-height: 100%;
}

.tabContainer .contentContainer .content {
	/* position: absolute; */
    width: 100%;
    height: 100%;
    padding: 0;
    overflow-y: scroll;
    min-height: 0;
}

/* Mobile Styles */
@media (max-width: 767px) {
	.tabContainer {
		width: 100%;
		overflow-x: scroll;
		white-space: nowrap;
	}
	
	.tabContainer .headersContainer h3 {
		border-top: none;
		border-right: none;
		border-left: none;
		border-bottom: 1px solid #CDCDCD;
	}
	
	.tabContainer .headersContainer h3.selected {
		border-bottom: 1px solid #0065DC;
	}
	
	.tabContainer .contentContainer {
		border: none;
		height: calc(100% - 60px);
	}
}