/* =========================== GERAL =========================== */
:root {
  /*  Variaveis de cores personalizadas */
  --color-bg-primary: #2E59D9;
  --color-bg-secondary: #fff;
  --color-letra-primary: #13216A;
  --color-letra-secondary: #ffffff;

  /* teste */
  --color-sidebar:#0d6efd;

  /* var(--color-bg-primary) */
}

   body {
       overflow-x: hidden;
   }


   /* Toggle Styles */


   #wrapper {
       padding-left: 0;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       transition: all 0.5s ease;
   }

   #wrapper.toggled {
        padding-left: 200px;
    }

   #sidebar-wrapper {
       z-index: 1000;
       position: fixed;
       left: 200px;
       width: 0;
       height: 100%;
       margin-left: -200px;
       overflow-y: auto;
       /* background: #000; */
       /* background: #333A64; */
       background: transparent;
       border-right: 2px solid #f3f3f3;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       transition: all 0.5s ease;
       top: 60px;
   }

    #wrapper.toggled #sidebar-wrapper {
        width: 200px;
    }

   #page-content-wrapper {
       width: 100%;
       position: absolute;
       padding: 15px;
   }


   #wrapper.toggled #page-content-wrapper {
       position: absolute;
       margin-right: -200px;
   }


   /* Sidebar Styles */


   .sidebar-nav {
       position: absolute;
       top: 0;
       width: 250px;
       margin: 0;
       padding: 0;
       list-style: none;
   }


   .sidebar-nav li {
       text-indent: 20px;
       line-height: 40px;
   }


   .sidebar-nav li a {
       display: block;
       text-decoration: none;
       color: #999999;
   }


   /* 26032025 - removido houver
 .sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
} */


   .sidebar-nav li a:active,
   .sidebar-nav li a:focus {
       text-decoration: none;
   }


   .sidebar-nav>.sidebar-brand {
       height: 65px;
       font-size: 18px;
       line-height: 60px;
   }


   .sidebar-nav>.sidebar-brand a {
       color: #999999;
   }


   .sidebar-nav>.sidebar-brand a:hover {
       color: #fff;
       background: none;
   }

   @media(min-width:768px) {
       #wrapper {
           padding-left: 200px;
       }


       #wrapper.toggled {
           padding-left: 0;
       }


       #sidebar-wrapper {
           width: 200px;
       }


       #wrapper.toggled #sidebar-wrapper {
           width: 0;
       }


       #page-content-wrapper {
           padding: 20px;
           position: relative;
       }


       #wrapper.toggled #page-content-wrapper {
           position: relative;
           margin-right: 0;
       }
   }


   /* TABEla */
   .tableFixHead {
       overflow: auto;
       height: 60vh;
   }

   .tableFixHead thead tr {
       position: sticky;
       top: 0;
       z-index: 1;
       background-color: #999999 !important;
   }

   /* Just common table stuff. Really. */
   table {
       border-collapse: collapse;
       width: 100%;
   }

   th,
   td {
       padding: 8px 16px;
   }

   th {
       background: #eee;
   }



   /* INPUTS NOVO */

   .ts-form-floating {
       position: relative;
   }

   .ts-form-floating input {
       padding-top: 1.5rem;
       height: 43px;
       border: 2px solid #eee;
       border-radius: 10px;
       /* Adiciona espaço no topo para o label */
   }

   .ts-form-floating textarea {
       padding-top: 1.5rem;
       border: 2px solid #eee;
       border-radius: 10px;
   }

   .ts-form-floating input[type="date"]::-webkit-calendar-picker-indicator {
       margin-top: -10px;
   }

   .ts-form-floating Select {
       padding-top: 0.7rem;
       height: 43px;
       border: 2px solid #eee;
       border-radius: 10px;
       /* Adiciona espaço no topo para o label */
   }

   .ts-form-floating>.labelSelect {
       margin-top: -5px;
   }

   .ts-form-floating .btnSearch {
       position: absolute;
       right: 0.5rem;
       top: 50%;
       transform: translateY(-50%);
       z-index: 3;
   }

   .ts-form-floating button {
       margin-right: 5px;
       border: none;
   }

   .ts-form-floating button:focus {
       border: none;
       box-shadow: none;
   }

   .ts-form-floating label {
       position: absolute;
       top: -2px;
       left: 0.50rem;
       font-size: 12px;
       color: #6c757d;
       pointer-events: none;
       transition: all 0.2s ease-in-out;
       padding: 0 0.25rem;
       background: transparent;
       /* Fundo branco para evitar sobreposição */
       transform: translateY(0.5rem);
       /* Ajuste para centralizar verticalmente */
   }

   .ts-form-floating input:focus+label,
   .ts-form-floating input:not(:placeholder-shown)+label {
       top: 1px;
       font-size: 12px;
       transform: none;
       background: none;
       /* Remover o fundo ao focar ou quando preenchido */
   }

   .ts-form-floating textarea:focus+label,
   .ts-form-floating textarea:not(:placeholder-shown)+label {
       top: 1px;
       font-size: 12px;
       transform: none;
       background: none;
       /* Remover o fundo ao focar ou quando preenchido */
   }

   .ts-form-floating>.labelDataSelect {
       margin-top: -3px;
       margin-left: 30px !important;
   }

   .ts-form-floating>.btn-outline-secondary {
       border: 2px solid #eee;
       border-radius: 10px 0 0 10px;
       margin-right: -8px;
       background-color: #e9ecef;
       color: #6c757d;

   }

   .ts-form-floating>.btn-outline-secondary:hover {
       background-color: #e9ecef;
       color: #6c757d;
   }

   /* OPACIDADE DO FUNDO DO MODAL */
   .modal-backdrop {
       background-color: rgba(0, 0, 0, 0.2);
       /* Cor preta com 50% de opacidade */
   }

   /* index.php */
   .ts-iframe {
       width: 100%;
       height: 92vh;
       border: none;
   }

   .bi {
       font-size: 20px;
   }

   .btnmenuativo {
       margin-left: 5px;
       background-color: var(--color-sidebar);
       border-radius: 15px;
       color: #fff !important;
   }

   /*  */

   /* sidebar.php */
   .fixed-bottom-button {
       margin-top: calc(30vh - 50px);
       /* Define a distância dinâmica */
   }

   .ts-hr-text {
       display: flex;
       align-items: center;
       text-align: center;
       width: 200px;
   }

   .ts-hr-text::before,
   .ts-hr-text::after {
       content: '';
       flex: 1;
       border-bottom: 1px solid #ccc;
   }

   .ts-hr-text::before {
       margin-right: 10px;
   }

   .ts-hr-text::after {
       margin-left: 10px;
   }

   /*  */

   /* painel.php */
   .nav-link.ts-navLink-10 {
        background-color: transparent;
        border: none;
        color: black !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    a.nav-link.ts-navLink-10 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .nav-link.ts-navLink-10.active:any-link {
        border: none;
        border-bottom: 5px solid var(--color-bg-primary);
        border-radius: 3px 3px 0 0;
        background-color: transparent;
        color: var(--color-bg-primary) !important; /* #2E59D9 */
        font-weight: bold;
    }

    .nav-link.ts-navLink-10:hover {
        border: transparent;
        font-weight: 500;
    }
    /*  */