﻿body {
  background-color: #ffffff;
  font-size: 1rem;
  font-family: "Work Sans", "sans-serif";
  color: #000000; }

form {
  width: 100%; }

form .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.cost-border-top {
  border-top: .1rem solid #000000 !important;
  margin-left: 15px !important; }

.box-shadow {
  box-shadow: 0 0.5rem 1rem gray !important; }

.box-shadow-lg {
  box-shadow: 0 1rem 3rem gray !important; }

.box-shadow-sm {
  box-shadow: 0 0.125rem 0.25rem gray !important; }

.bulletPoints {
  color: #000000;
  font-size: 1.0rem;
  padding-top: 1%;
  padding-left: 5%;
  padding-right: 5%; }

.bulletPoints li {
  margin-bottom: 10px; }

.buttonStyle {
  background-color: #000000;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: bold;
  padding: 4px; }

.costToAttendSection {
  margin-left: 1px; }

.costToAttendSection div:last-child h5 {
  margin-left: -10px; }

.disabled-border {
  border-color: #D3D3D3; }

.error {
  display: none; }

.errorShow {
  color: red; }

.estimatedNetPriceBorder {
  border: 2px solid #000000; }

.estimatedNetPriceSectionHeader, .estimatedNetPriceSectionHeader-summary {
  color: #ffffff; }

.estimatedNetPriceSectionHeader-summary {
  height: 2.8125rem; }

.estimatedNetPriceSectionHeader-summary p {
  font-size: 1.3rem; }

.estimatedNetPriceSectionHeader-summary p .totalestlowrange, .estimatedNetPriceSectionHeader-summary p .totalesthighrange {
  font-size: 1.0rem !important; }

.estimatedSection {
  background-color: #F1F1F1;
  color: #000000;
  margin: .00001rem;
  margin-bottom: .25rem;
  padding-bottom: 2px; }

.estimatedSection input, .estimatedSection span {
  color: #000000; }

.estimatedSection input {
  font-size: 1.0rem;
  text-align: left;
  height: 18px;
  margin-bottom: 2px;
  width: 65px; }

.estimatedSection span {
  font-size: .75rem; }

.estimatedSection:nth-child(2) {
  margin-top: 5px; }

.estimatedSummarySection {
  background-color: #F1F1F1;
  color: #000000;
  /*    padding-left: 1rem !important;
    padding-right: 1rem !important;*/ }

.estimatedSummarySection hr {
  background-color: white;
  margin: 0; }

.estimatedSummarySection div.container {
  height: 2.25rem;
  padding-top: 0.5rem; }

.GPA {
  padding-left: 3px; }

.GrantTotal, .ScholarshipTotal {
  font-size: 1.2rem !important;
  font-weight: 400 !important; }

.GrantTotal, .ScholarshipTotal, TotalNetPriceEstimate {
  margin-left: .50rem !important; }

.input-info {
  margin-top: -0px !important; }

.modal-body .row {
  border: none !important; }

.netCostSection {
  margin-left: 1px;
  margin-top: 10px; }

.netCostSection div:last-child h5 {
  margin-left: -10px; }

.npcImage {
  content: url("../images/bannerhcrc.png");
  background-repeat: no-repeat;
  height: auto;
  max-height: 150px !important;
  max-width: 1200px !important;
  width: auto;
  margin: 0;
  padding: 0; }

.npcImageContainer {
  height: 150px;
  width: 1000px;
  padding-bottom: 10px; }

.optionalComments {
  padding: 10px;
  text-align: center; }

.purple {
  color: #601f40; }

.remainingCost {
  font-weight: bold; }

.ShowAdditionalFunds {
  font-size: .8 !important;
  line-height: 1.0rem !important; }

.ShowAdditionalFunds p {
  font-size: 1.3rem; }

.showmoreSection {
  margin-top: -3px; }

.showmore {
  color: #000000;
  font-style: italic;
  font-size: .7rem;
  margin-right: 4px; }

.TotalCost {
  font-size: 1.25rem !important; }

.pricesectionamount {
  font-size: .75rem; }

.EstimatedNetPriceLabels {
  font-size: 16px !important; }

.TotalCostToAttend:hover {
  cursor: pointer; }

/*.totalestlowrange, totalesthighrange
{
    margin-left: -1.0rem !important;
}

*/
.darkButton {
  background-color: black;
  border: 1px solid gray;
  border-radius: 7px;
  color: snow !important;
  font-size: .7rem;
  height: auto;
  margin-top: -25px;
  padding: 5px 3px 3px 3px;
  width: 78%; }

.testOption {
  /*background-color: $base-border-color;*/
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 4px; }

.text-x-sm {
  font-size: .6rem; }

#ACTScore.disabled, #SATScore.disabled {
  border-color: #D3D3D3 !important; }

#gpa-row {
  margin-left: -.5rem !important; }

#IndependentStudent {
  background-color: lightgray;
  border: 1px solid gray;
  border-radius: 7px;
  font-size: .6rem;
  /*height: 85px;*/
  width: 70%; }

#IntroModal {
  padding-top: 25px; }

/*#needbasedModal
{
    font-size: .6rem;
}

    #needbasedModal button, #needbasedModal input
    {
        font-size: 1.0rem;
    }
*/
#priceEstimate {
  width: 90%;
  padding: 5px;
  border: 2px solid #000000;
  margin: 3%;
  margin-left: 3%;
  margin-top: 2px;
  height: 95%; }

.ShowAdditionalFunds .row:first-child {
  border: none !important; }

#summary {
  height: 100% !important;
  width: 100% !important; }

#studentInformationContent .row, #academicScoresContent .row, #familyInformationContent .row, #parentFinancesContent .row, #studentFinancesContent .row, #summaryContent .row {
  margin-left: 0px !important;
  margin-right: 0px !important; }

