/*================================================================================
	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; }
.bg-primary-lighter {
	background: rgba(var(--vs-primary-rgb),.5);
}
.bg-primary-light {
	background: rgba(var(--vs-primary-rgb),.2);
}

.bg-primary-light-10 {
	background: rgba(var(--vs-primary-rgb),.1);
}
.bg-primary-light-20 {
	background: rgba(var(--vs-primary-rgb),.2);
}
.bg-primary-light-50 {
	background: rgba(var(--vs-primary-rgb),.5);
}

.bg-secondary-light-50 {
	background: rgba(var(--bs-secondary-rgb),.5) !important;
}
.bg-secondary-light-20 {
	background: rgba(var(--bs-secondary-rgb),.2) !important;
}
.bg-secondary-light-10 {
	background: rgba(var(--bs-secondary-rgb),.1) !important;
}

.scheduled_date_bottom_border
,.requested_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
,.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);
}

.shoot_row_large_highlight_ a.text-body[href]:hover {
	color: inherit !important;
}

.white.requested_shoot_row_large: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,.8);
}
/*
.shoot_row_large_highlight:hover
,
*/
.highlighted {
	background-color: var(--vs-bg-hover-light);
}
.grey.requested_shoot_row_large: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;
	font-weight: bolder;
}

.shoot-detail-address-sm {
	font-size: 1em;
	font-weight: bolder;
}

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

.shoot-detail-address2-sm {
	font-size: 1.5em;
	font-weight: lighter;
}

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

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

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

.showcardsummary .showcardsummary-toggle {
	z-index: 1092;
	box-shadow: -3px 0px 8px rgba(34, 40, 47, 0.1);
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	position: fixed;
	top: 30%;
	width: 48px;
	height: 48px;
	right: 0px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	transition: transform 300ms ease-in-out;
}

#showcardsummary-toggle-icon {
	transition: all 0.4s ease;
}

.offcanvas {
	z-index: 1092 !important;
}

.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-6 {
	height: 6px !important;
	width: 6px !important;
}

.size-10 {
	height: 10px !important;
	width: 10px !important;
}

.size-15 {
	height: 15px !important;
	width: 15px !important;
}

.size-16 {
	height: 16px !important;
	width: 16px !important;
}

.size-17 {
	height: 17px !important;
	width: 17px !important;
}

.size-18 {
	height: 18px !important;
	width: 18px !important;
}

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

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

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

.size-35 {
	height: 35px !important;
	width: 35px !important;
}

.size-40 {
	height: 40px !important;
	width: 40px !important;
}

.size-45 {
	height: 45px !important;
	width: 45px !important;
}

.size-50 {
	height: 50px !important;
	width: 50px !important;
}

.size-55 {
	height: 55px !important;
	width: 55px !important;
}

.size-60 {
	height: 60px !important;
	width: 60px !important;
}

.size-2em {
	height: 2em !important;
	width: 2em !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-14 {
	font-size: 14px !important;
}

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

.fs-16 {
	font-size: 16px !important;
}

.fs-18 {
	font-size: 18px !important;
}

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

.fs-22 {
	font-size: 22px !important;
}

.fs-24 {
	font-size: 24px !important;
}

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

.fs-26 {
	font-size: 26px !important;
}

.fs-28 {
	font-size: 28px !important;
}

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

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

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

.fs-50 {
	font-size: 50px !important;
}

.fs-60 {
	font-size: 60px !important;
}

.fs-100 {
	font-size: 100px !important;
}

@media (min-width: 768px) {
	.fs-md-18 {
		font-size: 18px !important;
	}
}

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

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

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

#copyaddress-button,.cursor-pointer {
	cursor: pointer !important;
}

.sp-container button.sp-choose {
	background-color: rgb(var(--vs-primary-rgb)) !important;
}

.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 {
	position: relative;
	transform: scale(1.02);
	transition: all 200ms;
}

.hover-grow {
	transition: all 200ms;
}

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

.shoot-address {
	cursor: default;
}

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

.delete-photo-counter {
	position: absolute;
	top:10px;
	left:10px;
	color: white;
	font-weight: bold;
	font-size: 1em;
	padding: 2px 6px 2px 6px;
	border-radius: .357rem;
	background-color: rgba(0,0,0,.3);
}

.photo-heart {
	position: absolute !important;
	top: 12px !important;
	right: 10px !important;
}

.sort-photo-top-bar {
	/*
	position: absolute;
	top: 14px;
	left: 50%;
	transform: translate(-50%, -50%);
	*/
	border-radius: .357rem;
	background-color: rgba(0,0,0,.5);
}

.sort-photo-top-bar.highlighted {
	background-color: rgba(var(--vs-primary-rgb),.9) !important;
}

.sort-card {
	cursor: pointer;
}

.photo-counter-button {
	color: white !important;
	font-size: 1em !important;
	font-weight: bold !important;
	padding: 2px 6px 2px 6px !important;
}

.photo-counter-button:hover {
	color: white !important;
}

.sort-card-body {
	font-size: .7em;
}

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

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

/* Google Autocomplete DropDown */
div.pac-item > span.pac-item-query {
	font-size: 1.7em;
	padding-right: 20px;
}

div.form-floating > label {
	font-size: 1em;
	color: rgba(0,0,0,.4);
}

div.form-floating > label.textarea {
	padding-left: 1.5rem !important;
}

.textarea-top-blocker {
	position: absolute;
	top: 1px;
	height: 28px;
	left: 15px;
	right: 30px;
	background-color: white;
}

.textarea-top-blocker-disabled {
	position: absolute;
	top: 1px;
	height: 28px;
	left: 15px;
	right: 30px;
	background-color: #ebeaed;
}

@media (max-width: 767px) {
	.textarea-top-blocker {
		top: 0px;
		left: 10px;
		right: 10px;
	}
}

div.card-footer.total {
    border-top: 4px solid rgb(var(--vs-primary-rgb));
}

.is-invalid .select2-selection
,span.input-group-text.is-invalid {
	border-color:rgb(234,84,85) !important;
}

