@font-face {
  font-family: 'deallove';
  src: url('../fonts/Deallove.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Deallove.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Deallove.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Deallove.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Deallove.svg') format('svg'); /* Legacy iOS */
       url('../fonts/Deallove.otf') format('otf'); /* Legacy iOS */
}

html,body {
	height:100%;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

.page-footer {
  flex-shrink: 0;
}

.brand-name{
	font: 500 70px/1.2 'deallove', Helvetica, sans-serif;
	color: #000;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.2), 4px 4px 8px rgba(0,0,0,0.2);
}

::selection {
  background: #bbdefb; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #bbdefb; /* Gecko Browsers */
  color: #fff;
}

.abstract{
	text-align: justify;
	text-justify: inter-word;
}

.padding-top-10{
    padding-top:10px;
}

.margin-top-15{
    margin-top:15px;
}

.margin-top-10{
    margin-top:10px;
}
.margin-top-0{
    margin-top:0px;
}
.margin-bottom-15{
    margin-bottom:15px;
}

.margin-bottom-10{
    margin-bottom:10px;
}
.margin-bottom-0{
    margin-bottom:0px;
}

nav .brand-logo, nav ul a{
    color: #424242;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #03a9f4;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #03a9f4;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #03a9f4;
}

input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown {
    border-bottom: 1px solid #03a9f4;
    -webkit-box-shadow: 0 1px 0 0 #03a9f4;
    box-shadow: 0 1px 0 0 #03a9f4;
}

.tabs .tab a.active {
    background-color: transparent;
    color: ;
}
.tabs .tab a{
	color:#1b5e20;
} /*Black color to the text*/

.tabs .tab a:hover {
	background-color:#e8f5e9;
	color:#1b5e20;
} /*Text color on hover*/

.tabs .tab a.active {
	background-color:#c8e6c9;
	color:#1b5e20;
} /*Background and text color when a tab is active*/

.tabs .indicator {
	background-color:#1b5e20;
} /*Color of underline*/
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #e8f5e9;
    outline: none;
}

/* ── DataTables: compact single-row controls using custom dom ────────────── *
 * dom: '<"dt-top"lf>rt<"dt-bot"ip>'                                         *
 * dt-top  →  Show-entries (left)  +  Search (right)  on one flex row        *
 * dt-bot  →  Info (left)  +  Pagination (right)  on one flex row            *
 * -------------------------------------------------------------------------- */

div.dt-top,
div.dt-bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0;
}
div.dt-top { margin-bottom: 6px; }
div.dt-bot { margin-top: 6px; }

/* Remove any floats the theme may add */
div.dt-top .dataTables_length,
div.dt-top .dataTables_filter,
div.dt-bot  .dataTables_info,
div.dt-bot  .dataTables_paginate { float: none !important; }

/* "Show [select] entries" and "Search: [input]" — keep each on one line */
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter  label {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    margin-bottom: 0;
    font-size: 0.9rem;
    color: #555;
}

/* Native length <select> — compact; overrides Materialize's select{width:100%} */
.dataTables_wrapper .dataTables_length select {
    display: inline-block !important;
    width: auto    !important;
    height: 1.8rem !important;
    padding: 0 4px !important;
    margin: 0      !important;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    background-color: #fff;
    font-size: 0.9rem;
    cursor: pointer;
}

/* Search input — compact width, no extra Materialize margins */
.dataTables_wrapper .dataTables_filter input {
    width: 180px      !important;
    margin: 0         !important;
    display: inline-block !important;
    height: 1.8rem    !important;
    padding: 0 4px    !important;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    background: transparent;
    font-size: 0.9rem;
}