.slider-ctrl {
	margin-top: 1rem;
}

.slider-ctrl .add-btn {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-ctrl .add-btn .text {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.2;
	margin-right: 12px;
}

.slider-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 12px 0;
}

.slider-controls i {
	font-size: 40px;
}

.slider-controls .next {
	padding-left: 12px;
}

.slider-controls .prev {
	padding-right: 12px;
}

.slider-panel .card-footer {
	min-height: 53px;
}

.tns-horizontal.tns-subpixel {
	white-space: inherit;
}

.slider-container {
	padding: 0;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
	width: 100%;
}

#images .slider-container {
	padding-bottom: 56.25%;
	margin-bottom: 1.5rem;
}

.slider-container:hover {
	cursor: pointer;
}

#my-slider-ow {
	position: absolute;
	width: 100%;
	height: 100%;
}

.my-slider img {
	margin: 0 auto 0 auto;
	cursor: pointer;
	display: flex;
	justify-content: center;
}

#my-slider>.tns-item {
	/*     transition-duration: 0.4s !important; */
	
}

#images {
	min-height: 80%;
}

.my-slider {
	position: relative;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	/* 	min-height: 590px; */
}

.slider-item {
	background: grey;
	border-right: 2px solid #333;
	padding: 1.5rem .75rem;
	position: relative;
}

.controls {
	position: relative;
	list-style: none;
	align-items: center;
	outline: none;
	font-size: 40px;
	text-align: center;
}

.employee-header {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
}

.employee-header .controls-top {
	width: 15%;
}

.employee-header .controls-top .next {
	text-align: right;
}

.employee-header .controls-top .next, .employee-header .controls-top .prev {
	width: 50%;
}

.controls-top {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 250%;
	outline: none;
}

.controls .prev i, .controls .next i {
	padding: 0px 15px 0px 15px;
}

.controls-top span:focus, .controls span:focus {
	outline: none;
}

#img-count {
	font-size: 18px;
	min-width: 50px;
}

/* .controls-top > span:hover, */
/* #images  .prev:hover, */
/* #images  .next:hover { */
/* 	cursor: pointer; */
/* 	color: black; */
/* } */