.select2-selection__arrow {
	/* right: 8px !important; */
}
/* End Google Autocomplete DropDown */

.p-half {
	padding: .5rem !important;
}
.ps-half {
	padding-left: .5rem !important;
}
.pe-half {
	padding-right: .5rem !important;
}
.pb-half {
	padding-bottom: .5rem !important;
}
.pt-half {
	padding-top: .5rem !important;
}
.px-half {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
}
.py-half {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
}
.px-threequarters {
	padding-left: .7rem !important;
	padding-right: .7rem !important;
}
.py-threequarters {
	padding-top: .7rem !important;
	padding-bottom: .7rem !important;
}

.pb-p7 {
	padding-bottom: .7rem !important;
}

.p-quarter {
	padding: .25rem !important;
}
.ps-quarter {
	padding-left: .25rem !important;
}
.pe-quarter {
	padding-right: .25rem !important;
}
.pb-quarter {
	padding-bottom: .25rem !important;
}
.pt-quarter {
	padding-top: .25rem !important;
}
.px-quarter {
	padding-left: .25rem !important;
	padding-right: .25rem !important;
}
.py-quarter {
	padding-top: .25rem !important;
	padding-bottom: .25rem !important;
}

.me-5rem {
	margin-right: 5rem !important;
}
.m-half {
	margin: .5rem !important;
}
.me-half {
	margin-right: .5rem !important;
}
.mb-half {
	margin-bottom: .5rem !important;
}
.ms-half {
	margin-left: .5rem !important;
}
.mt-half {
	margin-top: .5rem !important;
}
.mt-nhalf {
	margin-top: -.5rem !important;
}
.mt-tenth {
	margin-top: .1rem;
}
.mx-half {
	margin-left: .5rem !important;
	margin-right: .5rem !important;
}
.mx-quarter {
	margin-left: .25rem !important;
	margin-right: .25rem !important;
}
.my-half {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important;
}
.my-quarter {
	margin-top: .25rem !important;
	margin-bottom: .25rem !important;
}
.mt-n1 {
	margin-top: -1rem !important;
}
.mt-nfifth {
	margin-top: -.2rem !important;
}

.m-quarter {
	margin: .25rem !important;
}
.me-quarter {
	margin-right: .25rem !important;
}
.mb-quarter {
	margin-bottom: .25rem !important;
}
.ms-quarter {
	margin-left: .25rem !important;
}
.mt-quarter {
	margin-top: .25rem !important;
}
.mt-nquarter {
	margin-top: -.25rem !important;
}

.border-1 {
	border-width: 1px !important;
}
.border-2 {
	border-width: 2px !important;
}
.border-3 {
	border-width: 3px !important;
}
.border-4 {
	border-width: 4px !important;
}
.border-5 {
	border-width: 5px !important;
}
.border-secondary-light {
	border-color: #bdc3c9 !important;
}
.border-booking-examples {
	border-color: #ededef !important;
}
.border-primary-light {
	border-color: rgba(var(--vs-primary-rgb),.2) !important;
}

.rounded-top-left {
	border-top-left-radius: .357rem !important;
}
.rounded-top-right {
	border-top-right-radius: .357rem !important;
}
.rounded-bottom-left {
	border-bottom-left-radius: .357rem !important;
}
.rounded-bottom-right {
	border-bottom-right-radius: .357rem !important;
}

.shadow {
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3) !important;
}

.flatpickr-months {
	background: rgba(var(--vs-primary-rgb),.3) !important;
}
/*
.flatpickr-calendar .flatpickr-day.today {
	border-color: rgb(var(--vs-primary-rgb)) !important;
}
.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected:hover {
	background: rgb(var(--vs-primary-rgb)) !important;
	border-color: rgb(var(--vs-primary-rgb)) !important;
}
*/

.footer-info {
	background: rgba(var(--vs-primary-rgb),.1) !important;
	color: rgb(var(--vs-primary-rgb)) !important;
}

.text-sunny {
	color: #ffe400;
}

/*
table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
	content: "▴" !important;
	transform: rotate(180deg) !important;
	font-size: 1em !important;
}
*/

.dark-layout .border-white {
	border-color: rgba(255,255,255,.2) !important;
}

.text-secondary-80 {
	color: rgba(var(--bs-secondary-rgb),.8) !important;
}
.text-secondary-50 {
	color: rgba(var(--bs-secondary-rgb),.5) !important;
}
.text-secondary-20 {
	color: rgba(var(--bs-secondary-rgb),.2) !important;
}

.text-body-color {
	color: var(--bs-body-color);
}

.context-menu-list .context-menu-item.context-menu-hover,
.context-menu-list .context-menu-item:hover,
.context-menu-list .context-menu-item:focus {
	color: rgb(var(--vs-primary-rgb)) !important;
	background-color: rgba(var(--vs-primary-rgb),.12) !important;
}
.context-menu-item.context-menu-disabled,
.context-menu-item.context-menu-disabled:hover,
.context-menu-item.context-menu-disabled:focus {
	color: #bbb !important;
	cursor: default !important;
	background-color: #fff !important;
}
.context-menu-list .context-menu-item.context-menu-disabled.context-menu-submenu::after,
.context-menu-list .context-menu-item.context-menu-disabled:hover.context-menu-submenu::after,
.context-menu-list .context-menu-item.context-menu-disabled:focus.context-menu-submenu::after {
	border-color: transparent transparent transparent #bbb !important;
}
.context-menu-list .context-menu-item.context-menu-hover.context-menu-submenu::after,
.context-menu-list .context-menu-item:hover.context-menu-submenu::after,
.context-menu-list .context-menu-item:focus.context-menu-submenu::after {
	border-color: transparent transparent transparent rgb(var(--vs-primary-rgb)) !important;
}
.context-menu-separator {
	padding: 0 !important;
	margin: 0 0;
	border-bottom: 1px solid #e6e6e6;
}

