@import url("https://use.typekit.net/gvo1sku.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css");

:root {
  --attainable-color: #37c66c;
  --target-color: #2485ef;
  --reach-color: #e75853;
  --longshot-color: #af353a;
  --homestate-color: #7ea0bb;
}

.not-supported-device {
  width: 100vw;
  height: 100vh;
  background: var(--target-color);
  position: relative;
  display: none;
}
.not-supported-device .not-supported-device-container {
  position: absolute;
  width: 70%;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.not-supported-device h2,
.not-supported-device h3 {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  color: #ffffff !important;
}

/** Resets **/
body.page-template {
  height: unset;
}
.has-transparent-header .page-header {
  display: none;
}
#site-header.transparent-header {
  background: transparent;
}
* ::before,
::after {
  box-sizing: border-box;
}
.scalled {
  transform: scale(1.1) translateX(8px);
}

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert.float-bottom-right {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.alert.float-inside-box {
  position: absolute;
  bottom: 60px;
  right: 28px;
  z-index: 9999;
  width: 90%;
  font-size: 20px;
}

.alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

#msi-calculator-step2,
#msi-calculator-tab3-schoollist,
.form-view-two {
  display: none;
}

.form-view-two svg.form-view-two-tippy {
  pointer-events: auto;
  font-size: 18px;
  cursor: pointer;
}

#msi-calculator-tab3-schoollist {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}
#msi-calculator-tab3-schoollist .school-lists-header,
#msi-calculator-tab3-schoollist .school-lists-body {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 20px;
}
#msi-calculator-tab3-schoollist .school-lists-body > .msi-box {
  position: relative;
  margin: 7.5px;
}
#msi-calculator-tab3-schoollist .school-lists-header {
  gap: 0;
  background-color: #f9fafb;
  border-radius: 20px 20px 0 0;
}
#msi-calculator-tab3-schoollist .school-lists-header label {
  width: calc(50% - 10px);
  font-size: 15px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}
#msi-calculator-tab3-schoollist .school-lists-header label span {
  margin-right: 20px;
}
#msi-calculator-tab3-schoollist .school-lists-header label.applying-tolerance {
  border-right: 1px solid #e5e5e5;
  padding-right: 50px;
  text-align: right;
}
#msi-calculator-tab3-schoollist .school-lists-header label.schools-to-apply {
  padding-left: 40px;
}
#msi-calculator-tab3-schoollist .school-lists-header label input,
#msi-calculator-tab3-schoollist .school-lists-header label select {
  box-shadow: 0px 0px 1px 1px #c5c5c5 inset;
  border: 1px solid #e3e5e5;
  background-color: #fff;
  border-radius: 6px;
  font-weight: 600;
}
#msi-calculator-tab3-schoollist .school-lists-header label input {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  width: 100px;
  height: 42px;
  text-align: center;
}
#msi-calculator-tab3-schoollist .school-lists-header label select {
  width: auto;
  height: 42px;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
}

/** Structure **/
.msi-row {
  max-width: 1200px;
  width: 88%;
  margin: 0 auto;
}

/** Toggle **/
.view-toggle-container {
  display: inline-block;
  position: relative;
  border: none;
  margin-top: 20px;
  width: 65%;
}

.center-toggle-container {
  text-align: center;
}

.view-toggle-container .toggle-thumb {
  cursor: pointer;
}

/** Page Design **/
#msi-calculator-container {
  position: relative;
}
#msi-calculator-container::before {
  content: "";
  background-image: url(../assets/BackgroundTop.png);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  z-index: -1;
  max-height: 520px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
#msi-calculator-container::after {
  content: "";
}

#msi-calculator-container .bottom-bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#msi-calculator-container .bg-top {
  position: absolute;
  left: 0;
  z-index: -2;
  width: 2100px;
  max-width: 100%;
  height: 775px;
  overflow: hidden;
  top: 0;
  background: url(../assets/BackgroundTop.png);
  background-size: 100%;
  background-position: 0 -241px;
  background-repeat: no-repeat;
}
#msi-calculator-container .bg-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 610px;
  height: 470px;
  z-index: -2;
  background: url(../assets/BackgroundLeft.png);
  background-size: 610px 470px;
  background-repeat: no-repeat;
  background-position: 0 350px;
}
#msi-calculator-container .bg-bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 600px;
  height: 876px;
  z-index: -2;
  background: url(../assets/BackgroundRight.png);
  background-size: 600px 876px;
  background-repeat: no-repeat;
  background-position: 0 500px;
}

/** blue slidder **/
.view-toggle-container .toggle-thumb:before {
  content: "";
  height: 55px;
  width: 33.3333%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  background: #459eff;
  transition: 0.4s all ease;
  transform: translateX(0);
  border: 3px solid #fff;
}

