:root {
    --bv-border-gray: rgba(0, 0, 0, 0.10);
    --bv-border-light-gray: rgb(230 232 235); /*#f3f3f3;*/
    --bv-border-very-light-gray: rgba(239, 245, 251, 0.8);
    --bv-bg-white: white;
    --bv-border-gray2: rgba(0, 0, 0, 0.20);
    --bv-bg-light-gray: #f9f9f9;
    --bv-bg-dark: rgb(36,38,39);
    --bv-bg-body: rgb(250, 250, 250);
    --bv-bg-blue: #004187;
    --bv-light-blue: rgba(0, 102, 153, 1)
}
.bg-gray{
    background-color: var(--bv-bg-light-gray);
}
.sidebar-tecnico{
    background-color: var(--bv-bg-dark);
}
.sidebar-criador{
    background-color: var(--bv-light-blue);
}
.alert-warning{
    border-color: #f8e8b4;
}
.alert{
    padding: .45rem .75rem;
}
.mold{
    word-break: break-all;
    width: 100px;
    display: inline-block;
}
.expl-selector{
    /*background: var(--bv-bg-blue);*/
    background: #05101c;
    color: white;
    opacity: 0.8;
    border: 1px solid var(--bv-bg-gray);
    min-width: 200px;
}
.expl-selector i{
    line-height: 40px;
    font-size: 20px;
}
.expl-selector .expl_info_line{
    line-height: 15px;
    width: 100%;
    max-width: 250px;
}
.expl-selector:hover *{
    color: white;
    opacity: 0.9;
}
html,
body {
    height: 100%;
}
/*.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}*/
body{
    font-style: normal;
    font-weight: normal;
    font-size: 0.91rem;
    max-height: 100vh;
    text-rendering: optimizeLegibility;
    background-color: var(--bv-bg-body);
}
.popover{
    max-width: 380px;
}
/*
    ekko-lightbox fix para nao puxar para cima e esconder scroll
*/
body.modal-open {
    overflow: visible;
    position: absolute;
    width: 100%;
    height:100%;
    /* modal de lightbox aparece com padding de lado e fica estranho */
    padding: 0px !important;
}
.input-name-info {
    position: absolute;
    border: 1px solid #dedede42;
    border-top: 0;
    color: lightgray;
    top: 52px;
    right: 15px;
}
.input-name-info-top .input-name-info{
    top: 15px;
    right: 5px;
}
.input-name-info-bottom .input-name-info{
    top: 52px;
    right: 15px;
    z-index: 500;
}
.logo-hompage{
    display: block;
    margin: 0 auto;
    text-decoration: none;
    color: black;
    text-align: center;
}
.a-profile .title{
    width: 88px;
    display: inline-block;
    vertical-align: top;
}
.a-profile .value{
    display: inline-block;
    vertical-align: bottom;
    max-width: 255px;
}
.snirb_sidebar_info{
    padding: 2px 3px;
}
.snirb_sidebar_info.open{
    border-radius: 3px !important;
    font-weight: bold;
    background: #ffc107;
    color: black;
}
.a-profile .snirb_popover_close{
    position: fixed;
    top: -12px;
    right: -6px;
    font-size: 25px;
    display: block;
}
.a-profile .badge {
    font-size: 110%;
}
.news tbody tr td:first-child{
    min-width: 90px;
    vertical-align: top;
}
.news tbody tr{
    border-top: 1px solid #cccccc;
}
.news tbody tr td{
    border: 0;
}
.news tbody tr.update-new{
    background-color: #d0f8ff;
}
canvas.noData {
	background: url(../../assets/img/nodata.png) center center;
    background-repeat: no-repeat;
	width: 100%;
}
#toastContainer .toast:first-child{
    margin: 0.8rem 0.8rem 0.3rem !important;
}
#toastContainer .toast + .toast {
    margin: 0.3rem 0.8rem 0.3rem !important;
}
#toastContainer .toast .toast-header.bg-success .status-icon,
#toastContainer .toast .toast-header.bg-info .status-icon,
#toastContainer .toast .toast-header.bg-danger .status-icon,
#toastContainer .toast .toast-header.bg-warning .status-icon,
#toastContainer .toast .toast-header.bg-success .toast-title,
#toastContainer .toast .toast-header.bg-info .toast-title,
#toastContainer .toast .toast-header.bg-danger .toast-title,
#toastContainer .toast .toast-header.bg-warning .toast-title,
#toastContainer .toast .toast-header.bg-success .timer,
#toastContainer .toast .toast-header.bg-info .timer,
#toastContainer .toast .toast-header.bg-danger .timer,
#toastContainer .toast .toast-header.bg-warning .timer
{
    color: white;
}
.fa-mars{
    color: deepskyblue;
}
.fa-venus{
    color: hotpink;
}
.link-look{
    color: #007bff;
    background-color: transparent;
    cursor: pointer;
}
.position-relative{
    position: relative;
}
.cursor-pointer{
    cursor: pointer;
}
.link-look:not(.open):hover, .cursor-pointer:hover{
    text-decoration: underline;
}
.link-look:not(.open):hover{
    color: #007bff;
    background-color: transparent;
}
.pos-abs{
    position: absolute;
}
.pos-abs.r-0{
    right: 0;
}
.pos-abs.r-5{
    right: 5px;
}
.pos-abs.r-10{
    right: 10px;
}
.cursor-pointer:hover{
    cursor: pointer;
}
.popover-header{
    text-align: center;
}
.form-btn-validation{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}
.btn-group > .btn:not(:first-child):not(:last-child) {
    margin-left: 1px !important;
}
.btn-group > .btn:last-child:not(:first-child) {
    border-left: 1px solid #fff;
}
/* datetimepicker fix */
.datepicker .datepicker-months .table-condensed,
.datepicker .datepicker-years .table-condensed
{
    width: 100%;
}
/*tinyMCE esconder propaganda +  esconder barra quando disabled */
.tox-statusbar .tox-statusbar__right-container,
.tox-tinymce.tox-tinymce--disabled .tox-statusbar,
.tox-statusbar__path
{
    display: none !important;
}
/* Quando se esconde a toolbar, fica um padding a mais */
.tox:not(.tox-tinymce-inline) .tox-editor-header{
    padding: 0 !important;
}
/* Esconder a toolbar quando disabled */
.tox-editor-container .tox-editor-header .tox-toolbar-overlord[aria-disabled="true"]{
    display: none !important;
}
/* Colocar background cinza quando disabled, igual ao resto da plataforma */
.tox-tinymce.tox-tinymce--disabled .tox-edit-area__iframe{
    background-color: rgba(233, 236, 239, 0.58) !important;
}
.tox-tinymce.tox-tinymce--disabled{
    border:none !important;
}
/* Tickets */
.ticket-comments form{
    padding-top: 10px !important;
}
.ticket-comments .ticket-comment form{
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.ticket-comment-header *{
    vertical-align: top;
}
.ticket-comment-header img{ /* 10+25+10 = 45 */
    margin-left: 10px;
    margin-right: 10px;
}
.ticket-comment-msg{ 
    margin-left: 32px; /* 45 acima - 2px */
    border: none;
}
.ticket-comments form > .row:first-child {
    margin-top: 0 !important;
}
.ticket-comments form{
    margin-bottom: 5px;
}
.ticket-comments .ticket-comment label{
    display: none !important;
}
.ticket-comment{
    border: 1px solid #d3d3d37d;
    background: white;
}
.ticket-comment .time{
    line-height: 23px;
}
.ticket-comment + .ticket-comment{
    border-top: 0;
}
/* datatables, esconder linha em baixo*/
div.dt-container.dt-empty-footer tbody>tr:last-child>*{
    border-bottom: 0 !important;
}
.dt-layout-row{
    margin: 0 !important;
}
/**/
.bi-check-circle-fill::before {
    content: "\2713";
}
.bi-x-circle-fill::before {
    content: "\2716";
}
.bi-info-circle-fill::before {
    content: "\2139";
}
.bi-exclamation-circle-fill::before {
    content: "\0021";
}
.modal-content > .close{
    position: absolute;
    top: 0px;
    right: -26px;
    z-index: 9999;
    background-color: white;
    opacity: 1;
    border: 0;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    outline: none;
}
.ts-dropdown [data-selectable].option[disabled]{
    opacity: 0.4;
    pointer-events: none;
}
body.modal-open .ekko-lightbox.modal{
    overflow-y: hidden;
}
pre{
    text-align: left;
    /*padding: 10px 10px;*/
    color: #000;
    background-color: #f3f1f1bd;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px 10px;
}
#login-nav{
    height: 10vh;
    z-index: 999;
}
.login-input{
    font-size: 13px;
    width: 220px
}
.row .chosen-container{
    /*min-width: 220px !important;*/
    min-width: 100% !important;
}
.chosen-container > a > .loading-gif{
    position:absolute;
    width: 12px;
    height: 12px;
    top: 14px;
    right: 22px;
}
.chosen-container-active{
    background-color: #fff;
    border-color: #82baf7;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.38);
    border-radius: 5px;
}
.chosen-container .chosen-results .result-selected{
    font-weight: bold;
    text-decoration: underline;
}
.chosen-container .chosen-results li.group-result{
    color: red;
}
.d-inline-block .chosen-container{
    min-width: 300px !important;
    display: inline-block;
}
#bovifor-body{
    height: calc(100vh - 10vh) !important;
}
.bg-dev{
    background-color: rgba(55, 105, 158, 0.98) !important;
}
.cut-text{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.icon-link.disabled{
    pointer-events: none;
    color: gray;
}
a.disabled, a.tab-disabled{
    pointer-events: none;
    opacity: 0.6;
}
.icon-link.disabled, .btn.disabled, .btn:disabled{
    opacity: 0.30;
}
.panel-heading-one .accordion-toggle:after{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #ffffff;
    height: 24px;
    width: 40px;
    background-color: #000000;
}
.panel-heading-one .accordion-toggle[aria-expanded="true"]:after {
    /* symbol for "opening" panels */
    content: "\e113";
}
.panel-heading-one .accordion-toggle[aria-expanded="false"]:after {
    /* symbol for "collapsed" panels */
    content: "\e114";
}
.hidden-item, .hidden{
    display:none !important;
}
.comment-listing{
    max-height: 300px !important;
    /*overflow-y: scroll !important;*/
    overflow-y: scroll;
}
.logo-text{
    position: relative;
    vertical-align: middle;
}
.logo-text i{
    color:red;
    position: absolute;
    top: 0;
    font-size: 14px;
    right: -10px;
}
a.item-document {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 !important;
}
a.item-document + a.item-document{
    border-top: none;
}
a.item-document .comentaries-count{
    font-style: italic;
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.form-details-links{
    position: absolute;
    right: 5px;
    top: 10px;
}
#accordion{
    margin-bottom: 50px;
}
.page-reporting .toast{
    position: fixed;
    top: 60px;
    right: 10px;
    min-width: 300px;
    pointer-events: none
        ;z-index: 999;
}
.page-reporting a.item-document .info{
    list-style: none;
    margin: 0;
    line-height: 17px;
    padding: 0;
}
.page-reporting a.item-document .info b{
    color:black;
    font-size: 12px;
    width: 64px;
    display: inline-block;
}
.page-reporting a.item-document .info p{
    margin-bottom: 0;
    display: inline-block;
}
.page-reporting a.item-document .info .info-value{
    font-size: 12px;
    color: #525252;
    margin-left: 10px;
}
.page-reporting a.item-document.active .info .info-value{
    color: white;
    font-weight: bold;
}
.page-reporting a.item-document .info .info-value.badge{
    color: white;
}
.page-reporting a.item-document .notdecide{
    background-color: #b1b1b1;
}
/* WIKI */
.wiki-categoria-list{
    list-style-type: none;
    padding: 10px 0 0 0;
}
.wiki-categoria-list a.active{
    font-weight: bold;
}
.wiki-item small{
    color:gray;
    font-size: 10px;
}
.wiki-item pre{
    padding: 0 !important;
    background-color: inherit !important;
    border: inherit !important;
    margin: inherit !important;
}
footer{
    color: white;
}
footer, .query-log
,table.dataTable thead
{
    background-color: var(--bv-bg-dark);
}
footer img{
    background-color: white;
    border-radius: 2px;
    padding: 3px;
    margin-top: 3px;
    height: 60px ;
}
/* modal do bootstrap */
.modal-loading img{
    padding: 30px 0;
}
.modal-loading p{
    text-align: center;
}
/* outra modal */
.ekko-lightbox.modal .modal-title,
.ekko-lightbox.modal .modal-footer,
.modal-header{
    color: white;
    border: 0;
}
.ekko-lightbox.modal .modal-content{
    background: none;
    border: none;
}
.modal-body{
    margin: 0.5rem;
}
.ekko-lightbox.modal .modal-body{
    background: white;
    border-radius: 5px;
    padding: 4px !important;
}
.ekko-lightbox.modal .modal-content button.close{
    position: absolute;
    right: 0;
    font-size: 46px;
}
.ekko-lightbox.modal .modal-header{
    padding: 0rem 0.5rem 0.5rem;
}
.modal-body form{
    border: 0;
    padding: 0.5rem;
    padding-bottom: 0;
}
pre, xmp{
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.display-2 {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
}
textarea::placeholder, input::placeholder {
    color: #cccccc !important;
    font-style: italic;
}
html{ overflow-x: hidden; }
body{
    min-height: 100%;
    margin:0px;
}
.modal-title{
    color: black;
}
section.screen-size{
    min-height: 100%;
    height: 100%
}
label.lean-label{
    color: rgba(14, 14, 14, 0.80);
    /*color: #797777; */
}
/*DATATABLES*/
.dt-class{
    padding-bottom: 20px;
}
.dt-class h2{
    padding: 0;
    margin: 0;
}
.dt-class .dataTables_paginate .paginate_button{
    padding: 4px 10px !important;
}
.dt-info{
    font-style: italic;
    vertical-align: middle;
}
.dt-class .dt-CFILTER-TABS{
    list-style-type: none;
    padding: 0;
}
.dt-class .dt-CFILTER-TABS li{
    display: inline-block;
}
.dt-class .dt-CFILTER-TABS li a.active{
/*    text-decoration: underline;*/
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}
.dataTables_wrapper{
    overflow: auto;
}
.dt-detail{
    text-align: center;
    position: absolute;
    bottom: 5px;
    font-style: italic;
    width: 98%;
    color: lightgray;
}
.dataTables_processing{
    padding: 20px 0 50px;
    background-color: white !important;
    margin-top: 0px !important;
}
.dt-export-btn .btn{
    border:0;
}
.dt-gSearch{
    max-width: 50%;
    width: 420px;
    display: inline-block;
    vertical-align: bottom;
}
.dt-gsearch-icon{
    display: inline-block;
    vertical-align: bottom;
}
.dataTables_filter input{
    border: 1px solid #aaa;
}
.dataTables_length{
    text-align: left !important;
}
.dataTables_length select{
    /*line-height: 30px;
    height: 30px;*/
}
.toast.php-toast{
    background-color: white !important;
}
.chosen-disabled{
    opacity: 1 !important;
    color: #495057 !important;
}
input[type=checkbox] {
    transform: scale(1.2);
}
/*form.generic-form */
.chosen-container-single .chosen-single abbr.search-choice-close{
    top: 14px;
    right: 30px;
}
/* Para colocar selects parecidos com os restantes selects */
.chosen-container-single .chosen-single{
    background: white;
    box-shadow: none;
}
/* Fora dos forms, ex. filtros do datatables */
.chosen-container-single .chosen-single,
.chosen-container.chosen-container-multi .chosen-choices .search-field .chosen-search-input{
    color: rgb(73, 80, 87);
}
/* Dentro dos forms */
.generic-form .chosen-container-single .chosen-single, 
.generic-form .chosen-container.chosen-container-multi .chosen-choices .search-field .chosen-search-input{
    color: rgba(73,80,87,0.3);
}
/*.generic-form */
.chosen-single {
    width: 100%  !important;
    font-weight: 400;
    /* CSS SE FOSSE SEM FORM-SM */
    height: calc(1.5em + .75rem + 2px) !important;
    /*padding: .375rem .75rem !important;*/
    padding: .375rem .5rem !important;
    font-size: 1rem;
    line-height: 1.5 !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.chosen-container-single .chosen-single div b {
    background-position: 0 10px !important;
}
.chosen-container-single.chosen-disabled .chosen-single,
.chosen-container-multi.chosen-disabled .chosen-choices
{
    background: rgba(233, 236, 239, 0.58);
    border: none !important;
    box-shadow: none;
}
.chosen-container-single .chosen-single-with-deselect span{
    margin-right: 45px;
    color: #495057; /* mesma que o form-control */
}
.chosen-container .chosen-drop{
    border: 1px solid #d5d4d4;
    border-top: 0;
}
/* CHOSEN PARA MULTIPLAS OPCOES */
.dt-class .chosen-container{
    padding-left: 1px;
}
.chosen-container-multi .chosen-choices{
    padding: 4px 5px 5px;
    border-color: #dee2e6;
    background-image: none;
    font-size: 0.9rem;
}
.chosen-container-multi .chosen-choices li.search-choice{
    background-color: #ffffff;
    background-image: none !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
    top: 5px;
}
.chosen-disabled .search-field .chosen-search-input{
    color: transparent !important;
}
/*
    Faz a validação do browser (DOM), perceber que o campo existe e é required
    https://stackoverflow.com/a/52978520
    Funciona com o chosen.js original
*/
select.chosen-select:invalid {
    height: 0px !important;
    opacity: 0 !important;
    position: absolute !important;
    display: flex !important;
}
select.chosen-select:invalid[multiple] {
    margin-top: 15px !important;
}
/* chosen com elemento sm */
.form-control-sm ~ .chosen-container .chosen-single {
    height: calc(1.5em + .5rem + 2px) !important;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    padding-left: .5rem !important;
    font-size: .875rem !important;
}
.form-control-sm.slim-select{
    height: auto;
}
.form-control-sm ~ .chosen-container-active {
    border-radius: 1px !important;
}

.form-control-sm ~ .chosen-container-single .chosen-single div b {
    background-position: 0 7px !important;
}
/* 177399732 | 9202609 */
.form-control-sm ~ .chosen-container-single .chosen-single abbr.search-choice-close {
    top: 11px !important;
}
.form-control-sm ~ .chosen-container-single.wrongSelected .chosen-single,
.form-control-sm ~ .chosen-container-multi.wrongSelected .chosen-choices,
.ts-wrapper.tomSelect.wrongSelected.wrongSelected .ts-control
{
    border-color: red !important;
}
.ts-control{
    border: 1px solid var(--bv-border-light-gray) !important;
}
.chosen-choices .search-choice.wrongOption{
    color: red !important;
    border-color: red !important;
}
.generic-form{
    position: relative;
    /*padding-bottom: 10px;*/
}
.generic-form.generic-form-border{
    background: var(--bv-bg-white);
    padding: 0px 15px 10px 15px;
    /*box-shadow: 0 4px 16px 0 rgb(0, 0, 0, 0.05);*/
    border: 1px solid var(--bv-border-light-gray);
}
/* dentro do form apenas é aqui! */
.generic-form .chosen-single{
    /* CSS SE FOSSE SEM FORM-SM */
    height: calc(1.5em + .5rem + 2px) !important;
    padding: .25rem .5rem;
    font-size: .875rem;
}
.generic-form .chosen-container-single .chosen-single div b{
    background-position: 0 6px !important;
}
.generic-form .chosen-container > a > .loading-gif{
    top: 9px;
}
.generic-form .chosen-container-single .chosen-single abbr.search-choice-close{
    top: 10px;
    right: 24px;
}
.generic-form .chosen-container-single .chosen-single .search-choice-copy{
    position: absolute;
    top: 3px;
    right: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAD5SURBVChTY2RAAtb2TuKvXr2O//PnD1QEDDYL8PMrnj9zYhuIwwwWggI2Di6/v3//zgAyXZHw0Z+/fnWLSUhxvH398iizl18g0z8GZk4BIRGW////awAVBAMxMlgLxNb//v3zk1dQusH04MHDTCDnK1DwKlgaDbCysloAqTSgYR4fP306zfT9+3d+iBR28Pv37zwgdQSK45hAgqSAYaeBk5PzAxMTbjN4eLg/wmWBChWAScAAGN5GQC4ylgBibqA8t4yMzHRGJTWtKqCiVqAgVgBUGHX35tXlUC4Di4S4+JoXL1/+AWqCCiEACwsLg6yszD6gBqgIAwMAsslVfLcwaV0AAAAASUVORK5CYII=) center no-repeat;
    opacity: 0.6;
    width: 12px;
    height: 12px;
    font-size: 1px;
    padding: 13px;
}
.generic-form .chosen-container-single .chosen-single .search-choice-copy:hover{
    opacity: 1;
}
.generic-inline-form button[type="submit"],
.generic-inline-form input[type="submit"]
{
    height: min-content;
    vertical-align: bottom;
    margin-top: 20px;
}
/*.generic-form .chosen-container-single .chosen-single-with-deselect span{*/
/*    line-height: 20px;*/
/*}*/
/* Reduzir espaçamento da label nos forms*/
.generic-form .row label,
.inline-form .form-label
{
    margin-bottom: -.3rem;
}
.generic-form-bottom-buttons{
    width: 100%;
}
.generic-form.inline-form{
/*    padding: 10px;*/
    padding: 1rem !important;
}
.generic-form.inline-form 
.generic-form.inline-form .col-1,
.generic-form.inline-form .col-10,
.generic-form.inline-form .col-11,
.generic-form.inline-form .col-12,
.generic-form.inline-form .col-2,
.generic-form.inline-form .col-3,
.generic-form.inline-form .col-4,
.generic-form.inline-form .col-5,
.generic-form.inline-form .col-6,
.generic-form.inline-form .col-7,
.generic-form.inline-form .col-8,
.generic-form.inline-form .col-9,
.generic-form.inline-form .col-auto,
.generic-form.inline-form .col-lg,
.generic-form.inline-form .col-lg-1,
.generic-form.inline-form .col-lg-10,
.generic-form.inline-form .col-lg-11,
.generic-form.inline-form .col-lg-12,
.generic-form.inline-form .col-lg-2,
.generic-form.inline-form .col-lg-3,
.generic-form.inline-form .col-lg-4,
.generic-form.inline-form .col-lg-5,
.generic-form.inline-form .col-lg-6,
.generic-form.inline-form .col-lg-7,
.generic-form.inline-form .col-lg-8,
.generic-form.inline-form .col-lg-9,
.generic-form.inline-form .col-lg-auto,
.generic-form.inline-form .col-md,
.generic-form.inline-form .col-md-1,
.generic-form.inline-form .col-md-10,
.generic-form.inline-form .col-md-11,
.generic-form.inline-form .col-md-12,
.generic-form.inline-form .col-md-2,
.generic-form.inline-form .col-md-3,
.generic-form.inline-form .col-md-4,
.generic-form.inline-form .col-md-5,
.generic-form.inline-form .col-md-6,
.generic-form.inline-form .col-md-7,
.generic-form.inline-form .col-md-8,
.generic-form.inline-form .col-md-9,
.generic-form.inline-form .col-md-auto,
.generic-form.inline-form .col-sm,
.generic-form.inline-form .col-sm-1,
.generic-form.inline-form .col-sm-10,
.generic-form.inline-form .col-sm-11,
.generic-form.inline-form .col-sm-12,
.generic-form.inline-form .col-sm-2,
.generic-form.inline-form .col-sm-3,
.generic-form.inline-form .col-sm-4,
.generic-form.inline-form .col-sm-5,
.generic-form.inline-form .col-sm-6,
.generic-form.inline-form .col-sm-7,
.generic-form.inline-form .col-sm-8,
.generic-form.inline-form .col-sm-9,
.generic-form.inline-form .col-sm-auto,
.generic-form.inline-form .col-xl,
.generic-form.inline-form .col-xl-1,
.generic-form.inline-form .col-xl-10,
.generic-form.inline-form .col-xl-11,
.generic-form.inline-form .col-xl-12,
.generic-form.inline-form .col-xl-2,
.generic-form.inline-form .col-xl-3,
.generic-form.inline-form .col-xl-4,
.generic-form.inline-form .col-xl-5,
.generic-form.inline-form .col-xl-6,
.generic-form.inline-form .col-xl-7,
.generic-form.inline-form .col-xl-8,
.generic-form.inline-form .col-xl-9,
.generic-form.inline-form .col-xl-auto
{
    padding-right: 0.5rem !important;
}
.inline-form .f-field:first-child{
    padding-left: 0 !important;
}
.generic-form.inline-form .generic-form-bottom-buttons{
    text-align: left;
    margin-top: 0;
}
.required-symbol{
    color: red;
}
.form-control, .chosen-container-single .chosen-single
{
    border-color: var(--bv-border-light-gray);
    transition: all 0.1s ease-in-out;
}
.info-ajax{
    min-height: 20px;
}
/* do novo selector tomSelect */
.input-group-sm>.ts-wrapper.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control{
    padding: 0 .75rem 0 .5rem;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button{
    right: max(var(--ts-pr-caret), 2.3rem) !important;
    height: 23px;
    font-size: 20px;
    top: 10px;
}
.tomSelect .item .ts-copy{
    position: absolute;
    top: 5px;
    right: max(var(--ts-pr-caret), 3.1rem) !important;
    font-size: 13px;
    z-index: 99999;
    pointer-events: auto;
    display: inline-block;
    cursor: copy;
    border: 0;
    background: none;
}
.ts-wrapper.plugin-clear_button.full .clear-button,
.tomSelect .item .ts-copy
{
    color: black;
    opacity: 0.3 !important;
    transition: all 0.3s ease;
}
.ts-wrapper.plugin-clear_button.full .clear-button:hover,
.tomSelect .item .ts-copy:hover
{
    color:red;
    opacity: 1 !important;
}
select.form-control-sm{
    padding: .25rem .5rem .25rem .3rem;
}
.form-control:disabled,
.form-control[readonly],
.selectize-input.disabled
{
    opacity: 1 !important;
    background-color: rgba(233, 236, 239, 0.58) !important;
    border: none;
}
input[type=file].form-control{
    background: none;
    border: 0;
    padding: 0px;
    margin-bottom: 10px;
}
form.generic-form .chosen-container{
    width:100% !important;
}
.inputWrapper{
    position: relative;
}
table.dataTable thead{
    /*background: rgb(68, 71, 90);*/ /* dark */
    background-color: var(--bv-bg-dark);
    color: white;
}
/* Remover border no thead */
table.dataTable thead th,
table.dataTable thead td
{
    border: none;
    font-weight: normal !important;
}
table.dataTable tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}
table.dataTable tbody tr:nth-child(odd) {
    background: #FFF
}
table.dataTable.no-footer{
    /*border-color: rgba(132, 135, 156, 0.10);*/
    border-color: var(--bv-border-very-light-gray);
}
table.dataTable thead td, 
table.dataTable thead th
{
    padding: 5px 8px;
}
table.dataTable tbody td, 
table.dataTable tbody th
{
    padding: 5px 5px;
}
table.dataTable tbody td{
    /*box-shadow: 1px 0 0 0 rgba(0,0,0,0.03); !* Border right *!*/
    box-shadow: -1px 0 0 0 rgba(0,0,0,0.03); /* Border left */
    line-height: 18px;
}
table.dataTable thead th{
    /*box-shadow: 1px 0 0 0 rgba(255,255,255, 0.3); !* Border right *!*/
    box-shadow: -1px 0 0 0 rgba(255,255,255, 0.3); /* Border left */
}
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>th.sorting_asc_disabled:after, 
table.dataTable thead>tr>th.sorting_desc_disabled:after, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc_disabled:after, 
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    font-family: 'Font Awesome 6 Free';
    content: "\f0dc";
    font-weight: 600;
    opacity: 0.20;
    margin-left: 5px;
}
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_asc:after
{
    content: '\f0d8';
    opacity: 1;
}
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_desc:after 
{
    content: '\f0d7';
    opacity: 1;
}
table td:first-child{
    border-left: 1px solid var(--bv-border-very-light-gray);
}
table td:last-child{
    border-right: 1px solid var(--bv-border-very-light-gray);
}
.dataTable tbody tr:hover {
    /*background-color: var(--bv-border-gray) !important;*/
    /*background-color: var(--bv-border-very-light-gray) !important;*/
    background-color: #d3d3e0 !important;
}
/* overlay de loading */
#loading-overlay {
    /*display: none;*/
    background: rgba( 26, 26, 26, 0.7 );
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
}
.loading-overlay-image-container {
    /*display: none;*/
    position: fixed;
    z-index: 7;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
}
.loading-overlay-img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}
/* loading do overlay apenas CSS sem imagem */
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 80px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
#back2top {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
}
@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