.form-switch.form-switch-lg {
  margin-bottom: 0;
}
.form-switch.form-switch-lg .form-check-input {
  height: 2rem;
  width: calc(3rem + 0.75rem);
  border-radius: 4rem;
}
.form-switch.form-switch-xl {
  margin-bottom: 0;
}
.form-switch.form-switch-xl .form-check-input {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 5rem;
}
.form-switch.form-switch-xl .switch-icon-left i
,.form-switch.form-switch-xl .switch-icon-right i {
	height: 20px !important;
	width: 20px !important;
	font-size: 20px !important;
}
.form-switch.form-switch-xl .switch-text-left,
.form-switch.form-switch-xl .switch-icon-left {
	left: 10px !important;
	top: 8px !important;
}
.form-switch.form-switch-xl .switch-text-right,
.form-switch.form-switch-xl .switch-icon-right {
	left: 35px !important;
	top: 8px !important;
	color: white !important;
}
.form-switch.form-switch-xl .form-check-input:not(:checked) {
	background-color: var(--bs-danger);
}

.btn-relief-primary-light {
	background-color: rgba(var(--vs-primary-rgb),.8) !important;
	box-shadow: inset 0 -3px 0 0 rgba(34, 40, 47, 0.2);
	color: #fff !important;
	transition: all 0.2s ease;
}
.btn-xl {
	font-size: 1.5em !important;
}

.tour_embed_container {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.tour_embed .disabled {
	color: #CCC;
}

.rephotogallery .fancybox-thumbs {
	top: auto;
	width: auto;
	bottom: 0;
	left: 0;
	right : 0;
	height: 105px;
	padding: 10px 10px 5px 10px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.3);
}

.fancybox-show-thumbs .fancybox-inner {
	right: 0;
	bottom: 105px;
}
.fancybox__caption {
	font-size: 1.5em;
}
.fancybox__image {
	border-radius: .3rem;
}

.grow {
	-webkit-transition:all .15s ease;
 	transition:all .15s ease;
}
.grow:hover {
	transform: translateY(-4px) scale(1.15);
}

.shoot-settings-menu {
	box-shadow: 0 4px 24px 0 rgba(34, 40, 47, 0.1);
}

.shoot-settings-menu > .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
    margin-left: 0px !important;
}

.shoot-settings-menu.bg-light {
	background-color: rgba(255,255,255,1) !important;
}
.dark-layout .shoot-settings-menu.bg-light {
	background-color: rgba(255,255,255,.1) !important;
}

.shoot-address-clickable,.shoot-date-clickable {
	cursor: pointer;
}

.numInputWrapper span {
	position: absolute;
	right: 0;
	width: 20px;
	padding: 0 4px 0 4px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 0 !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.flatpickr-time .numInputWrapper span.arrowUp::after {
	border-bottom-color: #FFFFFF !important;
}

.flatpickr-time .numInputWrapper span.arrowDown::after {
	border-top-color: #FFFFFF !important;
}

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
	background-color: rgba(var(--vs-primary-rgb),.6) !important;
}

.numInputWrapper span.arrowUp::after {
	border-left: 6px solid transparent !important;
	border-right: 6px solid transparent !important;
	border-bottom: 6px solid rgba(57,57,57,0.6) !important;
	top: 26%;
}

.numInputWrapper span.arrowDown::after {
	border-left: 6px solid transparent !important;
	border-right: 6px solid transparent !important;
	border-top: 6px solid rgba(57,57,57,0.6) !important;
	top: 40%;
}

.numInputWrapper span:hover {
	background-color: rgba(var(--vs-primary-rgb),1) !important;
}

.no-shadow {
	box-shadow: 0 0 0 0 !important;
}

.pac-container {
	z-index: 1090 !important;
}

.bg-none {
	background-color: transparent !important;
}

.dark-layout .card .card-footer.bg-light {
	background-color: rgba(255,255,255,.1) !important;
}

.move_package_arrow, .photographer-avatar {
	cursor: pointer;
}

#expand_packages_button,#show_hide_photo_package_example_edit_bar {
  -moz-transition: transform 500ms;
  -webkit-transition: transform 500ms;
  transition: transform 500ms;
}

.rotate180 {
  transform: rotate(-180deg);
}

label.custom-option-item.disabled
,label.custom-option-item.disabled > div.fw-bolder:hover {
	color: inherit;
	cursor: default;
}

.custom-option-item-transition {
  transition: all 500ms ease;
}
.custom-option-item-disabled {
  opacity: .5;
}
.custom-option-item:not(.custom-option-item-disabled):not(.custom-option-item-disabled-completely):hover {
	cursor: pointer;
}
.custom-option-item {
	color: rgba(0,0,0,.45);
}
.custom-option-disabled:not(.custom-option-disabled-completely):hover {
	border: 3px solid #dbdade !important;
}

.more-space .avatar-lg:not(:first-child)
,.more-space .avatar:not(:first-child) {
  margin-left: -.4rem !important;
}
.avatar-group .avatar.stay-up {
    transform: translateY(-4px) scale(1.07);
		box-shadow: 0px 6px 10px rgb(62 57 107 / 12%);
		z-index: 29;
}
.avatar-group .photographer {
	opacity: .6;
}
.avatar-group .photographer:hover {
	opacity: 1 !important;
}
.avatar-group .photographer.selected {
	opacity: 1 !important;
}
.avatar-group .avatar .avatar-initial {
  color: #fff;
}

h3.popover-header.bg-black.border-black {
	font-weight: var(--bs-body-font-weight);
}

#sticky_bottom_container {
  position: fixed;
  bottom: 0px;
  right: 10px;
	z-index: 3;
}

.rounded-topleft,
.rounded-0.rounded-topleft {
	border-top-left-radius: .375rem !important;
}
.rounded-topright,
.rounded-0.rounded-topright {
	border-top-right-radius: .375rem !important;
}
.rounded-bottomright,
.rounded-0.rounded-bottomright {
	border-bottom-right-radius: .375rem !important;
}
.rounded-bottomleft,
.rounded-0.rounded-bottomleft {
	border-bottom-left-radius: .375rem !important;
}

@media (max-width: 575px) {
	#sticky_bottom_container {
	  right: 0px!important;
	}

  /* CUSTOM WIDTHS */
  .w-sm-100 { width: 100%!important; }
	.w-sm-50 { width: 50%!important; }
	.h-sm-100 { height: 100%!important; }
}

