@import 'admin/pages/dashboard'; 
body { 
	&.bg-lighter {
		background-color: #f2f6fb !important;
	}
}

.btn {
	&:focus,
	&:active,
	&:not(:disabled):not(.disabled):active:focus,
	&:not(:disabled):not(.disabled).active:focus {
		box-shadow: none; 
	}
	&.btn-primary {
		background-color:#FFD500;
		border-color:#FFD500;
		&:hover,
		&:active,
		&:focus,
		&:not(:disabled):not(.disabled):active {
			background-color:#FFD500;
			border-color:#FFD500;
		}
	}
}
button:focus{
	outline: none;  
}
.link-primary {
    color: #FFD500 !important;
} 
a {
	color: #050505;
	&:hover {
		color: #050505;
	}
}
.text-black {
	color: #000;
}
.error-help-block{
	color: #e85347;
}


// header bar 

.nk-sidebar-head {
    background-color: #5B7DAD; 
	height: 62px;
}
.nk-header{
	&.is-dark{
		&:not([class*=bg-]) {
			background: #5B7DAD;
			border-color: #10467a;
		}
	} 
}
.nk-sidebar{ 
	background-color: #fff;
}

.nk-menu-link{
	&:hover{ 
			color: #fff;
			background: #FFD500;
			.nk-menu-link{ 
				color: #fff;
		} 
	}   
} 
.nk-menu-icon{
	&:hover{ 
		color: #fff; 
	}    
}
.nk-menu-item{
	&.active{
		> .nk-menu-link{
			color: #fff; 
			background: #FFD500; 
		}
	} 
}
.nk-menu-item{
	&.active-nav{
		> .nk-menu-link{
			color: #fff; 
			background: #FFD500; 
		}
	} 
}
.nk-menu-sub{
	.active{
		>{
			.nk-menu-link{
				color: #fff; 
				background: transparent;  
			}
		}
	}
} 
.active{
	> .nk-menu-link{
		.icon{
			color: #fff;
		}
	} 
}
 .active-nav{
	> {
		.nk-menu-link{
			.icon{
				color: #fff; 
			}
		} 
	}
 } 
 .nk-menu-sub{
	.active{
		>
	    	{
			.nk-menu-link{
				color: #FFD500;
			}
		} 
	} 
	.nk-menu-link{ 
		&:hover{
			color: #FFD500;
		}
	}
 } 
 .has-sub{
	&.active{
		>
		{
			.nk-menu-toggle{
				&:after{ 
					color: #fff;
				}
			}
		} 
	} 
 }
// nav scss 
.nav-tabs{
	flex-wrap: nowrap;  
    overflow-x: auto;
    overflow-y: hidden;
	.nav-link{
		white-space: nowrap; 
	}
	.nav-item{
		margin-bottom: 0; 
	}
} 
.nk-sidebar{
	border-right: 0; 
}

.faqCard { 
	.accordion-icon {
		position: static;
		transform: none;
		cursor: pointer;
		&.collapsed {
			&:before {
				content: "";
			}
		}
	}
	.action {
		right: 1.5rem;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		a {
			color: #364a63;
			font-size: 16px;
			&:not(:last-child) {
				margin-right: 10px;
			}
			&:hover {
				color: #FFD500;
			}
		}
	}
	.accordion-head {
		border-left: 0;
		border-right: 0;
		border-top: 0;
		padding-right: 110px;
		&:focus {
			outline: none;
		}
	}
	.accordion-item {
		&:last-child {
			.accordion-head {
				border-bottom: 0;
			}
		}
	}
	@media (max-width: 575px) {
		.accordion-head {
			padding-right: 1.5rem;
		}
		.title {
			margin-bottom: 5px;
		}
		.action {
			position: static;
			justify-content: flex-end;
			transform: none;
		}
	}
}

