body {
        font-family: 'Noto Sans', sans-serif !important;
     }
  .background
     {
             background: #2f809f !important;
     }
     .background2 
     {
         background-color: #2f809f !important;
     }
     .background3
     {
         background-color: #ededed!important;
     }
      .sorting_1
        {
             text-align: center !important;
        }

.fa-eye:before {
    content: "\f06e";
    font-size: 19px;
    padding-left: 3px;
    color:black;
}
     
 .export-button {
  background-color:#008000; 
  color: white; /* Sets text color to white */
  border: none; /* Removes default button border */
  padding: 2px 2px; /* Adds padding inside the button */
  font-size: 14px; /* Sets font size */
  cursor: pointer; /* Changes cursor to pointer on hover */
  border-radius: 4px; /* Adds rounded corners */
  height:33px;
  width:75px;
}
        .back-button {
  background-color:#a00d0d;
  color: white; /* Sets text color to white */
  border: none; /* Removes default button border */
  padding: 2px 2px; /* Adds padding inside the button */
  font-size: 14px; /* Sets font size */
  cursor: pointer; /* Changes cursor to pointer on hover */
  border-radius: 4px; /* Adds rounded corners */
  width:74px;
  height:32px;
}
       .save-button {
  background-color:#0061f2;
  color: white; /* Sets text color to white */
  border: none; /* Removes default button border */
  padding: 2px 2px; /* Adds padding inside the button */
  font-size: 14px; /* Sets font size */
  cursor: pointer; /* Changes cursor to pointer on hover */
  border-radius: 4px; /* Adds rounded corners */
  width:74px;
  height:33px;
}
       .logout-button {
  background-color:#f00;
  color: white; /* Sets text color to white */
  border: none; /* Removes default button border */
  padding: 2px 2px; /* Adds padding inside the button */
  font-size: 14px; /* Sets font size */
  cursor: pointer; /* Changes cursor to pointer on hover */
  border-radius: 4px; /* Adds rounded corners */
  width:74px;
  height:33px;
}
       .add-button {
  background-color:#f4a100;
  color: white; /* Sets text color to white */
  border: none; /* Removes default button border */
  padding: 2px 2px; /* Adds padding inside the button */
  font-size: 14px; /* Sets font size */
  cursor: pointer; /* Changes cursor to pointer on hover */
  border-radius: 4px; /* Adds rounded corners */
  width:100px;
  height:33px;
}

        .circle {
               background: linear-gradient(to bottom, #77e1fa 0%, #68aefe 100%);
          
            width: 350px;
            height: 350px;
            display: grid;
            justify-content: center;
			width: 125%;
            
          

        }
        .circle img {
                width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-left: -4px;
    margin-top: 9px;
    border: 2px solid #fff;
        }
        .contacts {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
		
        }
        .contact-item {
               flex: 0 30%;
			
        }

        .contact-item strong {
            font-weight: bold;
            color: #000;
        }
        .blink {
            animation: blink-animation 1s steps(5, start) infinite;
        }
        @keyframes blink-animation {
            to {
                visibility: hidden;
            
        }