@media (min-width: 576px) {
	.ms-md-quarter {
		margin-left: .25rem !important;
	}
	.me-md-quarter {
		margin-right: .25rem !important;
	}
}

.invoice_card {
	max-width: 1000px;
}
@media (min-width: 920px) {
	.invoice_card {
		min-width: 900px;
	}
}

.badge.badge-notifications:not(.badge-dot):not(.comment-badge):not(.client-name):not(".nav-notification-bell") {
  transform: translate(40%, -40%) !important;
}
.badge.badge-notifications.scheduled-service-category {
  transform: translate(40%, -40%) !important;
	padding: 2px 4px;
}
.badge.badge-dot.badge-notifications {
  right: 0 !important;
  transform: translate(0, 0) !important;
}
.badge.badge-notifications.client-name {
    font-size: 1.1em !important;
    font-weight: normal !important;
    padding: 8px 14px 8px 14px !important;
    transform: translate(8%, -8%) !important;
		background-color: rgba(0,0,0,.6) !important;
		color: white !important;
		top: -12px !important;
    right: -12px !important;
		z-index: 1;
}
.badge.comment-badge.badge-notifications {
	min-width: 16px;
}

.badge.badge-notifications.nav-notification-bell {
	transform: translate(70%, -30%) !important;
}

.card-developer-meetup .meetup-header .meetup-day {
    text-align: center;
    border-right: 1px solid #d8d6de;
    padding-right: 1.3rem;
    margin-right: 1.3rem;
}
.meetup-day h3 {
	line-height: 1.05;
}

#navbar-logo-small {
	display: none !important;
	opacity: 0 !important;
}

#navbar-logo-large {
	display: flex !important;
	opacity: 100 !important;
}

@media (min-width: 768px) {
	.layout-menu-collapsed:not(.layout-menu-hover) #navbar-logo-large {
		display: none !important;
		opacity: 0 !important;
	}

	.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) #navbar-logo-small {
		display: flex !important;
		opacity: 100 !important;
	}
}

@media (max-width: 767px) {
	.layout-menu-collapsed:not(.layout-menu-hover) #navbar-logo-small {
		display: none !important;
		opacity: 0 !important;
	}
}

.scheduled_large_date:first-child > div.col-1 > div
,.requested_large_date:first-child > div.col-1 > div
/*,.scheduled_small_date:first-child > div.row > div.col-12 > div:first-child
,.requested_small_date:first-child > div.row > div.col-12 > div:first-child */ {
	border-top-left-radius: .375rem;
}
.scheduled_large_date:first-child > div.col-11 > div.row:first-child > div.shoot_row_large
,.requested_large_date:first-child > div.col-11 > div.row:first-child > div.requested_shoot_row_large
/* ,.scheduled_small_date:first-child > div.row > div.col-12 > div:first-child
,.requested_small_date:first-child > div.row > div.col-12 > div:first-child */ {
	border-top-right-radius: .375rem;
}
.scheduled_large_date:last-child > div.col-1 > div
,.requested_large_date:last-child > div.col-1 > div
,div.request_row_small:last-child > div.col-3
,div.scheduled_shoot_row_small:last-child > div.col-3
,div.requested_shoot_row_small:last-child > div.col-3 {
	border-bottom-left-radius: .375rem;
}
.scheduled_large_date:last-child > div.col-11 > div.row:last-child > div.shoot_row_large
,.requested_large_date:last-child > div.col-11 > div.row:last-child > div.requested_shoot_row_large
,div.request_row_small:last-child > div.col-9
,div.scheduled_shoot_row_small:last-child > div.col-9
,div.requested_shoot_row_small:last-child > div.col-9 {
	border-bottom-right-radius: .375rem;
}
.scheduled_shoot_row_small .accordion-button {
	position: unset !important;
}

.accordion-button {
	box-shadow: none !important;
}
.accordion-item {
	border: 0 !important;
}

table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 3%) !important;
}

.break {
  flex-basis: 100%;
  height: 0;
}

.swal2-modal.swal2-popup .swal2-title {
  margin: 0 !important;
	max-width: 100% !important;
}

.fancybox__container {
  z-index: 1095 !important;
}

.tooltippopover {
  --bs-popover-border-color: #4b4b4b;
  --bs-popover-header-bg: #4b4b4b;
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}

.swiper-wrapper .swiper-slide-active i:not(.fa-user):not(.fa-users)
,.swiper-wrapper .swiper-slide-active div.swiper-text {
	color: rgb(var(--vs-primary-rgb)) !important;
}
.swiper-wrapper .swiper-slide-active {
	border-color: rgba(var(--vs-primary-rgb),.7) !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after
,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "" !important;
}
.swiper-slide {
	background-color: white;
}
.swiper-text {
	text-align: center;
}
    
.swiper-button-disabled {
  display: none !important;
}


@media (max-width: 767px) {
	.swiper-slide i {
		font-size: 2em !important;
	}

	label.custom-option-item div.border-end {
		border-right: 0 !important;
	}

	div.card-body.invoice {
		padding: 0 !important;
	}

	.card-body.invoice h5 {
		font-size: .8rem !important;
	}

	.card-body.invoice h4 {
		font-size: 1rem !important;
	}

	.card-body.invoice i.fa-3x
	,div#card_summary .card-body i.fa-3x {
		font-size: 2em !important;
	}

	div.blockUI.blockMsg.blockPage {
		width: 90% !important;
	  left: 5% !important;
	}

	.w-100-mobile {
		width: 100% !important;
	}

	#revenue_container > .card > .card-header
	,#revenue_container > .card > .card-body {
		border-radius: 0 0;
	}

	.border-top-sm-only {
		border-top: 1px solid #dbdade !important;
	}
}