.photoUpload {
	position: relative;
	input {
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		cursor: pointer;
		opacity: 0;
	}
}
.nav-tabs{
	.nav-link{
		&.active{
			color: #FFD500; 
		}
		&:after{
			background: #FFD500; 
		}
		&:focus{
			color: #FFD500;  
		}
	}
} 
.link-list-menu li.active > a,
.link-list-menu a.active,
.link-list-menu a:hover,
.link-list-menu li.active > a .icon,
.link-list-menu a.active .icon,
.link-list-menu a:hover .icon,
.link-list-menu li.active > a:after,
.link-list-menu a.active:after,
.link-list-menu a:hover:after {
	color: #FFD500;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 170px;
}
.form-label {
	margin-bottom: 3px;
}
.form-control:focus {
	color: #3c4d62;
    background-color: #fff;
    border-color: #FFD500;
    outline: 0; 
    box-shadow: 0 0 0 3px rgba(255, 185, 1, 0.10);    
} 
.link-list-opt a:hover {
	color: #FFD500;
}
.link-list a:hover {
	color: #FFD500;
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #1ee0ac;
	background-color: #1ee0ac; 
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #dbdfea;
}
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none;
}
.select2-container--default .select2-selection--single:focus {
	box-shadow: 0 0 0 3px rgba(255, 185, 1, 0.10);  
    border-color: #FFD500;
    outline: none;
}

.datepicker table tr td.today {
	background-color: #FFD500;
	color: #fff;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
	background-color: #FFD500;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #FFD500;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
	background: #FFD500;
	color: #fff;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
	background-color: #FFD500;
}

.headerDropdown {
	.link-list {
		a {
			.icon {
				margin-top: -4px;
				width: 30px;
			}
		}
	}
}

.pageHead {
	&__right {
		.btn-toolbar {
			padding: 10px 0;
			li {
				&:not(:last-child) {
					margin-right: 15px;
				}
			}
		}
	}
	@media (max-width: 400px) {
		h3 {
			&.page-title {
				font-size: 20px;
			}
		}
		.breadcrumb-item {
			font-size: 10px;
		}
		.btn-toolbar {
			li {
				&:not(:last-child) {
					margin-right: 8px;
				}
			}
		}
	}
}

.gameDescription {
	white-space: normal;
	max-width: 600px;
	min-width: 360px;
}

.upload_photo {
	width: 110px;
	height: 110px;
	.img-box {
		img {
			height: 100%;
			width: 100%;
		}
	}
	label {
		height: 24px;
		width: 24px;
		background: #FFD500;
		cursor: pointer;
		bottom: 7px;
		right: -1px;
		color: #fff;
		input[type="file"] {
			display: none;
		}
		i {
			font-size: 12px;
		}
	}
}

// dashboard
.dashCard {
	.icon {
		height: 70px;
		img {
			height: 100%;
			width: auto;
		}
	}
	@media (max-width: 1599px) {
		.amount {
			font-size: 30px;
		}
	}
	@media (max-width: 991.98px) {
		.icon {
			height: 60px;
		}
		.amount {
			font-size: 26px;
		}
	}
}

.card-aside-wrap{
	.card-content-table {
		min-width: 1%;
	} 
} 

// datatable
div{
	&.dataTables_wrapper{
			.dataTables_empty{
				.alert-danger{
					padding: 12px 10px; 
				}
			} 
	   } 
   }
