.linkQ{
	color:#0c8c01;
}
.linkQ:hover{
	color:#000;
}
#calculatorBodyDiv {
  background: #ecf0ff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Raleway", sans-serif;
  height: 110vh;
  margin: -20px 0 50px;
  font-size: 18px;
  font-weight: bold;
}
#calculatorContainerDiv {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
  width: 90%;
  max-width: 100%;
  min-height: 520px;
}
#calculatorFormDiv {
  position: absolute;
  top: 0;
  height: 100%;
  width: 95.6%;
  padding: 20px;
  direction: rtl;
}
#calculatorFormDiv #choicesTableDiv {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  margin: 0px auto;
}
#calculatorFormDiv table label,
#calculatorFormDiv table select {
  font-size: 16px;
  font-weight: bold;
}
#calculatorFormDiv #choicesTableDiv select {
  font-size: 16px;
}

#calculatorFormDiv #choicesTableDiv .tdLabel {
  border-left: thin solid #a9a9a9;
 /* height: 20px;*/
  display: inline;
  margin-right: 10px;
  border: none !important;
}
#calculatorFormDiv #choicesTableDiv #imgTd {
  width: 200px;
  text-align: left;
}

#calculatorFormDiv #choicesTableDiv,
#calculatorFormDiv #choicesTableDiv tr,
#calculatorFormDiv #choicesTableDiv td {
  border: none !important;
}

#calcButtonDiv {
  text-align: center;
}

#calculatorFormDiv #calcButton {
  border-radius: 20px;
  border: 1px solid #41c2cb;
  background-color: #367af6;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 12px 45px;
  text-transform: uppercase;
  cursor: pointer;
}

#calculatorFormDiv #calcButton:hover {
  transform: scale(1.05);
}

#calculatorFormDiv #myDiv {
  margin-top: 30px auto 0px auto;
  width: 100%;
}

#calculatorFormDiv #myDiv table {
  border-collapse: collapse;
  margin: 25px auto 0px auto;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  width: 100%;
}

#calculatorFormDiv #myDiv table thead tr {
  background-color: #367af6;
  color: #ffffff;
  text-align: center;
}

#calculatorFormDiv #myDiv table th,
#calculatorFormDiv #myDiv table td {
  padding: 12px 15px;
}
#calculatorFormDiv #myDiv tbody tr {
  border-bottom: 1px solid #dddddd;
  text-align: center;
}
#calculatorNoteDiv {
  clear: both;
  display: block;
  font-size: 15px;
  color: red;
}
#divNote1,#divNote2{
	clear: both;
  display: block;
  font-size: 15px;
}
#power,
#sectors
 {
  vertical-align: baseline;
	 width: 150px; /* Increase the width to display as rectangle */
  height: 50px; /* Adjust the height as needed */
 /* height: 70%;*/
}
.invCalc {
  display: none;
}

/*new style*/
/* Base styles for larger screens */
#calculatorBodyDiv {
  background: #ecf0ff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Raleway", sans-serif;
  height: 110vh;
  margin: -20px 0 50px;
  font-size: 20px;
  font-weight: bold;
}
#calculatorContainerDiv {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
  width: 90%;
  max-width: 100%;
  min-height: 520px;
}
#calculatorFormDiv {
  position: absolute;
  top: 0;
  height: 100%;
  width: 95.6%;
  padding: 20px;
  direction: rtl;
}

/* Styles for smaller screens using flexbox */
@media (max-width: 768px) {
  #calculatorBodyDiv {
    margin: 0;
  }
  #calculatorContainerDiv {
    width: 100%;
  }
  #calculatorFormDiv {
    position: relative;
    width: 100%;
    padding: 10px;
  }
  #calculatorFormDiv #choicesTableDiv {
    font-size: 14px;
    text-align: center;
  }
  #calculatorFormDiv #choicesTableDiv .tdLabel {
    display: block;
    margin: 5px auto;
    text-align: center;
  }
  #calculatorFormDiv #choicesTableDiv #imgTd {
    text-align: center;
  }
  #calculatorFormDiv #calcButton {
    font-size: 18px;
    padding: 10px 25px;
  }
  #calculatorFormDiv #myDiv table {
    font-size: 0.8em;
  }
  #calculatorFormDiv #myDiv table th,
  #calculatorFormDiv #myDiv table td {
    padding: 8px 12px;
  }
  #calculatorNoteDiv {
    font-size: 14px;
  }
}

/*small font*/
/* Base styles for larger screens */
#calculatorBodyDiv {
  background: #ecf0ff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Raleway", sans-serif;
  height: 110vh;
  margin: -20px 0 50px;
  font-size: 20px;
  font-weight: bold;
}
#calculatorContainerDiv {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
  width: 90%;
  max-width: 100%;
  min-height: 520px;
}
#calculatorFormDiv {
  position: absolute;
  top: 0;
  height: 100%;
  width: 95.6%;
  padding: 20px;
  direction: rtl;
}

/* Styles for smaller screens using flexbox */
@media (max-width: 768px) {
  #calculatorBodyDiv {
    margin: 0;
  }
  #calculatorContainerDiv {
    width: 100%;
  }
  #calculatorFormDiv {
    position: relative;
    width: 100%;
    padding: 10px;
  }
  #calculatorFormDiv #choicesTableDiv {
    font-size: 14px; /* Adjust font size for smaller screens */
    text-align: center;
  }
  #calculatorFormDiv #choicesTableDiv .tdLabel {
    display: none; /* Hide separator on small screens */
  }
  #calculatorFormDiv #choicesTableDiv #imgTd {
    text-align: center;
  }
  #calculatorFormDiv #calcButton {
    font-size: 18px; /* Adjust font size for the "Calculate" button */
    padding: 10px 25px;
  }
  #calculatorFormDiv #myDiv table {
    font-size: 0.8em; /* Adjust font size for the table */
  }
  #calculatorFormDiv #myDiv table th,
  #calculatorFormDiv #myDiv table td {
    padding: 8px 12px;
  }
  #calculatorNoteDiv {
    font-size: 14px; /* Adjust font size for the note */
  }
}