.flatpickr-months {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.light-style .flatpickr-prev-month, .light-style .flatpickr-next-month {
  background-color: rgb(var(--vs-primary-rgb)) !important;
}
.light-style .flatpickr-prev-month svg, .light-style .flatpickr-next-month svg {
  fill: #fff !important;
  stroke: #fff !important;
}

.select2 > .selection > .select2-size-xl {
	height: calc(3.5rem + 2px) !important;
}

span.select2-size-xl > span.select2-selection__rendered
,span.select2-size-xl > span.select2-selection__arrow {
  margin-top: 18px !important;
}
.light-style .select2-dropdown {
    z-index: 1101 !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: normal !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline {
  display: flex;
  float: none;
}

.calendar {
  display: grid;
	grid-column: unset;
	grid-template-columns: repeat(1, 1fr);
}

.calendar .calendar-col.daycol {
	display: none;
}

.calendar .calendar-col .daylabel {
	display: block;
}

div.calendar-col.border-bottom-sm-only {
	border-bottom: 0 !important;
}

@media (min-width: 768px) {
	.calendar-col .day {
		min-height: 120px;
	}
}

@media (max-width: 767px) {
	div.calendar-col.border-end {
		border-right: 0 !important;
	}

	div.calendar-col.round-this-bottom {
		border-radius: 0 0 .375rem .375rem !important;
	}

	div.calendar-col.border-bottom-sm-only {
		border-bottom: 1px solid #dbdade !important;
	}

	div.calendar {
		border-bottom: 0 !important;
	}

	/*
	i.fa-circle-arrow-left.move_package_arrow
	,i.fa-circle-arrow-right.move_package_arrow {
		transform: rotate(90deg);
	}
	*/
}

@media (min-width: 768px) {
	.calendar {
	  display: grid;
		grid-column: unset;
		grid-template-columns: repeat(7, 1fr);
	}

	.calendar .calendar-col.daycol {
		display: block;
	}

	.calendar .calendar-col .daylabel {
		display: none;
	}

	.collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}

.appointment-summary-button i {
	transition: all 0.4s ease;
}

.striped-background {
    background: repeating-linear-gradient(
			45deg,
			rgba(0, 0, 0, 0.0) 0px,
			rgba(0, 0, 0, 0.05) 3px,
			rgba(0, 0, 0, 0.05) 3px,
			rgba(0, 0, 0, 0.05) 6px  );
}

/*
.striped-background {
	background: repeating-linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 0px,
    rgba(0, 0, 0, 0.1) 3px,
    rgba(0, 0, 0, 0.05) 3px,
    rgba(0, 0, 0, 0.05) 6px
  );
}
*/

div.col.day.border-end
,div.col.day.border-bottom {
	border-color: #000000 !important;
}

div.col.day.today.border-end
,div.col.day.today.border-bottom {
	border-color: rgba(0,0,0,.03) !important;
}

div.col.day.future.border-end
,div.col.day.future.border-bottom {
	border-color: rgba(0,0,0,.1) !important;
}

div.col.day.past.unavailable.border-end
,div.col.day.past.unavailable.border-bottom
,div.col.day.future.unavailable.border-end
,div.col.day.future.unavailable.border-bottom {
	border-color: rgba(0,0,0,.5) !important;
}

.date {
	color: var(--bs-gray-100);
}
.day.today {
	background-color: rgba(var(--vs-primary-rgb),.15) !important;
}
.day.unavailable:not(.today) {
	/* background-color: #d0d0d0; */
}
.day.unavailable .date {
	color: black;
	opacity: 1;
}
.day.today .date {
	opacity: .6;
}

.btn.viewtimes:hover {
	box-shadow: 0 0 0 0 !important;
}

a.time_choice:hover {
	text-decoration: underline;
}

.shadow-light {
  box-shadow: 0px 2px 4px rgba(165, 163, 174, 0.4);
}

.swal2-html-container {
	overflow: hidden;
}

.toast-container {
	z-index: 2000 !important;
}

.wrapper {
	font-family: var(--bs-body-font-family);
}

.bootstrap-touchspin-down {
	border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
}

.bootstrap-touchspin-up {
	border-end-start-radius: 0 !important;
  border-start-start-radius: 0 !important;
}

.toast-container {
	padding-top: 1rem !important;
}

#feedback_container {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background-color: white;
	z-index: 1100;
}

@media (min-width: 768px) {
	#feedback_container {
		min-width: 500px;
	}
}

#contact_support {
	max-width: 468px;
}

#feedback_container .card {
	min-height: 410px;
}

@media (max-width: 575px) {
	#feedback_container {
		width:100%;
		height:100%;
	}
	#feedback_container .card {
		height: 100%;
	}
	#contact_support {
		width: 100%;
		max-width: 100%;
	}
}

.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: none !important;
}

@media (max-width: 767.98px) {
	/* #verticalCenterModal > */
	div.modal > div.modal-dialog.modal-fullscreen-sm-down
	,div.modal > div.modal-dialog.modal-fullscreen-md-down
	,div.modal > div.modal-dialog.modal-fullscreen-lg-down
	,div.modal > div.modal-dialog.modal-fullscreen-xl-down {
	  padding: 0 !important;
		padding-left: 0 !important;
	}
}

.blur-container {
  filter: blur(8px);
}

.switch.switch-lg > .switch-toggle-slider > span > i {
	padding-top: 0.45rem !important;
}

.switch-xl {
	height: 2em !important;
}

.switch.switch-xl > .switch-toggle-slider > .switch-on > i {
	font-size: 2.2em !important;
  top: 7px !important;
  left: -5px !important;
}

.switch.switch-xl > .switch-toggle-slider > .switch-on > i.fa-circle-check {
	font-size: 2.2em !important;
  top: 8px !important;
  left: -8px !important;
}

.switch.switch-xl > .switch-toggle-slider > .switch-off > i {
	font-size: 2.2em !important;
  top: 7px !important;
  left: 10px !important;
}

.switch.switch-xl > .switch-toggle-slider > .switch-off > i.fa-circle-xmark {
	font-size: 2.2em !important;
  top: 8px !important;
  left: 12px !important;
}

.switch.switch-xl > .switch-toggle-slider {
	height: 2.5rem !important;
  width: calc(4rem + 0.75rem) !important;
  border-radius: 5rem !important;
}