.view-toggle-container .toggle-thumb a {
  transition: all 300ms ease;
}

.view-toggle-container ul {
  margin: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0;
}

.view-toggle-container ul li {
  z-index: 2;
  display: flex;
  justify-content: center;
}

/* font for toggle not active*/
.view-toggle-container ul a {
  font-family: montserrat, sans-serif;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 18px 20px;
  transition: 0.3s ease;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1px;
  color: #459eff;
  outline: none !important;
  text-decoration: none !important;
}

/* font for toggle active*/
.view-toggle-container ul a.active {
  font-family: montserrat, sans-serif;
  color: #fff;
  font-weight: 700;
}
.view-toggle-container ul a.active,
.view-toggle-container ul a:hover {
  outline: none;
  text-decoration: none;
}
.view-toggle-container.allprograms-active .toggle-thumb:before {
  transform: translateX(0);
}
.view-toggle-container.watchlist-active .toggle-thumb:before {
  transform: translateX(100%);
}

.view-toggle-container.schoollist-active .toggle-thumb:before {
  transform: translateX(200%);
}
/** End Toggle **/

/** box that contains all msi calc elements **/
.entry-wrap {
  background-color: transparent;
  box-shadow: none;
  margin-top: 20px;
}

/** All 3 - Contains Header, "how does it work", and calc **/
.msi-triple-box.msi-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-gap: 20px 50px;
}
.msi-triple-box .hero-content {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.msi-triple-box .how-does-content {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.msi-triple-box .calculator-col {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 3px 3px 30px rgb(0 0 0 / 10%);
}
#msi-calculator-form {
  margin: 0;
}
.benefits-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
  margin-top: 55px;
}
.benefits-row .msi-1-3 {
  display: flex;
}
.benefits-row .tile-right {
  margin-left: 20px;
}
/** Headline and How does it work boxes **/

/** Headline **/
.top-box .subheadline {
  opacity: 0.8;
}

.main-header-title {
  font-family: raleway, sans-serif;
  font-size: 38px;
  color: #fff;
  letter-spacing: 1.25px;
}

/** SUB Headline **/
.subheadline {
  font-family: raleway, sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/** listed items **/
.unordered-list {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.5px;
  list-style: none;
  padding: 0;
}

.list-items::before {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}

.list-items {
  opacity: 0.8;
}

/** Sub Header / h2 **/
.sub-header-title {
  color: #000;
  font-family: raleway, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.25px;
}

.sub-header-message {
  font-family: raleway, sans-serif;
  color: #304958;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

#msi-calculator-container {
  padding: 150px 0;
  position: relative;
}
/** Calculator **/
.msi-right-col {
  background-color: #fff;
  box-shadow: 0px 0px 10px 4px #6a6a6a5c;
}

/** Calculator below header box **/
.field-container {
  padding: 30px;
  display: grid;
  grid-gap: 15px;
}
.form-grid.form-view-two {
  display: none;
}

/** Input your score box **/
.msi-title-header {
  text-align: center;
  font-family: raleway, sans-serif;
  font-size: 40px;
  background-color: #304958;
  padding: 17px;
  margin: 0;
  color: #fff;
}

.field-group {
  font-family: proxima-nova, sans-serif;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 204px);
  grid-gap: 20px;
  align-items: center;
}

/** Calculator Labels and Inputs **/

label.main-calc-label {
  width: 100%;
  font-size: 24px;
  line-height: 1;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
}

label.main-calc-label-subscore {
  width: 100%;
  font-size: 24px;
  line-height: 1;
  font-family: Raleway, proxima-nova, sans-serif;
  font-weight: 700;
}

input.main-calc-input {
  height: 42px;
  font-weight: 700;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  background-color: #f1f4f7 !important;
  font-family: Raleway, proxima-nova, sans-serif !important;
  font-size: 23px !important;
  border-radius: 4px !important;
  color: #304958 !important;
  margin: 0;
}
input.main-calc-input.invalid {
  border: 1px solid #eb3839;
}

/** For error if no value is present in calculator **/
.no-validation {
  border-color: #ff0000;
}

/** Select and Option stylings **/
select,
option {
  font-size: 18px;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  color: #304958;
}

select.country-box,
select.state-box {
  height: 42px;
  padding: 0px 16px;
  border-radius: 4px;
  background-color: #f1f4f7;
}

#mCatTotalScore,
#oldmCatScore,
#lizzyMScore,
#msiScore {
  background-color: #696b6d;
  color: #fff;
}

/** Input your score box size **/
.msi-1-3 {
  clear: both;
}

.submit-group {
  display: block;
}

