small, .btn-light {
	color: $font-primary-color !important;  
}

body {
  --ck-z-default: 3100;
  --ck-z-modal: calc( var(--ck-z-default) + 3999 );
}

header.v-toolbar.bg-primary {
	background: $header-bg-color !important; 
	color: $font-primary-color !important; 
	box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1) !important;
}

h2 {
	color: $header-color !important; 
}

#nav-desktop, #nav-mobile {
	color: $font-primary-color;
	padding-right: 0;
	a {
		color: $font-primary-color;
		text-decoration: none;
	}
	.v-list-item, .v-list-group {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		padding-top: 0;
		padding-bottom: 0;
		font-size: .75rem;
		transition: 0.5s ease all;
		&.active {
			background-color: $nav-item-active-bg-color;
			color: $nav-item-active-font-color;
			a {
				color: $nav-item-active-font-color;
			}
		}
	}
	.v-list-item {
		height: 40px;
		&__prepend {
			padding-left: 8px;
			width: 40px;
		}
		&:hover {
			background-color: $nav-item-hover-bg-color;
			color: $nav-item-hover-font-color;
			a {
				color: $nav-item-hover-font-color;
			}
		}
		&__content {
			z-index: 10;
			height: 100%;
		}
	}
	.v-list-group {
		&__items .v-list-item {
			padding-inline-start: 30px !important;
		}
	}
	
}

#side-avatar {
	.v-list-item {
		&__prepend {
			padding-left: 5px;
		}
	}
}

#topbar-logo {
	img {
		width: auto;
	}
}

#topbar-auth {
	a {
		text-decoration: none;
		color: $font-primary-color !important; 
	}
	.v-list-item__prepend i {
		margin-right: 20px;
	}
}

table {
	color: $font-primary-color;
	thead {
		border-bottom: 1px solid $border-color !important;
		th {
			font-weight: 900 !important;
			border-bottom: 0 !important;
		}
	}
	tbody {
		border-bottom: 0 !important;
		td {
			border-bottom: 1px solid $border-color !important;
		}
	}
	.td-action {
		width: 70px;
		text-align: center;
	}
	.td-image {
		width: 70px;
		text-align: center;
	}
}

hr {
	border-color: $border-color !important;
	opacity: 1;
}

.card {
	background: transparent;
	&-footer {
		small {
			font-size: 0.7rem;
		}
	}
}

.v-pagination {
	&__list {
		margin-bottom: 0;
		float: right;
		width: auto;
		* {
			color: $header-color;
			&:hover {
				color: #fff;
			} 
		}
	}
}

.v-input {
	.v-field {
		&__outline {
			&__start {
				border-top-left-radius: 20px;
				border-bottom-left-radius: 20px;
			}
			&__end {
				border-top-right-radius: 20px;
				border-bottom-right-radius: 20px;
			}
		}
	}
}

.v-text-field {
	input {
		border: 0;
	}
}

.v-textarea {
	textarea {
		border: 0;
		resize: none;
	}
}

.v-list-item--variant-text .v-list-item__overlay, .v-list-item--variant-text .v-list-item__underlay {
	background-color: $nav-item-hover-bg-color;
}
.v-list-item--variant-text .v-list-item__content {
	z-index: 1000;
	position: relative;
}
.v-select__content .v-list-item.v-list-item--active .v-list-item__content, .v-select__content .v-list-item:hover .v-list-item__content {
	color: white !important;
}


.form-group {
	padding-bottom: 10px;
}


.v-btn {

	&--variant-rounded {
		height: 50px !important;
		box-shadow: none;
		min-width: 120px;
		border-radius: 25px;
		.v-btn {
			&__overlay, &__underlay {
				border-radius: 25px;
			}
		}
	}

	&__overlay, &__underlay {
		transition: ease all 0.25s;
	}

	&__content {
		transition: ease all 0.25s;
		z-index: 1;
	}

	&:hover &__underlay {
		opacity: 0;
	}
	
	&--variant-outlined {
		border-color: $button-color;
		.v-btn {
			&__overlay {
				background-color: $button-color;
			}
			&__content { 
				color: $button-color;
			}
		}
		&:hover .v-btn__content {
			color: #fff;
		}
	}

	&--variant-flat {
		.v-btn {
			&__content {
				color: #fff;
			}
			&__overlay {
				background-color: white;
			}
			&__underlay { 
				background-color: $button-color;
			}
		}
		&:hover {
			box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1) !important;
			.v-btn__content {
				color: $button-color;
			}
		}
	}	
}