.dataTables_wrapper {
	.dataTable {
		width: 100% !important;
		td {
			vertical-align: middle;
		}
	}
	.row {
		align-items: center;
		margin: 0 !important;
	}
	.g-2 {
		margin: 0 !important;
		> li,
		> div {
			padding: 0 15px !important;
		}
	}
	.dataTables_scroll {
		overflow: auto;
		.dataTables_scrollBody {
			min-height: 200px;  
		}  
		.dropdown-menu-xs {
			min-width: auto;
			max-width: none;
		} 
	}
	.datatable-wrap {
		margin: 0 !important;
		border-radius: 0;
		border-left: none;
		border-right: none;
		max-width: 100%;
		overflow-x: auto;
	}
	.dataTables_length {
		padding: 15px 0;
		label {
			margin-bottom: 0;
		}
		position: relative;
		.form-control {
			margin: 0 5px;
			&:active,
			&:focus {
				box-shadow: none;
			}
		}
	}
	.dataTables_filter {
		padding: 15px 0;
		label {
			margin-bottom: 0;
			font-size: 0;
		}
		.form-control {
			background: #f6f7f8;
			height: 38px;
			padding: 5px 15px;
			margin: 0;
			&:active,
			&:focus {
				box-shadow: none;
			}
		}
	}
	.dataTables_info {
		padding: 15px 0 !important;
		color: #74778e;
		text-align: right;
	}
	.dataTables_paginate {
		padding: 15px 0;
		.pagination {
			margin: 0 !important;
		}
	}
	.table {
		width: 100% !important;
		margin-top: 0 !important;
		thead {
			tr {
				th {
					padding-top: 13px;
					padding-bottom: 13px;
					position: relative;
					&:before,
					&:after {
						top: 19px;
					}
				}
			}
		}
		tr {
			td {
				position: relative;
				&.select-w-120{
					.select2-container {
						width: 120px !important;
					}
				}
				&.select-w-110{
					.select2-container{
						width: 110px!important;
					}
				}
			}
		}
	}
	@media (max-width: 767.98px) {
		.dataTables_filter,
		.dataTables_length,
		.dataTables_paginate {
			padding: 10px 0;
		}
		.dataTables_info {
			padding: 10px 0 !important;
		}
	}
	@media (max-width: 575.98px) {
		.col-7.col-sm-12.col-md-9,
		.col-5.col-sm-12.col-md-3.text-left.text-md-right {
			flex: 0 0 100%;
			max-width: 100%;
		}
		.dataTables_length {
			.form-control {
				margin: 0 0 0 5px; 
			}
		}
		.dataTables_paginate {
			padding-bottom: 0;
		}
		.dataTables_info {
			padding: 15px 0 !important;
		}
	}
}
@media (max-width: 575px) {
	div.dataTables_wrapper div.dataTables_info {
		text-align: center !important;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center;
	}
}

