@import './variables.scss';
@import './mixins/_responsive.scss';
.inner-tabs.ant-tabs{
    .main-container{
        padding: 0;
    }
}


.panel.ant-tabs > .ant-tabs-nav {
    padding: 10px;
    background: #e9e9e9;
}

.panel .ant-tabs-tabpane {
    padding: 20px 10px 40px 10px;
}

.panel .ant-tabs-ink-bar {
    background: rgb(82, 82, 82);
}

.inner-tabs.ant-tabs-top > .ant-tabs-nav{
    //margin: 0;
    box-shadow: $base-item-shadow;
    //padding: 0 10px;
    border: none;
    //border-radius: 5px;
    margin: 0;
}
.inner-tabs .ant-tabs-nav-wrap{
    background-color: $primary-light-background-color;
}
.ant-tabs-mobile.inner-tabs{
    .ant-tabs-nav{
        margin: 0px 0 20px 0;
    }
}
.ant-tabs-tab{
    user-select: none!important;
}
.inner-tabs .ant-tabs-tab, .inner-tabs .ant-tabs-tab + .ant-tabs-tab{
    margin: 0 5px 0 0;
}
.ant-tabs-tab, .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
    font-weight: bold!important;
}
.inner-tabs.ant-tabs-default .ant-tabs-tab-btn{
    padding: 0 10px 0 10px;
}
.ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before{
    border-bottom: none!important;
}
.ant-tabs .ant-tabs-tab{
    color: $primary-text-color;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after{
    box-shadow: inset -20px 0 10px -10px rgba(0, 0, 0, 0.30) !important;
    @include MQ(lg) {
        box-shadow: inset -10px 0 8px -8px rgba(0,0,0, 0.8)!important;
	}
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before{
    box-shadow: inset 20px 0 10px -10px rgba(0, 0, 0,0.30)!important;
    @include MQ(lg) {
        box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.8)!important;
    }
}
// .ant-tabs-nav { 
// 	background-color: $primary-light-background-color;
// 	padding: 0 10px 0 10px;
// }
// .ant-tabs.tabs-overflows {
// 	overflow: visible!important;
// 	overflow-x: visible!important;	
// 	overflow-y: visible!important;	
// }
// .ant-tabs{
// 	color: $primary-text-color;
// 	border-top-left-radius: 4px;
//     border-top-right-radius: 4px;
    
//     .main-container{
//         padding: 0;
//     }
// }
// .ant-tabs.inner-tabs{
// 	// margin-top: 20px;
// }
// .ant-tabs .ant-tabs-bar{
// 	margin-bottom: 0!important;
// 	padding-left: 3px;
//     padding-right: 3px;
//     background: $primary-light-background-color;
// 	box-shadow: $base-item-shadow;
// 	border: none;
// 	border-radius: 5px;
// }
// .ant-tabs.tabs-transparent .ant-tabs-bar{
//     background: none;
//     box-shadow: none;
// }
// .ant-tabs.tabs-transparent .ant-tabs-top-content, .ant-tabs.tabs-transparent .ant-tabs-bottom-content{
//     margin-top: 1px;
// }
// .ant-tabs.ant-tabs-card.tabs-transparent .ant-tabs-card-bar .ant-tabs-tab{
//     background: $tab-inactive-trns-bg;
// }
// .ant-tabs.ant-tabs-card.tabs-transparent .ant-tabs-card-bar .ant-tabs-tab-active{
//     background: $tab-active-bg;
// }
// .ant-tabs.inner-tabs .ant-tabs-nav .ant-tabs-tab{
// 	font-weight: 700;
// 	color: $secondary-text-color;
// 	margin: 0 0px 0 0;
// 	user-select: none;
// 	@include MQ(lg) {
// 		margin: 0 32px 0 0;
//     }
// }
// .ant-tabs-nav .ant-tabs-tab-active{
// 	font-weight: 700!important;
// }
// .ant-tabs .ant-tabs-ink-bar {
// 	bottom: 4px;
// 	background-color: $secondary-dark-background-color;
// 	height: 39px;
// 	border-radius: 2px;
// }
// .ant-tabs-large .ant-tabs-ink-bar {
//     height: 38px;
//     bottom: 9px;
//     border-radius: 2px;
// }
// .ant-tabs .ant-tabs-extra-content{
// 	line-height: 45px;
// }
// .ant-tabs .ant-tabs-nav > div:not(.ant-tabs-ink-bar){
// 	position: relative;
// 	z-index: 2;
// }
.ant-tabs .ant-badge{
	//margin-left: 5px;
	
}
.ant-tabs .ant-badge .ant-badge-count{
	//top: -1px!important;
	//background: $primary-light-background-color;
	//color: $primary-color;
	//border: 1px solid $secondary-light-background-color;
}
.ant-tabs .ant-badge .ant-badge-count p{
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab{
    font-size: 12px!important;
}
.ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before{
    border-color: var(--primary-light-background-color)!important;
}
// .card-container > .ant-tabs-card > .ant-tabs-content {
// 	border: none;
// 	box-shadow: $base-item-shadow;
// }
// .card-container > .ant-tabs-card .ant-table-tbody{
// 	box-shadow: none;
// }
// .card-container > .ant-tabs-card .ant-table-placeholder{
// 	box-shadow: none;
// 	border: none;
// }

// .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
// 	background: $primary-light-background-color;
// 	padding: 0px 0px 0 0px;
// }
// .card-container > .ant-tabs-card .ant-tabs-extra-content{
// 	line-height: normal;
// }
// .card-container > .ant-tabs-card > .ant-tabs-bar {
// 	border-color: #fff;
// 	background: transparent;
// 	padding-left: 0;
// 	padding-right: 0;
// 	box-shadow: none;
// }

// .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
// 	border-color: transparent;
// 	background: transparent;
// }

// .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
// 	border-color: $primary-light-background-color;
// 	background: $primary-light-background-color;
// }
// .ant-tabs-editable-card.ant-tabs .ant-tabs-bar{
// 	background: transparent;
// 	padding-left: 16px;
//     padding-right: 16px;
// }
// .ant-tabs-editable-card.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab{
// 	background: #dee3ea;
// }
// .ant-tabs-editable-card.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active{
// 	padding-bottom: 0;
// 	background: $primary-light-background-color;
// }

// .tab-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
// 	background: #e6eaff;
//     border-color: $primary-color;
//     color: $primary-color;
// }

// .tab-group .ant-radio-button-wrapper:first-child{
// 	border-radius: 15px 0 0 15px;
// }
// .tab-group .ant-radio-button-wrapper:last-child{
// 	border-radius: 0px 15px 15px 0;
// }
// .ant-tabs.tabs-form .ant-tabs-content{
//     //background: $primary-background-color;
//     background: $secondary-dark-background-color;
// }

// .ant-tabs-card .ant-tabs-nav {
// 	padding: 0;
// 	background: transparent;
// }

// .ant-tabs-tab-btn {
// 	padding: 0;
// }

// .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, 
// .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active,
// .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
// 	border: none !important;
// }