/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 23 de mai. de 2025, 06:42:15
    Author     : Ilo Gabriel
*/
@charset "utf-8";
body {
    background-color: #FFDEAD;
    margin: 0;
    font-family: Arial, sans-serif;
    color: #FFFFFF;
}

.layout {
    display: grid;
    grid-template-columns: 220px 1fr 300px;
    gap: 20px;
    width: 100%;
    margin-top: 20px;
}

.col-esq {
    width: 220px;
    /*background-color: #00008B;*/
    height: 750px;
    overflow-y: scroll;
    background-color: #0000FF !important;
}

/* Bordas arredondadas e sombra */
.tab-especialidades .ui-datatable {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}

/* cabeçalho */
.tab-especialidades thead th {
    background: linear-gradient(#0033cc, #001a66) !important;
    color: #fff !important;
    font-size: 15px;
    letter-spacing: .5px;
    padding: 10px;
    text-align: center;
}

/* linhas */
.tab-especialidades tbody td {
    background-color: #002b8a !important;
    color: #fff !important;
    padding: 10px 12px;
    border-bottom: 1px solid #0040ff;
}

/* hover */
.tab-especialidades tbody tr:hover td {
    background-color: #4169E1 !important;
    cursor: pointer;
}

/* seleção */
.tab-especialidades .ui-state-highlight td {
    background-color: #B0C4DE !important;
    color: #001a33 !important;
    font-weight: bold;
}

/* scrollbar elegante */
.tab-especialidades .ui-datatable-tablewrapper::-webkit-scrollbar {
    width: 8px;
}
.tab-especialidades .ui-datatable-tablewrapper::-webkit-scrollbar-thumb {
    background: #0099ff;
    border-radius: 10px;
}

/* hover */
/*.tab-especialidades tbody tr:hover td {
    background-color: #1E90FF !important;
}*/

.col-meio
{
    width: 300px;
}

.fundo-blue .ui-datalist-content
{
    background-color: #00008B !important;
    padding: 20px;
    border-radius: 10px;
}

.font-cor
{
    color: #00008B; 
}
/*.col-dir {
    width: 300px;
    border: 1px dashed #bbb;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #888;
    font-style: italic;
}*/