:root {
    --logo_standard: url('/deprosis/assets/custom/LCS_20231222_010031948.png');
    --logo_hover: url('/deprosis/assets/custom/LCS_20231222_010034304.png');
    --logo_external_form_standard: url('/deprosis/assets/custom/LCS_202401007_145046506.png');
    --logo_external_form_hover: url('/deprosis/assets/custom/LCS_20251104_135841622.png');
    --background_login_standard: url('/deprosis/assets/custom/LCS_20251104_140323649.jpg');
    --background_login_tablet: url('/deprosis/assets/custom/LCS_20251104_140725285.jpg');
    --background_login_smartphone: url('/deprosis/assets/custom/LCS_20251104_140738898.jpg');
    --background_app_standard: url('/deprosis/assets/custom/LCS_20251104_140751383.jpg');
    --background_app_tablet: url('/deprosis/assets/custom/LCS_20251104_140758325.jpg');
    --background_app_smartphone: url('/deprosis/assets/custom/LCS_20251104_140808477.jpg');
    --icon_color_standard: #99001a;
    --menus_color_standard: #99001a;
    --menus_color_hover: #929292;
    --sub_menus_color_standard: #99001a;
    --sub_menus_color_hover: #929292;
    --navbar_color_standard: #99001a;
    --navbar_color_hover: #d92341;
    --navbar_color_disabled: #bab6cb;
    --font_color_hdr_app_standard: #99001a;
    --background_color_hdr_popups_standard: #99001a;
    --font_color_hdr_popups_standard: #FFFFFF;
    --icon_text_color_statusbar_standard: #99001a;
    --background_color_statusbar_standard: #e7e6e6;
    --line_hover_components_color_standard: #f4e5e8;
    --line_active_components_color_standard: #e0b2ba;
    --odd_components_color_standard: #FFFFFF;
    --even_components_color_standard: #F7F7F7;
    --header_components_color_standard_webkit: #f9f9f9;
    --header_components_color_standard_moz: #f9f9f9;
    --header_components_color_hover_webkit: #e9e9e9;
    --header_components_color_hover_moz: #e9e9e9;
    --font_color_header_components_color_standard: #99001a;
    --vertical_border_header_components_color_standard: #99001a;
    --horizontal_border_header_components_color_standard: #99001a;
}

/* Animação para fazer piscar um componente | "blink" é o nome personalizado atribuído à animação*/
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Classes CSS que podem ser utilizadas em qualquer parte da plataforma Cube. Para aplicar no local desejado, basta aplicar as tags na BR correspondente que utilizam essa classe - Ex.: BR 52 do FORM All Components.*/
.pending_control {
    animation: blink 1s infinite;
    background-color: red;
    color: white;
}

.success_control {
    background-color: green;
    color: white;
}

/* Aplicável apenas aos Navegadores Superiores e Inferiores — personalização das cores no menu Developer > Demo */

[aria-controls="sub_menu_1648"] {
  color: green !important;
}

/*Aplicável apenas aos Navegadores Superiores e Inferiores — personalização das cores de todos Sub-Menus do Menu Developer > Demo */
#div_cube_menu_1648 li {

color: green;

}

/*Aplicável apenas aos Navegadores Superiores e Inferiores — personalização das cor do Título de um determinado FORM - Ex.: All Components */
#22022459_2_title {

color: green !important;
}

#div_body[data-app_id="24394"] #cnv_External_Main_parent {
    display: none !important;
}

#div_body[data-app_id="24394"] .popup_overlay {
    position: unset;
}

/*ID do Formulário + ID do Componente */
/*#div_body[data-app_id="22022459"] #LCS_APP1_22022459ATB43940.css_advtextbox:focus {
    border-color: red;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459ATB43940.css_advtextbox:hover {
    border-color: blue;
}
*/