#summaryContent .row:first-child {
  border: 1px solid black; }

#summaryContent #SummaryForm .componentBody {
  border: none !important; }

#SummaryForm {
  padding-left: 1rem;
  padding-right: 1rem; }

#TestOptionButton {
  cursor: pointer; }

.TotalAwardDividerClass, #TotalAdditionalDivider {
  background-color: black;
  margin: 0; }

.ui-tooltip {
  background-color: lightblue;
  border: 2px solid white;
  color: black;
  border-radius: 15px;
  padding: 5px; }

/* Base View Component */
.componentBody {
  border: 1px solid #000000;
  height: auto;
  margin-bottom: 15px;
  padding: 10px 0px; }

.componentBody .row {
  margin-bottom: 10px; }

.componentBody .row select {
  border-radius: 5px; }

.componentBody .row select::after {
  border-radius: 5px; }

.componentBody .row .Previous, .componentBody #Next, .componentBody input {
  width: 75%; }

.field_validataion_valid {
  color: red !important;
  font-size: .6rem; }

.fa-info-circle {
  color: gray; }

@media (min-width: 950px) {
  .smallPriceEstimateSection {
    display: none; } }

@media (max-width: 950px) {
  .priceEstimateSection {
    display: none; } }

/* Default Custom Components Section */
.inputsection1, .inputsection2, .inputsection3, .dropdownsection1, .dropdownsection2, .dropdownsection3 {
  display: none; }

/* Customization section */
.buttonStyle, .estimatedNetPriceSectionHeader, .estimatedNetPriceSectionHeader-summary, .tab button.active, .tab button.hover, .testOption, #TestOption {
  background-color: #8B0000; }

/* Color #2 from the client customization form */
.modal-content, .box-shadow-lg {
  border-color: #8B0000; }

.modal-content {
  background-color: #F9F9F9 !important; }

.your-net-price {
  color: #8B0000 !important; }

/************************/
