/* --------- WSZYSTKIE FORMULARZE -------------



fieldset {
  background-color: #eeeeee;
}

legend {
  background-color: gray;
  color: white;
  padding: 5px 10px;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #000080;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;

  -webkit-border-radius: 5px;
  border-radius: 5px;   
  
}


form {
	padding:10px;
	background-color:#cdcdcd;	
}
*/		

input[type=text],input[type=email],input[type=password],input[type=submit]  {

		  padding: 10px;
		  margin: 4px 2px;
		  
		  text-decoration: none;
		  cursor: pointer;

		  -webkit-border-radius: 3px;
		  border-radius: 3px;  
}

input[type="text"]:disabled {
		  background: #DCDCDC;
}

/* --------- END WSZYSTKIE FORMULARZE ----------- */



/**/

[id$="-counter"] {
        font-size: small;
        color: #808080;
		text-align: right;
		float: right;
    }
	


/* AGENDA W DODANIE EVENTU */

.grupa-inputow {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
}

.grupa-inputow .grupa-data,
.grupa-inputow .grupa-opis,
.grupa-inputow .grupa-usun {
    margin-bottom: 10px;
}

.grupa-inputow label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.usun-element {
    color: red;
    cursor: pointer;
    text-align: right;
}

/* END AGENDA W DODANIE EVENTU */




/* PANEL UŻYTKOWNIKA */
/* dla odznak daty i czasu w obserwowanych wydarzeniach w panelu użytkownika */
.event-date-badge {
    display: inline-block;
    padding: 2px 6px;
    margin-left: 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    background-color: #007bff;
    color: white;
}

.event-time-badge {
    display: inline-block;
    padding: 2px 6px;
    margin-left: 4px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: normal;
    color: white;
}

/* Różne kolory dla różnych stanów czasu */
.event-time-badge {
    background-color: #6c757d; /* domyślny szary */
}

/* Można dodać specjalne klasy dla różnych stanów */
.time-badge-soon {
    background-color: #ff6b6b; /* czerwony dla bliskich terminów */
}

.time-badge-ongoing {
    background-color: #51cf66; /* zielony dla trwających */
}

.time-badge-finished {
    background-color: #868e96; /* szary dla zakończonych */
}