.vueTabsContent {
	background-color: var(--primary-background);
	padding: 25px 25px 25px 25px;
	
}

.vueTabsTabs {
	overflow: auto;
	overflow-y: hidden;
}

.vueTabsTabs ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
}

.vueTabsTabs ul li {
	display: inherit;
	margin-right: 3px;
}

.tabsFullWidth .vueTabsTabs a {
	border-top: 3px solid var(--bg-level-2); 
}

.vueTabsTabs a {
	padding: 15px;
	font-weight: 400;
	text-decoration: none;
	color: var(--text-default);
	border-top: 3px solid var(--border-lighter-contrast); 
}

.vueTabsTabs a:hover {
	border-top: 3px solid var(--border-dark-contrast); 
}

.vueTabsTabs .is-active a,
.vueTabsTabs a:focus {
	font-weight: 600;
	border-top: 3px solid var(--primary-color); 
	background-color: var(--primary-background);
}

.vueTabsContainer.tabsFullWidth {
    position: relative;
    left: calc(var(--site-margin) * -1);
    width: 100vw;
}

.tabsFullWidth .vueTabsTabs {
    margin: 0 var(--site-margin);
}

.tabsFullWidth .vueTabsContent {
    padding: 20px var(--site-margin);
}

@media (max-width: 974px) {
    .vueTabsContainer.tabsFullWidth {
        position: relative;
        left: -5vw;
        width: 100vw;
    } 
    
    .tabsFullWidth .vueTabsTabs {
        margin: 0 5vw;
    }

    .tabsFullWidth .vueTabsContent {
        padding: 20px 5vw;
    }
}

.vueCheckbox .reStyleCheckBoxInput {
    opacity: 0;
    height: 0px;
    margin: 0px;
    display: inline;
    overflow: hidden;
    position: absolute;
}

.vueCheckbox label {
    display: grid;
    grid-template-columns: 25px auto;
}

.vueCheckbox .reStyleCheckBoxInput:focus + label .reStyleCheckBox{
    border: 1px solid var(--secondary-color);
    box-shadow: 0px 0px 2px var(--secondary-color);
}


.tabPageContainer .containerMainWindow {
    display: flex;
    overflow: auto;
    padding: 1px;
    top: 2px;
    position: relative;
}

@media (max-width: 975px) {  
    
    .containerMainWindow.tabContainer {
        padding-top: 0px;
    }    
    
    body.dashboard.tabs .containerMainWindow.tabContainer 
    {
        width: 90%;
        padding: 0px 5% 25px 5%;
    }	  
}