/* -------------  */

.dataTables_filter{
    display: none;
}
/* custom group field */
.custom-group-field{
    /*padding: 18px 0 22px;*/
    position: relative;
    margin-top:  0px; 
    padding-bottom: 5px;
    /* n mexer left/right */
    /*width: 100%;*/
}
.generic-form .infoBadge .badge{
    text-align: left !important;
    white-space: inherit !important;
}
.custom-group-field + .custom-group-field{
    border-top: 1px solid var(--bv-border-light-gray);
    margin-top:  5px;
    padding-top: 5px;
}
.custom-group-field.no-group-label{
    padding-top: 10px;
}
.custom-group-title{
    /*background: var(--bv-bg-white);*/
    display: block;
    padding: 0px 10px 5px 8px;
    /*position: absolute;*/
    /*top: -18px;*/
    /*left: 5px;*/
    display: block;
    font-weight: bold;
    border-radius: 5px;
    color: #00aeda;
    font-size: 16px;
}
.modal-content{
    border: 0;
}
/*.generic-table tr td,
.generic-table tr th
{
  border: 1px solid rgb(66,66,66,0.14);;
  padding: 0 5px;
}*/
.generic-table {
    /*border-collapse: collapse;*/
    width: 100%;
    table-layout: fixed;
    overflow-wrap: break-word;
    border: 1px solid var(--bv-bg-light-gray);
}
.generic-table td, .generic-table th {
    border: 1px solid rgb(238,238,239);
    padding: 3px 5px 3px 5px;
}
.generic-table th {
    text-transform: capitalize;
}
.generic-table tr:nth-child(even){background-color: #f2f2f2;}
.generic-table tr:hover {background-color: rgb(207,200,200);}
.generic-table th {
  background-color: black;
  color: white;
}
.generic-table tr:nth-child(even){
    background-color: var(--bv-bg-light-gray);
}
.generic-table tr:nth-child(odd){
    background: #FFF;
}
.generic-table table td:first-child{
    border-left: 1px solid var(--bv-bg-light-gray);
}
.generic-table table td:last-child{
    border-right: 1px solid var(--bv-bg-light-gray);
}
.log-history-source tr td{
    vertical-align: top;
}
.log-history-source tr td:first-child{
    width: 25%;
}
/*.generic-table a:link {
    color: #666;
    font-weight: bold;
    text-decoration:none;
}
.generic-table a:visited {
    color: #999999;
    font-weight:bold;
    text-decoration:none;
}
.generic-table a:active,
.generic-table a:hover {
    color: #bd5a35;
    text-decoration:underline;
}
.generic-table {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: black;
    background:#eaebec;
    margin:10px;
    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    width: 100%;
    table-layout: fixed;
    overflow-wrap: break-word;
}
.generic-table th {
    padding:11px 15px 12px 15px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.generic-table th:first-child {
    text-align: left;
    padding-left:10px;
}
.generic-table tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.generic-table tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.generic-table tr {
    text-align: center;
    padding-left:10px;
}
.generic-table td:first-child {
    text-align: left;
    padding-left:10px;
    border-left: 0;
}
.generic-table td {
    padding:8px;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.generic-table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.generic-table tr:last-child td {
    border-bottom:0;
}
.generic-table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.generic-table tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.generic-table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}*/
/* ------------------- FIM GENERIC-TABLE --------------------- */
.query-log-table tr{
    text-align: left;
}
.query-log-table xmp{
    margin: 3px 0px;
    color: rgb(6,6,165);
}
.query-log-table tr td.timeline_step{
    position: relative;
}
.query-log-table tr td.timeline_query{
    padding: 6px 10px 6px;
    position:relative;
}
.query-log-table tr td.timeline_query .timeline-file{
    /*height: 15px;*/
    color: gray;
    padding-bottom: 5px;
}
.query-log-table.generic-table td, 
.query-log-table.generic-table th{
    text-transform: initial !important;
}
.query-log-table.generic-table td:first-child,
.query-log-table.generic-table th:first-child
{
    width: 12%;
}
.query-log-table.generic-table td:first-child + td,
.query-log-table.generic-table th:first-child + th
{
    width: 76%;
}
.query-log-table.generic-table td:first-child + td + td,
.query-log-table.generic-table th:first-child + th + th
{
    width: 12%;
}
.tab-content{
    background: var(--bv-bg-white);
    border: 1px solid var(--bv-border-light-gray);
    border-top: 0;
    padding: 20px 15px 20px;
    box-shadow: 1px 1px 4px 0px rgb(0, 0, 0, 0.05);
}
/*nice border*/
.box-border{
    box-shadow: 0 0 0 1px #dee2e6;
}
.globalSearchResults .tab-pane{
    border: 1px solid #dee2e6;
    border-bottom: 0;
}
.globalSearchResults .results .item{
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
/* global search */
/*.globalSearchResults ul.results{
    list-style-type: none;
    padding-left: 0;
}
.globalSearchResults ul.results li a{
    display: block;
    color: #3385dc;
}
.globalSearchResults ul.results li{
    padding: 5px 10px;
    display: inline-block;
    background-color: white;
    vertical-align: top;
}
.globalSearchResults ul.results > li > i{
    font-size: 0.8em;
}
.globalSearchResults table{
    font-size: 0.9rem;
}
.globalSearchResults table td:first-child{
    font-style: italic;
    font-weight: 600;
}
.globalSearchResults table td:first-child + td{
    padding-left: 15px;
}*/
/* ifap */
.bg-yellow{
    background: yellow;
}
.ifap_tbl thead td{
    font-weight: bold;
}
.ifap_tbl thead{
    border-bottom: 2px solid black;
}
.ifap_tbl tbody tr{
    border-bottom: 1px solid gray;
}
/* log_historico */
.bg-gray{
    background: whitesmoke;
    color: darkgray;
    border: 3px solid var(--bv-bg-white);
}

.bg-green{
    background: lightgreen;
    color: darkgreen;
    border: 3px solid var(--bv-bg-white);
}
/* DOC_LIST CSS */
.comment + .comment{
    border-top: 1px solid rgba(0, 0, 0, 0.12);;
    padding-top: 10px;
    padding-bottom: 25px;
}
.comment-listing{
    max-height: 300px;
    overflow-y: auto;
    box-shadow: inset -4px 0px 2px 0px rgba(0,0,0,0.16);
}
/* font-sizes */
.fs-7,
.fs-8,
.fs-9,
.fs-10,
.fs-11,
.fs-12,
.fs-13,
.fs-14,
.fs-15,
.fs-16,
.fs-17,
.fs-18
{
    font-size: 100%;
}
.fs-7{ font-size: 7px !important; }
.fs-8{ font-size: 8px !important; }
.fs-9{ font-size: 9px !important; }
.fs-10{ font-size: 10px !important; }
.fs-11{ font-size: 11px !important; }
.fs-12{ font-size: 12px !important; }
.fs-13{ font-size: 13px !important; }
.fs-14{ font-size: 14px !important; }
.fs-15{ font-size: 15px !important; }
.fs-16{ font-size: 16px !important; }
.fs-17{ font-size: 17px !important; }
.fs-18{ font-size: 18px !important; }
.fs-19{ font-size: 19px !important; }
.fs-20{ font-size: 20px !important; }

.alt-form{
    display: none;
}
.alt-form-show{
    display: block !important;
}
/* -------------------------------------------------------------------------
    SIDEBAR BASEADA EM (https://startbootstrap.com/templates/simple-sidebar)
---------------------------------------------------------------------------- */
#wrapper {
    overflow-x: hidden;
}
#sidebar-wrapper {
    min-height: 100vh;
    width: 200px;
    min-width: 200px;
    margin-left: -200px;
    -webkit-transition: margin .2s ease-in-out;
    -moz-transition: margin .2s ease-in-out;
    -o-transition: margin .2s ease-in-out;
    transition: margin .2s ease-in-out;
}
#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}
#page-content-wrapper {
    padding-bottom: 150px;
    min-width: 100vw;
}
.dtfh-floatingparent{
    height: auto !important;
}
#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}
#sidebar-wrapper{
    color: white;
}
/* SIDEBAR-MENU */
ul#sidebar-menu{
    overflow: hidden;
    color: white;
    /*max-width: 220px;*/
    max-width: 220px;
}
ul#sidebar-menu > ul.list-unstyled{
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
ul#sidebar-menu > li > a,
ul#sidebar-menu > ul > li > a{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 30px;
    color: rgb(189,182,182);
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}
ul#sidebar-menu > ul > li > a.disabled,
ul#sidebar-menu > li > a.disabled{
    opacity: 0.3;
}
ul#sidebar-menu > li > a i,
ul#sidebar-menu > ul > li > a i{
    margin-right: 5px;
    width: 20px;
}
ul#sidebar-menu > li > a:hover,
ul#sidebar-menu > ul > li > a:hover{
    color: white;
    background-color: rgba(255,255,255,0.15);
}
ul#sidebar-menu > li.active,
ul#sidebar-menu > ul > li.active
{
    color: white;
    /*background-color: rgba(255,255,255,0.3);*/
    background-color: rgba(42,209,163,0.83);
}
ul#sidebar-menu li.active a{
    color: white;
    position: relative;
}
/* http://apps.eky.hk/css-triangle-generator/ */
ul#sidebar-menu > ul > li.active a::after,
ul#sidebar-menu > li.active a::after
{
    position: absolute;
    right: 0px;
    top: 5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #fafafa transparent transparent;
    line-height: 0px;
    _border-color: #000000 #fafafa #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
ul#sidebar-menu > ul > li.active a::after{
    top: 0px;
}
/*SUBEMENU*/
ul#sidebar-menu li a.dropdown-toggle{
    position: relative;
}
ul#sidebar-menu li a.dropdown-toggle::after{
    position: absolute;
    right: 20px;
    top: 17px;
}
ul#sidebar-menu a[aria-expanded="true"].dropdown-toggle::after{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-top: 0;
    border-right: .3em solid transparent;
}
ul#sidebar-menu a[aria-expanded="true"]{
    /*background-color: #2ad1a3;*/
    /*background-color: rgba(255,255,255,0.15);*/
    background-color: rgba(255,255,255,0.3);
    color: white;
}
ul#sidebar-menu > li > a {
    line-height: 40px;
}
ul#sidebar-menu > ul > li > a{
    padding-left: 25px;
}
.sidebar-tecnico .list-unstyled.collapse.show{
    background-color: rgb(56,54,54);
}
.sidebar-criador .list-unstyled.collapse.show{
    background-color: var(--bv-bg-blue);
}
/*.navbar{*/
/*    !*border-bottom:  1px solid rgba(222,226,230,0.33)!important;*!*/
/*    border-bottom:  1px solid var(--bv-border-very-light-gray) !important;*/
/*}*/
.navbar .input-group-btn .btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#page-content-wrapper{
    overflow: hidden;
    overflow-x: auto;
}
/* Ecra Grande: sidebar aberta */
#menu-toggle .sidebar-toggle-icons-closed,
#menu-toggle.toggled .sidebar-toggle-icons-open
{
    display: none;
}
#menu-toggle.toggled .sidebar-toggle-icons-closed{
    display: inherit;
}
.sidebar-heading h3{
    position: relative;
}
.sidebar-heading .header-bd{
    position: absolute;
    bottom: -10px;
    right: 5px;
    font-size: 14px;
    font-style: italic;
}
.sidebar-criador .sidebar-heading .header-bd{
    color: rgba(255,255,255,0.56);
}
.sidebar-tecnico .sidebar-heading .header-bd{
    color: gray;
}
.sidebar-item-level-1{
    display: inline-block;
    width: 132px;
    vertical-align: middle;
}
/* GENE TAB */
#gen0,#gen1,#gen2,#gen3,#gen4,#gen5{
    padding: 50px !important;
}
.gen0,.gen1,.gen2,.gen3,.gen4,.gen5{
    margin-bottom: 20px;
}
.geneologia td{
    display: table-cell !important;
    position: relative;
}
.geneologia td > div{
    margin-right: 14px;
}
/*.card-title, .cart-text {
    padding: 5px;
}*/
.geneologia .card{
    width: 15em;
    padding-right: 3px;
    margin-left: auto;
}
.animal_card.disabled{
    background: transparent;
}
.animal_card ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.animal_card ul li.snirb a{
    font-size: 15px;
    font-weight: bold;
}
.sep_1_2, .sep_2_3, .sep_3_4{
    width: 100%;
    border: 1px solid black;
    border-right: 0;
}
/* no total os quadrados usam 11 colunas, 1 coluna é 8.3% e temos 3 colunas de separadores logo 8.3/3 = 2,...*/
.geneologia .separador {
    -ms-flex: 0 0 2%;
    flex: 0 0 2%;
    max-width: 2%;
}
/*linear-gradient(225deg, transparent 0%, transparent 45%, lightgray 45%, lightgray 50%, transparent 55%, transparent 60%, lightgray 65%, transparent 65%),
*/
.marcado {
    background-image:
            linear-gradient(225deg, transparent 0%, transparent 50%, lightgray 40%, lightgray 50%, transparent 55%, transparent 60%, lightgray 60%, transparent 70%),
            linear-gradient(white, white);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}
