/*
GestorWeb - Simples e Prático
62 9 9235 4734
*/
/* INICIO - Vlibras ****************************************************************************************************/
.enabled.active 
{
    z-index: 99999 !important;
}
/* Ajuste preventivo no VLibras para não colidir */
[vw-access-button] 
{
    top: 54% !important; /* Força o VLibras a ficar um pouco mais para baixo */
}

/*Botao gravar tela*/
.btn-suporte-flutuante 
{
    position: fixed;
    right: 10px;
    top: 44%;
    width: 44px;
    height: 44px;
    background-color: #d9534f;
    color: white;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100001;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
}

.btn-suporte-flutuante:hover 
{
    transform: scale(1.1);
    background-color: #c9302c;
}

.btn-suporte-flutuante small 
{
    font-size: 8px;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-suporte-flutuante .tooltip-text 
{
    visibility: hidden;
    width: 100px;
    background-color: #d9534f;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    right: 110%;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s;
}

.btn-suporte-flutuante:hover .tooltip-text 
{
    visibility: visible;
    opacity: 1;
}


/* Botão do MeshCentral */
.btn-remoto-flutuante 
{
    position: fixed;
    right: 10px;
    top: 37%;
    width: 48px;
    height: 48px;
    background-color: #2c3e50;
    color: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100001;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.btn-remoto-flutuante:hover 
{
    background-color: #34495e;
    transform: translateX(-5px);
}

.btn-remoto-flutuante i 
{ 
    font-size: 18px; 
}

.btn-remoto-flutuante small 
{
    font-size: 7px; margin-top: 2px; font-weight: bold; 
}

.tooltip-suporte 
{
    visibility: hidden;
    width: 140px;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    position: absolute;
    right: 120%;
    font-size: 11px;
    opacity: 0;
    transition: opacity 0.3s;
}

.btn-remoto-flutuante:hover .tooltip-suporte 
{
    visibility: visible;
    opacity: 1;
}

/*Botão WhatsApp*/
.btn-whatsapp-flutuante {
    position: fixed;
    right: 10px;
    top: 44%; /* Ajustado para ficar abaixo do MeshCentral (37%) */
    width: 48px;
    height: 48px;
    background-color: #25d366;
    color: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100001;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.btn-whatsapp-flutuante:hover {
    background-color: #128c7e;
    transform: translateX(-5px);
}

.tooltip-whatsapp {
    visibility: hidden;
    width: 140px;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    position: absolute;
    right: 120%;
    font-size: 11px;
    opacity: 0;
    transition: opacity 0.3s;
}

.btn-whatsapp-flutuante:hover .tooltip-whatsapp {
    visibility: visible;
    opacity: 1;
}
/*Vlibras *************************************************************************************************************/

/* INICIO - Animacao tela *********************************************************************************************/
.ui-dialog
    {
        animation: scale .4s;
    }

@keyframes scale
    {
        0% { opacity: 0; }
        30% { transform: scale(0); }
        100% { transform: scale(1); opacity: 1; }
    }

/* FIM - Animacao tela *************************************************************************************************/
.window_modal, .ui-dialog-content, .ui-widget-content
   {
        -webkit-border-radius: 9px !important;
        -moz-border-radius: 9px !important;
        border-radius: 9px !important;
        box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;    
    }

/* INICIO Alertas ***********************************************************************************************/
/* TMessage */
.modal-dialog, .modal-content
    {
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        display: block !important;
        background-color: white !important;
        border-color: white !important;
        border: 0px none white !important;
        border-style: hidden !important;
        box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    }
/* FIM Alertas *****************************************************************************************************/
/*tcombo*/
.tcombo
    {
        cursor: pointer !important;
    }

/*THtmlEditor*/ 
/* Estilo para o estado normal (quando o editor não está focado) */
#builder-layout .note-editor.note-frame.panel.panel-default 
    {
        border: 1px solid #DFE4ED !important;
    }

/* Estilo para quando o editor de texto está focado (clicado) */
#builder-layout .note-editor.note-frame.panel-default:focus-within 
    {
        border-color: black !important;
        background-color: #E4F2FF !important;
    }

#builder-layout .note-editor.note-frame.panel-default.disabled-editor
    {
    border-color: #DFE4ED !important;
    background-color: #DFE4ED !important;
    cursor: not-allowed !important;
    }

#builder-layout .note-editor.note-frame.panel-default:not(:focus-within) .note-toolbar 
    {
        pointer-events: none !important;
        opacity: 0.6 !important; /* Deixa os botões um pouco transparentes */
    }

/*Grid*/
.tdatagrid_cell
    {
	/* Color & Background */
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	color: black !important;

	/* Box */
	border:0;
	border-top: 2px solid #DCDCDC;
	border-right: 0px none rgb(33, 37, 41);
	border-bottom: 2px solid #DCDCDC;
	border-left: 0px none rgb(33, 37, 41);
	margin: 0 0 5px;
	padding: 10px;
	max-height: none;
	min-height: 0px;
	max-width: 25ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: justify;  
	min-width: 0px;
	cursor: pointer;
    }

.tdatagrid_cell:hover
    {
	/* Box */
	border: 0;
	border-top: 1px solid #00008B;
	border-right: 0px none rgb(33, 37, 41);
	border-bottom: 1px solid #00008B;
	border-left: 0px none rgb(33, 37, 41);
	margin: 0 0 5px; /*margin: 0px;*/
	padding: 10px;
	max-height: none;
	min-height: 0px;
	max-width: 25ch; /*none*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: justify;  
	min-width: 0px;
	cursor: pointer;
    }
    
#builder-layout  [datagrid]  td:not(.beditorcss).tdatagrid_cell 
{
    cursor: pointer !important;
    :hover 
    {
    cursor: pointer !important;
    }

}

/* Formulario - formList parte superior */    
#builder-layout  [form]  div:not(.beditorcss).card-header.panel-heading
{
    background: #fbfbfb !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: solid !important;
    color: #616776 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: bold !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #61677667 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

/* Formulario - formList parte inferior */
.card-header-list
    {
    background: #fbfbfb !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: none !important;
    color: #616776 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: bold !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #616776 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout  [form]  div:not(.beditorcss).card-header.panel-heading
{
    background: #fbfbfb !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: solid !important;
    color: #616776 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #61677667 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout  [datagrid]  div:not(.beditorcss).card-header.panel-heading
{
    background: #fbfbfb !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: none !important;
    color: #616776 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #616776 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout  div:not(.beditorcss).card-header-list
{
    background: rgb(251, 251, 251) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: none !important;
    color: rgb(97, 103, 118) !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: rgb(97, 103, 118) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/* INICIO - Bordas e Sombreamento nos botões*** **********************************************************************/
.btn 
    {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    }

.btn-default.active
    {
    /*background: rgb(255, 255, 255) !important;*/
    background: linear-gradient(90deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)!important;
    box-shadow: 5px 5px 5px #BFBFBF !important;
    }

.btn-default.active:hover
    {
    color: #5492DB !important;
    font-weight: bold !important;
    /*background: rgb(255, 255, 255) !important;*/
    background: linear-gradient(90deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)!important;
    box-shadow: 5px 5px 5px #BFBFBF !important;
    opacity: 0.9 !important;
    }

.btn.btn-default
    {
    /*background: rgb(255, 255, 255) !important;*/
    background: linear-gradient(90deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)!important;
    box-shadow: 5px 5px 5px #BFBFBF !important;
    }

.btn.btn-default:hover
    {
    color: #5492DB !important;
    font-weight: bold !important;
    /*background: rgb(255, 255, 255) !important;*/
    background: linear-gradient(90deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)!important;
    box-shadow: 5px 5px 5px #BFBFBF !important;
    opacity: 0.9 !important;
    }

.btn.btn-default.btn-flat
    {
    /*background: rgb(255, 255, 255) !important;*/
    background: linear-gradient(90deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)!important;
    box-shadow: 5px 5px 5px #BFBFBF !important;
    }

.btn.btn-default.btn-flat:hover
    {
    color: #5492DB !important;
    font-weight: bold !important;
    /*background: rgb(255, 255, 255) !important;*/
    background: linear-gradient(90deg, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%)!important;
    box-shadow: 5px 5px 5px #BFBFBF !important;
    opacity: 0.9;
    }

.btn-default.disabled, .btn-default[disabled]
    {
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #666666 !important;
    opacity: 0.55 !important;
    /*cursor: no-drop  !important;*/
    }

/*
.btn-primary
    {
    background: #5492DB !important;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    }

.btn-primary:hover
    {
    color: white !important;
    font-weight: bold !important;
    background: #5492DB !important;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    opacity: 0.9!important;
    }
*/
/* FIM - Bordas e Sombreamento nos botões**************************************************************************/
/* INICIO - Login de paciente *************************************************************************************/
div[page-name="LoginClienteForm"] .card
{
    width: 500px !important;
    margin: auto;
    margin-top: 200px;
}

div[page-name="LoginClienteForm"] .tfield
{
    padding-left: 30px !important;
}

/* FIM - Login de paciente ****************************************************************************************/
/* INICIO - Notificação *******************************************************************************************/
#builder-layout .notification-pulse
{
    background: #fd9309 !important;
    width: 14px !important;
    height: 14px !important;
    position: absolute !important;
    top: 25px !important;
    right: 4px !important;
    z-index: 10 !important;
    text-align: center !important;
    cursor: pointer !important;
    line-height: 12px !important;
    border-radius: 100% !important;
    display: inline-block !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

#builder-layout .notification-pulse:before 
{
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #fd9309 !important;
    border-radius: 100% !important;
    z-index: -1 !important;
    animation: pulse 2s infinite !important;
    will-change: transform !important;
}

#builder-layout .notification-pulse:hover 
{
  animation: none !important;
}

#builder-layout .notification-pulse:before:hover 
{
  animation: none !important;
}
 @keyframes pulse 
 {
  0% 
  {
    transform: scale(1);
    opacity: 1 !important;
  }
  100% 
  {
    transform: scale(2);
    opacity: 0 !important;
  }
 }
/* FIM - Notificação ****************************************************************************************/
/*Mudar a cor de fundo*/

#builder-layout .form-control.tfield:focus 
{
    border-color : rgba(90, 101, 113, 0.8) !important;
    background: #E4F2FF !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    color: #1D1D1D !important;
    font-weight: bold !important;
}

#builder-layout  span:not(.beditorcss).select2-selection.select2-selection--single:focus 
{
    background: #E4F2FF !important;
    border-color : rgba(90, 101, 113, 0.8) !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    color: #1D1D1D !important;
    font-weight: bold !important;
    cursor: pointer !important;    
}

#builder-layout  select:not(.beditorcss).form-control.tcombo:focus 
{ 
    background: #E4F2FF !important;
    border-color : rgba(90, 101, 113, 0.8) !important;
    border-top-width: 2px !important;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    border-left-width: 2px !important;
    color: #1D1D1D !important;
    font-weight: bold !important;
}

/* **********************************************************************************************************************/
#builder-layout  div:not(.beditorcss).fc-event-time
{
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 1px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(255, 255, 255) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout  button:not(.beditorcss).btn.btn-default.bg-green 
{
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 3px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 12px !important;
    padding-bottom: 0px !important;
    padding-left: 12px !important;
    box-shadow: rgb(191, 191, 191) 5px 5px 5px 0px !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgb(223, 228, 237) !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

#builder-layout  label:not(.beditorcss).btn.btn-default.active {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: -1px !important;
    padding-top: 0px !important;
    padding-right: 12px !important;
    padding-bottom: 0px !important;
    padding-left: 12px !important;
    box-shadow: rgb(191, 191, 191) 5px 5px 5px 0px !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgb(65, 71, 73) !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

/* **********************************************************************************************************************/
#builder-layout [page-name='SystemSQLPanel'] [form]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield {
    background: #000000 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 8px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: start !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
#builder-layout [page-name='SystemSQLPanel'] [form]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield:hover {
    color: #000000 !important;
    font-weight: bold !important;
    background: #000000 !important;
}

#builder-layout [page-name='SystemSQLPanel'] [form]  [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield {
    background: #000000 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 8px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: start !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgb(223, 228, 237) !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
#builder-layout [page-name='SystemSQLPanel'] [form]  [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield:hover {
    background: #000000 !important;
    color: #000000 !important;
    font-weight: bold !important;
}
#builder-layout [page-name='SystemSQLPanel'] [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield {
    background: #000000 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: start !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #000000 !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
#builder-layout [page-name='SystemSQLPanel'] [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield:hover {
    background: #000000 !important;
    color: #000000 !important;
    font-weight: bold !important;
    margin-right: 0px !important;
}
/*------------------------------------------------------------------------------------------*/
#builder-layout [page-name='SystemSQLPanel'] [form]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield {
    background: #000000 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 8px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: start !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

#builder-layout [page-name='SystemSQLPanel'] [form]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield:hover 
{
    color: #000000 !important;
    font-weight: bold !important;
    background: #000000 !important;
}

#builder-layout [page-name='SystemSQLPanel'] [form]  [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield 
{
    background: #000000 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 8px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: start !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgb(223, 228, 237) !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

#builder-layout [page-name='SystemSQLPanel'] [form]  [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield:hover 
{
    background: #000000 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

#builder-layout [page-name='SystemSQLPanel'] [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield 
{
    background: #000000 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: start !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #000000 !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
#builder-layout [page-name='SystemSQLPanel'] [datagrid]  textarea:not(.beditorcss)[id][name='select'].form-control.tfield:hover 
{
    background: #000000 !important;
    color: #000000 !important;
    font-weight: bold !important;
    margin-right: 0px !important;
}

/*------------------------------------------------------------------------------------------*/
/*TActionLink*/
#builder-layout [page-name='PacienteViewForm01'] a:not(.beditorcss).btn.btn-default 
{
    width: 300px !important;
}
/*------------------------------------------------------------------------------------------*/
#builder-layout [page-name='PessoaList'] button:not(.beditorcss)[id][name='btn_aniversariantes'].btn.btn-default.btn-sm
{
    width: 250px !important;    
}

#builder-layout [page-name='PessoaList'] button:not(.beditorcss)[id][name='btn_manutencaocarteirinha'].btn.btn-default.btn-sm
{
    width: 250px !important;    
}

#builder-layout [page-name='PessoaList'] button:not(.beditorcss)[id][name='btn_manutencaorapida'].btn.btn-default.btn-sm
{
    width: 250px !important;    
}
/*------------------------------------------------------------------------------------------*/
#builder-layout [page-name='AgendamentoList'] button:not(.beditorcss)[id][name='btn_cadastraragendamento'].btn.btn-default.btn-sm 
{
    width: 260px !important;    
}

#builder-layout [page-name='AgendamentoList'] button.btn.btn-default.btn-sm[id][name='btn_relagendamentos'].btn.btn-default.btn-sm
{
    width: 260px !important;    
}

#builder-layout [page-name='AgendamentoList'] button.btn.btn-default.btn-sm[id][name='btn_origemconsulta'].btn.btn-default.btn-sm
{
    width: 260px !important;    
}

#builder-layout [page-name='AgendamentoList'] button.btn.btn-default.btn-sm[id][name='btn_convenioprofissional'].btn.btn-default.btn-sm
{
    width: 260px !important;    
}

#builder-layout [page-name='AgendamentoList'] button.btn.btn-default.btn-sm[id][name='btn_horariosatendimento'].btn.btn-default.btn-sm
{
    width: 260px !important;    
}

#builder-layout [page-name='AgendamentoList'] button.btn.btn-default.btn-sm[id][name='btn_guiasdeatendimento'].btn.btn-default.btn-sm
{
    width: 260px !important;    
}

/*------------------------------------------------------------------------------------------*/
input.form-control.tfield
{
    cursor: pointer !important;
}
/*------------------------------------------------------------------------------------------*/
/*Cor do link*/
.link-negrito:hover 
{
    font-weight: bold;
}
/*------------------------------------------------------------------------------------------*/
/* Adicione isto no seu arquivo style.css para remover a borda e background da dropzone */
/* Seleciona o div.div_file que contém um <input> com o atributo 'disabled' */
/* O seletor :has() é essencial aqui para selecionar o elemento "pai" com base no estado do elemento "filho" */
div.div_file:has(input[type="file"][disabled]) .tfile_dropzone 
{
    /* Altera o cursor para indicar que a ação não é permitida */
    cursor: not-allowed !important;

    /* Muda a cor de fundo para indicar que está desabilitado */
    background-color: #f0f0f0 !important;

    /* Opcional: Adiciona um filtro de opacidade para simular o estado "dimmed" */
    opacity: 0.6;
}

/* Opcional: Desabilita a interação com o conteúdo da dropzone (ícone e mensagem) */
div.div_file:has(input[type="file"][disabled]) .tfile_dropzone * 
{
    pointer-events: none !important;
}

/*------------------------------------------------------------------------------------------*/
/* * CSS para alinhar TODAS as janelas/modais (TWindow) do Adianti no topo da página.
 * Esta regra é específica para a estrutura que usa jQuery UI Dialog.
*/
.ui-dialog.ui-widget-content 
{
    position: absolute !important;
    top: 30px !important; /* Distância do topo */
    left: 50% !important; /* Mantém no centro horizontal */
    
    /* Remove a centralização vertical e horizontal baseada em transform */
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
}
/*------------------------------------------------------------------------------------------*/
.msg-aviso-danger 
{
    color: #1974AF;
    background-color: #A2D2F2;
    padding: 8px 12px;
    border-left: 4px solid #1974AF;
    border-radius: 4px;
    display: block;
    font-weight: bold !important;    
    font-size: 12px;
    margin: 5px 0;
    animation: blink 2s linear infinite;
}
/*
.msg-aviso-danger 
{
    color: #d9534f;
    background-color: #f2dede;
    padding: 8px 12px;
    border-left: 4px solid #d9534f;
    border-radius: 4px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0;
    animation: blink 2s linear infinite;
}

*/
/* Defina a animação para o efeito de piscar */
@keyframes blink 
{
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0.7; }
}
/*------------------------------------------------------------------------------------------*/
/*Grid */
/*
.table-responsive 
{    
   overflow-x: auto;   
   max-height: 300px !important;
   scrollbar-width: auto;
   scrollbar-color:#5492DB  #f1f1f1;
}
*/

.table-responsive::-webkit-scrollbar /* Define a largura e altura da barra de rolagem */
{
    width: 12px;  /* Largura para scroll vertical */
    height: 12px; /* Altura para scroll horizontal */
}

/* Define a cor do fundo (trilha) da barra de rolagem */
.table-responsive::-webkit-scrollbar-track 
{
    background: #f1f1f1; 
}
 
/* Define a cor e o estilo da parte móvel (o "polegar") */
.table-responsive::-webkit-scrollbar-thumb 
{
    background-color: #5492DB;
    border-radius: 6px;
    border: 3px solid #f1f1f1;
}

/* Muda a cor do polegar quando o mouse está sobre ele */
.table-responsive::-webkit-scrollbar-thumb:hover 
{
    background: #555; 
}

/*Bhelper*/
#builder-layout  [form]  i:not(.beditorcss).fas.fa-question 
{
        cursor: pointer !important;
}

div.panel-heading.note-toolbar
{
        cursor: pointer !important;
}
/*************************************************************************************************************************/
.font-red 
{
    color: red !important; /* Usa !important para garantir a precedência */
}
/* **********************************************************************************************************************/
/*botao agendamento*/
.btn-custom-blue {
    background-color: #00a8df !important;
    border-color: #0086b3 !important;
    color: #ffffff !important;
}

.btn-custom-blue:hover {
    background-color: #0086b3 !important;
    color: #ffffff !important;
}
/*É possível mudar as cores das linhas de uma listagem?*/

/*
.table-striped tbody tr:nth-of-type(even) 
{
    background: #891d1d;
}
.table-striped tbody tr:nth-of-type(odd) 
{
    background: #004fed;
}
/*------------------------------------------------------------------------------------------*/