/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /******************fund-calculator-answers************************/

/* Hide native number input spinner for WebKit browsers (Chrome, Safari, Edge) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

a#reset-score:focus {
    background-color: #b966e7;
    border: 0;
}
.fund-calculator-answers  .social-share-wrapper {
    display: none;
} 
.fund-calculator-answers .social-share-wrapper h5 {
    margin: 0px;
}
span#total_expense {
    color: #982d41;
}
.fund-calculator-answers .rbt-feature-box.rbt-shadow-box:focus-visible {
    outline: none;
}
.amount-course-fees, .amount-pending-fees {
    font-weight: bold;
}
#reset_fund_calculator {
    height: 50px;
    font-size: 19px;
    font-weight: bold;
}
.fund-menu-link.active {
    font-weight: bold;
    color: #982d41;
}
.fund-calculator-answers .right-highlight {
	padding: 15px 30px;
    background-color: #F9FBFF;
    transition: border-color 0.3s ease;
    border-width: 3px; 
    border-style: solid;
    border-image: linear-gradient(to bottom, #637fea, rgba(0, 0, 0, 0)) 1 100%;
}
span.courseInfo {
    display: contents;
    font-size: 14px !important;
    color: #19349d;
}
.course-sidebar .social-share-wrapper {
    background: #f5f5fa;
    margin: 0 -27px -27px;
    padding: 15px !important;
    border-radius: 0 0 6px 6px;
    margin-top: 20px;
}
span#total_expense_mobile {
    color: #982d41;
} 

div#course-fees .input-group-text {
    font-size: 2rem;
	color: var(--color-primary);
}
.fund-calculator-answers .rbt-shadow-box {
    padding: 15px 30px;
}
input#visa_duration_months {
    position: relative;
}

.custom-number-wrapper input[type="number"] {
  width: 100%;
  padding-right: 3.5rem; /* space for buttons */
  box-sizing: border-box;
}
/* Hide default spinner arrows in input */
.custom-number-wrapper input.no-spinner::-webkit-outer-spin-button,
.custom-number-wrapper input.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-number-wrapper input.no-spinner {
  -moz-appearance: textfield;
}
.fund-calculator-answers .custom-number-wrapper .form-control.no-spinner {
    padding-left: 40px;
}
.custom-buttons {
    position: absolute;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    top: 0;
}
.custom-buttons button.increment {
    width: 30px;
    height: 50px;
    padding: 0;
    font-size: 20px;
    line-height: 0;
    cursor: pointer;
    user-select: none;
    border: 1px solid #CED4DA;
    background-color: #fff;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s ease;
    right: 0;
    position: absolute;
}
.custom-buttons  button.decrement {
    width: 30px;
    height: 50px;
    padding: 0;
    font-size: 20px;
    line-height: 0;
    cursor: pointer;
    user-select: none;
    border: 1px solid #CED4DA;
    background-color: #fff;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s ease;
    left: 0;
    position: absolute;
    top: 0;
}
.custom-number-wrapper {
    position: relative;
}
.custom-manage-num_children_living  .form-label,
.custom-manage-num_children_schooling .form-label{
    margin-left: 15px;
}
.custom-manage-num_children_living,.custom-manage-num_children_schooling {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
	margin-top: 10px;
}
.fund-calculator-answers .custom-number-wrapper .form-control.no-spinner:focus {
    outline: none !important;
    border: var(--border-width) solid var(--color-border);
	box-shadow:none !important;
}
input#prepaid_course_amount:focus, input#student_course_fees:focus{
	outline: none !important;
    border: var(--border-width) solid var(--color-border);
	box-shadow:none !important;
}

.custom-buttons button.increment:hover,
.custom-buttons button.decrement:hover {
    border: 2px solid #1a379d;
    background-color: #1a379d;
    color: #fff;
}
.custom-buttons button:hover {
  background-color: #E9ECEF;
}
.fund-calculator-answers .rbt-shadow-box h6.title {
    font-size: 16px;
    margin: 0;
}   
.Provide-dependent-label {
    margin-bottom: 10px;
    padding-left: 28px;
} 
.description-section b {
    color: #000;
    font-size: 14px;
}
.social-share-wrapper.mb--30.text-center {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    gap: 44px;
    align-items: center;
}
span.audLabel {
    font-size: 18px;
    font-weight: 700;
}
.course-sidebar .social-share-wrapper h5 {
    margin: 0px;
    font-size: 18px;
}
span#total_expense {
    color: #982d41;
    font-size: 21px;
    font-weight: 700;
}
@media only screen and (max-width: 1399px) {
	span.audLabel {
    font-size: 15px;
}
span#total_expense {
    font-size: 15px;
}
.course-sidebar .social-share-wrapper h5 {
    font-size: 15px;
}
.social-share-wrapper.mb--30.text-center {
    display: block;
}
}
@media only screen and (max-width: 991px) {
.total_expense_mobile {
    display: block !important;
    background-color: #eee;
    padding: 20px 0px;
}
.course-sidebar .social-share-wrapper h5 {
    font-size: 18px;
}
}

@media only screen and (max-width: 767px) {
    div#fund-calculator li.fund-menu-link span {
        font-size: 12px;
    }
    div#fund-calculator li.fund-menu-link {
        font-size: 14px;
    }
    .fund-calculator-answers .rbt-feature-box h6, .description-section h5 {
    font-size: 14px;font-weight: 600;
    }
	.social-share-wrapper.mb--30.text-center {
    display: flex;padding: 10px;
}
}
@media only screen and (max-width: 420px) {
	.social-share-wrapper.mb--30.text-center {
    gap: 20px;
}
}
/******************END fund-calculator-answers************************/