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



.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;
}


/* 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;
}