/** Buttons - calc results and email results **/
.move-to-step-2-btn,
.submit-btn {
  display: block;
  width: 100%;
  padding: 12px;
  line-height: 1;
  border: none;
  font-family: raleway, sans-serif;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  transition: 0.3s;
  border-radius: 4px;
  background-color: #1a83f1;
}

.move-to-step-2-btn:hover,
.submit-btn:hover {
  background-color: #7bb0e8;
}

/** Numbered Titles  **/
.numbered-titles {
  font-family: raleway, sans-serif;
  font-size: 18px;
  color: #1a83f1;
  line-height: 1.35;
  letter-spacing: 0.55px;
  margin: 0 0 7px;
}

/** SVG Icons **/

.numbered-titles-message {
  font-family: raleway, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #304958;
}

/** Footer **/
.msi-footer {
  font-family: raleway, sans-serif;
  color: #304958;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-top: 200px;
}

/** PAGE 3 -- "Add to Watchlist" toggle-thumbs **/

.heading-datatable {
  font-size: 40px;
  font-family: raleway, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.23px;
  text-align: center;
  color: #fff;
}

.suheadline {
  font-size: 16px;
  font-weight: 600;
  font-family: raleway, sans-serif;
  text-align: center;
  color: #fff;
}

/** "Add to Watchlist" toggle-thumbs **/
div.toggle-thumb {
  border-radius: 50px;
  background-color: #fff;
  margin-bottom: 20px;
}

#msi-calculator-tab2-watchlist .dropdown-colvis {
  border-radius: 20px 20px 0px 0px;
  text-align: right;
  padding: 10px 15px;
  background-color: #f9fafb;
  margin-bottom: -1px;
}
div#msi-all-programs-table_wrapper
  div.dataTables_scroll
  div.dataTables_scrollHead
  div.dataTables_scrollHeadInner {
  width: 1200px !important;
  padding-right: 0px !important;
}
div#msi-all-programs-table_wrapper
  div.dataTables_scroll
  div.dataTables_scrollHead {
  border-radius: 20px 20px 0px 0px !important;
}
div#msi-all-programs-table_wrapper
  div.dataTables_scroll
  div.dataTables_scrollHead
  div.dataTables_scrollHeadInner
  table.dataTable {
  width: 1200px !important;
  border-radius: 20px 20px 0px 0px !important;
}

/**
  Disable click event on whole heading and enable only on text and icon
 */
#msi-all-programs-table_wrapper table.dataTable thead tr th.sorting {
  pointer-events: none;
}
#msi-all-programs-table_wrapper
  table.dataTable
  thead
  tr
  th.sorting
  span.sortable-heading-text,
#msi-all-programs-table_wrapper
  table.dataTable
  thead
  tr
  th.sorting
  svg.allprogram-heading-tippy {
  pointer-events: auto;
}

#msi-watch-list-table_wrapper table.dataTable thead tr th.sorting {
  pointer-events: none;
}
#msi-watch-list-table_wrapper
  table.dataTable
  thead
  tr
  th.sorting
  span.sortable-heading-text,
#msi-watch-list-table_wrapper
  table.dataTable
  thead
  tr
  th.sorting
  svg.watchlist-heading-tippy {
  pointer-events: auto;
}

#msi-watch-list-table_wrapper .ui.table {
  table-layout: fixed;
  word-wrap: break-word;
}
#msi-watch-list-table_wrapper
  .ui.table
  > thead
  > tr:first-child
  > th:first-child {
  background-color: #f7f7f7;
}
#msi-watch-list-table_wrapper
  .ui.table
  > thead
  > tr:first-child
  > th:first-child,
#msi-watch-list-table_wrapper
  .ui.table
  > thead
  > tr:first-child
  > th:last-child {
  border-radius: 0 !important;
}