/*ID do Formulário + ID do Componente */
#div_body[data-app_id="22022459"] #LCS_APP1_22022459BTN92912.button {
    background-color: blue;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459BTN92914.button {
    color: red;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459BTN92914_label {
    font-size: 24px !important;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459BTN92916.button {
    border-radius:200px;
    background-color: green;
    color: white;
    text-align: center;
    font-family: Tahoma !important;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459BTN92916_label.css_button_label {
    font-size: 44px !important;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022581BTN00025.button {
    border-radius:50px;
    background-color: green;
    color: white;
    text-align: center;
    font-family: Tahoma !important;
}

/*#div_body[data-app_id="22022459"] #LCS_APP1_22022459BTN92943.button {
    animation: blink 1s infinite;
    background-color: red;
    color: white;
}*/

/*ID do Formulário + ID do Componente */
#div_body[data-app_id="22022459"] #LCS_APP1_22022459CNV92903.canvas {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
#div_body[data-app_id="22022459"] #LCS_APP1_22022459CNV92905.canvas {
    border-radius:5px;
}
#div_body[data-app_id="22022459"] #LCS_APP1_22022459CNV92907.canvas {
    border-radius:5px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

/*ID do Formulário + ID do Componente */
#div_body[data-app_id="22022459"] #div_LCS_APP1_22022459DTG92918_wrap.div_wrap_table {
    border-radius:5px;
    
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459DTG92918 .div_table_tr:nth-child(even) {
    font-family: Tahoma !important;
    font-size: 20px;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459DTG92918 .div_table_tr:nth-child(odd) {
    font-family: Tahoma !important;
    font-size: 20px;
}

#div_body[data-app_id="22022459"] #LCS_APP1_22022459DTG92918 .css_dg_render_textbox {
    color: blue;
}

/*Esta classe CSS está a ser aplicada no formulário All Components > Separador CSS > Separador Tab3, com a BR nº 52 a utilizar a propriedade da datagrid denominada lg_db_att_css_class.*/
.button_blue {
    background-color: blue;
    color: white;
}

/*Esta classe CSS está a ser aplicada no formulário All Components > Separador CSS > Separador Tab3, com a BR nº 52 a utilizar a propriedade da datagrid denominada lg_db_att_css_class.*/
.button_green {
    background-color: green;
    color: white;
}

.button_red {
    background-color: red;
    color: white;
}

/*Esta classe CSS está a ser aplicada no formulário All Components > Separador CSS > Separador Tab3, com a BR nº 52 a utilizar a propriedade da datagrid denominada lg_db_att_css_class.*/
.button_gray {
    background-color: gray;
    color: white;
}

/*Esta classe CSS está a ser aplicada no formulário All Components > Separador CSS > Separador Tab3, com a BR nº 52 a utilizar a propriedade da datagrid denominada lg_db_att_css_class.*/
.button_blink {
    background-color: red;
    color: white;
    animation: blink 1s infinite;
}

/*Alterar o zebrado da datagrid*/
#LCS_APP1_22022459DTG92934 .div_table_tr:nth-child(even) {
    background-color: white;
    color: white;
}

/*Alterar o zebrado da datagrid*/
#LCS_APP1_22022459DTG92934 .div_table_tr:nth-child(odd) {
    background-color: white;
    color: white;
}

/*Alterar a cor de fundo da datagrid*/
#div_LCS_APP1_22022459DTG92934_wrap.div_wrap_table {
    background-color: white;
}

/*ID do Formulário + ID do Componente - Mouseover - Alterar a cor de fundo da orelha do tabnavigator*/
#div_body[data-app_id="22022459"] #LCS_APP1_22022459HTN00002 .ui-state-default:hover {
    background: brown !important;
    border-color: #dddddd !important;
}

/*ID do Formulário + ID do Componente - Mouseover - Alterar a cor da letra do tabnavigator*/
#div_body[data-app_id="22022459"] #LCS_APP1_22022459HTN00002 .ui-state-default:hover .css_tabnavigator_tab_label_description {
    color: white !important;
}