/** Automation Buttons **/
.automation-btn{
  display: none;
  flex-grow: 0;flex-shrink: 0; margin-left: auto;
  background-color: #5a3a83;
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 4px;
  
}
.automation-btn.ready{
  display:inline-block;
}

#addToPersonalInfo, #addToFormInfo, #addToScheduleAInfo, #addToDeductionsInfo, #addToBusinessInfo, #add1099Button, .addFormTaxButton, .addPreviousTaxFormButton, #addToPreviousTaxYearInfo{
  flex-grow: 0; flex-shrink: 0; margin-left: auto;
  background-color: #5a3a83;
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 4px;
  
}
#addToPersonalInfo.ready, #addToFormInfo.ready, #addToScheduleAInfo.ready, #addToDeductionsInfo.ready, #addToBusinessInfo.ready, #add1099Button.ready , .addFormTaxButton.ready, .addPreviousTaxFormButton.ready, #addToPreviousTaxYearInfo.ready{
  display: inline-block; 
}

.question .validation-error{
    border:1px solid #e90303;
    border-radius: 4px;
}
.question .errorMessage{
    color:#e90303;
    font-style: italic;
    font-weight: bold;
}

.quarterliesQuestion .errorMessage{
    color:#e90303;
    font-style: italic;
    font-weight: bold;
}

/* Hide all tab content by default */
.tabcontent {
  display: none;
}

/* Style the tab buttons */
.tablinks {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px 20px;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: -5px;
  margin-bottom: -10px;
  color:#818181;
}

/* Style the active tab button */
.tablinks.active {
  background-color: white;
  border-bottom-color: white;
  color:black;
}

/* Partnership UI */
button.addMultiPartner{
  background-color: #24ace4;
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 15px;
  cursor: pointer;
  border-radius: 4px;
}

.partnerTabUI{
  height: 36px;
  border-bottom: 1px solid #ccc;
}
.partnerTabUI:after {
  content: "";
  display: table;
  clear: both;
}
.partnerInfo{
  float:left;
  overflow-y: hidden;
  width:90%;
  white-space: nowrap;
  padding-bottom: 10px;
}
.partnerShare{float:right;}

.partnerShare span.mobileLabel{
  display:none;
}
.tabcontent  table th{
  text-align: center;
  padding:10px;
}

.tabcontent  table td {
  text-align: center;
  padding:0px;
}
.tabcontent  table td:first-child{
  width: 150px;
}
.tabcontent  table td:first-child .cellInputStyle{
  width: inherit;
  margin: auto 8px;
}
.tabcontent  table .cellInputStyle{
  box-sizing: border-box;
  padding: 10px;
  margin:0 auto;
  margin-bottom: 5px;
  margin-top: 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: auto;
  font-size: 17px;
  width:70px;
}

.tabcontent  table td:not(:first-child) .cellInputStyle{
  text-align:right;
}

/* Updated styles for mobile responsiveness */
@media only screen and (max-width: 600px) {
  .partnerInfo, .partnerTabs .tableEntry {
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent tabs from wrapping */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
    width:55%;
  }
  .partnerTabs .tableEntry{
    width:100%;
  }
  
  .tablinks {
    display: inline-block; /* Display tabs in a line */
    margin-bottom: 0; /* Reset margin bottom */
    margin-right: 5px; /* Add space between tabs */
    padding-bottom: 0.7rem;
  }
  .tablinks{
    font-size:15px;
    padding-bottom: 0.4rem;
  }
  .partnerShare span:not(.mobileLabel){
    display:none;
  }
  .partnerShare span.mobileLabel{
    display:inline-block;
  }
}