.file_url {
	max-width:140px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xyz-all-initial-styles img {
    max-width: none;
}

.xyz-tab-on-blue {
	color: #FFFFFF !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
}

.xyz-tab-on-blue:hover {
	background-color: #335575 !important;
}

.xyz-tab-on-blue.active:hover {
	background-color: #FFFFFF !important;
}

.xyz-tab-on-blue.active {
	color: #335575 !important;
	font-weight: 600 !important;
}

#xyz-quick-editor-tabs .nav-link {
	/* border-color: rgba(255, 255, 255, 0.3) !important; */
}


/* Dark Mode Styles */

body.xyz-appearance-dark {
	background-color: #253345;
	filter: invert();
}

body.xyz-appearance-dark .xyz-grey-background {
	background-color: #B1E09D !important;
}

body.xyz-appearance-dark .xyz-grey-background * {
	color: #000000 !important;
}

body.xyz-appearance-dark #sidebar-wrapper {
	background-color: #B1E09D !important;
}

body.xyz-appearance-dark #sidebar-wrapper  * {
	color: #000000 !important;
}

body.xyz-appearance-dark #xyz-videojs-player-container, body.xyz-appearance-dark iframe, body.xyz-appearance-dark img, body.xyz-appearance-dark .html {
	filter: invert();
}

body.xyz-appearance-dark .modal-dialog {
	box-shadow: rgba(255, 255, 255, 0.95) 0px 8px 16px 0px !important;
}

body.xyz-appearance-dark .modal-backdrop {
	background-color: #DDDDDD !important;
}

body.xyz-appearance-dark .btn-info {
	background-color: #885555 !important;
}

body .xyz-main-nav-elements .dropdown-divider {
	opacity:0.4;
	border-top: 1px solid #FFFFFF !important;
}
body.xyz-appearance-dark .xyz-main-nav-elements .dropdown-divider {
	opacity:0.3;
	border-top: 1px solid #444444 !important;
}

body.xyz-appearance-dark .card.bg-light {
	background-color:#EEDDDD !important;
}

body.xyz-appearance-dark .alert.alert-danger {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}


body.xyz-appearance-dark .btn.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #587619;
  --bs-btn-border-color: #587619;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(74.8, 100.3, 21.25);
  --bs-btn-hover-border-color: rgb(70.4, 94.4, 20);
  --bs-btn-focus-shadow-rgb: 113, 139, 60;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(70.4, 94.4, 20);
  --bs-btn-active-border-color: rgb(66, 88.5, 18.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #587619;
  --bs-btn-disabled-border-color: #587619;
}

body.xyz-appearance-dark .bg-danger {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

body.xyz-appearance-dark .xyz-tab-tab {
	background-color: #CCCCCC !important;
	color: #222222 !important;
}


body.xyz-appearance-dark .text-bg-danger {
  color: #000000 !important;
  background-color: var(--bs-success-bg-subtle) !important;
}


body.xyz-appearance-dark .xyz-tab-on-blue {
	color: #000000 !important;
	border-color: rgba(0, 0, 0, 0.3) !important;
}

body.xyz-appearance-dark .xyz-tab-on-blue:hover {
	background-color: #335575 !important;
}


/* Overrides */
.xyz-grid-header {
	font-weight:600;
}

.xyz-tab-tab {
	border-color: rgba(255, 255, 255, 0.25) !important;
}

.xyz-tab-link {
	font-family: "Lato", sans-serif;
	color: rgba(255, 255, 255, 0.85) !important;
	font-weight: 500;
}

a.xyz-tab-link:hover {
	background-color: #345678 !important;
}

.xyz-tab-link.active, a.xyz-tab-link.active:hover {
	color:#345678 !important;
	font-weight: 600 !important;
	background-color: #FFFFFF !important;
}

.xyz-tab-link-dark {
	font-family: "Lato", sans-serif;
	color:#345678 !important;
	font-weight: 500;
}

a.xyz-tab-link-dark:hover {
	background-color: #345678 !important;
	color:#FFFFFF !important;
}

.xyz-tab-link-dark.active, a.xyz-tab-link-dark.active:hover {
	color:#345678 !important;
	font-weight: 600 !important;
	background-color: #FFFFFF !important;
}



.btn-secondary {
	border-color: #3C5575;
	color: #000000;
}
.btn-secondary:hover {
	border-color: #3C5575;
	color: #3C5575;
}

.btn-outline-light:hover {
	color: #3C5575 !important;
}

.minh-95 {
	min-height: calc(100vh - 400px);
}