.switch-xl .switch-input:checked ~ .switch-toggle-slider::after {
	left: 2.4rem !important;
  height: 2.5em !important;
  width: 2.5em !important;
  top: 0.2em !important;
}

.switch.switch-xl > .switch-toggle-slider::after {
	left: .4rem !important;
  height: 2.5em !important;
  width: 2.5em !important;
  top: 0.2em !important;
}

@media (max-width: 767px) {
	.comments {
		position: absolute;
	  background-color: white;
	  z-index: 1;
	  width: 100%;
	  top: calc(100% - 0.4rem);
	  box-shadow: 0px 1rem 1rem 1px rgb(165 163 174 / 45%) !important;
	}
}

@media (min-width: 768px) {
	.comments {
		position: absolute;
	  background-color: white;
	  z-index: 1;
	  width: 105%;
	  top: calc(100% - 0.4rem);
	  left: calc(((105% - 100%) / 2) * -1);
	  border-radius: 0.375rem;
	  box-shadow: 0px 1rem 1rem 1px rgb(165 163 174 / 45%) !important;
	}
}

.shoot_image_pay_button {
	position: absolute;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
		border-radius: 0.6rem;
		/*
		border: 5px double;
    border-color: rgba(255,255,255,.8);
		border-style: double;
		*/
    box-shadow: 0 0.25rem 1rem rgb(255 255 255) !important;
}

.shoot_row_large .small
,.requested_shoot_row_large .small {
	padding-bottom: 1px !important;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before {
  content: "\f7a4" !important;
  font-family: "Font Awesome 6 Pro" !important;
}

.bootstrap-touchspin-up
,.bootstrap-touchspin-down {
	font-size: 2.1em !important;
}
.bootstrap-touchspin-down {
	line-height: 1 !important;
	padding-bottom: 4px !important;
}

/* hide input type=number arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.nav-tabs .nav-link:not(.active):hover, .nav-tabs .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus {
  color: rgb(var(--vs-primary-rgb)) !important;
}

body{overflow-x:hidden;}

@media (max-width: 767px) {
	.layout-navbar-fixed .layout-navbar.navbar-detached {
	    width: calc(100% - 1rem) !important;
			margin-top: .5rem !important;
	}

	.card > .card-body:not(.p-0) {
		padding: .5rem .5rem .5rem .5rem !important;
	}

	.container-xxl {
		padding: 0 !important;
	}

	.card > .card-body.sort-card-body {
		padding: 0 !important;
	}

	.card > .card-body.scheduled_shoots_container
	,.card > .card-body.requested_shoots_container_small {
		padding: 0 0 0 0 !important;
		margin: 0 !important;
	}

	.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before,
	.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before,
	.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before,
	.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before {
	  content: "" !important;
	}

	.badge.badge-notifications.client-name {
    font-size: 1.1em !important;
    font-weight: normal !important;
    padding: 8px 14px 8px 14px !important;
    transform: translate(8%, -8%) !important;
    background-color: rgba(0,0,0,.6) !important;
    color: white !important;
    top: -12px !important;
    right: 2px !important;
    z-index: 1;
	}

	.move_package_arrow {
		visibility: visible !important;
	}
}

@media (min-width: 768px) {
	.mx-md-3 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.w-md-0 {
		width: none !important;
	}

	.w-md-900 {
		width: 900px !important;
	}

	.rounded-md-start {
		border-top-left-radius: .375rem !important;
		border-bottom-left-radius: .375rem !important;
	}
	.rounded-md-end {
		border-top-right-radius: .375rem !important;
		border-bottom-right-radius: .375rem !important;
	}
}

.form-control.square {
	border-radius: 0 !important;
}
input.form-control.square.contact-us {
	background: white !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}
textarea.form-control.square.contact-us {
	min-height: 150px !important;
  height: 100% !important;
	border-right-width: 0 !important;
	border-left-width: 0 !important;
}
textarea.form-control.square.contact-us:focus {
  height: 100% !important;
	border-left-width: 1px !important;
	border-right-width: 1px !important;
}

/*
.modal-header--sticky {
  position: sticky !important;
  top: 0 !important;
  background-color: inherit !important;
  z-index: 1055 !important;
}
*/

.img-responsive {
	max-width: 100%;
  height: auto;
}

.terms-popup {
	width: 100% !important;
}

@media (min-width: 768px) {
	.terms-popup {
		width: 75% !important;
	}
}

.light-style .ps__thumb-x, .light-style .ps__thumb-y {
    background-color: rgba(var(--vs-primary-rgb),.7) !important;
}
.ps__rail-y:hover, .ps__rail-y:focus, .ps__rail-y.ps--clicking, .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking > .ps__thumb-y {
    width: 0.675rem !important;
}

.context-menu-list {
	z-index: 3 !important;
}

.switch-toggle-slider.hide-proofs {
	background-color: rgb(var(--vs-primary-rgb)) !important;
	color: white;
}

.select2-search--inline {
  display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/
}
.select2-search__field:placeholder-shown {
  width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
}

div#activity_table > table.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: rgba(var(--vs-primary-rgb),.08) !important;
}

@media (min-width: 768px) {
	.border-md-start {
		border-left: 1px solid #dbdade !important;
	}
}

.ql-container {
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
}

.ql-editor p {
	margin-top: 0;
	margin-bottom: 1rem;
	line-height: 1.5rem;
}

.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: #5E5873;
}

.ql-snow .ql-editor h3 {
	font-size: 1.5rem;
}

#toolbar {
	background-color: rgb(255,255,255,.95);
}

.ql-color .ql-picker-label,
.ql-background .ql-picker-label,
.ql-align .ql-picker-label {
	margin-top: -2px;
}

.coupon-code .card {
	height: 366px !important;
}
@media (max-width: 767px) {
	.coupon-code .card {
		height: 374px !important;
	}

	.sort-photo-top-bar {
		width: 90% !important;
	}
	.btn.photo-counter-button {
		font-size: 12px !important;
	}
	.sort-shoot-image > div.d-flex {
		top: 4px !important;
	}
}

.mobile_date_time_input {
	text-align: right;
	border: 0;
}