#msi-watch-list-table_wrapper > .dt-buttons {
  width: 100%;
  display: block;
  text-align: right;
  background: #f9fafb;
  border: 1px solid #e3e5e5;
  padding: 10px 20px;
  border-radius: 20px 20px 0 0;
  margin-bottom: -1px;
}
#msi-watch-list-table_wrapper > .dt-buttons .msi-watchlist-colvis {
  border-radius: 35px;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 7px;
  width: 200px;
}
#msi-watch-list-table_wrapper > .dt-buttons .msi-watchlist-colvis > span {
  margin-left: 7px;
  float: left;
}
#msi-watch-list-table_wrapper > .dt-buttons .msi-watchlist-colvis > i {
  float: right;
}
#msi-watch-list-table_wrapper > .dt-buttons .ui.dropdown.active {
  left: auto !important;
  right: -20px !important;
}
#msi-watch-list-table_wrapper > .dt-buttons .ui.dropdown.active .menu {
  width: 300px;
  border-radius: 12px;
  color: #919191;
  padding-top: 5px;
  right: 40px !important;
  top: 5px;
  top: 5px;
  max-height: 300px;
  overflow-y: auto;
}
#msi-watch-list-table_wrapper
  > .dt-buttons
  .ui.dropdown.active
  .menu
  .item
  span {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  color: #474444;
  text-wrap: wrap !important;
  max-width: calc(100% - 25px);
  display: inline-block;
}
#msi-watch-list-table_wrapper
  > .dt-buttons
  .ui.dropdown.active
  .menu
  .item.dt-button-active::after {
  content: unset;
}
#msi-watch-list-table_wrapper
  > .dt-buttons
  .ui.dropdown.active
  .menu
  .item::before {
  position: relative;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #e3e5e5;
  background-color: #f7f7f7;
  content: " ";
  color: inherit;
  text-align: center;
  vertical-align: top;
  margin-top: 3px;
  margin-left: 15px;
  padding-top: 0;
  padding-bottom: 5px;
}
#msi-watch-list-table_wrapper
  > .dt-buttons
  .ui.dropdown.active
  .menu
  .item.dt-button-active::before {
  background-color: #fff;
  content: "✓";
}

/** Table Styles **/
.ui.table > tbody > tr.child-row > td,
.ui.table > tr.child-row > td {
  padding: 0 !important;
}
table.dataTable.ui.table tr.child-row > td > div > table tr > td:first-child {
  border-left: none !important;
}
tr.child-row > td > div {
  width: 75%;
  margin: 0px auto;
}
tr.child-row > td > div table {
  margin: 0px auto;
  border: none;
}

tr.child-row > td > div table td {
  border: none !important;
  vertical-align: top;
  color: #222;
  padding: 25px 10px;
}
tr.child-row > td > div table td div {
  width: 100%;
  display: block;
  margin: 10px 0;
}
tr.child-row > td > div table td div .label {
  font-weight: bold;
  display: inline-block;
  width: 120px;
}
tr.child-row > td > div table td div .value {
  display: inline-block;
}
.status {
  text-transform: uppercase;
  color: #fff;
  display: flex;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  height: 32px;
  border-radius: 8px;
  width: 115px;
}

.status.reach {
  background-color: #ea584f;
}

.status.long_shot {
  background-color: #b23637;
}

.status.target {
  background-color: #1998d0;
}

.status.attainable {
  background-color: #21c768;
}

/** svg icons - inState, LowIcon, PublicSchool, etc. **/

.tooltip-tuition-in-state {
  color: #6149cd;
}

.tooltip-tuition-out-state {
  color: #e57475;
}

.icons {
  width: 36px;
  height: 33px;
  display: inline;
  margin-right: 5px;
}
.icons.tooltip-extremelylowoos {
  opacity: 1;
}
.icons.tooltip-verylowoos {
  opacity: 0.9;
}
.icons.tooltip-lowoos {
  opacity: 0.8;
}

tr,
td,
th {
  border-left: none !important;
  border-right: none !important;
}

/** Font on step 2 **/
.ui.table > thead > tr > th {
  color: #809fb8 !important;
}

/** Entire results page in grid form **/

table#msi-school-list-table.ui.celled.table.display.dataTable.no-footer {
  border-radius: 20px;
  box-shadow: 1px 1px 32px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

.ui.table > thead > tr:first-child > th:last-child {
  border-top-right-radius: 20px !important;
}

.ui.table > thead > tr:first-child > th:first-child {
  border-top-left-radius: 20px !important;
}

/** font inside of table data **/

td.sorting_1,
td {
  font-size: 17px;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #000;
}

/** "Having issues?..." right before footer **/

p:first-child {
  margin-top: -150px !important;
}

input.table-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
}

/* Page 3 Final page */
.school-list-main-box {
  background-color: #fff;
  box-shadow: 1px 1px 32px 0 rgba(0, 0, 0, 0.16);
  padding: 14px;
  border-radius: 20px;
  margin-top: 14px;
}

.msi-bar {
  flex: 100%;
}

/** each box in My School List **/

.msi-box {
  border-radius: 10px;
  box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
  width: calc(33.3333% - 15px);
}

.msi-box.recommended-proportion,
.msi-box.school-list-final-box {
  width: calc(50% - 15px);
}

.msi-box.recommended-proportion {
  position: relative;
}

.msi-box.recommended-proportion .output {
  padding: 33px 20px 34px 0;
  float: left;
  position: relative;
  z-index: 0;
  width: 100%;
}
.msi-box.recommended-proportion .output .chart {
  width: 50%;
  float: left;
}
.msi-box.recommended-proportion .output .chart #recommended_proportion_chart {
  width: 100%;
  float: left;
  margin-top: -15px;
  margin-bottom: -20px;
}

