// Fonts
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
// Variables
@import "variables";

// $primary: #bada55;

@import "~font-awesome/scss/font-awesome";
@import "~simple-line-icons/scss/simple-line-icons.scss";
@import "~@coreui/coreui/scss/coreui.scss";
@import "~@coreui/icons/scss/coreui-icons.scss";
@import "~tinymce/skins/ui/oxide/skin.min.css";

// Custom
@import "mobile";

.navbar-laravel {
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.form-control[type="color"] {
	height: auto;
}

/* Need styles for -webkit- and -moz- */

.form-control[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
	margin: 0;
}
.form-control[type="color"]:-moz-color-swatch-wrapper {
	padding: 0;
	margin: 0;
}
.form-control[type="color"]:-ms-color-swatch-wrapper {
	padding: 0;
	margin: 0;
}

.form-control[type="color"]::-webkit-color-swatch {
	height: 17px; /* font-size + line-height */
	padding: 0;
	margin: 0;
}
.form-control[type="color"]::-moz-color-swatch {
	height: 17px; /* font-size + line-height */
	padding: 0;
	margin: 0;
}
.form-control[type="color"]:-ms-color-swatch {
	height: 17px; /* font-size + line-height */
	padding: 0;
	margin: 0;
}

.breadcrumb {
	a {
		color: #2f353a;
	}

	.breadcrumb-item:last-of-type a {
		color: $blue;
	}
}
.dataTables_wrapper {
	.pagination,
	.dataTables_filter {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}
	.dataTables_filter {
		display: flex;
	}
}
.dd-item {
	.dd-handle {
		border: none;
		border-left: solid 2px $blue;
		color: $gray-800;
		background: $light;
		border-radius: 0;
		box-shadow: 1px 1px 0px 1px #eee;
		&:hover {
			color: $info;
			background: $light;
		}
	}
	button,
	i {
		color: $gray-800;
	}
}

/* Tag Input */
.tags > span {
	cursor: pointer;
	display: block;
	float: left;
	color: #fff;
	background: $blue;
	padding: 0.5rem;
	padding-right: 2rem;
	margin-bottom: 1rem;
	margin-right: 1rem;
}
.tags > span:hover {
	opacity: 0.7;
}
.tags > span:after {
	position: absolute;
	font-family: "fontawesome";
	content: "\f146";
	margin-left: 0.5rem;
}

.image-input-placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.clear-image {
	position: absolute;
	top: 5px;
	right: 5px;
	color: red;
	visibility: hidden;
	&:hover {
		cursor: pointer;
	}
}

.file-manager-button.file-manager-button-thumb {
	animation: slide-up 0.4s ease;
	max-width: 250px;
	max-height: 250px;
	a {
		width: 100%;
		height: 100%;
	}
}

@keyframes slide-up {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.aside-menu-fixed-container {
	height: 100%;
	width: 250px;
	// overflow-y: scroll;
	-ms-overflow-style: none; // IE 10+

	::-webkit-scrollbar {
		display: none;
	}
}

.file-manager-button img {
	transition: all ease 0.25s;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	&:hover {
		cursor: pointer;
		transform: scale(1.05);
		box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
	}
}

.dashed {
	border-bottom: 1px dashed rgb(165, 165, 165);
	text-align: center;
	height: 12px;
	margin-bottom: 10px;
	width: 100%;
}

.dashed span {
	background: #fff;
	padding: 0 5px;
	color: rgb(165, 165, 165);
}
.aside-menu .tab-content {
	max-height: calc(100% - 101px);
}

#cms-logo{
	width: 200px;
	.navbar-brand-full{
		width: 100%;
		height: 100%;
	}
}

.brand-minimized .app-header #cms-logo {
	width: 50px;
	.navbar-brand-minimized{
		width: 100%;
		height: 100%;
	}
}

.cursor-pointer{
	cursor: pointer;
}

.w-md-100 {
	@include media-breakpoint-up(md) {
		width: 100%;
	}
}