.shoot-date-clickable.mobile.flatpickr-input.flatpickr-mobile {
	background-color: transparent;
  font-weight: 800;
  color: white;
  border: 0;
}

.opacity-0 {
	opacity: 0;
}

.opacity-1 {
	opacity: .1;
}

.opacity-2 {
	opacity: .2;
}

.opacity-3 {
	opacity: .3;
}

.opacity-4 {
	opacity: .4;
}

.opacity-5 {
	opacity: .5;
}

.opacity-6 {
	opacity: .6;
}

.opacity-7 {
	opacity: .7;
}

.opacity-8 {
	opacity: .8;
}

.opacity-9 {
	opacity: 9;
}

.nav-tabs.widget-nav-tabs .nav-link.active {
	border-color: rgb(var(--vs-primary-rgb)) !important;
}

.folder-link {
	cursor: pointer;
}

.modal-open .popover {
  z-index: 1092 !important;
}

.schedule.accordion .accordion-item .accordion-header .accordion-button {
	width: inherit !important;
}

@media (max-width: 767px) {
	#layout-navbar {
		margin: 0 !important;
		width: 100% !important;
		border-radius: 0 !important;
		padding: 1em !important;
	}

	.card {
		border-radius: 0;
	}

	#image-grid .col .card .shoot-image a img.card-img-top {
		border-radius: 0 !important;
	}

	#image-grid .col .card .shoot-image {
		transform: scale(1);
		border-width: 0 !important;
	}

	.appointment-summary-button {
		border-radius: 0 !important;
		transform: scale(1) !important;
	}

	#card_summary .card-header,
	#scheduling_instructions .card-header {
		border-radius: 0 !important;
	}

	#user_notes,#shoot_notes,#shoot_notes_add,#photographer_notes {
		border-radius: 0 !important;
		border: 0 !important;
	}
}

.pagination .page-item {
	height: 100%;
}

.pagination .page-item .page-link {
	height: 100%;
	display: flex !important;
	align-items: center !important;
	text-align: center !important;
	justify-content: center !important;
}

.requested_small_date .sticky
,.scheduled_small_date .sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 70px !important;
	z-index: 2;
	margin: 0 !important;
}

@media (max-width: 767px) {
	.requested_small_date .sticky
	,.scheduled_small_date .sticky {
		top: 61px !important;
	}
}

.make_header {
	position: absolute !important;
  top: 10px !important;
  right: 10px !important;
}

.make_header > .btn-label-primary {
	opacity: 100%;
}

.make_header > .btn-white {
	opacity: 80%;
}

.no-cursor {
	cursor: default !important;
}

.popover-primary.body-white > .popover-header {
	margin-bottom: .4rem;
}

.popover-primary.body-white > .popover-body {
	background-color: white;
	border-bottom-left-radius: var(--bs-popover-inner-border-radius);
	border-bottom-right-radius: var(--bs-popover-inner-border-radius);
	padding: 0.5rem;
}

#sort-image-grid.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}
#sort-image-grid.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}
#sort-image-grid.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%;
}
#sort-image-grid.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}
#sort-image-grid.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}
#sort-image-grid.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.6666666667%;
}

#sort-image-grid.row-cols-7 > * {
	flex: 0 0 auto;
	width: 14.2857142857%;
}
#sort-image-grid.row-cols-8 > * {
  flex: 0 0 auto;
  width: 12.5%;
}
#sort-image-grid.row-cols-9 > * {
	flex: 0 0 auto;
	width: 11.1111111111%;
}
#sort-image-grid.row-cols-10 > * {
  flex: 0 0 auto;
  width: 10%;
}
#sort-image-grid.row-cols-11 > * {
	flex: 0 0 auto;
	width: 9.0909090909%;
}
#sort-image-grid.row-cols-12 > * {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

@media (min-width: 768px) {
	#sort-image-grid.row-cols-md-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	#sort-image-grid.row-cols-md-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	#sort-image-grid.row-cols-md-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	#sort-image-grid.row-cols-md-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	#sort-image-grid.row-cols-md-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	#sort-image-grid.row-cols-md-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	#sort-image-grid.row-cols-md-7 > * {
		flex: 0 0 auto;
		width: 14.2857142857%;
	}
	#sort-image-grid.row-cols-md-8 > * {
	  flex: 0 0 auto;
	  width: 12.5%;
	}
	#sort-image-grid.row-cols-md-9 > * {
		flex: 0 0 auto;
		width: 11.1111111111%;
	}
	#sort-image-grid.row-cols-md-10 > * {
	  flex: 0 0 auto;
	  width: 10%;
	}
	#sort-image-grid.row-cols-md-11 > * {
		flex: 0 0 auto;
		width: 9.0909090909%;
	}
	#sort-image-grid.row-cols-md-12 > * {
	  flex: 0 0 auto;
	  width: 8.3333333333%;
	}
}

@media (min-width: 1200px) {
	.menu-link .menu-icon.gosmall {
		margin-left: 0.2rem;
	}
	.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon.gosmall {
    text-align: center;
    margin-left: 0;
	}
}

* {
	scroll-margin-top: 5rem;
	scroll-snap-margin-top: 5rem;
}

.selected2 > .sort-card > .card {
  border: 3px solid rgb(var(--vs-primary-rgb)) !important;
}

.shortcut-buttons-flatpickr-buttons {
  justify-content: space-between;
  width: 100%;
}

