/* Tema por tenant: mantem saturacao/claridade originais e troca apenas o matiz. */
:root {
    --tenant-theme-h: 211;
    --tenant-blue-900: hsl(var(--tenant-theme-h), 25%, 12%);
    --tenant-blue-850: hsl(var(--tenant-theme-h), 25%, 8%);
    --tenant-blue-800: hsl(var(--tenant-theme-h), 30%, 30%);
    --tenant-blue-750: hsl(var(--tenant-theme-h), 25%, 18%);
    --tenant-blue-700: hsl(var(--tenant-theme-h), 35%, 25%);
    --tenant-blue-600: hsl(var(--tenant-theme-h), 40%, 38%);
    --tenant-blue-550: hsl(var(--tenant-theme-h), 100%, 30%);
    --tenant-blue-500: hsl(var(--tenant-theme-h), 100%, 40%);
    --tenant-blue-450: hsl(var(--tenant-theme-h), 72%, 54%);
    --tenant-blue-400: hsl(var(--tenant-theme-h), 59%, 64%);
    --tenant-blue-300: hsl(var(--tenant-theme-h), 89%, 78%);
    --tenant-blue-200: hsl(var(--tenant-theme-h), 67%, 93%);
    --tenant-blue-100: hsl(var(--tenant-theme-h), 100%, 95%);
    --tenant-blue-90: hsl(var(--tenant-theme-h), 100%, 92%);
    --tenant-blue-95: hsl(var(--tenant-theme-h), 100%, 98%);
    --tenant-blue-rgb-500: 0, 123, 255;
    --tenant-blue-rgb-600: 0, 86, 179;
}

.btn-primary {
    background-color: var(--tenant-blue-600);
    border-color: var(--tenant-blue-600);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--tenant-blue-700);
    border-color: var(--tenant-blue-700);
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem hsla(var(--tenant-theme-h), 30%, 38%, 0.35);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--tenant-blue-800);
    border-color: var(--tenant-blue-800);
}

.pagination .page-link {
    color: var(--tenant-blue-550);
    border-color: var(--tenant-blue-300);
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #fff;
    background-color: var(--tenant-blue-550);
    border-color: var(--tenant-blue-550);
}

.pagination .page-item.active .page-link {
    color: #fff;
    background-color: var(--tenant-blue-550);
    border-color: var(--tenant-blue-550);
}

.pagination .page-item.disabled .page-link {
    color: var(--tenant-blue-400);
    border-color: var(--tenant-blue-200);
}

body {
    font-size: 15px;
    font-family: Inter;
}
select option {
    font-family: arial;
}
.text-end {
    text-align: right;
}
.bold-input {
    font-weight: bold;
}
h4 {
    font-weight: bold;
}
label {
    margin-bottom: 0;
}
.extra-small-font {
    font-size: 70%;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.breadcrumb .breadcrumb-item a {
    color: var(--tenant-blue-600);
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:focus {
    color: var(--tenant-blue-700);
}

/* Para Chrome, Edge e Safari */
::-webkit-scrollbar {
    width: 8px; /* Ajuste conforme necessário */
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
  /* Para Firefox */
  * {
    scrollbar-width: thin; /* Pode ser 'auto', 'thin' ou 'none' */
    scrollbar-color: #888 #f1f1f1; /* Cor do thumb e da trilha */
  }
  
  /* Para Internet Explorer e Edge antigo */
  * {
    scrollbar-face-color: #888;
    scrollbar-track-color: #f1f1f1;
  }
  



/* CONTENT  */
.content {
    width: calc(100% - 205px);
    float: right;
    height: calc(100vh - 105px);
    overflow-y: auto;
    padding-top: 20px;
    padding-bottom: 75px;
    background: #EEE;
}
@media (max-width: 991px) {
    .content {
        width: 100%;
        height: auto;
    }
}
.titulo * {
    float: left;
    display: table;
    margin-right: 5px;
}
.titulo h2 {
	font-weight: 600;
	padding: 0;
	line-height: 75%;
	margin-bottom: 20px;
	margin-right: 20px;
	font-size: 160%;
	color: #444;
	margin-top: 6px;
    text-transform: uppercase;
}
table.table thead tr th {
	font-size: 80%;
	font-weight: 700;
	text-transform: uppercase;
}
table.table tr th.linha_busca {
    padding-right: 10px;
}





/* ITEM  */
span.sobre_titulo {
    font-weight: 400;
    margin-bottom: 10px;
    /* font-style: italic; */
    text-transform: uppercase;
    font-size: 75%;
}
div.item_full {
    background: #FFF;
    padding: 10px 15px 15px 15px;
    border-radius: 8px;
    border: 1px solid #CCC;
}
div.item_full h4 {
    margin-bottom: 25px;
    font-size: 20px;
}
div.item_full p {
    font-weight: 700;
    border-bottom: 1px solid #E5E4E4;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    div.item_full .row .col-md-6:first-child {
        /* border-right: 1px solid #E5E4E4; */
    }
}

/* LIST ANEXOS ITEM  */
div.item_full div.list_anexos {
	margin-top: 35px;
	background: #EEE;
	padding: 10px 8px;
    border-radius: 6px;
}
div.item_full div.list_anexos ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
div.item_full div.list_anexos ul li {
	background: #FFF;
	padding: 5px 7px;
	margin: 0 -2px 5px;
	border-bottom: 1px solid #DDD;
}
div.item_full div.list_anexos ul li .link {
    font-size: 14px;
    color: var(--tenant-blue-550);
    display: table;
    float: left;
}
div.item_full div.list_anexos ul li span {
    font-size: 12px;
    color: #555;
    display: block;
}
div.item_full div.list_anexos ul li a.btn,
div.item_full div.list_anexos ul li button {
    float: right;
    position: relative;
    top: 4px;
    margin-left: 10px;
}


/* PAGE  */
div.page_content {
    background: #FFF;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #CCC;
}
div.page_content h2 {
	font-weight: 600;
	font-size: 160%;
}

div.page_content a:not(.btn),
div.item_full a:not(.btn) {
    color: var(--tenant-blue-550);
}

div.page_content a:not(.btn):hover,
div.page_content a:not(.btn):focus,
div.item_full a:not(.btn):hover,
div.item_full a:not(.btn):focus {
    color: var(--tenant-blue-600);
}


/* COOKIES  */
div#cookie-banner {
	bottom: 0;
	margin-left: 50%;
	left: -265px;
	width: 530px;
	margin-bottom: 16px;
	padding: 10px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.32) !important;
}
@media (max-width: 991px) {
    div#cookie-banner {
        width: calc(100vw - 20px) !important;
        /* margin-left: 0; */
        left: 0;
        margin-bottom: 0;
        max-width: 100% !important;
        margin-left: 5px;
        margin-right: 5px;
    }
    div#cookie-banner small, div#cookie-banner button {
        font-size: 78%;
        text-align: center;
        margin: 0 auto;
    }
}