/************************************************************************/
/* FROM CSS FILE: MentenantaAINew.css */
/************************************************************************/

.filtre-black input, select, textarea {
  color: #000;
}

.filtre-black.mainCompForm {
  margin-bottom: 35px;
}

.UIComponent.cards .innerCard.dezactivat {
  background-color: #f1f1f1;
}

.UIComponent.cards .innerCard.dezactivat .cardOption {
  background-color: #cfcfcf;
  color: #fff;
}

.darkMode .UIComponent.cards .innerCard.dezactivat .cardOption,
.darkMode .UIComponent.cards .innerCard.dezactivat .cardTitle b,
.darkMode .UIComponent.cards .innerCard.dezactivat .cardDescription
{
  color: #000;
}

.UIComponent.cards .innerCard.dezactivat .cardOption:hover {
  background-color: #808080;
}

.UIPopup.popup-detalii {
  border-radius: 8px;
}

.UIPopup.popup-detalii .boxTitle {
  background-color: var(--main-bot-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.meniu-categorie
{
  display: grid;
  grid-template-columns:1fr 1fr;
  grid-gap: 5px;
  margin: 5px 0 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.meniu-categorie.meniu-single {
  grid-template-columns:1fr;
}

.meniu-categorie a {
  border: 1px solid rgba(0,0,0,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  transition: 0.2s; 
  padding: 0.35rem;
  border-radius: 5px;
}

.meniu-categorie a:hover {
  background-color: var(--main-bot-color);
  color: #fff;
}

.dataOraRaportare, 
.dataOraStartInterventie,
.dataOraEndInterventie,
.cuOprireLaRaportare,
.cuOprireLaInterventie,
.minPanaLaInterventie,
.minInterventie,
.minOprire,
.minDifEstimare,
.amanat,
.delegat,
.rezolvat
{
  text-align: center;
}
/*
.echipament,
.linie,
.descriereInitiala,
.gravitate,
.raportatDe,
.respInterventie,
.tipProblema,
.cauzaDefect,
.descriereInterventie
{
  text-align: left;
}*/

.mainCompForm.darkModeForm label, 
.mainCompForm.darkModeForm input,
.mainCompForm.darkModeForm select,
.mainCompForm.darkModeForm input::placeholder 
{
 color: #fff;
}

.mainCompForm.darkModeForm select option {
  background-color: #000;
  color: #fff;
}
 

.mainCompForm.darkModeForm
{
  margin-bottom: 35px;
}

.UIBase.darkModeTable
{
  border: 1px solid #fff;
}

.UIBase.darkModeTable table tr:nth-child(2n+1) td
{
  color: #000;
}

.UIBase.darkModeTable table tr:nth-child(2n+1):hover
{
  color: #fafafa;
  background-color:#000;
}

.UIBase.darkModeTable table tr:nth-child(1n+1):hover
{
  color: #000;
  background-color:#fafafa;
}

.darkMode .WebChat .meniu-categorie a {
  color: #fff;
  background-color: var(--main-bot-color);
  transition: 0.2s;
}

.darkMode .WebChat .meniu-categorie a:hover {
  background-color: #808080;  
}

.pagination button {
  width: 3%;
  background-color: rgb(118, 118, 123);
  font-size: 15px;
  margin: 2px;
}

.pagination .detaliiPag{
  margin: 5px;
}

.pagination{
  padding: 10px;
}