input.shoot-date-clickable:not(.bg-secondary) {
	background: rgb(var(--vs-primary-rgb)) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
input.shoot-date-clickable::placeholder {
	color: #fff !important;
  opacity: 1 !important;
}
input.shoot-date-clickable:-ms-input-placeholder {
	color: #fff !important;
}
input.shoot-date-clickable::-ms-input-placeholder {
	color: #fff !important;
}
input.shoot-date-clickable.in-header {
  border-radius: 0.375rem 0.375rem 0 0;
}

@media (min-width: 768px) {
	.mobile_flatpickr_placeholder {
		display: none !important;
	}
}

.photographer-name-dropdown.dropdown-menu div.dropdown-item.selected {
  color: white;
  background-color: rgb(var(--vs-primary-rgb));
}

.bootstrap-select .dropdown-menu a:not([href]):not(.active):not(:active):not(.selected):hover {
  color: rgb(var(--vs-primary-rgb)) !important;
}
.dropdown-item:not(.approve-request, .approve-request-add-note, .modify-request-beta, .decline-request, .quicklook):hover
,.dropdown-item:not(.approve-request, .approve-request-add-note, .modify-request-beta, .decline-request, .quicklook):focus {
  color: rgb(var(--vs-primary-rgb)) !important;
  background-color: rgba(var(--vs-primary-rgb),.1) !important;
}

.text-underline {
	text-decoration: underline;
}

.invoice_header .ql-align-center, .invoice_footer .ql-align-center { text-align: center !important; margin-top: 3px !important; margin-bottom: 3px !important; }
.invoice_header .ql-align-left, .invoice_footer .ql-align-left { text-align: left !important; margin-top: 3px !important; margin-bottom: 3px !important; }
.invoice_header .ql-align-right, .invoice_footer .ql-align-right { text-align: right !important; margin-top: 3px !important; margin-bottom: 3px !important; }
.invoice_header .ql-align-justify, .invoice_footer .ql-align-justify { text-align: justify !important; margin-top: 3px !important; margin-bottom: 3px !important; }
.invoice_header p, .invoice_footer p { margin-top: 3px !important; margin-bottom: 3px !important; }

.fw-600 {
	font-weight: 600 !important;
}

.choose_existing_cover_photo:not(.selected) {
	border: 4px solid white;
	cursor: pointer;
}

.choose_existing_cover_photo.selected {
	border: 4px solid rgba(var(--vs-primary-rgb),1);
	opacity: .4;
}

.choose_existing_cover_photo:not(.selected):hover {
	border: 4px solid rgba(var(--vs-primary-rgb),.7);
}

.form-check-input {
	border: 2px solid #dbdade;
}






/* vim-css for videojs */
.vim-css ul.vjs-controls { 
  height: 50px; opacity: 0.9; color: #fff; 
  padding-left: 85px; /* Width of play button + margin */
  padding-right: 160px; /* Width of all the controls to the right of the progress control + margins */
}
.vim-css ul.vjs-controls > li { 
  height: 32px; width: 25px; margin: 8px 0 0 0; padding: 0; text-align: center; background: rgba(23, 35, 34, 0.746094); 
  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; 
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
/* Placement of Control Items */
.vim-css ul.vjs-controls > li.vjs-play-control       { width: 65px; left: 10px; }
.vim-css ul.vjs-controls > li.vjs-progress-control   { width: 100%; position: relative; }
.vim-css ul.vjs-controls > li.vjs-time-control       { width: 75px; right: 85px; }
.vim-css ul.vjs-controls > li.vjs-volume-control     { width: 50px; right: 35px; }
.vim-css ul.vjs-controls > li.vjs-fullscreen-control { width: 25px; right: 10px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vim-css ul.vjs-controls li.vjs-play-control { margin: 0; height: 40px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.vim-css li.vjs-play-control.vjs-play span { border-left-color: #fff; border-top-width: 9px; border-left-width: 18px; border-bottom-width: 9px; margin: 11px 0 0 24px; }
.vim-css li.vjs-play-control:hover { background: #00ADEF; }
.vim-css li.vjs-play-control.vjs-pause span { width: 5px; height: 18px; margin: 5px auto 0; border-left: 5px solid #fff; border-right: 5px solid #fff; margin: 11px 0 0 24px; }

/* Progress
-------------------------------------------------------------------------------- */
.vim-css ul.vjs-controls li.vjs-progress-control { border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; }
.vim-css li.vjs-progress-control ul.vjs-progress-holder { height: 8px; padding: 1px; margin: 10px 5px 0 10px; border-color: #666666; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.vim-css li.vjs-progress-control li.vjs-play-progress { height: 8px; background: #00ADEF; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.vim-css li.vjs-progress-control li.vjs-load-progress { height: 8px; background: #898F8F; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

/* Time Display
-------------------------------------------------------------------------------- */
.vim-css ul.vjs-controls li.vjs-time-control { font-size: 11px; }
.vim-css ul.vjs-controls li.vjs-time-control span { line-height: 32px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vim-css li.vjs-volume-control ul { padding: 7px 0 0 5px; width: 30px; }
.vim-css li.vjs-volume-control ul li { 
  float: left; margin: 0 2px 0 0; padding: 0; list-style: none; width: 3px; height: 3px; border-bottom: 12px solid #666666; 
  -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear;
}
.vim-css li.vjs-volume-control ul li.vjs-volume-level-on { border-color: #00ADEF; }
.vim-css li.vjs-volume-control ul li:hover { height: 0; border-bottom-width: 15px; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vim-css .vjs-fullscreen-control ul { margin: 10px 0 0 0; }
.vim-css ul.vjs-controls .vjs-fullscreen-control { border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; }
/* Making default fullscreen icon smaller */
.vim-css .vjs-fullscreen-control ul li:nth-child(1) { margin: 0 4px 4px 0; border: none; border-top: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control ul li:nth-child(2) { border: none; border-top: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 4px 0 0; border: none; border-bottom: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control ul li:nth-child(4) { border: none; border-bottom: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(1) { border: none; border-bottom: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(2) { border: none; border-bottom: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(3) { border: none; border-top: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(4) { border: none; border-top: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
/* Fullscreen control hovering */
.vim-css .vjs-fullscreen-control:hover ul li:nth-child(3), .vim-css .vjs-fullscreen-control:hover ul li:nth-child(4), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover ul li:nth-child(1), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover ul li:nth-child(2) { border-bottom-color: #00ADEF; }
.vim-css .vjs-fullscreen-control:hover ul li:nth-child(1), .vim-css .vjs-fullscreen-control:hover ul li:nth-child(2), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover ul li:nth-child(3), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover ul li:nth-child(4) { border-top-color: #00ADEF; }

div.w-m350p {
	min-width: 350px;
}