.msi-box.recommended-proportion
  .output
  .chart
  #recommended_proportion_chart
  .highcharts-credits {
  display: none;
}

.msi-box.recommended-proportion .output .list {
  width: 50%;
  float: right;
}
.msi-box.recommended-proportion .output .list .title {
  color: #96a0aa;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.msi-box.recommended-proportion .output .list .table {
  display: table;
  width: 100%;
}
.msi-box.recommended-proportion .output .list .table .row {
  display: block;
  width: 180px;
  padding: 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.msi-box.recommended-proportion .output .list .table .row .cell {
  display: table-cell;
  padding-top: 5px;
  padding-bottom: 5px;
}
.msi-box.recommended-proportion .output .list .table .row .cell .bullet {
  width: 8px;
  height: 8px;
  display: block;
  background-color: #000;
  border-radius: 50%;
}
.msi-box.recommended-proportion .output .list .table .row .cell.legend {
  width: 16px;
  text-align: left;
}

.msi-box.recommended-proportion
  .output
  .list
  .table
  .row.attainable.highlighted,
.msi-box.recommended-proportion
  .output
  .list
  .table
  .row.attainable
  .cell
  .bullet {
  background-color: #37c66c;
}
.msi-box.recommended-proportion .output .list .table .row.target.highlighted,
.msi-box.recommended-proportion .output .list .table .row.target .cell .bullet {
  background-color: #2485ef;
}
.msi-box.recommended-proportion .output .list .table .row.reach.highlighted,
.msi-box.recommended-proportion .output .list .table .row.reach .cell .bullet {
  background-color: #e75853;
}
.msi-box.recommended-proportion .output .list .table .row.long_shot.highlighted,
.msi-box.recommended-proportion
  .output
  .list
  .table
  .row.long_shot
  .cell
  .bullet {
  background-color: #af353a;
}

.msi-box.recommended-proportion .output .list .table .row.highlighted {
  color: #fff;
}

.msi-box.recommended-proportion .output .list .table .row .cell.name {
  font-size: 18px;
  font-weight: bold;
  width: auto;
  line-height: 1.4;
}
.msi-box.recommended-proportion .output .list .table .row .cell.value {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  min-width: 70px;
  width: auto;
}
.msi-box.recommended-proportion .output .list .table .row.scalled .cell.value {
  min-width: 63px;
}

.msi-box.recommended-proportion .output .list .table .row .cell.value .selected,
.msi-box.recommended-proportion .output .list .table .row .cell.value .total {
  min-width: 10px;
  width: auto;
  display: inline-block;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}

.msi-box.school-list-final-box {
  grid-column-start: 1;
  grid-row-start: 3;
  grid-row-end: 5;
}

/** Last page first purple box stylings **/
.msi-box.total-number-of-school {
  background: rgb(162, 104, 241);
  background: linear-gradient(
    90deg,
    rgba(162, 104, 241, 1) 0%,
    rgba(169, 112, 244, 1) 14%,
    rgba(166, 110, 245, 1) 34%,
    rgba(131, 87, 254, 1) 54%,
    rgba(128, 90, 255, 1) 82%,
    rgba(116, 123, 255, 1) 100%
  );
  height: 165px;
}

.box-title-purple {
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding: 21.8px 17.2px 18.3px 19.4px;
  color: #fff;
  margin-right: -40px;
  line-height: 1.27;
  letter-spacing: 0.46px;
}

.box-header.title.input {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3px;
  justify-items: center;
  align-items: center;
}

/* Arranging purple box items */

.box3 {
  grid-column-start: 1;
  grid-column-end: 4;
  border: 1px solid #e2e2e2;
  min-height: 1px;
  width: 87.5%;
}

/** Titles that have common or consistant titles **/
.small-common-box-title {
  font-size: 15px;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
  line-height: 1;
  letter-spacing: 0.5px;
  padding: 12.5px 24.2px 12.5px 18.1px;
  color: #fff;
}

.box-title.small-common-box-title.recommended-portion-font {
  color: #000;
  font-weight: 600;
  margin-top: 12px;
}

.box-title.small-common-box-title.my-school-list-font {
  font-size: 22px;
}

/** header background colors **/
.my-school-list-header {
  background-color: #2f4958;
}

.recommended-proportion-header {
  background-color: #2f4958;
  position: relative;
  z-index: 1;
}
.box-header.home-state-header {
  background-color: var(--homestate-color);
}

.box-header.attainable-header {
  background-color: var(--attainable-color);
}

.box-header.target-header {
  background-color: var(--target-color);
}

.box-header.reach-header {
  background-color: var(--reach-color);
}

.long-shot-header {
  background-color: var(--longshot-color);
}

/** Counting numbers / totals  **/

.box-count {
  font-size: 11px;
  margin-top: -13px;
  text-align: right;
  letter-spacing: 0.18px;
}

/** Main box body  not including Total Number, My School List, Recommneded Portion **/
.list-output {
  margin-top: 35px;
  text-align: center;
  height: 205px;
  overflow-x: hidden;
  overflow-y: auto;
}

div.mySchool.changeFont {
  font-size: 14px;
}

/** Underodered list ul color **/
.recommended-ul {
  list-style: none;
}

.recommended-ul .attainable-list::before {
  content: "\2022";
  color: #21c768;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.recommended-ul .target-list::before {
  content: "\2022";
  color: #1a83f1;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.recommended-ul .reach-list::before {
  content: "\2022";
  color: #ea584f;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.recommended-ul .long-shot-list::before {
  content: "\2022";
  color: #b23637;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/** Input for final page mild medium high **/
select.main-calc-input {
  height: 42px;
  margin-top: 23px;
  margin-right: 27px;
  font-weight: 700;
  background-color: #f1f4f7;
  font-family: proxima-nova, sans-serif;
  font-size: 17px;
  border-radius: 4px;
  color: #304958;
}

/** Box body for rainbow chart **/
.box-body-rainbow {
  margin-top: 40px;
}

/** Recommneded portion font **/
.number-of-schools-font {
  font-size: 11px;
  color: #acb9c5;
  font-family: proxima-nova, sans-serif;
}

/** Rainbow Chart **/

.main-box-rainbow {
  display: flex;
  justify-content: center;
}

.container-rainbow {
  width: 100%;
  height: 50%;
}

.box {
  padding: 20px;
  border-radius: 50%;
  height: 100%;
}

.box.green {
  background: #21c768;
}

.box.blue {
  background: #1998d0;
}

.box.orange {
  background: #ea584f;
}

.box.red {
  background: #b23637;
}

.box.white {
  background: #fff;
}

.transition-slow {
  transition: 0.3s;
}

/** Removes extra border line found on the Add to Watch List display **/

tr {
  border: none !important;
}

/** For chevron on 3rd page **/
#msi-school-list-table.dataTable td.dt-control:before {
  font-size: 24px;
  margin-top: 0;
  color: #dbdbdb;
  border: none;
  box-shadow: none;
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  background-color: transparent;
  transform: rotate(-0.25turn);
  transition-duration: 0.3s;
}

#msi-school-list-table.dataTable tr.shown td.dt-control:before {
  transform: rotate(0);
}

