/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.dark-layout .bg-primary { --bs-bg-opacity: .15; }

.scheduled_date_bottom_border {
	position: absolute;
	bottom: 0;
	width: 80%;
	height: 1px;
	background-color: rgba(255,255,255,0.5);
	margin: 0 auto;
}
.dark-layout .scheduled_date_bottom_border {
	background-color: rgba(255,255,255,0.2);
}

.pending_date_bottom_border {
	position: absolute;
	bottom: 0;
	width: 80%;
	height: 1px;
	background-color: rgba(255,255,255,0.5);
	margin: 0 auto;
}
.dark-layout .pending_date_bottom_border {
	background-color: rgba(255,255,255,0.2);
}

.white {
	background-color: rgba(255,255,255,1);
}
.white:hover {
	background-color: var(--vs-bg-hover-light);
}
.dark-layout .white {
	background-color: rgba(0,0,0,0);
}
.dark-layout .white:hover {
	background-color: rgba(0,0,0,.2);
}

.grey {
	background-color: rgba(248,248,248,1);
}
.grey:hover {
	background-color: var(--vs-bg-hover-light);
}
.dark-layout .grey {
	background-color: rgba(0,0,0,0.1);
}
.dark-layout .grey:hover {
	background-color: rgba(0,0,0,0.2);
}

.shoot-detail-address {
	font-size: 2em;
	margin-bottom: -6px;
	font-weight: bolder;
}

.shoot-detail-address2 {
	font-size: 1.5em;
	margin-left: 8px;
	margin-bottom: -4px;
	font-weight: lighter;
}

.shoot-detail-city {
	font-weight: lighter;
	margin-bottom: -1px;
}

.customizer .customizer-toggle {
	display: block;
	box-shadow: -3px 0px 8px rgba(34, 41, 47, 0.1);
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	position: absolute;
	top: 47%;
	width: 48px;
	height: 48px;
	left: -48px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

.uploadmedia .uploadmedia-toggle {
	display: block;
	box-shadow: -3px 0px 8px rgba(34, 41, 47, 0.1);
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	position: absolute;
	top: 47%;
	margin-top: -50px;
	width: 48px;
	height: 48px;
	left: -48px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

.spinner-slow {
	animation: spin-animation 6s infinite;
  animation-timing-function: linear;
  display: inline-block;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.size-15 {
	height: 15px;
	width: 15px;

}

.size-20 {
	height: 20px;
	width: 20px;
}

.size-25 {
	height: 25px;
	width: 25px;
}

.size-30 {
	height: 30px;
	width: 30px;
}

.fs-15 {
	font-size: 15px;
}

.fs-20 {
	font-size: 20px;
}

.fs-25 {
	font-size: 25px;
}

.fs-30 {
	font-size: 30px;
}

.fs-35 {
	font-size: 35px;
}

.fs-40 {
	font-size: 40px;
}

.stroke-1 {
	stroke-width: 1;
}

.stroke-2 {
	stroke-width: 2;
}

.stroke-3 {
	stroke-width: 3;
}

#copyaddress-button {
	cursor: pointer;
}

.sp-container button.sp-choose {
	background-color: var(--bs-primary);
}

.wrapper {
	background: rgba(var(--vs-primary-rgb),.5);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	text-align: center;
	left: 0;
	font-size: 3em;
	/* font-family: calibri; */
	font-family: Montserrat;
	font-weight: bolder;
	text-shadow: 1px 1px 2px #000;
	color: white;
	line-height: 100vh;
}

.dropzone {
	width: 50%;
	margin: 1%;
	border: 2px dashed var(--bs-primary) !important;
	border-radius: 5px;
}

.media-preview-bar {
	position: sticky;
	height: 100px;
	overflow: auto;
	background-color: white;
	bottom: 20px;
	left:0;
	right:0;
	color: red;
	font-weight: bold;
	box-shadow: rgba(0,0,0,.2) 0px 0px 14px 6px;
	border-radius: 6px;
	white-space: nowrap;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.media-preview-bar::-webkit-scrollbar {
	display: none;
}

.image-grid-loading {
	position: absolute;
	width: 100%;
	top: 50%;
  transform: translate(0, -50%);
	text-align: center;
}

.shoot-image img.hover-grow {
	transition: transform 150ms ease-in-out;
}

.link-to-viewshoot {
	cursor: pointer;
}

.shoot-address {
	cursor: default;
}

.photo-counter {
	position: absolute;
	top:0;
	left:0;
	color: white;
	font-weight: bold;
	padding: 8px 14px 8px 14px;
	border-radius: .357rem;
	background-color: rgba(0,0,0,.3);
}

.vs-text-italic {
	font-style: italic;
}

.wi {
	font-weight: bold;
	color: var(--bs-primary);
}