#dollar_a_day_widget {
    background-color: #f7f1e8;
    max-width: 400px;
    margin: auto;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
}

#dollar_a_day_widget img.logo {
    width: 100%;
    max-width: 140px;
    margin: 10px auto 30px;
}

#dollar_a_day_widget img.input-icon {
    margin-left: -5px;
    margin-top: -4px;
}

#dollar_a_day_widget h2.total-income {
    background-color: #fdea75;
    font-weight: 700;
    width: fit-content;
    padding: 5px 25px;
    margin-bottom: 5px;
}

#dollar_a_day_widget input:not([type=submit]) {
    background: transparent;
    border: none;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding: 0;
    text-decoration: underline;
    position: relative;
}

#dollar_a_day_widget input.submit-button {
    background-color: #fcd903;
    color: #000;
    border-radius: 4px;
    width: 100%;
    margin: auto;
    display: block;
    text-transform: capitalize;
    font-size: 16px;
}

#dollar_a_day_widget form .form-row.form-date { 
    flex-direction: column !important;
    align-items: start !important;
    justify-content: inherit !important;
}

#dollar_a_day_widget form .form-row.form-date input { 
    background-color: #fdea75;
    padding: 5px 15px !important;
    line-height: 25px;
    margin: 8px 0px 15px !important;
}



#stock_calculator_widget {
    background-color: #e5eefc;
    max-width: 400px;
    margin: auto;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
}

#stock_calculator_widget img.logo {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 290px;
    margin: 10px auto 30px;
}

#stock_calculator_widget form {
    text-align: center;
}

#stock_calculator_widget form .form-row,
#dollar_a_day_widget form .form-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 3px;
    position: relative;
}

#stock_calculator_widget input:not([type=submit], [type=date]) {
    min-width: 30px;
    width: 30px;
}

#stock_calculator_widget input[type=date],
input::-webkit-date-and-time-value {
    width: 165px;
}

#stock_calculator_widget input:not([type=submit]) {
    background: transparent;
    border: none;
    color: #3946ce;
    font-size: 22px;
    font-weight: 700;
    text-decoration: underline;
    padding: 0px;
    text-align: center;
}

.prefix {
    color: #3946ce;
    font-size: 22px;
    font-weight: 700;
    margin-right: -5px;
}

/* Remove Arrows/Spinners
Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


div.result {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 0;
    max-width: 100%;
    border-radius: 10px;
    padding: 14px;
    z-index: 9;
    border: solid 1px #d5ddef;
    box-shadow: 0 4px 24px rgb(0 0 0 / 8%);
}

div#dad_result {
    top:70px !important;
}

div.result option {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 7px 0;
    border-bottom: solid 1px #e1e1e1;
    cursor: pointer;
}

#stock_calculator_widget input:not([type=submit]):focus, select:focus, textarea:focus {
    border-color: transparent;
    box-shadow: inset 0 2px 2px rgb(0 0 0 / 0%);
}

#stock_calculator_widget label {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

#stock_calculator_widget .form-date {
    margin-bottom: 25px;
}

#stock_calculator_widget input.submit-button {
    background-color: #3946ce;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    margin: auto;
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    max-width: 290px;
}

#stock_calculator_widget label.total-text {
    margin: 0;
}

#stock_calculator_widget h2.total-income {
    color: #3946ce;
    font-weight: 700;
    margin: 5px auto 30px;
}