#msi-watch-list-table {
  table-layout: fixed;
  word-wrap: break-word;
}
#msi-watch-list-table tbody tr th:nth-child(1),
#msi-watch-list-table tbody tr td:nth-child(1) {
  background-color: #f9fafb;
}
#msi-watch-list-table tbody tr td:nth-child(n + 2) {
  font-weight: 400 !important;
}

/** Above the footer - Full Report Section **/

.want-full-report-section {
  margin-top: 60px;
  text-align: center;
}

.full-report-header {
  font-size: 40px;
  font-weight: 700;
  font-family: raleway, sans-serif;
  color: #459eff;
  line-height: 1.2;
  letter-spacing: 1.25px;
}

.full-report-paragraph {
  font-family: raleway, sans-serif;
  color: #304958;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.final-school-list-email-button,
.full-report-button {
  font-family: proxima-nova, sans-serif;
  margin-top: 10px;
  margin-bottom: 55px;
  padding: 20px 60px 20px 60px;
  background-color: #1a83f1;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: 0.5px;
  border-style: none;
  border-radius: 4px;
  transition: 0.3s ease;
}
.final-school-list-email-button:hover:enabled,
.full-report-button:hover {
  opacity: 0.7;
}

.final-school-list-email-button {
  margin: 10px auto;
  display: block;
  width: 90%;
}

.final-school-list-email-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/** final page output / My School list data **/

div.list-output {
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.37px;
  text-align: left;
  color: #000;
  padding: 20px;
  margin: 0;
}

div.school-row {
  display: grid;
  grid-template-columns: 46px 1fr;
  align-items: center;
  border-bottom: 2px solid #e2e2e2;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
div.school-row:last-of-type {
  border-bottom: none;
}
/* .list-output div.school-row::first-letter */
span.school-row-number {
  font-family: proxima-nova, sans-serif;
  font-size: 22px;
  color: #000;
  font-weight: 600;
  text-align: right;
  margin-right: 5px;
}

input.addToSchoolList {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/** Tool Tips **/
.tippy-box[data-theme~="instate"] {
  background-color: #6149cd;
  color: #fff;
}

.tippy-box[data-theme~="homestate"] {
  background-color: #1a83f1;
  color: #fff;
}

.tippy-box[data-theme~="extremelylowoos"] {
  background-color: #eb3839;
  color: #fff;
}

.tippy-box[data-theme~="verylowoos"] {
  background-color: #ea5253;
  color: #fff;
}

.tippy-box[data-theme~="lowoos"] {
  background-color: #e57475;
  color: #fff;
}
.tippy-box .tippy-content {
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.tippy-box[data-theme~="instate"] .tippy-content,
.tippy-box[data-theme~="homestate"] .tippy-content,
.tippy-box[data-theme~="extremelylowoos"] .tippy-content,
.tippy-box[data-theme~="verylowoos"] .tippy-content,
.tippy-box[data-theme~="lowoos"] .tippy-content {
  text-transform: uppercase;
}

.tippy-box .tippy-content .tt-top {
  font-size: 16px;
}
.tippy-box .tippy-content .tt-bottom {
  font-size: 13px;
}
.tippy-box[data-theme~="instate"][data-placement^="top"]
  > .tippy-arrow::before {
  border-top-color: #6149cd;
}
.tippy-box[data-theme~="instate"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #6149cd;
}
.tippy-box[data-theme~="instate"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: #6149cd;
}
.tippy-box[data-theme~="instate"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #6149cd;
}

.tippy-box[data-theme~="homestate"][data-placement^="top"]
  > .tippy-arrow::before {
  border-top-color: #1a83f1;
}
.tippy-box[data-theme~="homestate"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #1a83f1;
}
.tippy-box[data-theme~="homestate"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: #1a83f1;
}
.tippy-box[data-theme~="homestate"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #1a83f1;
}

.tippy-box[data-theme~="extremelylowoos"][data-placement^="top"]
  > .tippy-arrow::before {
  border-top-color: #eb3839;
}
.tippy-box[data-theme~="extremelylowoos"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #eb3839;
}
.tippy-box[data-theme~="extremelylowoos"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: #eb3839;
}
.tippy-box[data-theme~="extremelylowoos"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #eb3839;
}

.tippy-box[data-theme~="verylowoos"][data-placement^="top"]
  > .tippy-arrow::before {
  border-top-color: #ea5253;
}
.tippy-box[data-theme~="verylowoos"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #ea5253;
}
.tippy-box[data-theme~="verylowoos"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: #ea5253;
}
.tippy-box[data-theme~="verylowoos"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #ea5253;
}

.tippy-box[data-theme~="lowoos"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: #e57475;
}
.tippy-box[data-theme~="lowoos"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #e57475;
}
.tippy-box[data-theme~="lowoos"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: #e57475;
}
.tippy-box[data-theme~="lowoos"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #e57475;
}
/** End Tooltips **/

/* MOBILE / RESPONSIVE */

@media screen and (max-width: 1100px) {
  .msi-triple-box.msi-row {
    grid-template-columns: 1fr;
  }
  .msi-triple-box .hero-content {
    grid-column: auto;
    grid-row: 1 / 2;
  }
  .msi-triple-box .how-does-content {
    grid-column: auto;
    grid-row: 3 / 3;
  }
  .msi-triple-box .calculator-col {
    grid-column: auto;
    grid-row: 2 / 3;
  }
  .msi-title-header {
    font-size: 30px;
  }
}

@media screen and (max-width: 979px) {
  .benefits-row {
    grid-template-columns: 1fr 1fr;
  }
  .benefits-row .msi-1-3 {
    flex-direction: column;
  }
  .benefits-row .tile-right {
    margin: 15px 0 0 0;
  }
  .view-toggle-container {
    width: 100%;
  }
  .how-does-content {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .benefits-row {
    grid-template-columns: 1fr;
  }
  .move-to-step-2-btn,
  .submit-btn {
    font-size: 18px;
  }

  h1,
  h2,
  h3,
  h4,
  p,
  .msi-1-3 {
    text-align: center;
  }

  .sub-header-title {
    font-size: 35px;
  }

  label.main-calc-label,
  label.main-calc-label-subscore {
    font-size: 15px;
  }

  .small-common-box-title {
    font-size: 12px;
  }

  .msi-box.attainable-schools {
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #fff;
  }

  .msi-box.school-list-final-box {
    grid-row-start: 2;
    grid-row-end: 3;
    background-color: #fff;
  }

  .msi-box.home-state-public-schools,
  .msi-box.target-schools.target-box,
  .msi-box.reach-schools,
  .msi-box.long-shot-schools {
    background-color: #fff;
  }

  /* little icons used to sort on the Add Watch List */
  .sixteen.wide.column table.dataTable thead > tr > th.sorting:before,
  table.dataTable thead > tr > th.sorting_asc:before,
  table.dataTable thead > tr > th.sorting_desc:before,
  table.dataTable thead > tr > th.sorting_asc_disabled:before,
  table.dataTable thead > tr > th.sorting_desc_disabled:before,
  table.dataTable thead > tr > td.sorting:before,
  table.dataTable thead > tr > td.sorting_asc:before,
  table.dataTable thead > tr > td.sorting_desc:before,
  table.dataTable thead > tr > td.sorting_asc_disabled:before,
  table.dataTable thead > tr > td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▴";
    font-size: 25px;
  }

  .sixteen.wide.column table.dataTable thead > tr > th.sorting:after,
  table.dataTable thead > tr > th.sorting_asc:after,
  table.dataTable thead > tr > th.sorting_desc:after,
  table.dataTable thead > tr > th.sorting_asc_disabled:after,
  table.dataTable thead > tr > th.sorting_desc_disabled:after,
  table.dataTable thead > tr > td.sorting:after,
  table.dataTable thead > tr > td.sorting_asc:after,
  table.dataTable thead > tr > td.sorting_desc:after,
  table.dataTable thead > tr > td.sorting_asc_disabled:after,
  table.dataTable thead > tr > td.sorting_desc_disabled:after {
    top: 50%;
    content: "▾";
    font-size: 25px;
  }
}

@media screen and (max-width: 480px) {
  #msi-calculator-container .bg-top {
    background-position: 0 0;
  }
  .view-toggle-container .toggle-thumb:before {
    width: 100%;
  }
  .view-toggle-container ul {
    grid-template-columns: 1fr;
  }
  div.toggle-thumb {
    border-radius: 30px;
  }
  .view-toggle-container.schoollist-active .toggle-thumb:before {
    transform: translateY(100%);
  }
  .field-group {
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }
  #msi-school-list-table tr {
    position: relative;
  }
  .dt-control {
    position: absolute;
    top: 20px;
    right: 0;
  }

  label.main-calc-label-subscore {
    padding: 0;
  }
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-webkit-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-moz-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only:-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::-ms-input-placeholder {
  color: rgb(100, 100, 100);
}

input:-moz-read-only::placeholder {
  color: rgb(100, 100, 100);
}

input:read-only::placeholder {
  color: rgb(100, 100, 100);
}

::-webkit-input-placeholder {
  color: rgb(180, 180, 180);
}

::-moz-placeholder {
  color: rgb(180, 180, 180);
}

:-ms-input-placeholder {
  color: rgb(180, 180, 180);
}

::-ms-input-placeholder {
  color: rgb(180, 180, 180);
}

::placeholder {
  color: rgb(180, 180, 180);
}

.select2-container--classic .select2-selection--multiple {
  border: 2px solid #3875d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 7px;
  position: relative;
}
.select2-container--classic .select2-selection--multiple::after {
  content: "▼";
  color: #3875d7;
  position: absolute;
  top: 7px;
  right: 5px;
  font-weight: 900;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: none;
}
.select2-container--classic .select2-search.select2-search--inline {
  display: block;
  width: 100%;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  background-color: transparent;
  margin-left: 10px;
  margin-top: 3px;
  display: block;
  width: 100% !important;
}
.select2-container--classic .select2-search--inline textarea.select2-search__field:-moz-placeholder, /* Firefox 18- */
.select2-container--classic .select2-search--inline textarea.select2-search__field::-moz-placeholder, /* Firefox 19+ */
.select2-container--classic .select2-search--inline textarea.select2-search__field:-ms-input-placeholder, /* IE 10+ */
.select2-container--classic .select2-search--inline textarea.select2-search__field::-webkit-input-placeholder, /* Webkit based */
.select2-container--classic .select2-search--inline textarea.select2-search__field::placeholder /* Modern browsers */ {
  color: #3875d7 !important;
  font-weight: 900;
}
.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border-color: #3875d7;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #3875d7;
  margin-top: 32px;
}

.select2-results__option.select2-results__option--selectable::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #e3e5e5;
  background-color: #f7f7f7;
  content: " ";
  text-align: center;
  vertical-align: top;
  margin: 3px 10px 0;
}
.select2-results__option {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
}
.select2-results__option.select2-results__option--selectable.select2-results__option--selected {
  position: relative;
}
.select2-results__option.select2-results__option--selectable.select2-results__option--selected::before {
  background-color: #fff;
}
.select2-results__option.select2-results__option--selectable.select2-results__option--selected::after {
  content: "✓";
  color: #000 !important;
  font-size: 16px;
  position: absolute;
  left: 18px;
  top: 7px;
}