// table
.noteText{
	width: 173px;
	text-overflow: ellipsis;
	overflow: hidden
}
.common-table {
	.table {
		td,
		th {
			vertical-align: middle;
			white-space: nowrap;
			font-size: 14px;
			&.w_70 {
				width: 70px;
				max-width: 115px;
			}
			&.w_100 {
				width: 100px;
			}
		}
		tbody {
			tr {
				td {
					.custom-switch {
						padding: 0;
						position: relative;
						margin-top: 5px;
						.custom-control-label {
							width: 3rem;
							&::before {
								left: 0;
								width: 100%;
							}
							&::after {
								left: 5px;
							}
						}
					}
					.textLimit {
						max-width: 450px;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.badge {
						min-width: 85px;
					}
				}
			}
		}
	}
	@media (max-width: 991.98px) {
		.table {
			tbody {
				.custom-switch {
					.custom-control-label {
						width: 2.8rem;
						&::before {
							height: 1.4rem;
						}
						&::after {
							left: 1px;
							top: 3px;
						}
					}
				}
			}
		}
	}
}

// Sidebar
.is-light {
	&.sidebar {
		.nk-menu-icon {
			.icon {
				font-size: 20px;
			}
		}
		.nk-menu-link {
			&:hover {
				background: transparent;
				color: #000;
				.nk-menu-icon {
					color: #000;
				}
			}
		}
		.active {
			> .nk-menu-link {
				background-color: #000;
				color: #fff;
				.nk-menu-icon {
					color: #fff;
				}
			}
		}
		.has-sub.active {
			> .nk-menu-toggle {
				&:after {
					color: #fff;
				}
			}
			.active {
				> .nk-menu-link {
					background-color: transparent;
					color: #000;
				}
			}
		}
		@media (max-width: 1119.98px) {
			.simplebar-content {
				padding-top: 0 !important;
			}
		}
	}
}

.car-info{
	p{
		word-break: break-all; 
	}
}

/*Edit CMS*/
.edit-cms {
	&__wrapper {
		padding: 30px;
		background: #ffffff;
	}
	&--grid {
		.cms-grid {
			h4 {
				margin-bottom: 15px;
			}
			background: #ffffff;
		}
	}
	@media (max-width: 1199px) {
		&__wrapper {
			padding: 20px;
		}
	}
	@media (max-width: 767px) {
		padding: 15px;
		margin-top: 10px;
	}
}
.note-editor{
	ol {
		list-style-type: decimal;
	}
	ul{
		list-style-type: disc;
	}
} 
.note-editing-area{
	.note-editable {
		padding-left: 10px;
		padding-right: 10px;
	}
} 
.note-editor{
	.note-editable {
		padding: 10px 25px !important;
	}  
	.note-placeholder{
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
} 
// pagination
.page-item {
	&.active {
		.page-link {
			color: #fff;
			background-color: #000;
			border-color: #000; 
		}
	}
}

/*Notifications*/
.notification-page {
	.notification-wrap {
		.notification-item {
			padding: 15px;
			&:not(:last-child) {
				border-bottom: 1px solid #f0f0f0;
			}
			p {
				margin-bottom: 5px;
				font-size: 15px;
			}
			span {
				font-size: 12px;
				color: theme(250);
			}
		}
	}
}
 
// header-logo
.logo-img {
	max-height: 24px;
	padding-left: 5px;
  }

// page Head
.pageHead__right{
	.excelTop{
		margin-top: -62px;  
	}
	@media (max-width: 575.98px) {
		.excelTop{
			margin-top: 0;  
			border-bottom: 1px solid #dbdfea; 
		}
	} 
}

.store {
    display: flex;
    align-items: center;
	&-avatar {
		border-radius: 50%;
		height: 60px;
		width: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff; 
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.06em;
		flex-shrink: 0;
		position: relative;
	}
}


// nav-specification 
@media (min-width: 768px){
	.nav-specification {
         .nav-item { 
			 &:last-child{
			     padding-right: 1.5rem;
		    }  
		}
	}
} 
@media (min-width: 992px){
	.nav-specification {
         .nav-item { 
			 &:last-child{
			     padding-right: 1.75rem;
		    }  
		}
	}
}
@media (min-width: 1200px){
	.nav-specification {
         .nav-item { 
			 &:last-child{
			     padding-right: 2.25rem;
		    }  
		}
	}
}


@media (max-width: 767px){
	.nav-specification {
         .nav-item { 
			 &:last-child{
			     padding-right: 1.25rem;
		    }  
		}
	}
}

@media (min-width: 1200px){
    .nk-sidebar{ 
		.logo-img-small {
			opacity: 0;
		}
		&.is-compact{
			.logo-img-small {
				opacity: 1;
			}
			.logo-dark{
				opacity: 0; 
			} 
		}
		&:hover{
			.logo-dark {
				opacity: 1;
			}
			.logo-img-small{
				opacity:0;
			} 
		} 

	} 
  }  

// comman star

.ratingsIcons {
	.rateYo,
	.rateYostar {
	  width: auto !important;
	}
	svg {
	  width: 14px;
	  height: 14px;
	}
  }
  .ratingstarIcons {
	svg {
	  width: 13px;
	  height: 13px;
	}
	.rateStar {
	  width: auto !important;
	}
  }

//  car detail 

.car-list{
	img {
		margin-bottom: 30px;
	} 
} 
.galleryImg_action {
	top: 10px;
	right: 10px;
  
	a {
	  width: 32px;
	  height: 32px;
	  font-size: 14px;
	  background-color: #FFD500;
	  color: #fff;
	  backdrop-filter: blur(12px);
	  border-radius: 20px;
	  margin-left: 10px;
  
	  + a {
		color: #fff;
	  }
	}
  }
  .upload_photo {
	.img-box {
	  img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	  }
	}
  }
// for delete 

.swal2-popup {
    padding: 1.5rem 1.5rem;
	.swal2-title{
		font-size: 1.25rem;
	}
	.swal2-styled {
		font-size: 0.8125rem !important;
		padding: 0.4375rem 1.125rem;
		min-width: auto;
		&.swal2-confirm {
			background-color: #FFD500;
			border-color: #FFD500; 
			margin-right: 0;
		} 
		&.swal2-cancel {
			background-color: #364a63;
			border: #364a63;
		}
		&:focus {
			box-shadow: none;
		} 
	}
	.swal2-actions {
		margin-top: 10px;
	}
} 
@media (max-width: 991.98px) {
	.filterDropdown {
		.dropdown-head,
		.dropdown-foot {
			padding: 10px 15px;
		}
		.dropdown-body {
			padding: 14px;
			.gy-3 {
				margin-right: -5px;
				margin-left: -5px;
				> div {
					padding-right: 5px;
					padding-left: 5px;
				}
			}
		}
	} 
	.data-item{ 
		padding: 0;
	}
}




.badge-dot {
	font-style: inherit;
  }
  
  .accessPage {
	&_inner {
	  max-width: 700px;
	  padding: 15px;
	  margin: auto;
	}
  }
  .upload_photo{
		input[type="file"] {
			display: none;
		}  
	} 
  .adSection {
	.galleryImg {
	  overflow: hidden;
	  &_action {
		a {
		  width: 24px;
		  height: 24px;
		}
	  }
	}
	.car-list {
	  img {
		object-fit: cover;
		width: 100%;
		overflow: hidden;
		height: 110px;
		margin-bottom: 0;
		@media (min-width: 1499.98px) {
			height: 160px; 
		}
	  }   
	}
   
	.upload_photo {
	  label {
		width: 100%;
		height: 100%;
		background-color: transparent;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		em{
			background-color: #FFB904;
			padding: 5px;
			border-radius: 50%; 
		}
	  }
	  .img-thumbnail {
		height: 90px;
		display: block;
		border-radius: 0;
	  }
	  .img-box {
		border: 1px solid #dee2e6;
		border-radius: 4px;
		padding: 0.25rem;
	  }
	}
	@media (min-width: 1199.98px) {
	  .customCol {
		flex: 0 0 19.33333%;
		max-width: 19.33333%;
	  }
	}
	@media (max-width: 1198.98px) {
	  .upload_photo {
		.img-thumbnail {
		  height: 120px;
		}
	  }
	  .car-list {
		img {
		  height: 140px;
		}
	  }
	}
	@media (max-width: 991.98px) {
	  .upload_photo {
		.img-thumbnail {
		  height: 130px;
		}
	  }
	  .car-list {
		img {
		  height: 160px;
		}
	  }
	}
	@media (max-width: 767.98px) {
	  .scroll-md {
		overflow-y: scroll;
		height: 400px;
	  }
	  .upload_photo {
		.img-thumbnail {
		  height: 140px;
		}
	  }
	  .car-list {
		img {
		  height: 170px;
		}
	  }
	}
	@media (max-width: 578.98px) {
	  .upload_photo {
		.img-thumbnail {
		  height: 130px;
		}
	  }
  
	  .car-list {
		img {
		  height: 135px;
		}
	  }
	}  
	@media (max-width: 400.98px) {
	  .customCol {
		flex: 0 0 100%;
		max-width: 100%;
	  }
	  .scroll-md {
		height: 300px;
	  }
	  .upload_photo {
		.img-thumbnail {
		  height: 130px;
		}
	  }
	}
  }

  .addCarModal {
	.edit-cms__wrapper {
		padding: 0;
	}
	.adSection {
		.car-list {
			img {
				height: 110px;
			}
		} 
		.scroll-md {
			height: auto;
		}
	} 
	.upload_photo {
		label {
			bottom: -5px;
			right: -5px;
		}
	}
	
}  
  
.is-dark .user-name{
	color: #fff; 
  } 
  .nk-quick-nav-icon{
	color: #fff;
  }