:root {
    --logo_standard: url('/pop/assets/custom/LCS_20250619_171006782.png');
    --logo_hover: url('/pop/assets/custom/LCS_20250619_171011129.png');
    --logo_external_form_standard: url('/pop/assets/custom/LCS_20250619_170954546.png');
    --logo_external_form_hover: url('/pop/assets/custom/LCS_20250619_170959272.png');
    --background_login_standard: url('/pop/assets/custom/LCS_202401007_180500833.jpg');
    --background_login_tablet: url('/pop');
    --background_login_smartphone: url('/pop');
    --background_app_standard: url('/pop/assets/custom/LCS_202401007_180512986.jpg');
    --background_app_tablet: url('/pop');
    --background_app_smartphone: url('/pop');
    --icon_color_standard: #007096;
    --menus_color_standard: #007096;
    --menus_color_hover: #007096;
    --sub_menus_color_standard: #929292;
    --sub_menus_color_hover: #178FBD;
    --navbar_color_standard: #9fc6d4;
    --navbar_color_hover: #007096;
    --navbar_color_disabled: #bab6cb;
    --font_color_hdr_app_standard: #007096;
    --background_color_hdr_popups_standard: #007096;
    --font_color_hdr_popups_standard: #FFFFFF;
    --icon_text_color_statusbar_standard: #007096;
    --background_color_statusbar_standard: #e7e6e6;
    --line_hover_components_color_standard: #9fc6d4;
    --line_active_components_color_standard: #66b3cc;
}

/* 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;
}



#LCS_APP1_10000263AGD98162 .fc {
   font-size: 13px !important;
}

/*
#10000135_0_title,#10000135_0_title{

color: green;
}*/

/*menu vendas */
/*
[aria-controls="sub_menu_10000284"] {
  color: green !important;
}*/

/*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 Componente */
#LCS_APP1_22022459BTN92912.button {
    background-color: blue;
}

#LCS_APP1_22022459BTN92914.button {
    color: red;
}

#LCS_APP1_22022459BTN92914_label {
    font-size: 24px !important;
}

#LCS_APP1_22022459BTN92916.button {
    border-radius:200px;
    background-color: green;
    color: white;
    text-align: center;
    font-family: Tahoma !important;
}

#LCS_APP1_22022459BTN92916_label.css_button_label {
    font-size: 44px !important;
}

#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;
}*/

/* Existencias Stocks */
	/* Botao Aplicar*/
#div_body[data-app_id=10000135] #LCS_APP1_10000135BTN00022.button {
    border-radius:5px;
    background-color: #6AC239;
    color: white;
    text-align: center;
    font-family: Tahoma !important;
	 font-size: 12px !important;
}
#div_body[data-app_id=10000135] #LCS_APP1_10000135BTN00022.button:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
/* Botao limpar*/
#div_body[data-app_id=10000135] #LCS_APP1_10000135BTN00030.button {
    border-radius:5px;
    background-color: #FEBD3F;
    color: white;
    text-align: center;
    font-family: Tahoma !important;
	 font-size: 12px !important;
}
#div_body[data-app_id=10000135] #LCS_APP1_10000135BTN00030.button:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* -- Existencias Stocks -- */

/*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);
}


#div_body[data-app_id="10000192"] #cnv_Tablet_Main_parent{

background-color: rgba(255, 255, 255, 0.7) !important;

}
#div_body[data-app_id="10000192"] #cnv_Mobile_Main_parent{

background-color: rgba(255, 255, 255, 0.0) !important;

}



#div_body[data-app_id="10000192"] #LCS_APP1_10000192IMG00233_default_img{
	
	background-image: url("https://ws.ws360.pt/basedemo/logos/logo1.png");

}



#div_body[data-app_id="10000192"] #LCS_APP1_10000192TNCV00239_div{

background-color: rgba(255, 255, 255, 0.7) !important;

}

#div_body[data-app_id="10000192"] #LCS_APP1_10000192TNCV00241_div{

background-color: rgba(255, 255, 255, 0.7) !important;

}
#div_body[data-app_id="10000192"] #LCS_APP1_10000192TNCV00242_div{

background-color: rgba(255, 255, 255, 0.7) !important;

}
#div_body[data-app_id="10000192"] #LCS_APP1_10000192TNCV00243_div{

background-color: rgba(255, 255, 255, 0.7) !important;

}

/*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;
}

#div_body[data-app_id="10000476"]
#LCS_APP1_10000263AGD98162
.fc {
  font-size: 1.1em;
}

#div_body[data-app_id="10000476"]
#LCS_APP1_10000263AGD98162
.fc-timegrid-slot {
  height: 4.2em;
}

/*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: pink !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;
}