/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 29 2025 | 14:20:49 */
.destiny-matrix {	
  .input-div {
    text-align: center;;
  }

  .date-input-div, .date-input-button-div {
    display: inline-block;
    padding: 10px;
  }

  .date-input {
    background-color: #980FFA47 !important;
    border: 1px solid #A732FA87 !important;
    border-radius: 12px;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    line-height: 1.7em;
    font-size: 1rem;
/*     text-align: center; */
/*     width: 250px; */
	padding: 0 25px;
    height: 50px;
  }

  .date-input:hover {
    border: 1px solid #9810FA !important;
  }

  .date-input:focus {
    outline: none;
	  background-color: #980FFA47 !important;
  }

  .date-input-button {
    background-color: #A631FA;
    border: 1px solid #333333;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 0.875rem;
    box-shadow: 0px 10px 20px -10px rgba(167, 50, 250, 0.82);
    width: 250px;
    height: 50px;
  }

  .date-input-button:hover {
    background-color: #A631FA;
  }

  ::placeholder {
    color: #A732FAA1 !important;
    opacity: 1; /* Firefox */
  }

  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: #A732FAA1 !important;
  }
	
  .wrong-date-format-text {
    color: #fff;
    text-align: center;
    text-decoration: underline;
  }
	
  .age-text {
    color: #fff;
    text-align: center;
  }

  .matrix-calc-result {
	width:100%;
    margin: auto;
    color: #fff;
  }

  table {
    width: 100%;
    padding: 10px;
    table-layout: fixed;
    border: none !important;
    border-spacing: 10px;
  }

  table th {
    text-align: center;   
    text-decoration: none; 
    font-weight: normal;
	color: #fff;
  }

  table > tbody > tr > td,
  table > tbody > tr > th,
  table > tfoot > tr > td,
  table > tfoot > tr > th,
  table > thead > tr > td,
  table > thead > tr > th {
    border: 1px solid #A732FA87;
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    padding: 10px;
  }

  .cell_gray { background-color: #E0E0E0 !important; }

  .cell_sahasrara { background-color: #664074 !important; color: white; }
  .cell_ajna { background-color: #155493 !important; color: white; }
  .cell_vishuddha { background-color: #009ED1 !important; color: white; }
  .cell_anahata { background-color: #009E52 !important; color: white; }
  .cell_manipura { background-color: #EFBE3D !important; color: white; }
  .cell_svadhisthana { background-color: #F28D3B !important; color: white; }
  .cell_muladhara { background-color: #E54144 !important; color: white; }
  .cell_total { background-color:#bcb395 !important; color: white; }
	
   @media screen and (max-width: 544px) {
      table th {
		  font-size: 0.65rem;
	   	  line-height: 1.4em;
	  }
   }
}