/* 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;
}
@media (max-width: 380px) {
	.navbar-brand img {
		height: 35px;
	}
}


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




/* Header menu */
.menu_item,
.dropdown-menu {
	font-size: 16px;
	margin-left: 1px;
}
.menu_item a {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 13px;
	padding-right: 13px;
}
.menu_item img,
.dropdown-menu img {
	height: 22px;
	margin-right: 5px;
}
.dropdown-menu {
	min-width: 17.3rem;
}

/* Force to show the mobile menu to the right side. This fix a bug on Bootstrap 4 on this class */
.dropdown-menu-right {
    right: 0;
    left: auto !important;
}



/* 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: #289BB5;
}




/* Custom table columns hiding for responsive mode */
/* Datatable responsive plugin is not working with the current configuration, maybe due any other extension */
/*@media (max-width: 1199px) {

	#table_modisms th:nth-child(4), 
	#table_modisms td:nth-child(4) {
		display: none;
	}
}
@media (max-width: 991px) {

	#table_modisms th:nth-child(3), 
	#table_modisms td:nth-child(3) {
		display: none;
	}
}
@media (max-width: 575px) {

	#table_modisms th:nth-child(2), 
	#table_modisms td:nth-child(2) {
		display: none;
	}
}*/





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



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




/* Custom tweaks to fit table filter controls in responsive mode */
@media (max-width: 575px) {

	/* Search label */
	#table_modisms_filter label span {
		display: none;
	}

	/* Hide the first/last pagination buttons */
	#table_modisms_paginate .first {
		display: none;
	}
	#table_modisms_paginate .last {
		display: none;
	}

	/* Reduce the pagination text size */
	#table_modisms_paginate {
		font-size: 13px;
	}

	/* Reduce the info text size */
	.datatable-footer .dataTables_info {
		font-size: 12px;
	}
}



/* reCaptcha resize to avoid overlapping the contact form in responsive mode */
/* Again, Google doesnt comply its own directives. A page can be unranked due links are too close, or any other foolish reason, but their recaptcha isnt responsive */
/* So if use a google tool to avoid spam, your page will be unranked or it will be barely usable for mobiles, meaning your page will be unranked */
/* Congrats to the Google engineers */
@media (max-width: 575px) {
	.grecaptcha-badge {
		width: 240px !important;
	}
}




/* CONTENT STYLES */

.content {
	background-color:#f6f6f6;
}


.content_section {
	color: #252B36;
	text-align: justify; 
	font-size: 16px;
}

.content_section_1 {
	background-color:#f6f6f6; 
}
.content_section_2 {
	background-color:#f6f6f6; 
}
.content_section_3 {
	background-color:#f6f6f6; 
}

.title_section {
	text-align: center;
	font-weight: 500;
	color: #bf4600;
	font-weight: bold;
}
.subtitle_section {
	text-align: center;
	font-weight: bold;
	color: #bf4600;
}

.section_separator {
	height: 1px; 
	background-color: #bf4600;
}



.title_section_home {
	text-align: left;
	font-weight: 500;
	color: #bf4600;
	font-weight: bold;
	margin-bottom: 0px !important;
}
.subtitle_section_home {
	text-align: left;
	font-weight: bold;
	color: #bf4600;
}
.section_separator_home {
	height: 1px; 
	background-color: #bf4600;
}



.content_section .list-group-item {
	text-align: center;
	font-weight: bold;
}


.table_help tr {
	background-color: white;
}

.help_number {
	color: white;
	background-color: red;
	font-weight: bold;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 25px;
	border: 2px solid black;
}


/* Resoruces list */

.accordion-button,
.accordion-button:not(.collapsed) {
	font-size: 1.5rem;
	background-color: white;
}
.accordion-body {
	background-color: white;
	padding-top: 0px;
}
.accordion-body .list-group-item {
	background-color: white;
	border: 0px;
	border-bottom: 1px solid #CCC;
	border-radius: 0px;
}



/* Links list */

.list_links .list-group-item {
	border: 0px;
	border-bottom: 1px solid #CCC;
	border-radius: 0px;
}



/* SEARCH LEGEND */

.searchLegend {
	margin-top: -10px;
	font-size: 12px;
	color: #888;
}

.searchLegendItem {
	
}

.searchLegendItem i {
	font-size: 17px;
}

/* Tweak to place a comma inside a circle, with combination on font-awesome circle icon*/
/* Example: <i class="fas fa-circle"><span class="comma-inside-circle">,</span></i> */
.comma-inside-circle {
  	margin-left: -11px; 
  	font-weight: bold; 
	color: white;
	position: absolute;
	margin-top: -5px;
}



/* FOOTER */
.navbar-footer {
	background-color: #252B36;
}





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

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

/*
.table-responsive {
	-webkit-overflow-scrolling: auto !important;
}

.dataTables_scroll .dataTables_scrollBody {
	-webkit-overflow-scrolling: auto !important;

}*/