.my-table {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  border-collapse: collapse;
  width: 100%;
}


.my-table input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}
.my-table thead {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
}

.my-table input[type="text"]:focus {
  font-size: 17px;
}
input {
  font-weight: bold;
}

input[type="text"] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
}

input[type="number"]{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
}

input[type="number"]:focus {
    font-size: 17px;
    font-weight: 600;
    width: 100%;

}

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  
}

select option {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

select:focus {
  border-color: #198754;
  outline: none;
  font-weight: bold;
}


/*.my-table tr:nth-child(even){background-color: #C5F0EC;}*/
.my-table tr:nth-child(even){background-color: #B4CFEC;}

.my-table tr:hover {background-color: red;}

.my-table th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
 /* background-color: #136B1E;
  background-color: #2F539B;*/
  background-color: #0059FF;
  color: white;
}
/*   
.my-table tr {
  padding-top: 1px;
  padding-bottom: 1px;

}

*/
.my-table thead {
   /* background-color:rgb(34, 139, 34);  */
  background-color: #198754; 
    color: green;
}
.my-table tr:hover {
  background-color: #d1e7dd; /* light green on hover */
  cursor: pointer;           /* pointer cursor */
}

.my-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}
label {
    font-size: 1.2rem;
    color: #000000;
    font-family: 'Verdana', sans-serif;
}

input {
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    font-family: 'Verdana', sans-serif;
}

label.red {
    color: #fc0808;
}
label.mandatory::before {content: "* "; color: red;}

img.photo-card {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
    }

img.photo-card:hover {
      transform: translateY(-10px);
    }

img.photo-card img {
      width: 200%;
      height: 200px;
      /*object-fit: cover;*/
      display: block;
    }

img.photo-caption {
      padding: 15px;
      text-align: center;
      color: #555;
      font-size: 16px;
    }
    
    
.soft-shadow {
  font-family:'Oswald',"Roboto",'Poppins', 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 3rem;
 /* color: #0b8a13;
 color:#ff4d4d;*/
 color:WHITE;
  text-shadow: 0.10em 0.08em 0.18em rgba(0,0,0,0.15);
  text-align:center;
 /* margin: 0.5rem 0;*/
/*  background: linear-gradient(180deg,#def109,#def109);*/
  background: linear-gradient(180deg, #4facfe, #0052cc);
}