@import url('styles.css');
@import url('button.css');
@import url('editfield.css');
@import url('listbox.css');
@import url('listtree.css');
@import url('percentagebox.css');
@import url('radiobutton.css');
@import url('slider.css');
@import url('spin.css');
@import url('text.css');
@import url('check.css');
@import url('bar.css');
@import url('droplist-multicolumn.css');
@import url('dropedit-multicolumn.css ');

body {
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
	background-color: #fff; */ 
	/* background-color: #f4f4f9; */ /* gris */
	overflow: hidden; /* oculta el scroll */
}

text {
  padding: 0px;
  font-size: 10pt;
  margin-bottom: 10px;
  width: 300px;
  border-radius: 5px;
}

label {
  padding: 0px;
  font-size: 10pt;
  margin-bottom: 1px;
  width: 300px;
  border-radius: 5px;
}

span {
  padding: 0px;
  font-size: 10pt;
  margin-bottom: 1px;
  width: 300px;
  border-radius: 5px;
}
::placeholder {

  font-style: italic;
:disabled::placeholder {
  color: #CAD5E2;     /* color más tenue */
  font-style: italic;
  opacity: 1;      /* necesario en algunos navegadores */
}
.error {
            color: red;
            margin-top: 20px;
        }

.noerror {
            color: blue;
            margin-top: 20px;
        }

.form {
    color: blue;
    background: green;
}
.bg-rose-100 {
    background-color: rgb(255 228 230);
}

    /* Estilos generales del botón de radio personalizado */
    /* Estilos generales del botón de radio personalizado */
    .cosmosSpin {
      display: inline-block;
      position: relative;
      padding: 10px 20px;
      margin: 5px;
      cursor: pointer;
      border: 2px solid #3498db;
      border-radius: 5px;
      background-color: #fff;
      color: #3498db;
      font-family: Arial, sans-serif;
    }
/*
.cosmosSpin:disabled {
  background-color: #ff0000;
}

    // Estilos ocultos del radio button nativo
    .cosmosSpin input[type="radio"] {
      display: none;
    }

    // Cambiar el estilo del botón cuando el radio button está seleccionado
    .cosmosSpin input[type="radio"]:checked + span {
      background-color: #3498db;
      color: #fff;
    }
*/