.avaliacao-title{
    border-top:1px solid black;
    border-bottom:1px solid black;
    margin-top:5px;
    padding: 7px;
    margin-bottom:5px;
}
.avaliacao-title#met{
    background:#F1F1F1;
    text-align: center;
}
.avaliacao-title#ipt{
    background:#ccffff;
    text-align: center;
}
/* CANVAS SIDEBAR INFORMATIVA LADO DIREITO */
.bs-canvas-overlay {
   opacity: 0;
   z-index: -1;
   display: none;
}
.bs-canvas-overlay.show {
   opacity: 0.85;
   z-index: 1100;
   display: block;
}
.bs-canvas {
   top: 0;
   width: 0;
   z-index: 1110;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-box-shadow: 0 36px 44px var(--bv-border-gray2);
   -moz-box-shadow: 0 36px 44px var(--bv-border-gray2);
   box-shadow: 0 36px 44px var(--bv-border-gray2);
   border-left: 1px solid var(--bv-border-gray2);
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}
.bs-canvas-right {
   right: 0;
}
.bs-canvas-anim {
   transition: all .2s ease-out;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -ms-transition: all .2s ease-out;
}
#bs-canvas-close{
    position: absolute;
    left: -2px;
    top: -2px;
}
.info-accordion .card-header{
    padding: 0.3rem;
}
.info-accordion .card-body{
    padding: 1rem;
}
/* MEDIA QUERIES */
@media (max-width: 768px) {
    .centerWhenSmall{
        text-align: center;
    }
    .query-log-table {
        display: none;
    }
    /* --------  sidebar ----------- */
    /* TOGGLED => ABERTO */
    #menu-toggle .sidebar-toggle-icons-open /* <= */
    ,#menu-toggle.toggled .sidebar-toggle-icons-closed /* => */
    {
        display: none;
    }
    #menu-toggle .sidebar-toggle-icons-closed /* => */
    ,#menu-toggle.toggled .sidebar-toggle-icons-open /* <= */
    {
        display: inherit;
    }
    .modal-content > .close{
        right: 0;
    }
}
.animal-profile .ult-ocorrencias{
    list-style: none;
    padding-left: 10px;
}
.animal-profile .ult-ocorrencias li{
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid var(--bv-border-light-gray);
}
.animal-profile .ult-ocorrencias li + li {
    border-top: 0;
}
.animal-profile .ult-ocorrencias li .date{
    padding: 0 5px;
    width: 25%;
    display:inline-block;
}
.animal-profile .ult-ocorrencias li .tipo{
    width: 25%;
    display:inline-block;
}
.animal-profile .ult-ocorrencias li .nif_expl{
    width: 45%;
    display:inline-block;
}
.animal-profile .ult-ocorrencias li .obs{
    padding-left: 35px;
}
.animal-profile .more-link{
    margin-left: 10px;
}
.animal-profile .big-title{
    color: #00aeda;
    font-size: 16px;
    font-weight: bold;
    margin-left: 12px;
}
/* BOOSTRAP OFFSET MARGIN BUT TO THE RIGHT INSTEAD OF LEFT*/
@media (min-width: 768px) {
    .offset-right-12 { margin-right: 100%; }
    .offset-right-11 { margin-right: 91.66666667%; }
    .offset-right-10 { margin-right: 83.33333333%; }
    .offset-right-9 { margin-right: 75%; }
    .offset-right-8 { margin-right: 66.66666667%; }
    .offset-right-7 { margin-right: 58.33333333%; }
    .offset-right-6 { margin-right: 50%; }
    .offset-right-5 { margin-right: 41.66666667%; }
    .offset-right-4 { margin-right: 33.33333333%; }
    .offset-right-3 { margin-right: 25%; }
    .offset-right-2 { margin-right: 16.66666667%; }
    .offset-right-1 { margin-right: 8.33333333%; }
    .offset-right-0 { margin-right: 0; }
    .modal-dialog {
        /*max-width: 40%;*/
        width: 70%;
        max-width: 1600px;
    }
    /* --------  sidebar ----------- */
    #sidebar-wrapper {
        margin-left: 0;
        width: 220px;
        overflow: hidden;
    }
    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }
    #wrapper.toggled #sidebar-wrapper {
        margin-left: -220px;
    }
}
@media print {
    /* HIDE SIDEBAR ON PRINT - HELPS WHEN PRINTING FORM ONLY */
    #sidebar, .query-log {
        display: none;
    }
    .no-print, .no-print *{
        display: none !important;
    }
}
/* ------------------ ------------------ ------------------ */
/* ------------------ DASHBOARD dropdown ------------------ */
/* ------------------ ------------------ ------------------ */

