/* Override Limitless styles */

/* NOTE: Most of the next overrides can be done modifying the SCSS files and recompiling => TODO */

/* Override the template to fit better the logo */
/*.navbar-brand {
	padding-top: 5px;
	padding-bottom: 5px;
}*/

.navbar {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);	/* The template shadow class is barely visible in light background */
}


.navbar-brand img {
	height: 45px;
	/*padding-left: 49px;*/
}
/*.navbar {
	padding: 3px;
}*/

.navbar .dropdown-item:hover {
	background-color: #3C3C3D;
	color: #FFF;
}

.sidebar-dark .nav-sidebar {
	background-color: #3C3C3C;
}

.sidebar-dark .nav-item {
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}

.sidebar-dark .dropdown-divider {
	border-top: 1px solid #595959;
}





/* Link appearance on table rows */
.link-item:hover {
	cursor: pointer;
}


/* Background for disabled appearances */
.bg_disabled {
	background-color: #F1F1F1 !important;
}
.form-control[readonly] {
	background-color: #E6E6E6 !important;
}


span.button_header {
	font-size: 14px;
	font-weight: bold;
}


/* Menu */

.nav-item:hover {
	/*background-color: #7D7D7D;*/
}
.dropdown-menu .nav-item:hover a {
	color: #000 !important;
}



/* Buttons */

.btn {
	font-weight: bold;
	font-size: 14px;
}




/* Datatable */
.table thead {
	color: #FFF;
	font-weight: bold !important;
	font-size: 14px;
	text-transform: uppercase;
}

.table_button i {
	margin-right: 10px;
}

.table_edit tr {
	cursor: pointer;
}

tfoot.table_total {
	font-weight: bold;
	background-color: #FFFF99;
}


tfoot.table_total .subtotal {
	font-weight: normal;
	background-color: #F7F7CF;
}

tfoot.table_total .subtotal th {
	font-weight: normal;
}

.table_dynamic {
	border-bottom: 1px solid #DDD;
}

.table_dynamic td {
	cursor: pointer;
}

/* Hide length selection for small screens */
@media (max-width: 767px) {
	.dataTables_length {
		display: none;
	}
}

/* Hide the collapse/uncollapse row button when responsive is enabled */
.dtr-inline.collapsed tbody tr td:first-child:before {
	display:none;
}

/* Makes the search box as wider as possible. This works togheter with datatable configuration => dom: '<"datatable-header"<\'col-6\'f>B> */
div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
}


/* Too wide tables require to scroll the overflowed contents inside the parent container */
/* "table_large class must be specified into a parent container, not into the table, so the table is defined as a child of this div */
.table_large .datatable-scroll {
	overflow-x: scroll !important;
}

#table_modisms thead {
	background-color: #084298;
}

#table_bibliographysources thead {
	background-color: #087d98;
}

#table_categories thead {
	background-color: #0fa4c7;
}

#table_topics thead {
	background-color: #3f3947;
}

#table_linkgroups thead {
	background-color: #3f3947;
}

#table_warnings thead {
	background-color: #252B36;
}



/* Table links */

#table_links {
	/*table-layout: fixed;
	width: 100%;*/
}

#table_links thead {
	background-color: #3f3947;
}

#table_links th,
#table_links td {
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}


/* Cards */

.card-title {
	font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}


/* Modals */
.modal-header {
	font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
	padding: 14px 20px;
	background-color: #3C3C3D;
	color: white;
}




/* Extra font size alias */
.fs-xl {
	font-size: 18px;
}




/* Dropzone overrides */
.dropzone_container {
	max-height: 150px;
}

.dropzone {
	min-height: 50px;
	height: 150px;
}

.dz-preview {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;	
}

.dz-remove {
	top: 90px;
}

.dz-details {
	opacity: 0 !important;
	display: none !important;
}
.dz-error-message {
	opacity: 0 !important;
	display: none !important;
}
.dz-image {
	opacity: 0 !important;
	display: none !important;
}

.dz-progress {
	height: 24px !important;
}



/* Custom tweaks for modisms table. Most of them are applied with JS due datatable restrictions  (see modisms.js) */
#table_modisms_wrapper .dataTables_info {
	text-align: right;
	margin-top: 10px;
}




/* Template is making thin the scroll bar only for Windows. Is too complex, and many files have to be changed to fix it. Instead, we force a "normal" bar
   The CSS scrollbar-width is too newer for most browsers, specially for Chrome. Therefore we use both ways, tweaking the body and using webkit extensions*/

/*body {
	scrollbar-width: auto !important;
}*/


/* Chrome */
/*::-webkit-scrollbar {
    width: 13px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
  background-color: lightgrey;
  outline: 1px solid slategrey;
}*/



/* Blinking button */
@keyframes colorBlink {
	from {
	background-color: #F3F4F6;
	}
	to {
	background-color: #F58646;
	}
}

.blink {
	animation: colorBlink 1s infinite alternate;
}