#tabelaativos, #tabelainativos {
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 20px;
    float: left;
    margin-right: 10px;
    border-radius: 4px;
    border-style: dotted !important;
    border-width: 2px !important;
    
  }

#tabelaativos > li, #tabelainativos > li {
    padding: 4px;
    border-radius: 4px;
    margin: 4px;
}

#tabelainativos > li {
    border:1px solid red;
    background-color: pink; 
}

#tabelaativos > li{
    border:1px solid green;
    background-color: rgb(119, 212, 119);
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.scrollable {
    overflow-y: auto;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-text {
    visibility: hidden;
    min-width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 4px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-container:hover .tooltip-text, .tooltip-container:active .tooltip-text {
    visibility: visible;
    opacity: 1;
    transition-duration: 0.3s;
}

.tabela-estatisticas td,.tabela-estatisticas th{
    border: 1.5px solid var(--bv-border-gray2) !important;
    border-collapse:collapse;
    padding: 0.3rem !important;
    vertical-align: middle !important;
}
.tabela-estatisticas th{
    font-weight:inherit !important;
}


.ligacoes-up-group-summary {
    cursor: pointer;
    display: inline-block;
    padding: 0.5em 0.75em;
    margin-bottom: 0.5em;
}
.ligacoes-up-group-details {
    margin-bottom: 0.75rem;
}
.ligacoes-up-group-details summary::-webkit-details-marker {
    display: none;
}
.ligacoes-up-group-details summary::before {
    content: "▶";
    display: inline-block;
    width: 1em;
    margin-right: 0.5em;
    text-align: center;
    transition: transform 0.2s;
}
.ligacoes-up-group-details[open] summary::before {
    transform: rotate(90deg);
}
.ligacoes-up-group-content {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
}

.flatpickr-wrapper{
    width: 100% !important;
}