/**
 * This is the main application stylesheet. It should include or import all
 * stylesheets used throughout the application as this is the only stylesheet in
 * the Grunt configuration that is automatically processed.
 */
/**
 * First, we include the Twitter Bootstrap LESS files. Only the ones used in the
 * project should be imported as the rest are just wasting space.
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #4f4f4f;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #4f4f4f;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #4f4f4f;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #4f4f4f;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #4f4f4f;
}
.form-control::-webkit-input-placeholder {
  color: #4f4f4f;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn,
.transfer-leads .submit-on-behalf-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #4f4f4f;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #4f4f4f;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #4f4f4f;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #4f4f4f;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #4f4f4f;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: white;
  border-color: #eeeeee;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #eeeeee;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #eeeeee;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #eeeeee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #4f4f4f;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #4f4f4f;
}
.navbar-inverse .navbar-nav > li > a {
  color: #4f4f4f;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #4f4f4f;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #4f4f4f;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #4f4f4f;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #4f4f4f;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #4f4f4f;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #4f4f4f;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #363636;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #4f4f4f;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.ds-planner .credit-application-wrapper .credit-application-item:before,
.ds-planner .credit-application-wrapper .credit-application-item:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.ds-planner .credit-application-wrapper .credit-application-item:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right,
.transfer-leads .submit-on-behalf-button {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/**
 * These are the variables used throughout the application. This is where 
 * overwrites that are not specific to components should be maintained.
 */
/**
 * Typography-related.
 */
/**/
/**/
/**/
/**/
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Regular.eot');
  /* IE9 Compat Modes */
  src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'LatoHeavy';
  src: url('fonts/Lato-Heavy.eot');
  /* IE9 Compat Modes */
  src: url('fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-Heavy.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'LatoMedium';
  src: url('fonts/Lato-Medium.eot');
  /* IE9 Compat Modes */
  src: url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
.grecaptcha-badge {
  display: none !important;
}
* {
  font-family: 'Poppins', sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif !important;
}
.bg_schools_details,
.bg_school_default {
  background-position-x: 0px !important;
  background-position-y: -100px !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  height: 100%;
  max-height: 100%;
  background-size: cover !important;
  background-position: 50% !important;
}
.bg_school_default {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), url('../assets-new/images/school_vector_background.png') !important;
}
body {
  line-height: 1.42857;
  position: relative;
  height: 100%;
  color: #59595B;
  font-weight: normal;
  overflow-x: hidden;
  font-size: 14px;
}
footer {
  margin-top: 20px;
}
select {
  border-radius: 3px;
}
input[type="checkbox"] {
  width: 15px;
}
a {
  /*color: #2962da;*/
  color: #3C51B9;
}
input,
select {
  color: #59595B !important;
}
.ui-select-choices .disabled {
  cursor: default;
}
[ng-click],
[data-ng-click],
[x-ng-click] {
  cursor: pointer;
}
.flex {
  display: flex;
}
.h-100vh {
  height: calc(100vh - 80px);
  min-height: 100%;
}
.fa {
  font-size: 12px;
}
.full-width {
  width: 100% !important;
}
.form-control {
  border-radius: 4px !important;
  background-color: #f5f8fa !important;
  color: #59595B !important;
}
.container {
  max-width: 100% !important;
}
.sortable-table-caret {
  position: absolute;
  margin-left: 5px;
}
.text-uppercase {
  text-transform: uppercase;
}
.col-center {
  margin: 0 auto ;
  float: none;
}
.row-test [class*="col-"] {
  height: 100%;
}
.xs-padding {
  padding-left: 5px;
  padding-right: 5px;
}
.md-padding {
  padding: 20px;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.f-500 {
  font-weight: 500;
}
.f-600 {
  font-weight: 600;
}
.f-700 {
  font-weight: 700;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.show-on-hover-parent .show-on-hover-child {
  visibility: hidden;
}
.show-on-hover-parent:hover .show-on-hover-child {
  visibility: visible;
}
.italic {
  font-style: italic;
}
.plus-circle-icon {
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.plus-circle-icon:before {
  content: '\ecc8';
}
.book-icon:before {
  content: "\f02d";
  font-family: "FontAwesome";
  margin-right: 8px;
}
.blurry {
  transition: 0.8s -webkit-filter ease-in-out !important;
  transition: 0.8s filter ease-in-out !important;
}
.blurry.blurry-active {
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  width: 100px;
  height: 100px;
  background-color: #ccc;
}
.focused-background-shadow {
  transition: box-shadow 0.6s ease-in-out !important;
}
.focused-background-shadow.focused-active {
  box-shadow: 0 0 10px 10px rgba(38 38 2.53333333%) !important;
}
.ds-fade {
  -webkit-transition: opacity 2s;
  /* For Safari 3.1 to 6.0 */
  transition: opacity 2s;
  opacity: 0;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.text-muted {
  opacity: 0.7;
}
.fine-print {
  font-size: 9px !important;
  color: #8F9EA6 !important;
  line-height: 9px !important;
}
.flipped-vertical {
  transform: rotate(180deg);
  transition: transform 0.15s linear;
}
.ds-main-content {
  margin-top: 65px;
}
.ds-alert {
  top: 60px;
  padding: 5px 0px 0px 5px;
  margin-bottom: 0px;
  border: none;
  border-radius: 0px;
}
.ds-alert .close {
  padding: 0px 5px 0px 0px;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-style: normal !important;
  font-size: 12px !important;
  color: #A3A3A3 !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  font-style: normal !important;
  font-size: 12px !important;
  color: #A3A3A3 !important;
}
:-ms-input-placeholder {
  /* IE 10+ */
  font-style: normal !important;
  font-size: 12px !important;
  color: #A3A3A3 !important;
}
:-moz-placeholder {
  /* Firefox 18- */
  font-style: normal !important;
  font-size: 12px !important;
  color: #A3A3A3 !important;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  font-style: normal !important;
  font-size: 12px !important;
  color: #A3A3A3 !important;
  font-weight: normal !important;
}
.header-wrapper {
  background-color: #ffffff;
  box-shadow: 0 2px 0 0 #f3f3f3;
  padding-bottom: 30px;
  display: flex;
}
.header-wrapper .title-header {
  font-family: 'Poppins', sans-serif !important;
  font-size: 28px;
  text-align: left;
  color: #080f44;
  padding-top: 24px;
  word-break: break-all;
}
.header-wrapper .sub-title {
  font-size: 14px;
  color: #8f9ea6;
}
.header-wrapper .header-details-wrapper {
  padding-top: 16px;
  height: 80px;
}
.header-wrapper .header-details-wrapper .items-wrapper {
  padding-top: 4px;
}
.header-wrapper .header-details-wrapper .ds-schools-logo {
  float: left;
  max-width: 75px;
  height: 60px;
  margin-right: 8px;
}
.header-wrapper .header-details-wrapper .ds-schools-uni-name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #58585b;
}
.header-wrapper .header-details-wrapper .ds-schools-uni-address {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
  text-align: left;
  color: #8f9ea6;
}
.body-outer-wrapper {
  padding: 30px 25px 30px 25px;
  background-color: #F4F8FB;
  /*    background: -moz-linear-gradient(to bottom, #0b1e2c 11%, #869aaa 105%);
    background: -webkit-linear-gradient(to bottom, #0b1e2c 11%, #869aaa 105%);
    background: linear-gradient(to bottom, #0b1e2c 11%, #869aaa 105%);*/
  height: 100%;
  min-height: 100vh;
  width: 100%;
  align-content: baseline;
}
.body-outer-wrapper .body-inner-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
  margin-left: 1em;
  margin-right: 1em;
  padding: 35px 50px 25px;
  border-radius: 6px;
}
.body-outer-wrapper .body-inner-wrapper .positive-btn-background {
  background: #00b8e4;
  color: white;
}
.body-outer-wrapper .body-inner-wrapper .x-background {
  background: lightgrey;
  color: white;
}
.section-wrapper {
  padding-bottom: 20px;
}
.section-header {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
  font-family: 'Poppins', sans-serif !important;
  letter-spacing: 0.5px;
  color: #080f44;
}
.card-box-shadow {
  box-shadow: 0px 0px 5px #dddddd99;
  padding: 15px;
  background: #FFFFFF;
  border-radius: 3px;
}
.white-box-outline {
  padding: 20px;
  border-radius: 3px;
  border: 1px solid #C4D4D9;
  background: #FFFFFF;
}
.dropdown-menu {
  min-width: 204px;
  box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.14);
  border: 1px solid #e1e1e1;
  border-radius: 4px !important;
  z-index: 9999;
  width: fit-content;
}
.dropdown-menu:before {
  content: "";
  position: absolute;
  right: 18px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #263a9a transparent;
  z-index: 9999;
  display: none!important;
}
.dropdown-menu .active > a {
  color: unset !important;
}
.dropdown-menu .btn-info {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.dropdown-menu .btn-info .active {
  color: #fff;
}
.dropdown-menu table thead tr th:last-child button {
  min-width: 100%;
}
.dropdown-menu table thead tr th {
  font-size: 100%!important;
}
.dropdown-menu table thead tr .glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}
.dropdown-menu table tbody tr td {
  padding: 0px!important;
}
.dropdown-menu table tbody tr td button {
  display: block;
}
.dropdown-menu table tbody tr td .btn-info:not(:disabled):not(.disabled).active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.dropdown-menu .btn-sm {
  min-width: auto;
}
.dropdown-menu .text-info {
  color: #31708f !important;
}
.dropdown-menu > li {
  line-height: 40px;
  cursor: pointer !important;
}
.dropdown-menu > li div.ng-isolate-scope {
  padding: 10px;
}
.dropdown-menu > li > a {
  padding: 5px 20px 0px 20px;
  line-height: 35px !important;
  background-color: white !important;
}
.dropdown-menu > li:last-child > a {
  border-bottom: 0;
}
.dropdown-menu > li:hover > a {
  background-color: #F7F8FA !important;
  color: #39424c !important;
}
.dropdown-menu:hover {
  cursor: pointer;
}
.dropdown-menu .divider-line-ds {
  background: #c6ccd0;
  height: 1.5px;
  position: absolute;
  width: 90%;
  left: 5%;
}
.date-time {
  font-size: 10px;
}
.img-wrap {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px;
}
.img-wrap img {
  max-height: 100%;
  max-width: 100%;
  border-radius: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  box-shadow: 0px 0px 5px #dddddd99;
}
.img-wrap-sm {
  width: 22px !important;
  height: 22px !important;
}
.user-profile-image-lg .img-wrap {
  height: 95px;
  width: 95px;
}
.user-profile-image-lg .initials {
  height: 95px;
  width: 95px;
  font-size: 30px;
  line-height: 30px;
  padding-top: 30px;
}
.initials {
  width: 30px;
  min-width: 30px !important;
  height: 30px;
  min-height: 30px !important;
  display: inline-block;
  line-height: 30px;
  background: linear-gradient(45deg, #3C51B9, #7a90ff);
  border-radius: 100%;
  color: #fff;
  text-align: center;
  margin-right: 10px;
}
.content-body .mb-30 {
  margin-bottom: 30px !important;
}
.content-body .asign_chat1 {
  align-items: center;
  margin: 0px;
}
.content-body .asign_chat1 img {
  width: 20px;
  margin-top: -3px;
  margin-right: 5px;
}
.content-body .asign_chat1 small {
  margin-right: 5px;
}
.content-body .asign_chat1 .f-600 {
  font-weight: 500;
  font-size: 14px;
  color: #475B6D;
}
.content-right div:has(>.content-fluid) {
  width: 100%;
  display: flex;
  flex: 1 0 0;
}
.content-right .content-fluid {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  align-items: flex-start;
}
.content-right .content-fluid .table-responsive {
  margin: 20px 0;
  max-height: calc(100vh - 210px) !important;
  overflow-y: auto;
  min-height: 300px;
  flex: 1 0 0;
}
.content-right .content-table {
  flex: 1 0 0;
}
.text-dark-gray {
  color: #333;
}
.text-skyblue {
  color: #00B8E4;
}
/*  Tablet  */
@media (min-width: 767px) {
  .row-clear {
    /* Column clear fix */
  }
  .row-clear .col-lg-1:nth-child(12n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1),
  .row-clear .col-md-1:nth-child(12n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-sm-1:nth-child(12n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}
/*  Medium Desktop  */
@media (min-width: 992px) {
  .row-clear {
    /* Column clear fix */
  }
  .row-clear .col-lg-1:nth-child(12n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1),
  .row-clear .col-sm-1:nth-child(12n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-md-1:nth-child(12n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1) {
    clear: left;
  }
}
/*  Large Desktop  */
@media (min-width: 1200px) {
  .row-clear {
    /* Column clear fix */
  }
  .row-clear .col-md-1:nth-child(12n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-sm-1:nth-child(12n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-lg-1:nth-child(12n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}
.turn-off-bootstrap-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/**
 * Now that all app-wide styles have been applied, we can load the styles for
 * all the submodules and components we are using.
 *
 */
.ds-flex-column-centered,
.charts .container,
.charts .card,
.charts .card .card-contents {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.ds-flex-row-centered {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.ds-flex-row-centered .ds-flex-centered-content {
  align-self: center;
}
.ds-flex-column {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ds-flex-row {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.ds-flex-between,
.ds-flex-between-wrap {
  display: flex;
  justify-content: space-between;
}
.ds-flex-center {
  display: flex;
  justify-content: center;
}
.ds-flex-overflow-hidden {
  display: flex;
  flex: 1;
  overflow: hidden !important;
}
.ds-flex-between-wrap {
  align-items: center;
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 10px !important;
}
.p-1-6 {
  padding: 16px !important;
}
.p-2 {
  padding: 20px !important;
}
.p-2-4 {
  padding: 24px !important;
}
.p-3 {
  padding: 30px !important;
}
.p-4 {
  padding: 40px !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: 10px !important;
}
.pl-2 {
  padding-left: 20px !important;
}
.pl-3 {
  padding-left: 30px !important;
}
.pl-4 {
  padding-left: 40px !important;
}
.pl-1-3 {
  padding-left: 13px !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: 10px !important;
}
.pr-2 {
  padding-right: 20px !important;
}
.pr-3 {
  padding-right: 30px !important;
}
.pr-4 {
  padding-right: 40px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 10px !important;
}
.pb-2 {
  padding-bottom: 20px !important;
}
.pb-3 {
  padding-bottom: 30px !important;
}
.pb-4 {
  padding-bottom: 40px !important;
}
.pb-5 {
  padding-bottom: 50px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 10px !important;
}
.pt-2 {
  padding-top: 20px !important;
}
.pt-3 {
  padding-top: 30px !important;
}
.pt-4 {
  padding-top: 40px !important;
}
.pt-5 {
  padding-top: 50px !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 10px !important;
}
.m-2 {
  margin: 20px !important;
}
.m-3 {
  margin: 30px !important;
}
.m-4 {
  margin: 40px !important;
}
.m-auto {
  margin: auto !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-0-5 {
  margin-left: 5px !important;
}
.ml-1 {
  margin-left: 10px !important;
}
.ml-2 {
  margin-left: 20px !important;
}
.ml-3 {
  margin-left: 30px !important;
}
.ml-4 {
  margin-left: 40px !important;
}
.ml-n2 {
  margin-left: -20px !important;
}
.ml-n4 {
  margin-left: -40px !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-1 {
  margin-right: 10px !important;
}
.mr-2 {
  margin-right: 20px !important;
}
.mr-3 {
  margin-right: 30px !important;
}
.mr-4 {
  margin-right: 40px !important;
}
.mr-n2 {
  margin-right: -20px !important;
}
.mr-n4 {
  margin-right: -40px !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 10px !important;
}
.mb-1-2 {
  margin-bottom: 12px !important;
}
.mb-1-6 {
  margin-bottom: 16px !important;
}
.mb-2 {
  margin-bottom: 20px !important;
}
.mb-2-4 {
  margin-bottom: 24px !important;
}
.mb-3 {
  margin-bottom: 30px !important;
}
.mb-4 {
  margin-bottom: 40px !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mb-n1 {
  margin-bottom: -10px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-0-4 {
  margin-top: 4px !important;
}
.mt-0-8 {
  margin-top: 8px !important;
}
.mt-1 {
  margin-top: 10px !important;
}
.mt-2 {
  margin-top: 20px !important;
}
.mt-3 {
  margin-top: 30px !important;
}
.mt-4 {
  margin-top: 40px !important;
}
.mt-auto {
  margin-top: auto !important;
}
.pr-sm {
  padding-right: 7.5px;
}
.pl-sm {
  padding-left: 7.5px;
}
.p-0-20 {
  padding: 0 20px !important;
}
.p-10-20 {
  padding: 10px 20px !important;
}
.p-20-10 {
  padding: 20px 10px !important;
}
.p-20-40 {
  padding: 20px 40px !important;
}
.p-30-0 {
  padding: 30px 0 !important;
}
.p-30-10 {
  padding: 30px 10px !important;
}
.p-30-20 {
  padding: 30px 20px !important;
}
.p-30-40 {
  padding: 30px 40px !important;
}
.p-40-20 {
  padding: 40px 20px !important;
}
/* --------------------------------------------------------------------------------------
The following structure was built to help us have a consistent left nav structure throughout the app.
Each page using this format should use the following pattern:

  - wrap the parent div of the page in `.left-nav-plus-content`
  - wrap the immediate body with `.body-content` so that we can have two flexing columns
  - wrap the left column in `.content-left` and the right column in `.content-right`
  - in the left column, put the first child div as `.left-top-section`. If you need a bottom section (like a footer button), add a `.left-bottom-section` div.

Each page with this pattern expects that the left nav does one or two of the following:

  - Filters the left-hand nav itself (i.e. - updating it's own list of items). This is given the class of `.filter-list`
      - On the <ul>, use `.filter-list`
      - Then, using the following structure: <li><a>{{text}}<class="right-badge"></></></>

  - Selects content to display in the middle/right of the page.
      - Wrap the <ul> in a <div> with the wrapper class of `.select-item-list-wrapper`
      - Then, use the following structure: <ul><li><a><class="title"/><class="subtext"/></></></>
      - Place the the `ng-class : {active}` logic on the <li>, and the `ng-click` on the <a>

Additionally, we have a custom directive in DS called, collapsibleLeftMenu. Applying the attribute, `collapsive-left-menu` will

  1. add a right line and collapse selector
  2. allow this to toggle open/closed over a smooth transition, hiding all content underneath
-------------------------------------------------------------------------------------- */
.collapsible-left-nav .line-fixed,
.collapsible-right-nav .line-fixed {
  position: fixed;
  width: 30px !important;
  height: 100%;
  /*cursor: e-resize;*/
}
.collapsible-left-nav .content-left,
.collapsible-right-nav .content-left {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  max-height: calc(100vh - 55px);
  min-height: 100vh;
  align-self: baseline;
  min-width: 250px;
  max-width: 250px;
  margin-right: 15px !important;
  padding: 0 !important;
  background: #FFFFFF;
  box-shadow: 0px 0px 2px rgba(88, 88, 91, 0.15);
  z-index: 0;
  transition: all ease 0.5s;
  position: relative;
}
.collapsible-left-nav .content-left .collapse-control-tab,
.collapsible-right-nav .content-left .collapse-control-tab {
  display: none;
}
.collapsible-left-nav .content-left .line-fixed:hover,
.collapsible-right-nav .content-left .line-fixed:hover {
  border-left: 3px solid #3C51B9;
}
.collapsible-left-nav .content-left .line-fixed:hover .collapse-control-tab,
.collapsible-right-nav .content-left .line-fixed:hover .collapse-control-tab {
  display: block;
  margin-left: -3px;
}
.collapsible-left-nav .content-left.closed .paginator-transition,
.collapsible-right-nav .content-left.closed .paginator-transition {
  left: -260px;
}
.collapsible-left-nav .content-left.closed .collapse-control-tab,
.collapsible-right-nav .content-left.closed .collapse-control-tab {
  display: block;
}
.collapsible-left-nav .content-left ::-webkit-scrollbar-thumb,
.collapsible-right-nav .content-left ::-webkit-scrollbar-thumb,
.collapsible-left-nav .content-left ::-webkit-scrollbar-track,
.collapsible-right-nav .content-left ::-webkit-scrollbar-track {
  background-color: inherit !important;
}
.collapsible-left-nav .content-left:hover ::-webkit-scrollbar-thumb,
.collapsible-right-nav .content-left:hover ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.collapsible-left-nav .content-left .section-heading,
.collapsible-right-nav .content-left .section-heading {
  font-size: 14px;
  font-weight: 400;
  color: #8F9EA6;
  padding: 15px 15px 20px;
}
.collapsible-left-nav .content-left .filter-header,
.collapsible-right-nav .content-left .filter-header {
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #8F9EA6;
  padding: 10px 10px 10px 15px;
}
.collapsible-left-nav .content-left .sub-filter-option,
.collapsible-right-nav .content-left .sub-filter-option {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
  cursor: pointer;
  pointer-events: none;
}
.collapsible-left-nav .content-left > div,
.collapsible-right-nav .content-left > div {
  transition: all ease 0.5s;
}
.collapsible-left-nav .content-left:hover + .left-nav-column-right-edge .right-edge-line,
.collapsible-right-nav .content-left:hover + .left-nav-column-right-edge .right-edge-line {
  background-color: #9faade !important;
}
.collapsible-left-nav .content-left.closed,
.collapsible-right-nav .content-left.closed {
  max-width: 20px !important;
  min-width: 20px !important;
}
.collapsible-left-nav .content-left.closed .transclude,
.collapsible-right-nav .content-left.closed .transclude {
  display: none;
}
.collapsible-left-nav .content-left.closed + .left-nav-column-right-edge,
.collapsible-right-nav .content-left.closed + .left-nav-column-right-edge {
  left: 20px !important;
}
@media only screen and (max-width: 768px) {
  .collapsible-left-nav .content-left.closed,
  .collapsible-right-nav .content-left.closed {
    max-width: 15px !important;
    min-width: 15px !important;
  }
  .collapsible-left-nav .content-left.closed + .left-nav-column-right-edge,
  .collapsible-right-nav .content-left.closed + .left-nav-column-right-edge {
    left: 15px;
  }
}
@media only screen and (max-width: 325px) {
  .collapsible-left-nav .content-left,
  .collapsible-right-nav .content-left {
    max-width: 300px !important;
    min-width: 300px !important;
  }
  .collapsible-left-nav .content-left + .left-nav-column-right-edge,
  .collapsible-right-nav .content-left + .left-nav-column-right-edge {
    left: 300px;
  }
}
@media only screen and (max-width: 280px) {
  .collapsible-left-nav .content-left,
  .collapsible-right-nav .content-left {
    max-width: 265px !important;
    min-width: 265px !important;
  }
  .collapsible-left-nav .content-left + .left-nav-column-right-edge,
  .collapsible-right-nav .content-left + .left-nav-column-right-edge {
    left: 265px;
  }
}
.collapsible-left-nav .ds-left-menu,
.collapsible-right-nav .ds-left-menu {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}
.collapsible-left-nav .ds-left-menu .resize-line,
.collapsible-right-nav .ds-left-menu .resize-line {
  cursor: col-resize;
}
.collapsible-left-nav .ds-left-menu .resize-line:hover,
.collapsible-right-nav .ds-left-menu .resize-line:hover {
  background-color: #3c51b9;
}
.collapsible-left-nav .ds-left-menu.resize,
.collapsible-right-nav .ds-left-menu.resize {
  grid-template-columns: 1fr 4px;
}
.collapsible-left-nav .ds-left-menu .collapsible-left-content,
.collapsible-right-nav .ds-left-menu .collapsible-left-content {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
}
.collapsible-left-nav .no-transition,
.collapsible-right-nav .no-transition {
  transition: none !important;
}
.collapsible-left-nav .left-nav-column-right-edge,
.collapsible-right-nav .left-nav-column-right-edge {
  position: absolute;
  z-index: 2;
  transition: all 0.5s ease;
  margin-left: 5px;
  right: 0px;
  top: 0;
}
.collapsible-left-nav .left-nav-column-right-edge.closed,
.collapsible-right-nav .left-nav-column-right-edge.closed {
  display: block !important;
}
.collapsible-left-nav .left-nav-column-right-edge .line-fixed,
.collapsible-right-nav .left-nav-column-right-edge .line-fixed {
  position: fixed;
  width: 5px;
  height: 100%;
}
.collapsible-left-nav .left-nav-column-right-edge .collapse-control-tab,
.collapsible-right-nav .left-nav-column-right-edge .collapse-control-tab {
  display: block;
  border-radius: 50%;
  height: 25px;
  min-width: 25px;
  background-color: white;
  box-shadow: 2px 2px 10px rgba(88, 88, 91, 0.25);
  line-height: 30px;
  position: absolute;
  left: -11px;
  top: 30px;
  pointer-events: auto;
}
.collapsible-left-nav .left-nav-column-right-edge .collapse-control-tab:hover,
.collapsible-right-nav .left-nav-column-right-edge .collapse-control-tab:hover {
  background-color: #ebebeb !important;
  color: #0b1e2c !important;
}
.collapsible-left-nav .left-nav-column-right-edge .collapse-control-tab > img,
.collapsible-right-nav .left-nav-column-right-edge .collapse-control-tab > img {
  top: -3px;
  position: relative;
  left: 7px;
}
.collapsible-left-nav .left-nav-column-right-edge .collapse-control-tab > img.flipped-horizontal,
.collapsible-right-nav .left-nav-column-right-edge .collapse-control-tab > img.flipped-horizontal {
  transform: rotate(180deg);
  transition: transform 0.15s linear;
  transition-delay: 0.3s;
  left: 9px;
}
.collapsible-left-nav .left-nav-column-right-edge .right-edge-line,
.collapsible-right-nav .left-nav-column-right-edge .right-edge-line {
  min-height: 100vh;
  width: 1px;
  display: block;
  margin-top: -25px;
}
.collapsible-left-nav .collapsible-right-content.active .left-nav-column-right-edge .collapse-control-tab,
.collapsible-right-nav .collapsible-right-content.active .left-nav-column-right-edge .collapse-control-tab {
  display: none !important;
}
.collapsible-left-nav .collapsible-right-content.active:hover .left-nav-column-right-edge .collapse-control-tab,
.collapsible-right-nav .collapsible-right-content.active:hover .left-nav-column-right-edge .collapse-control-tab {
  display: block !important;
}
.no-transition {
  transition: none !important;
}
.left-nav-plus-content {
  background-color: #F4F8FB !important;
  -webkit-transform: translateZ(0);
  height: 100%;
}
.left-nav-plus-content .body-content {
  min-height: calc(100vh - 55px);
  height: 100%;
  display: flex;
}
.left-nav-plus-content .body-content .content-left {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  max-height: calc(100vh - 55px);
  min-height: 100vh;
  align-self: baseline;
  min-width: 250px;
  max-width: 250px;
  margin-right: 15px !important;
  padding: 0 !important;
  background: #FFFFFF;
  box-shadow: 0px 0px 2px rgba(88, 88, 91, 0.15);
  z-index: 0;
  transition: all ease 0.5s;
}
.left-nav-plus-content .body-content .content-left .section-heading {
  font-size: 14px;
  font-weight: 400;
  color: #8F9EA6;
  padding: 15px 15px 20px;
}
.left-nav-plus-content .body-content .content-left .filter-header {
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #8F9EA6;
  padding: 10px 10px 10px 15px;
}
.left-nav-plus-content .body-content .content-left .left-top-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: calc(100vh - 120px);
}
.left-nav-plus-content .body-content .content-left .left-top-section .filter-list {
  margin: 0 0 0 -15px;
  border: none;
  padding: 0;
  list-style: none;
}
.left-nav-plus-content .body-content .content-left .left-top-section .filter-list li {
  float: left !important;
  margin-bottom: 0;
  height: 40px;
  width: 100%;
  position: relative;
  display: block;
}
.left-nav-plus-content .body-content .content-left .left-top-section .filter-list li a {
  margin: 0 0 0 15px;
  font-size: 12px;
  color: #393939;
  font-weight: 500;
  border: 1px solid transparent;
  position: relative;
  display: block;
  padding: 10px 15px 10px 25px;
}
.left-nav-plus-content .body-content .content-left .left-top-section .filter-list li a .right-badge {
  float: right !important;
  display: inline-block;
  padding: 1px 6px;
  min-width: 20px;
  text-align: center;
  color: #393939;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
}
.left-nav-plus-content .body-content .content-left .left-top-section .filter-list li a.active {
  background-color: #f1f1f1;
  color: #3C51B9;
  border: none;
  border-radius: 0px 0 0 0px;
}
.left-nav-plus-content .body-content .content-left .left-top-section .filter-list li a.active .right-badge {
  background: #00B8E4;
  color: #fff;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper {
  list-style: none;
  padding: 0 0 0 15px;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul {
  padding-left: 20px;
  max-height: calc(100vh - 150px);
  overflow: auto;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li {
  position: relative;
  display: block;
  line-height: 14px;
  color: #393939;
  border: 1px solid #C4D4D9;
  border-radius: 5px 0 0 5px;
  border-right: none;
  margin: 10px 0;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li a {
  display: flex;
  flex-direction: column;
  padding: 15px;
  text-decoration: none !important;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li a .title {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #393939;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li a .subtext {
  font-size: 10px;
  font-weight: 400;
  color: #8B8B98;
  margin: 0;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li.active,
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li:hover {
  border-radius: 5px 0 0 5px;
  border: 1px solid #3C51B9;
  border-right: none;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li.active .title,
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul li:hover .title {
  color: #3C51B9;
}
.left-nav-plus-content .body-content .content-left .left-top-section.left-grid {
  display: grid;
  grid-template-rows: 1fr 60px;
  max-height: unset;
}
.left-nav-plus-content .body-content .content-left .left-bottom-section {
  margin: auto;
  padding: 15px 0 15px 15px;
}
.left-nav-plus-content .body-content .content-left .left-bottom-section button {
  font-size: 12px;
  padding: 5px 20px;
  border-radius: 5px;
}
.left-nav-plus-content .body-content .content-left .content {
  height: calc(100% - 195px);
  overflow-y: auto;
}
.left-nav-plus-content .body-content .content-left > div {
  transition: all ease 0.5s;
}
.left-nav-plus-content .body-content .content-right {
  display: flex;
  flex: auto;
  min-width: 350px;
  padding: 30px 40px;
  background: #fff;
  margin: 15px 15px;
  border-radius: 5px;
}
.left-nav-plus-content .body-content .content-right .inner-wrapper {
  min-height: calc(100vh - 250px);
  flex: 1;
  width: 100%;
}
.left-nav-plus-content .body-content .content-right .inner-wrapper .table {
  /*margin-bottom: 50px;*/
}
.left-nav-plus-content .body-content .content-right .right-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.left-nav-plus-content .body-content .content-right .right-header-wrapper .title {
  font-size: 14px;
}
/*
@media only screen and (max-width: 767px) {
  .content-left {
    position: absolute;
    height: calc(100% - 55px);
    top: 55px;
    left: -325px;
    transition: all ease .5s;
  }

  .content-left.active {
    left: 0;
    transition: all ease .5s;
    z-index: 6;
  }
}*/
/* --------------------------------------------------------------------------------------
This structure was created to support consistent styling across key elements within Admin pagees.
This does not replace the other layout styles (such as `pages-with-left-nav.less`), but rather augments
the styling of elements within pages created using one of our layouts.

E.g. - a single page might use:

	- a collapsible left nav
	- a central section with content
	- and, multiple section cards with descriptors above each

HOW TO USE THIS:

	- add the .admin-pages class to the outer div of the HTML template
	- then, focus on the respective key objects:

			- .section-title // .section-subheader // <p> tags
			- .section-card


EXAMPLE (whether in a page with left nav or by itself):

	<div class="admin-pages">
		<div class="container">
			<div class="head-wrapper">
				<div class="section-title"></div>
				<div class="section-subheader"></div>
				<p></p>
			</div>
			<div class="section-card">
				<h2>This is my header</h2>
				<p>This is my subtext</p>
			</div>
			<div class="section-card"></div>
		</div>
	</div>
-------------------------------------------------------------------------------------- */
.admin-pages .btn-primary,
.ds-view-student .btn-primary,
.support-modal .btn-primary,
.add_school_rules .btn-primary {
  background: #3C51B9 !important;
  color: white !important;
  font-size: 12px !important;
  border-radius: 5px;
}
.admin-pages .btn-primary svg path,
.ds-view-student .btn-primary svg path,
.support-modal .btn-primary svg path,
.add_school_rules .btn-primary svg path {
  fill: white;
}
.admin-pages .btn-primary:hover,
.ds-view-student .btn-primary:hover,
.support-modal .btn-primary:hover,
.add_school_rules .btn-primary:hover,
.admin-pages .btn-primary:focus,
.ds-view-student .btn-primary:focus,
.support-modal .btn-primary:focus,
.add_school_rules .btn-primary:focus,
.admin-pages .btn-primary:active,
.ds-view-student .btn-primary:active,
.support-modal .btn-primary:active,
.add_school_rules .btn-primary:active {
  background: #263a9a !important;
}
.admin-pages {
  background-color: #F4F8FB;
  display: flow-root;
  min-height: 100vh;
}
.admin-pages .head-wrapper {
  margin: 0px 20px;
  padding: 20px 0 30px 0;
}
.admin-pages .head-wrapper .section-title {
  font-weight: 600;
  font-size: 22px;
  color: #333333;
  vertical-align: middle;
  display: inline-flex;
}
.admin-pages .head-wrapper .section-subheader {
  font-size: 18px;
  font-weight: 500;
  margin-top: -10px;
  margin-bottom: 20px;
}
.admin-pages .head-wrapper p {
  font-size: 12px;
  line-height: 150%;
  color: #59595B;
}
.admin-pages .section-card {
  padding: 20px 40px;
  margin: 0 0 30px 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 5px;
  display: grid;
}
.admin-pages .section-card h2 {
  font-size: 16px;
  line-height: 24px;
  color: #3C3C3C;
  margin-top: 0px;
}
.admin-pages .section-card p {
  font-weight: normal;
  font-size: 11px;
  line-height: 150%;
  color: #59595B;
}
.sticky-header {
  background: white;
  position: sticky !important;
  width: 100% !important;
  z-index: 10 !important;
  top: 55px !important;
  height: 100% !important;
  box-shadow: 0px 4px 10px rgb(120 120 8%) !important;
  display: inline-flex !important;
}
/**
How to use this class:

<div c
<div class="sticky-footer justify-content-center">
  <div class="d-flex justify-content-between col-xs-12"
    <div>   </>  <-- column 1
    <div class="d-flex align-items-center>   </>  <-- column 2
  </>
</>

 */
:root {
  --ds-sticky-footer-height: 79.5px;
}
.sticky-footer {
  background-color: white;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 20px 40px;
  width: 100% !important;
  z-index: 6 !important;
  position: fixed;
  bottom: 0;
  height: var(--ds-sticky-footer-height);
}
.sticky-footer > div {
  max-width: 1100px;
}
.sticky-footer .btn:focus {
  box-shadow: none;
}
.sticky-footer .btn {
  display: flex;
  padding: 10px 20px !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  min-width: unset;
}
.sticky-footer .btn.btn-primary {
  background: #3C51B9 !important;
  color: white;
}
.sticky-footer .btn.btn-primary svg path {
  fill: white;
}
.sticky-footer .btn.btn-light {
  color: #333 !important;
  background-color: transparent;
}
.sticky-footer .btn.btn-light svg path {
  fill: #333;
}
.sticky-footer .btn.btn-outline-dark {
  border: 1px solid black;
  background-color: transparent;
  color: black !important;
}
.sticky-footer .btn.btn-outline-dark svg path {
  fill: black;
}
.sticky-footer .btn.btn-outline-blue {
  border: 1px solid #3C51B9;
  background-color: transparent;
  color: #3C51B9 !important;
}
.sticky-footer .btn:focus {
  box-shadow: none;
}
.sticky-footer.fixed {
  position: fixed;
  bottom: 0;
}
.sticky-footer-wrapper {
  position: relative;
}
.sticky-footer-wrapper.add-height {
  height: var(--ds-sticky-footer-height);
}
.sticky-footer-wrapper .sticky-footer {
  position: absolute;
}
@media screen and (max-width: 576px) {
  :root {
    --ds-sticky-footer-height: 51px;
  }
  .sticky-footer {
    height: var(--ds-sticky-footer-height);
    padding: 10px 20px;
  }
  .sticky-footer .btn {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 4px 15px !important;
  }
  .sticky-footer .btn span {
    padding: 0 !important;
    line-height: normal !important;
  }
  .sticky-footer .btn.btn-light {
    padding-left: 0 !important;
  }
}
.grid-column-center {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
}
.grid-row {
  display: grid;
  grid-auto-flow: row;
}
.grid-column {
  display: grid;
  grid-auto-flow: column;
}
.ds-xs-main-text {
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: normal !important;
}
.ds-xs-sub-main-text {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: normal !important;
}
.ds-xs-main-paragraph-text {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.ds-xs-question-text {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.ds-xs-submain-paragraph-text {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  font-size: 14px !important;
}
.ds-xs-sub-header-text {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
.ds-xs-paragraph-text {
  font-size: 12px !important;
  font-weight: 400;
  font-weight: 400 !important;
  line-height: normal !important;
}
.ds-xs-sub-paragraph-text {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  font-size: 10px !important;
  line-height: 22px;
  font-weight: 400;
}
.ds-xs-disclaimer-text {
  font-size: 10px !important;
  line-height: 22px;
  font-weight: 400;
  line-height: 15px !important;
}
.ds-xs-label-placeholder-text {
  font-size: 12px !important;
  font-weight: 400;
  font-weight: 400 !important;
  line-height: normal !important;
}
.ds-xs-table-header-text {
  font-size: 10px !important;
  line-height: 22px;
  font-weight: 400;
  font-weight: 400 !important;
  line-height: normal !important;
}
.ds-xs-table-information-bold-text {
  font-size: 12px !important;
  font-weight: 400;
  font-weight: 600 !important;
  line-height: normal !important;
  vertical-align: middle !important;
}
.ds-xs-table-information-text {
  font-size: 12px !important;
  font-weight: 400;
  font-weight: 400 !important;
  line-height: normal !important;
  vertical-align: middle !important;
}
.ds-xs-manual-table-information-bold-text {
  font-size: 12px !important;
  font-weight: 400;
  font-weight: 600 !important;
  line-height: normal !important;
  font-style: italic !important;
  vertical-align: middle !important;
}
.ds-xs-manual-table-information-text {
  font-size: 12px !important;
  font-weight: 400;
  font-weight: 400 !important;
  line-height: normal !important;
  font-style: italic !important;
  vertical-align: middle !important;
}
.ds-editable:after {
  font-family: "FontAwesome";
  content: ' \f040';
  font-style: italic;
  padding-left: 4px;
  font-size: 75%;
  position: absolute;
  visibility: hidden;
}
.ds-editable:hover:after {
  visibility: visible;
}
.input-dropdown {
  position: relative;
}
.input-dropdown .popover-content {
  padding: 0px 0px;
}
.input-dropdown .popover {
  width: 350px;
  font-size: 10px;
}
.input-dropdown .disabled {
  cursor: not-allowed;
  background-color: #f7f7f7 !important;
  opacity: 1;
  color: #9f9f9f;
}
.input-dropdown .caret {
  position: absolute;
  top: 15px;
  right: 10px;
}
.input-dropdown .info-tooltip {
  position: absolute;
  right: 10px;
  top: 7px;
}
.input-dropdown ul {
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #cccccc;
  color: #555555;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 1000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  left: 0;
  top: 32px;
}
.input-dropdown ul > li:hover,
.input-dropdown .active {
  background: #eee;
}
.input-dropdown ul > li:hover.no-hover,
.input-dropdown .active.no-hover {
  background: #fff;
}
.input-dropdown ul > li {
  position: relative;
  cursor: pointer;
  padding: 5px;
}
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.x.axis path {
  display: none;
}
.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
div.password-constraints {
  padding: 0px;
  margin: 10px;
  font-size: 13px;
}
div.password-constraints div.flex-row > div {
  margin: 0 5px 0 5px;
  padding: 0px;
}
div.password-constraints i.fa {
  font-size: 16px;
}
div.password-constraints i.fa-check-square-o {
  color: green;
}
div.password-constraints i.fa-times {
  color: red;
}
div.password-constraints table,
div.password-constraints tr,
div.password-constraints td {
  border: none !important;
}
div.password-constraints table {
  margin: 5px 0 0 10px;
}
div.password-constraints table tbody tr {
  height: unset;
}
div.password-constraints table tbody tr:hover td {
  background: none !important;
}
div.password-constraints table tbody tr > td {
  text-wrap: wrap;
  padding: 5px !important;
}
div.password-constraints table tbody tr > td:first-child {
  text-align: center;
  width: 25px !important;
}
div.password-constraints table tbody tr > td:last-child {
  width: 100% !important;
}
.line-flex {
  display: flex;
  align-items: center;
  height: 100%;
}
.line-flex .boder-vertical {
  border-left: 1px solid #cdcdcd;
  height: 100%;
  border-radius: 3px;
}
.btn-back {
  display: flex;
  align-items: center;
  padding: 0;
}
.btn-back span {
  font-size: 14px;
}
.btn-back a {
  color: #333 !important;
  font-weight: bold !important;
  font-size: 14px !important;
  padding: 6px;
}
.btn-back a:hover {
  text-decoration: none;
}
.ds-onboarding-card.students-onboarding {
  background-image: none !important;
}
.ds-device-modal {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 6;
  transition: 0.3s ease all;
  max-width: 768px;
  padding: 0 5px;
  transform: translateY(100%);
}
.ds-device-modal.active .title {
  display: none;
}
.ds-device-modal .device-content {
  width: 98%;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 28px 28px 0 0;
}
.ds-device-modal .device-content .d-header {
  cursor: pointer;
  gap: 5px;
  padding: 5px;
  border-radius: 28px 28px 0px 0px;
  border-top: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  background: #FFF;
}
.ds-device-modal .device-content .d-header .line {
  border-radius: 100px;
  opacity: 0.4;
  background: #79747E;
  width: 32px;
  height: 4px;
  padding: 3px;
}
.ds-device-modal .device-content .d-header .grid-header {
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  grid-template-rows: 20px;
  align-items: center;
  width: 100%;
  padding: 0 5px;
}
.ds-device-modal .device-content .d-header .grid-header .drag-btn {
  display: flex;
  justify-content: center;
  grid-column-start: 2;
}
.ds-device-modal .device-content .d-header .grid-header img {
  margin-top: 5px;
  height: 16px;
  width: 16px;
}
.ds-device-modal .device-content .d-header .title.show {
  display: block !important;
}
.ds-device-modal .device-content > div:nth-child(2) {
  height: 100%;
  padding-top: 0 !important;
  background: #fff;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  overflow-y: auto;
}
.ds-pdf-viewer .pdf-header {
  padding: 15px 0;
  height: 60px;
}
.ds-pdf-viewer .pdf-header .change-pdf-btn.not-allowed {
  cursor: not-allowed !important;
}
.ds-pdf-viewer .pdf-header button {
  outline: none;
  border: none;
}
.ds-pdf-viewer .pdf-header button:disabled {
  background-color: transparent !important;
}
.ds-pdf-viewer .pdf-header .school-transcripts {
  flex: 0.7;
  justify-content: start !important;
}
.ds-pdf-viewer .pdf-header .change-pdf-btn.not-allowed {
  cursor: progress !important;
}
.ds-pdf-viewer .pdf-header button {
  outline: none;
  border: none;
}
.ds-pdf-viewer .pdf-header button:disabled {
  background-color: transparent !important;
}
.ds-pdf-viewer .pdf-header .transcript-zoom {
  flex: 0.3;
  justify-content: end;
}
.ds-pdf-viewer .pdf-header .transcript-zoom .zoom-disabled {
  opacity: 0.5;
}
.ds-pdf-viewer .percentage-zoom {
  width: 60px;
}
.ds-pdf-viewer .pdf-spinner {
  height: 100px;
}
.ds-pdf-container {
  overflow-y: auto;
  border: 1px solid #000;
}
.collapsible-right-content {
  min-height: calc(100vh - 55px);
  width: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  position: relative;
}
.collapsible-right-content.active {
  width: 690px;
}
.collapsible-right-content.active .left-nav-column-right-edge {
  display: flex;
}
.collapsible-right-content.active .collapse-control-tab {
  display: block !important;
}
.collapsible-right-content.active.resizable {
  grid-template-areas: 'a b';
  grid-template-columns: 4px 1fr;
}
.collapsible-right-content.active.resizable .resize-line {
  grid-area: a;
  cursor: col-resize;
}
.collapsible-right-content.active.resizable .resize-line:hover {
  background-color: #3c51b9;
}
.collapsible-right-content.active.resizable .collapsible-content {
  grid-area: b;
}
.collapsible-right-content:not(.active) {
  width: 20px !important;
}
.collapsible-right-content:not(.active) .left-nav-column-right-edge .collapse-control-tab {
  display: block !important;
}
.collapsible-right-content .left-nav-column-right-edge {
  left: unset;
  right: unset;
  cursor: pointer;
  display: none;
}
.collapsible-right-content .collapse-control-tab {
  left: -20px !important;
  display: none !important;
}
.dropdown-menu.simple-dropdown-menu {
  position: fixed;
  min-width: 160px;
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-menu.simple-dropdown-menu > li {
  line-height: normal;
  padding: 3px 10px;
  font-size: 12px;
}
.dropdown-menu.simple-dropdown-menu > li:hover {
  background-color: #F7F8FA !important;
}
.dropdown-menu.simple-dropdown-menu > li.selected {
  background-color: #F7F8FA !important;
}
.ds-simple-dropdown .dropdown-toggle {
  border: 1px solid #767676 !important;
  background-color: transparent !important;
  color: #59595B !important;
  box-shadow: unset !important;
  text-wrap: wrap !important;
  padding: 1px 4px;
  border-radius: 3px;
  min-width: 160px;
  text-align: left;
}
.ds-simple-dropdown .dropdown-toggle:hover,
.ds-simple-dropdown .dropdown-toggle:focus {
  background-color: transparent !important;
  color: #59595B !important;
}
.ds-simple-dropdown svg {
  transform: rotate(90deg);
}
.ds-simple-dropdown svg path {
  fill: #767676 !important;
}
@media screen and (min-width: 768px) {
  .ds-device-modal.d-flex {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pdf-header {
    flex-direction: row !important;
    overflow: unset;
  }
  .pdf-header .transcript-zoom {
    margin-bottom: 0px !important;
    margin-bottom: 10px;
  }
  .pdf-header .school-transcripts {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .ds-pdf-container {
    height: 100% !important;
  }
}
.ds-custom-switch.switch {
  width: 47px !important;
}
.ds-custom-switch.switch .slider:before {
  height: 14px !important;
  width: 14px !important;
  bottom: 3px !important;
  left: 3px !important;
}
.ds-custom-switch.switch input:checked + .slider {
  background: var(--switch-bg-color);
}
.ds-custom-switch.switch input:checked + .slider:before {
  height: 16px !important;
  width: 16px !important;
  left: 3px !important;
  bottom: 2px !important;
  background-image: var(--encoded-svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.ds-custom-switch.switch input:checked + .slider + .switch-texts:before {
  content: var(--checked-text);
  font-size: 10px;
  pointer-events: none;
  position: absolute;
  left: 6px;
  top: 3px;
  z-index: 1;
  color: #fff;
  animation-name: text-opacity;
  animation-duration: 0.5s;
}
.ds-custom-switch.switch input:not(:checked) + .slider + .switch-texts:after {
  content: var(--unchecked-text);
  font-size: 10px;
  pointer-events: none;
  position: absolute;
  right: 6px;
  top: 3px;
  z-index: 1;
  animation-name: text-opacity;
  animation-duration: 0.5s;
}
.ds-custom-switch.switch .switch-texts {
  position: relative;
}
.ds-image-preview {
  padding: 20px 20px 30px 20px;
  background: #fff;
  border-radius: 10px;
}
.ds-image-preview .zoom-wrapper {
  gap: 5px;
}
.ds-image-preview .image-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  margin-top: -10px;
}
.ds-image-preview .image-wrapper .ds-flex-centered-content {
  align-self: center;
}
.ds-image-preview .image-wrapper .canvas-container {
  max-height: 400px;
  overflow: auto;
  scrollbar-width: thin;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.ds-image-preview .image-wrapper .canvas-container canvas.image {
  max-width: none;
  max-height: none;
}
.ds-image-preview .image-wrapper .canvas-container.pdf-container {
  min-height: 400px;
}
.ds-image-preview .rotate-right,
.ds-image-preview .rotate-left {
  gap: 5px;
  cursor: pointer;
}
.ds-image-preview .rotate-right .icon {
  transform: scaleX(-1);
}
.btn-loader .circle-loader.circle-send-loader {
  margin-left: 0px !important;
}
@keyframes text-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 1470px) {
  div.type-container {
    grid-template-columns: 1fr !important;
    grid-template-areas: 'a b' 'c c';
  }
  div.type-container div.search-coursework {
    grid-area: a;
  }
  div.type-container div.filters {
    grid-area: c;
  }
  div.type-container div.actions {
    grid-area: b;
  }
}
@media screen and (max-width: 925px) {
  div.type-container div.filters {
    flex-direction: column;
  }
  div.type-container div.filters div,
  div.type-container div.filters button.btn-filter {
    width: 100%;
  }
  div.type-container div.filters div.date-filter .date-wrapper {
    max-width: 100%;
  }
  div.type-container button.btn-filter,
  div.type-container input.date-picker {
    min-height: 38px;
  }
  div.type-container .search-coursework {
    min-width: unset !important;
  }
}
@media screen and (max-width: 910px) {
  div.type-container div.filters {
    flex-direction: column;
  }
  div.type-container div.filters div {
    width: 100%;
  }
}
@media screen and (max-width: 530px) {
  div.ds-multiselect-estimates div.search-results div.result-info {
    gap: 0 !important;
  }
  div.ds-multiselect-estimates div.search-results div.result-info div.items-gap {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
@media screen and (max-width: 576px) {
  .ds-image-preview .btn.btn-primary {
    font-size: 14px;
    padding: 6px 15px !important;
  }
}
.ds-multiselect {
  background: #F4F7F9;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #DCDFE1;
  border-radius: 3px;
  margin-top: 5px;
}
.ds-multiselect .ms-inputs {
  gap: 5px;
}
.ds-multiselect .type-container {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: auto min-content min-content;
  gap: 10px;
}
.ds-multiselect .type-container div.date-filter .date-wrapper {
  min-width: 176px;
  max-width: 176px;
  position: relative;
}
.ds-multiselect .type-container div.date-filter .date-wrapper span.filter-name {
  position: absolute;
  pointer-events: none;
  left: 16px;
  top: 10px;
  color: #000;
}
.ds-multiselect .type-container div.date-filter .date-wrapper div.Zebra_DatePicker {
  top: 42px !important;
  right: 0 !important;
  left: unset !important;
}
.ds-multiselect .type-container div.date-filter .date-wrapper input {
  padding-left: 101px;
  border: 1px solid #979797 !important;
  line-height: 1px !important;
  color: #000 !important;
}
.ds-multiselect .type-container .search-wrapper {
  position: relative;
}
.ds-multiselect .type-container .search-wrapper input {
  cursor: default;
}
.ds-multiselect .type-container .search-wrapper img {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}
.ds-multiselect .type-container.no-actions {
  grid-template-columns: 1fr;
}
.ds-multiselect .search-coursework {
  border-radius: 3px;
  border: 1px solid #ADAFB8;
  width: 100%;
  outline: none;
  padding: 8px 16px;
  color: #58585B;
  min-width: 300px;
}
.ds-multiselect .search-coursework::placeholder {
  text-transform: uppercase;
}
.ds-multiselect .search-coursework:disabled {
  opacity: 0.5;
  background-color: #fff;
}
.ds-multiselect .search-results {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  max-height: 315px;
  overflow-y: auto;
}
.ds-multiselect .search-results .search-result {
  padding: 5px 8px;
  background: #fff;
  min-height: 46px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ds-multiselect .search-results .search-result.row-selected {
  background-color: #F4F7F9;
}
.ds-multiselect .search-results .search-result:hover {
  background: #F4F7F9;
}
.ds-multiselect .search-results .search-result .result-info .header-text {
  color: #393939;
  text-wrap: wrap !important;
}
.ds-multiselect .search-results .search-result .result-info .body-text {
  color: #393939;
  font-style: italic;
  line-height: 15px;
}
.ds-multiselect .search-results .search-result .result-info .text-match {
  font-size: 8px !important;
}
.ds-multiselect .search-results .search-result .result-info .manually span {
  color: #3C51B9;
}
.ds-multiselect .search-results .search-result .result-info .manually .body-text {
  font-style: italic;
}
.ds-multiselect .search-results .search-result .result-info .icon .check-circle {
  width: 18px;
  height: 18px;
  opacity: 50%;
}
.ds-multiselect .search-results .search-result:focus-visible {
  outline: none;
}
.ds-multiselect .search-results .search-result.active {
  background: #F1F1F1;
}
.ds-multiselect .search-results.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.ds-multiselect .selected-items {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow-x: auto;
  padding: 5px;
  background: #fff;
}
.ds-multiselect .selected-items .selected-pill {
  padding: 2px 10px;
  border-radius: 50px;
  background: #E7EDF3;
}
.ds-multiselect .selected-items .selected-pill span {
  text-wrap: nowrap;
}
.ds-multiselect .submit-multiselect {
  background-color: #3C51B9 !important;
  min-width: auto;
}
.ds-multiselect .submit-multiselect:hover {
  background-color: #3C51B9 !important;
}
.ds-multiselect #msDateContainer {
  position: relative;
}
.ds-multiselect .Zebra_DatePicker {
  left: 35% !important;
  bottom: 0 !important;
  top: 40px !important;
}
.ds-multiselect .Zebra_DatePicker_Icon_Wrapper {
  width: 100% !important;
}
.ds-multiselect .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon {
  top: 10px !important;
}
.ds-multiselect .date-picker {
  border: 1px solid #ADAFB8 !important;
  background-color: #fff !important;
  color: #58585B !important;
  padding: 8px 16px;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.ds-multiselect .date-picker:hover {
  background-color: #fff !important;
}
.ds-multiselect .date-picker::placeholder {
  color: #AFAFAF !important;
  text-transform: uppercase;
  text-align: left;
}
.ds-multiselect .date-picker:focus-visible {
  box-shadow: unset !important;
}
.ds-multiselect .btn-filter {
  border-radius: 4px !important;
  border: 1px solid #979797 !important;
  background: #FFF !important;
  padding: 5px 16px !important;
  color: #000 !important;
}
.ds-multiselect .btn-filter:hover,
.ds-multiselect .btn-filter:focus {
  background: #FFF !important;
}
.ds-multiselect .cancel-items {
  display: flex;
  padding: 5px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #3C51B9;
}
.ds-multiselect.ds-transcript-school-select {
  padding: 0 !important;
  background: unset !important;
  border: unset;
  box-shadow: unset;
}
.ds-multiselect.ds-transcript-school-select .select-container {
  position: relative;
}
.ds-multiselect.ds-transcript-school-select .select-container .ms-type {
  z-index: 101;
}
.ds-multiselect.ds-transcript-school-select .select-container .search-schools {
  border-radius: 3px;
  border: 1px solid #ADAFB8;
  background: #FFF;
  height: 34px;
  padding: 8px 10px;
}
.ds-multiselect.ds-transcript-school-select .select-container .search-schools.selected {
  min-height: 52px;
  height: unset;
}
.ds-multiselect.ds-transcript-school-select .select-container .search-schools .selected-school .check-circle {
  width: 16px;
  height: 16px;
}
.ds-multiselect.ds-transcript-school-select .select-container .type-container {
  grid-template-areas: unset;
}
.ds-multiselect.ds-transcript-school-select .select-container .search-results {
  max-height: 197px !important;
  height: fit-content;
  position: absolute;
  top: 38px;
  width: 100%;
  z-index: 101;
}
.ds-multiselect.ds-transcript-school-select .select-container .search-results .result-info .icon .check-circle {
  height: 18px;
  width: 18px;
  opacity: 1 !important;
}
.ds-multiselect-estimates .search-result {
  height: unset !important;
}
.ds-multiselect-estimates div.items-gap {
  gap: 10px;
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 100px 130px 25px ;
}
.ds-multiselect-estimates span.icon-gap {
  gap: 4px;
}
.ds-multiselect-estimates div.select-container div.search-result {
  width: 100%;
  text-wrap: nowrap;
}
.multiselect-date {
  top: 190px;
}
.ds-multiselect-electives div.search-result div.result-info span {
  color: #393939;
}
.ds-multiselect-electives div.search-result div.result-info div.sync-wrapper {
  min-width: 21px;
  height: 21px;
  padding: 2px !important;
}
.ds-multiselect-electives div.search-result div.result-info div.sync-wrapper img.sync {
  width: 12px;
  height: 12px;
}
.ds-multiselect-electives {
  max-width: 460px;
  margin-bottom: 10px !important;
}
.ds-multiselect-electives input.search-coursework {
  min-width: 270px;
}
.ds-multiselect-electives div.result-info span.title {
  max-width: 215px;
}
.ds-multiselect-electives div.result-info div.right-grant {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 20px;
}
.ds-multiselect-electives div.result-info div.right-grant.has-grant {
  grid-template-columns: 20px 90px;
}
.ds-multiselect-electives div.result-info div.right-grant .grant-check {
  width: 12px;
  height: 12px;
}
.ds-multiselect-electives div.result-info div.coursework-input {
  max-width: 200px;
}
.ds-multiselect-electives div.result-info.fulfilment div.right-grant div.match-square {
  opacity: 50%;
}
.ds-multiselect-electives div.result-info.fulfilment div.right-grant div.grant {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 12px auto;
}
.ds-multiselect-electives div.result-info.fulfilment div.right-grant div.grant .grant-check {
  opacity: 50%;
}
.ds-multiselect-electives div.result-info.fulfilment div.right-grant div.grant.grant-unused {
  grid-template-columns: 1fr;
}
.ds-multiselect.list-options {
  position: relative;
}
.ds-multiselect.list-options multiselect-type {
  flex: unset !important;
}
.ds-multiselect.list-options .type-container {
  row-gap: 0;
}
.ds-multiselect.list-options .search-results {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px !important;
  padding: 10px !important;
}
.ds-multiselect.list-options .search-results .search-result {
  padding: 0 !important;
  background: #FFF;
  min-height: unset;
  border-bottom: unset;
}
.ds-multiselect.list-options .search-results .search-result .result-info {
  flex: 1;
}
.ds-multiselect.list-options .search-results .search-result .result-info .option {
  flex: 1;
  border-radius: 3px;
  border: 1px solid #D2D2D2;
  padding: 4px 10px;
}
.ds-multiselect.list-options .search-results .search-result .result-info .form-control {
  border: 1px solid #D2D2D2 !important;
}
.ds-multiselect.list-options .add-option {
  cursor: pointer;
  width: fit-content;
}
.ds-multiselect.list-options.duplicated-courses .type-container .cancel-items {
  text-wrap: nowrap;
}
.ds-multiselect.list-options.duplicated-courses .type-container .search-coursework {
  padding: 8px 40px 8px 10px;
  height: 29px;
}
.ds-multiselect.list-options.duplicated-courses .type-container .search-wrapper img {
  top: 7px;
}
.ds-multiselect.list-options.duplicated-courses .search-results {
  max-height: 225px;
  overflow-y: auto;
}
.ds-multiselect.list-options.duplicated-courses .search-results .search-result .result-info .course-code {
  border: unset !important;
  padding: 4px 10px;
}
.ds-multiselect.list-options.duplicated-courses .add-placeholders {
  position: relative;
  height: 29px;
  z-index: 101;
}
.ds-multiselect.list-options.duplicated-courses .add-placeholders .btn.btn-primary {
  border-radius: 3px;
  padding: 5px 12px;
  position: relative;
  z-index: 101;
  height: 29px;
}
.ds-multiselect.list-options.duplicated-courses .add-placeholders .add-placeholder-input {
  position: relative;
  z-index: 101;
  height: 29px;
}
.ds-multiselect.list-options.duplicated-courses .add-placeholders .placeholder-input-wrapper {
  position: relative;
  width: 100%;
}
.ds-multiselect.list-options.duplicated-courses .add-placeholders .placeholder-input-wrapper close-svg {
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 102;
  cursor: pointer;
}
.ds-multiselect.list-options.duplicated-courses .placeholder-list-wrapper {
  position: absolute;
  border-radius: 3px;
  border: 1px solid #EBEBEB;
  background: #FFF;
  max-height: 210px;
  width: 100%;
  top: 102%;
  left: 0;
  z-index: 101;
  overflow-y: auto;
}
.ds-multiselect.list-options.duplicated-courses .placeholder-list-wrapper .placeholder-list-item {
  cursor: pointer;
  padding: 5px 10px;
}
.ds-multiselect.list-options.duplicated-courses .placeholder-list-wrapper .placeholder-list-item .is-placeholder {
  color: #fff;
  border-radius: 3px;
  background: #FFA800;
  padding: 2px 12px;
}
.ds-multiselect.list-options.duplicated-courses .placeholder-list-wrapper .placeholder-list-item:not(:last-child) {
  border-bottom: 1px solid #EBEBEB;
}
.ds-multiselect.list-options.duplicated-courses .placeholder-list-wrapper .placeholder-list-item:hover {
  background: #F4F7F9;
}
.ds-multiselect.list-options.duplicated-courses .placeholder-list-wrapper .placeholder-list-item.selected {
  background: #F4F7F9;
}
@media screen and (max-width: 768px) {
  .ds-multiselect.ms-course-exam .search-results .result-info .result span:nth-child(1),
  .ds-multiselect.ms-school .search-results .result-info .result span:nth-child(1) {
    font-size: 14px !important;
  }
  .ds-multiselect.ms-course-exam .search-results .result-info .result span:nth-child(2),
  .ds-multiselect.ms-school .search-results .result-info .result span:nth-child(2) {
    font-size: 12px !important;
    font-weight: 400;
  }
}
.container-auth {
  padding: 30px 10px !important;
  overflow-y: auto;
}
.container-auth a {
  font-weight: 500 !important;
  text-decoration: none;
}
.container-auth .field-signup {
  margin: 0 !important;
  padding: 0 !important;
  width: 400px;
}
.container-auth .field-auth {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 567px !important;
}
.container-auth .auth-card {
  background: #fff;
  padding: 40px !important;
  border-radius: 5px;
  width: 100%;
}
.container-auth .auth-card .sign-in-wrapper {
  margin: 0 !important;
}
.container-auth .auth-card .sign-in-wrapper h1 {
  margin: 0 !important;
  color: #3C3C3C;
}
.container-auth .auth-card form[name="loginForm"] .input-group,
.container-auth .auth-card form[id="signupForm"] .input-group {
  padding: 0 !important;
}
.container-auth .auth-card form[name="loginForm"] .input-group input,
.container-auth .auth-card form[id="signupForm"] .input-group input {
  padding: 16px 8px !important;
  font-size: 14px !important;
}
.container-auth .auth-card form[name="loginForm"] .signup-forget-text,
.container-auth .auth-card form[id="signupForm"] .signup-forget-text {
  text-align: center;
  padding: 20px 0 !important;
}
.container-auth .auth-card form[name="loginForm"] .signUpLink,
.container-auth .auth-card form[id="signupForm"] .signUpLink {
  gap: 5px;
  font-size: 16px !important;
}
.container-auth .auth-card form[name="loginForm"] button[type="submit"] span,
.container-auth .auth-card form[id="signupForm"] button[type="submit"] span {
  font-size: 18px !important;
  font-weight: 500 !important;
}
.container-auth .auth-card form[name="loginForm"] .input-group.signup-forget-text a,
.container-auth .auth-card form[id="signupForm"] .input-group.signup-forget-text a {
  font-size: 15px !important;
}
.container-auth .auth-card .fine-print {
  margin-top: 0.5rem !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.container-auth .auth-card .form-group {
  margin: 0 !important;
}
.container-auth .auth-card .social-sso .social-pill {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 10px !important;
  background: #fff;
  font-size: 16px !important;
  font-weight: 400 !important;
  grid-template-columns: 25px auto;
  cursor: pointer;
  padding: 15px 20px;
  border-radius: 9999px;
  border: 2px solid #C5C5C5;
  min-width: 150px;
  width: 100%;
  text-decoration: none;
  color: #1E293B;
}
.container-auth .auth-card .social-sso .social-pill .continue-with-social {
  display: none;
}
.container-auth .auth-card .social-sso .social-pill .instagram-icon {
  width: 24px;
  height: 24px;
}
.container-auth .auth-card .social-sso .or {
  margin-top: 10px !important;
  margin-bottom: 30px !important;
  margin-bottom: 30px;
  color: #767676;
}
.container-auth .auth-card .social-sso .or .horizontal-line {
  height: 1px;
  width: 100%;
  background: #8D8D8D;
}
.container-auth .faculty {
  background: #fff;
  border-radius: 5px;
  padding: 20px 40px;
  width: 100%;
  text-align: center;
}
.mb-3 {
  margin-bottom: 30px;
}
.access-denied .colum_denied {
  display: flex;
  min-height: 50vh;
  flex-direction: column;
  justify-content: space-between;
}
.access-denied .colum_denied .align-items-end {
  align-items: flex-end;
}
.access-denied .colum_denied .f-300 {
  font-weight: 300;
}
.access-denied .colum_denied .text-black {
  color: #000;
}
.access-denied .colum_denied .left_denied {
  width: 100%;
}
.access-denied .colum_denied .left_denied h3 {
  color: #1D1D1D;
  font-weight: bold;
  font-size: 32px;
  line-height: 48px;
}
.access-denied .colum_denied .left_denied p {
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
  color: #282828;
}
.access-denied .colum_denied .left_denied .btn-approved {
  background: linear-gradient(90deg, #1034E5 -2.67%, #00B8E4 105.63%);
  color: #fff;
  border: none;
}
.access-denied .colum_denied .right_denied {
  max-width: 50px;
  min-width: 42px;
}
.access-denied .colum_denied .right_denied img {
  width: 100%;
}
.field-signup {
  display: block;
  margin: 50px auto 0px;
}
.buttons-signup button {
  font-size: 14px;
  height: 35px;
}
.input-group {
  width: 100%;
  padding-bottom: 10px;
}
.input-group .checkbox {
  margin-right: 20px;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
}
label {
  font-weight: 300;
  color: #333;
  padding-bottom: 0px;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
}
.ds-profile .r-position {
  position: relative;
}
.ds-profile .container-fluid {
  max-width: 1300px;
}
.ds-profile .top_transcript .profile-header-wrapper {
  padding: 20px 30px !important;
}
.ds-profile .top_transcript .input_type {
  max-width: 220px;
}
.ds-profile .top_transcript .input_type input[type="file"] {
  display: none;
}
.ds-profile .top_transcript .input_type span.d-flex .text-blue {
  cursor: pointer;
}
.ds-profile .bg-gradient-blue {
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.8) -2.67%, rgba(0, 184, 228, 0.8) 105.63%) !important;
}
.ds-profile .cir_gradient {
  width: 88px;
  height: 88px;
  border-radius: 100%;
  display: inline-table;
  cursor: pointer;
  padding: 0;
  text-align: center;
  line-height: 88px;
  font-size: 16px;
  color: #fff;
}
.ds-profile .tool_tip_box {
  left: -13%;
  bottom: 30px !important;
  top: auto !important;
  padding: 20px 15px !important;
  width: 530px;
}
.ds-profile .logo_half {
  padding-top: 0 !important;
  cursor: pointer;
}
.ds-profile .logo_half img {
  width: 88px;
  height: 88px;
  border-radius: 100%;
  margin-left: 0px;
  padding-top: 0 !important;
}
.ds-profile .top-navi-view ul li a {
  font-size: 12px;
}
.ds-profile .school_form_img img {
  width: 20px;
  margin-right: 10px;
  height: 20px;
}
.ds-profile .school_form_img .icons-icon {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
}
.ds-profile .school_form_img h6 {
  margin-right: 10px;
}
.ds-profile .mb-4 {
  margin-bottom: 40px !important;
}
.ds-profile .mt-4 {
  margin-top: 40px !important;
}
.ds-profile .text-light-gray {
  color: #8F9EA6;
}
.ds-profile .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
}
.ds-profile .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ds-profile .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ds-profile .switch .slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 9px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ds-profile .switch .slider.round {
  border-radius: 34px;
}
.ds-profile .switch .slider.round:before {
  border-radius: 50%;
}
.ds-profile .switch input:checked + .slider {
  background-color: #3C51B9 !important;
}
.ds-profile .switch input:focus + .slider {
  box-shadow: 0 0 1px #3C51B9 !important;
}
.ds-profile .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.ds-profile .subtext-icon {
  margin-left: 5px;
}
.ds-profile .bottom_transcript .line {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 1px;
  margin-top: 0.5rem !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.ds-profile .ui-select-container.ui-select-multiple .ui-select-match-item {
  text-wrap: wrap !important;
  text-align: left;
}
.ds-profile .another-identity,
.ds-personal-info .another-identity {
  gap: 5px;
}
.ds-profile .dd-phone-overlay .sms-checkbox-label,
.ds-personal-info .dd-phone-overlay .sms-checkbox-label {
  font-size: 14px !important;
}
.dob-container .Zebra_DatePicker_Icon_Wrapper {
  width: unset !important;
}
@media screen and (min-width: 768px) {
  .access-denied .mt-10 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .body-outer-wrapper .body-inner-wrapper {
    padding: 25px 10px 25px;
  }
  .access-denied .colum_direction_xs {
    flex-direction: column;
  }
  .access-denied .colum_direction_xs h3 {
    font-size: 25px !important;
  }
  .access-denied .colum_direction_xs .mt-100 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .container-auth .auth-card .social-sso .social {
    flex-direction: column;
  }
  .container-auth .auth-card .social-sso .social .social-pill {
    padding: 10px 20px !important;
    width: 100%;
    grid-template-columns: 25px 200px !important;
  }
  .container-auth .auth-card .social-sso .social .social-pill .app-name {
    display: none;
  }
  .container-auth .auth-card .social-sso .social .social-pill .continue-with-social {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .container-auth {
    padding: 30px 10px !important;
  }
  .container-auth .auth-card {
    padding: 30px 20px !important;
  }
  .container-auth .auth-card .container.field-signup {
    gap: 30px !important;
  }
  .container-auth .auth-card .container.field-signup .auth-card {
    padding: 30px 20px !important;
  }
  .container-auth .auth-card .container.field-signup .faculty {
    padding: 20px !important;
  }
  .container-auth .auth-card .social-sso {
    gap: 0 !important;
  }
  .container-auth .auth-card .social-sso .sign-in-wrapper {
    display: none;
  }
  .container-auth .auth-card .social-sso .or {
    margin-top: 30px !important;
  }
  .container-auth.ds-signin .form-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .container-auth.ds-signin .auth-card form[name='loginForm'] .signup-forget-text a,
  .container-auth.ds-signin .auth-card form[id="signupForm"] .signup-forget-text a,
  .container-auth.ds-signin .auth-card form[name='loginForm'] .signUpLink a,
  .container-auth.ds-signin .auth-card form[id="signupForm"] .signUpLink a {
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0 !important;
  }
  .container-auth.sign-up-panel .auth-card .fine-print {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    line-height: 15px !important;
  }
  .container-auth .field-change-password {
    padding: 0 20px !important;
  }
  .schools-view.ds-profile .col-xs-12.col-sm-12.col-md-12.col-lg-12 .bg-white.box-shadow {
    margin: 30px 10px;
  }
}
@media screen and (max-width: 325px) {
  .container-auth .auth-card .social-sso .social .social-pill {
    grid-template-columns: 25px 120px !important;
  }
}
.ds-program {
  background-color: #F4F8FB;
}
.ds-program .body-outer-wrapper {
  padding: 20px;
  align-content: start;
}
.ds-program .body-outer-wrapper .body-inner-wrapper {
  padding: 20px !important;
  margin: 0 auto;
}
.ds-program .search-outer-wrapper .mt-25 {
  margin-top: 25px;
}
.ds-schools hr {
  margin-left: -50px;
  margin-top: 40px;
}
.ds-schools li {
  padding: -10px;
}
.ds-schools .ds-schools-img-bg {
  height: 100px;
}
.ds-schools .charts-outer-wrapper {
  /*border: 1px solid darkgray;*/
  padding-top: 10px;
  max-height: 250px;
  min-height: 200px;
}
.ds-schools .charts-outer-wrapper .ds-chart {
  padding-bottom: 30px;
  max-height: 250px;
}
.ds-schools .header-manage-school {
  display: flex;
}
.ds-schools .header-manage-school .logo-wrapper {
  margin-right: 10px;
}
.ds-schools .header-manage-school .ds-schools-logo {
  max-height: 50px;
  height: auto;
}
.ds-schools .header-manage-school .edit-image-icon {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.ds-schools .header-manage-school .logo-wrapper-edit {
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: 75px;
}
.ds-schools .header-manage-school .logo-wrapper-edit:hover .edit-image-icon {
  color: #263a9a;
}
.ds-schools .header-manage-school .new-logo-selected {
  display: flex;
  margin-top: 5px;
  flex-direction: row;
  justify-content: space-around;
}
.ds-schools .header-manage-school .new-logo-selected button {
  line-height: 1;
}
.ds-schools .header-manage-school .ds-schools-wrapper p {
  margin-bottom: 0;
}
.ds-schools .header-manage-school .ds-schools-wrapper .ds-schools-uni-name {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.ds-schools .header-manage-school .ds-schools-wrapper .ds-schools-uni-address {
  font-size: 12px;
  font-weight: 400;
  color: #8F9EA6;
}
.ds-notification-history .bot-page-bg-left label {
  text-wrap: nowrap;
}
.schools-search .filters-tops {
  position: relative;
}
.schools-search .filters-tops label {
  color: #8F9EA6;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 65px 15px 0;
}
.schools-search .filters-tops .slider-close {
  position: absolute;
  right: 0;
  top: 3px;
  font-weight: normal;
  text-transform: lowercase;
  color: #3C51B9;
  font-size: 12px;
  padding-top: 0;
  line-height: 1;
}
.schools-search .free_text {
  padding-left: 25px;
}
.schools-search .free_text p {
  font-size: 13px;
  color: #8B8B98;
  margin-bottom: 5px;
}
.schools-search .btn .mdl2-RightArrowKeyTime0 {
  vertical-align: middle;
}
.schools-search .ds-checkbox input[type="checkbox"] + label:before {
  border: 1px solid #3C51B9;
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}
.schools-search .ds-checkbox input[type="checkbox"] + label:after {
  top: 0.25em;
  left: 0.25em;
}
.schools-search hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #F4F5F7;
}
.schools-search label {
  color: #333;
  font-size: 12px;
}
.schools-search label span {
  padding-left: 5px;
}
.schools-search .body-inner-wrapper {
  margin-left: unset !important;
  margin-right: unset !important;
}
.schools-search .find-school-font,
.schools-search .section-header span,
.schools-search .filter-title span,
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li,
.schools-search .school-text-search input[type="search"],
.schools-search .schools-results .school-result-card1 .school-description,
.schools-search .schools-results .school-result-card1 .school-description span,
.schools-search .schools-results .school-result-card1 .ds-schools-uni-name,
.schools-search .schools-results .school-result-card1 .school-column .logo-wrapper .school-bottom,
.schools-view .section-header span,
.schools-view .filter-title span,
.schools-view .slider-outer-wrapper .slider-wrapper ul.slider-labels li,
.schools-view .school-text-search input[type="search"],
.schools-view .schools-results .school-result-card .school-description,
.schools-view .schools-results .school-result-card .school-description span,
.schools-view .schools-results .school-result-card .school-column .logo-wrapper .school-bottom {
  font-family: 'Poppins', sans-serif !important;
}
.schools-search .school_name {
  width: 100%;
  max-height: 140px;
  overflow-y: auto;
  padding: 8px;
}
.schools-search .school_name img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.schools-search .school_name i {
  color: #3c51b9;
  font-size: 10px !important;
}
.schools-search .school_name .flex_link a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #333;
}
.schools-search .school_name h6 {
  width: 100%;
  padding: 5px 9px;
  margin-bottom: 10px;
  margin-top: 0;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 3px;
  font-weight: 600;
  color: #393939;
}
.schools-search .school_name p {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 10px 5px;
  margin: 0;
  font-size: 13px;
  color: #A3A3A3;
}
.schools-search .school_name p i.fa-star-o {
  font-size: 21px !important;
  vertical-align: middle;
}
.schools-search .content-right .input-group {
  z-index: 0;
}
.schools-search .content-right .panel-bordered {
  padding: 30px 40px 30px 60px;
}
.schools-search .other_strip {
  background: #fff !important;
  cursor: default;
}
.schools-search .left_strip {
  position: absolute;
  left: -20px;
  height: 100%;
  background: #00B8E4;
  border-radius: 6px 0 0 6px;
  color: #fff;
  width: 23px;
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
  align-items: center;
  justify-content: space-evenly;
}
.schools-search .left_strip span {
  transform: rotate(272deg);
  font-size: 12px;
}
.schools-search .pagination li {
  margin-left: 6px;
  border-radius: 6px !important;
  max-width: 40px;
}
.schools-search .pagination li a {
  padding: 8px 4px !important;
  border-radius: 6px !important;
  outline: none;
}
.schools-search .mt-5 {
  margin-top: 50px;
}
.schools-search .panel-group {
  margin: 5px;
}
.schools-search .panel-group .ds-dropdown input,
.schools-search .panel-group .ds-dropdown .ui-select-toggle {
  padding: 4px 6px;
  outline: none;
}
.schools-search .panel-group .ui-select-focusser {
  display: none;
}
.schools-search .ds-dropdown .ui-select-choices-row {
  padding-top: 6px;
}
.schools-search .panel-bordered {
  border: 0.5px solid #dbdbdb;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04), 0px 3px 3px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  padding: 20px;
}
.schools-search .panel-filters .ui-select-container .btn-default {
  border: 1px solid #C4D4D9;
  background: #fff !important;
  color: #A3A3A3;
  box-shadow: none;
}
.schools-search .panel-default {
  border: none;
  box-shadow: none;
}
.schools-search .panel-default .panel-heading {
  color: inherit;
  background-color: unset;
  border: none;
  padding: 0;
}
.schools-search .panel-default .panel-heading .panel-title a {
  display: block;
}
.schools-search .panel-default .panel-heading .panel-title a:hover,
.schools-search .panel-default .panel-heading .panel-title a:focus {
  text-decoration: none;
  outline: none;
}
.schools-search .panel-default .panel-collapse .panel-body {
  border-top: none;
}
.schools-search .panel-default .panel-collapse .panel-body .label-small {
  color: #A3A3A3;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
}
.schools-search .section-header span {
  color: #475b6d;
  font-size: 16px;
}
.schools-search .filter-title span {
  color: #8B8B98;
  font-size: 14px;
  font-family: 'Poppins', sans-serif !important;
}
.schools-search .flex-header {
  display: flex;
  justify-content: space-between;
}
.schools-search .fa-times-thin:before {
  content: "\00d7";
}
.schools-search .my-schools-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.schools-search .my-schools-list > div {
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.15);
  margin: 5px 4px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schools-search .my-schools-list > div .ds-schools-logo {
  width: 45px;
  max-height: 45px;
  padding: 5px;
}
.schools-search .panel-filters .up-down-arrow {
  transition: transform 0.15s linear;
}
.schools-search .panel-filters .drop_d_ic {
  position: absolute;
  right: 11px;
  top: 9px;
  font-size: 8px;
  font-weight: bold;
}
.schools-search .slider-close {
  color: #757575;
  margin: 0;
}
.schools-search .slider-close:hover {
  color: #575757;
}
.schools-search .slider-close i {
  font-size: 24px;
  padding-bottom: 12px;
  line-height: 10px;
}
.schools-search .slider-close i .custom-padding {
  padding-top: 10px;
  padding-bottom: unset;
}
.schools-search .slider-outer-wrapper {
  display: flex;
  align-items: center;
}
.schools-search .slider-outer-wrapper .slider-wrapper {
  width: 100%;
  min-width: 200px;
  height: 20px;
  padding-top: 4px;
}
.schools-search .slider-outer-wrapper .slider-wrapper input {
  z-index: 10;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  z-index: 11;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li {
  font-size: 10px;
  text-align: left;
  position: relative;
  float: left;
  color: #b2b2b2;
  color: #333333;
  margin-top: 0px;
  width: 100%;
  border-top: 2px solid #00B8E4;
  padding-top: 16px;
  padding-left: 2px;
  cursor: pointer;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li:last-child {
  border-top-color: #fff !important;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li.active {
  color: #333333;
  border-top: 2px solid #3C51B9;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li.active::before {
  background: #3C51B9;
  outline: none;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li.active.lastSelected {
  color: #3C51B9;
  font-weight: 600;
  border-top: 2px solid #00B8E4;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li.active.lastSelected::before {
  outline: none !important;
  width: 24px !important;
  height: 24px !important;
  top: -14px !important;
  border: none !important;
  border: 6px solid #BBC2E7 !important;
  box-shadow: none !important;
}
.schools-search .slider-outer-wrapper .slider-wrapper ul.slider-labels li::before {
  position: absolute;
  top: -12px;
  left: 0;
  content: "";
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background: #00B8E4;
  border-radius: 50%;
  border: solid 4px #fff;
}
.schools-search .slider-outer-wrapper .slider-wrapper input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 30px;
  outline: none;
  background: transparent;
  border: none;
  position: relative;
  bottom: 30px;
  cursor: pointer;
}
.schools-search .slider-outer-wrapper .slider-wrapper input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  height: 50px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.schools-search .slider-outer-wrapper .slider-wrapper input::-moz-range-thumb {
  width: 40px;
  height: 50px;
  border-color: transparent;
  background: transparent;
  cursor: pointer;
}
.schools-search .panel-open-in .panel-collapse {
  height: auto !important;
  display: block;
}
.schools-search .school-text-search .input-group {
  z-index: 9;
}
.schools-search .school-text-search .input-group .dropdown-menu::before {
  top: -10px;
}
.schools-search .school-text-search .input-group-btn {
  right: 35px;
  z-index: 2;
  opacity: 0.4;
}
.schools-search .school-text-search .input-group-btn .ds-search-btn {
  font-size: 14px;
  border: none;
  background: transparent;
}
.schools-search .school-text-search .dropdown-menu > .active > a {
  color: #333;
  background-color: #f1f4f9 !important;
}
.schools-search .schools-results {
  position: relative;
}
.schools-search .schools-results .school-result-card {
  position: relative;
}
.schools-search .schools-results .other_star_school {
  position: absolute;
  left: 12%;
  top: 19px;
  z-index: 9;
  cursor: pointer;
}
.schools-search .schools-results .other_star_school i {
  color: #3C51B9;
  font-size: 22px !important;
}
.schools-search .schools-results .ds-schools-uni-name {
  position: relative;
}
.schools-search .schools-results .ds-schools-uni-name i {
  position: absolute;
  left: -35px;
  top: 4px;
  color: #3C51B9 !important;
  font-size: 22px !important;
}
.schools-search .schools-results .ds-schools-uni-name a {
  color: #333;
  font-weight: 500;
  font-size: 16px;
}
.schools-search .schools-results .school-result-card1:first-child {
  border-top: 1px solid #eee;
}
.schools-search .schools-results .school-result-card1:hover,
.schools-search .schools-results .school-result-card1:hover {
  background: #f1f1f1;
  cursor: pointer;
}
.schools-search .schools-results .school-result-card1 {
  padding: 10px 5px 20px 0;
  margin: 10px 0;
  display: grid;
  position: relative;
  grid-template-columns: 1fr 150px;
  grid-template-rows: 1fr 1fr;
  border-bottom: 1px solid #eee;
}
.schools-search .schools-results .school-result-card1:last-child {
  border-bottom: none;
}
.schools-search .schools-results .school-result-card1 .school-description,
.schools-search .schools-results .school-result-card1 .school-description span {
  font-size: 11px;
  color: #333;
}
.schools-search .schools-results .school-result-card1 .ds-schools-uni-name {
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
  font-family: 'Poppins', sans-serif !important;
  padding: 5px 0;
  position: relative;
}
.schools-search .schools-results .school-result-card1 .ds-schools-uni-name i {
  position: absolute;
  left: -35px;
  top: 4px;
  color: #3C51B9;
  font-size: 22px !important;
}
.schools-search .schools-results .school-result-card1 .school-column.school-column-logo {
  align-items: center !important;
}
.schools-search .schools-results .school-result-card1 .school-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.schools-search .schools-results .school-result-card1 .school-column.school-column-name {
  grid-row: 1 / span 1;
}
.schools-search .schools-results .school-result-card1 .school-column.school-column-actions {
  text-align: center;
}
.schools-search .schools-results .school-result-card1 .school-column .logo-wrapper {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 90px;
  margin: 0px 30px 0 10px;
}
.schools-search .schools-results .school-result-card1 .school-column .logo-wrapper img {
  margin: 0px 10px 0;
  max-width: 75px;
  max-height: 75px;
  padding-top: 10px;
  align-items: center;
}
.schools-search .schools-results .school-result-card1 .school-column .logo-wrapper.sponsored img {
  margin: 8px 10px 2px;
}
.schools-search .schools-results .school-result-card1 .school-column .logo-wrapper .school-bottom {
  font-size: 11px;
  width: 100%;
  height: 18px;
  color: #fff;
  text-align: center;
  border-radius: 0px 0px 5px 5px;
}
.schools-search .schools-results .school-result-card1 .school-column .logo-wrapper .school-bottom.sponsored {
  background-color: #3c51b9;
}
.schools-search .schools-results .school-result-card1 .school-column:nth-child(n + 2) {
  align-items: stretch;
}
.schools-search .schools-results .school-result-card1 .school-column:nth-child(n + 2) div {
  padding: 4px 0px;
}
.schools-search .schools-results .school-result-card1 .school-column:last-child {
  justify-content: space-evenly;
}
.schools-search .schools-results .school-result-card1 .school-column:last-child span {
  text-align: center;
}
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn + .btn {
  margin-top: 3px;
}
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-secondary i,
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-primary i {
  float: right;
  line-height: 20px;
}
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-secondary.not-in-favorites,
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-primary.not-in-favorites {
  background: #fff;
  border-color: #e1e1e1;
}
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-secondary.not-in-favorites i,
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-primary.not-in-favorites i {
  color: #e1e1e1;
}
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-secondary.in-favorites i,
.schools-search .schools-results .school-result-card1 .school-column:last-child .btn-primary.in-favorites i {
  color: #3c51b9;
}
.schools-search .schools-results .school-result-card1 .school-description-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.schools-search .schools-results .school-result-card1 .school-description-col-2 .school-label {
  color: #aaa;
}
.schools-search .schools-results .school-result-card1 .separator {
  padding: 0 5px;
}
.schools-search .select2-container {
  width: 100%;
}
.schools-search .slider-value-separator {
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #333;
  margin: 5px;
}
@media screen and (min-width: 1367px) {
  .schools-search .md-padding {
    max-width: 340px;
  }
}
@media screen and (min-width: 1900px) {
  .schools-search .md-padding {
    max-width: 340px;
    height: 100vh;
    position: fixed ;
    min-width: 340px;
  }
}
@media screen and (min-width: 1024px) {
  .schools-search .content-right {
    display: flex;
  }
  .schools-search .middle_scr {
    margin: 1.5rem auto !important;
    width: 92%;
    max-width: 1350px;
  }
}
@media screen and (max-width: 767px) {
  .schools-search .content-left {
    left: 10px;
    z-index: 2;
    width: 100%;
    position: relative;
    top: 0;
  }
  .schools-search .content-right .panel-bordered {
    padding: 30px 10px 30px 25px;
  }
  .schools-search .schools-results .school-result-card1 {
    display: flex;
    flex-direction: column;
    padding: 10px 0 20px 40px;
  }
  .schools-search .other_star_school {
    left: 3% !important;
    top: 77px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .schools-search .content-right .panel-bordered {
    padding: 30px 10px 30px 30px;
  }
  .schools-search .schools-results .school-result-card1 {
    padding: 10px 0px 20px 44px;
  }
  .schools-search .school_name .flex_link a {
    align-items: center;
    font-size: 11px;
  }
  .schools-search .school_name img {
    display: block;
  }
  .schools-search .other_star_school {
    left: 3% !important;
  }
  .schools-search .content-left .school_name h6 {
    padding: 5px 5px;
  }
  .schools-search .content-left .panel-bordered {
    padding: 20px 1px;
    min-width: 198px;
  }
  .schools-search .content-left .school_name {
    padding: 8px 2px;
  }
  .schools-search .slider-close {
    padding: 5px 0;
  }
  .schools-search .slider-wrapper {
    width: 90% !important;
    min-width: 156px !important;
  }
  .schools-search .free_text {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .schools-search .schools-results .school-result-card1 {
    padding: 10px 0 20px 45px;
  }
  .schools-search .other_star_school {
    left: 3% !important;
  }
}
@media (min-width: 1200px) {
  .schools-search .schools-results .school-result-card1 {
    grid-template-columns: 1fr 2fr 2fr 150px;
    grid-template-rows: 1fr;
  }
  .schools-search .schools-results .school-result-card1 .school-column.school-column-name {
    grid-row: unset;
  }
}
.primary-plan {
  background-color: #e7e7e74a;
  font-weight: 600;
  outline: solid 2px #dfe9f0;
  line-height: 30px;
}
/*  Bootstrap Clearfix */
.ds-planner {
  background: #fff;
  /* to hide the checkbox itself */
  /* unchecked icon */
  /* space between checkbox and label */
  /* checked icon */
  /* ---PROGRESS BAR---- */
  /* ---PLAN FILTERS---- */
  /* ---CREDIT APPLICATION (TRANSFERS & APPLIED TO---- */
  /* ---BUTTONS---- */
  /* ---DROP ZONES / TABLE ---- */
  /* ---MAIN STRUCTURE ---- */
  /* ---KEY COMPONENTS ---- */
  /* ---COURSE LIST---- */
  /* ---EVAL COMPONENT OVERRIDES--- */
}
.ds-planner input[type=checkbox] {
  display: none;
}
.ds-planner input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  color: #00B9E4;
}
.ds-planner input[type=checkbox] + label:before {
  content: "\f096";
}
.ds-planner input[type=checkbox] + label:before {
  letter-spacing: 5px;
  width: 15px;
}
.ds-planner input[type=checkbox]:checked + label:before {
  content: "\f046";
}
.ds-planner input[type=checkbox]:checked + label:before {
  letter-spacing: 5px;
}
.ds-planner .ds-editable:after {
  color: #00B9E4;
}
.ds-planner .popover {
  width: 300px;
  color: #828282;
}
.ds-planner .ds-icon {
  margin-right: 5px;
  width: 18px;
  text-align: center;
}
.ds-planner h4 {
  color: #333333;
  font-weight: 600;
  font-size: 16px;
}
.ds-planner h4.secondary {
  font-size: 17px;
  color: #3c4144;
}
.ds-planner .ds-planner-style1 {
  color: #00B9E4;
}
.ds-planner .progress {
  height: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.ds-planner .progress .progress-bar-info {
  background: linear-gradient(117.96deg, rgba(0, 184, 228, 0.75) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7;
}
.ds-planner .btn-progress {
  position: relative;
  top: -14px;
  border-radius: 20px;
  background-color: #3a6fc1;
  color: #ffffff;
  padding: 2px 2px 2px 4px;
  font-size: 8px;
  -webkit-transition: margin-left 0.6s ease;
  transition: margin-left 0.6s ease;
}
.ds-planner .progress-bar-ds-planner {
  background: #00B9E4;
}
.ds-planner .plan-course-filter-outer-wrapper .advanced-filters-subheader {
  font-size: 13px;
  color: #8f9ea6;
  font-weight: bold;
  padding: 10px 0px 5px 0px;
}
.ds-planner .plan-course-filter-outer-wrapper i {
  width: 7.9px;
  height: 8.5px;
  color: #00b8e4;
  font-size: 12px;
  position: relative;
  padding-right: 8px;
  padding-left: 5px;
}
.ds-planner .plan-course-filter-outer-wrapper .ds-req-filter {
  margin-bottom: 0px;
  line-height: 1;
}
.ds-planner .plan-course-filter-outer-wrapper .ds-req-filter label {
  font-size: 13px;
  font-weight: normal;
  color: #8f9ea6;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ds-planner .plan-course-filter-outer-wrapper .panel-group {
  margin-bottom: 10px;
}
.ds-planner .plan-course-filter-outer-wrapper .panel {
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
}
.ds-planner .plan-course-filter-outer-wrapper .panel-default > .panel-heading {
  padding: 10px 0;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
}
.ds-planner .plan-course-filter-outer-wrapper .panel-default > .panel-heading .panel-title a:focus,
.ds-planner .plan-course-filter-outer-wrapper .panel-default > .panel-heading .panel-title a:active {
  outline: 0;
  text-decoration: none;
}
.ds-planner .plan-course-filter-outer-wrapper .panel-default > .panel-body {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
}
.ds-planner .plan-course-filter-outer-wrapper .panel-default > .panel-heading + .panel-collapse .panel-body {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 0px;
}
.ds-planner .plan-course-filter-outer-wrapper .panel-body {
  padding: 0px 15px 5px 15px;
}
.ds-planner .credit-application-wrapper {
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 8px 0px 4px 0px;
  padding: 10px 12px 10px 12px;
  min-height: 32px;
}
.ds-planner .credit-application-wrapper .credit-application-item {
  padding-bottom: 8px;
  margin-left: -15px;
  margin-right: -15px;
  margin: 0px;
  padding-bottom: 4px;
  font-size: 12px;
}
.ds-planner .credit-application-wrapper .credit-application-item .credit-application-styleA {
  color: #393939;
  width: 33%;
}
.ds-planner .credit-application-wrapper .credit-application-item .credit-application-styleB {
  color: #4F4F4F;
  width: 33%;
  font-weight: 500;
}
.ds-planner .credit-application-wrapper .credit-application-item .credit-application-styleC {
  color: #393939;
  max-width: 40px;
  text-align: right;
  display: inline-block;
  float: right;
}
.ds-planner .btn {
  padding: 4px 12px !important;
}
.ds-planner .ds-btn {
  margin-bottom: 3px;
  display: block;
  text-align: left;
  border-radius: 18px;
  text-align: center;
  font-size: 12px;
}
.ds-planner .ds-btn > a {
  visibility: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  opacity: 0.3;
}
.ds-planner .ds-btn > a:hover {
  opacity: 1;
}
.ds-planner .ds-btn > .ds-code {
  float: left;
}
.ds-planner .ds-btn > .ds-icons {
  position: relative;
  width: 0px;
}
.ds-planner .ds-btn > .ds-icons > i {
  font-size: 12px;
  position: relative;
  padding-right: 8px;
}
.ds-planner .ds-btn > .ds-icons > .ds-info {
  right: 2px;
  visibility: hidden;
}
.ds-planner .ds-btn > .drag > a {
  visibility: hidden;
}
.ds-planner .ds-btn:hover {
  background-color: rgba(0, 185, 228, 0.7);
}
.ds-planner .ds-btn:hover > a {
  visibility: visible;
}
.ds-planner .ds-btn:hover .ds-info {
  visibility: visible;
}
.ds-planner .ds-btn.over {
  background-color: aqua;
}
.ds-planner .btn-unlocked {
  background: #00B9E4;
  color: #fff;
  box-shadow: 0px 1px 0px #0090b1;
}
.ds-planner .btn-unlocked:hover {
  background-color: rgba(0, 185, 228, 0.7);
  box-shadow: 0px 1px 0px rgba(0, 144, 177, 0.7);
}
.ds-planner .btn-locked {
  background: #aaaaaa;
  color: #fff;
  box-shadow: 0px 1px 0px #919191;
}
.ds-planner .btn-locked > .ds-icons > i {
  color: rgba(0, 0, 0, 0.4);
}
.ds-planner .btn-locked > .ds-icons > .ds-info {
  color: #fff;
  right: 12px;
}
.ds-planner .btn-locked:hover {
  background-color: rgba(170, 170, 170, 0.7);
  box-shadow: 0px 1px 0px rgba(145, 145, 145, 0.7);
}
.ds-planner .btn-added {
  background: #ffffff;
  color: #4b4b4b;
  border-radius: 4px;
  max-width: 175px;
  margin: 0 auto;
  border: solid 1px #CFD7FF;
}
.ds-planner .btn-added > .ds-icons > i {
  color: rgba(255, 255, 255, 0.4);
}
.ds-planner .btn-added > .ds-icons > .ds-info {
  color: #fff;
  right: 14px;
}
.ds-planner .btn-added:hover {
  background-color: #3C51B9;
  color: #ffffff;
  border: solid 1px #ffffff;
}
.ds-planner .rotated {
  border-color: #F4A329;
  box-shadow: 0px 4px 2px #f4a329;
}
.ds-planner .tooltip.top.rotated-course-tooltip .tooltip-inner {
  max-width: none !important;
}
.ds-planner .tooltip.rotated-course-tooltip .tooltip-arrow {
  border-top-color: black;
}
.ds-planner .btn-selected {
  background: #05C0E2;
  color: #fff;
  box-shadow: 0px 1px 0px #0496b0;
}
.ds-planner .btn-selected:hover {
  background-color: rgba(5, 192, 226, 0.7);
  box-shadow: 0px 1px 0px rgba(4, 150, 176, 0.7);
}
.ds-planner .corequisite {
  background: #F70012;
  color: #fff;
  box-shadow: 0px 1px 0px #c4000e;
}
.ds-planner .corequisite:hover {
  background-color: rgba(247, 0, 18, 0.7);
  box-shadow: 0px 1px 0px rgba(196, 0, 14, 0.7);
}
.ds-planner .btn-placeholder {
  padding: 3px 0px !important;
  max-width: 175px;
  margin: 0 auto;
  position: relative;
  font-size: 12px;
  white-space: normal;
}
.ds-planner .btn-placeholder.over {
  padding: 16px;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  transition: 0.3s;
}
.ds-planner .btn-placeholder:hover {
  white-space: normal;
  height: auto;
}
.ds-planner .btn-placeholder:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  bottom: 2px;
  left: 25%;
  border-bottom: 1px solid #C75B39;
}
.ds-planner .btn-placeholder:hover:before {
  border-bottom: 2px solid #E23A05;
}
.ds-planner .btn-placeholder.placeholder-hidden {
  display: none;
}
.ds-planner .reviewButtons {
  position: relative;
  justify-content: center;
  padding-bottom: 28px;
  display: inline-flex;
  margin: auto auto;
  width: 100%;
}
.ds-planner .course-ease-in {
  transform: translate(0px, 0px) scale(1.1);
  transition: color 0.3s, transform 0.1s ease-in;
  transition-delay: 0.05s;
}
.ds-planner .highlighted-course {
  transform: translate(0px, 0px) scale(1.1);
  transition: color 0.3s, transform 0.1s ease-in;
  transition-delay: 0.05s;
  display: block;
  background: #ffffff !important;
  border: solid 1px #ffffff;
  box-shadow: 0px 0px 7px 2px rgba(22, 68, 72, 0.15), 0px 0px 5px 2px rgba(49, 171, 181, 0.25);
}
.ds-planner .btn-removedCourse {
  transform: translate(0px, 0px) scale(1.1);
  transition: color 0.3s, transform 0.1s ease-in;
  transition-delay: 0.05s;
  display: block;
  background: #ffffff !important;
  border: solid 1px #ffffff;
  box-shadow: 0px 0px 7px 2px rgba(22, 68, 72, 0.15), 0px 0px 5px 2px rgba(49, 171, 181, 0.25);
  background: #ffffff;
  color: #4b4b4b;
  border-radius: 4px;
  max-width: 175px;
  margin: 0 auto;
  border: solid 1px #CFD7FF;
  font-size: 12px;
  color: red !important;
}
.ds-planner .btn-removedCourse > .ds-icons > i {
  color: rgba(255, 255, 255, 0.4);
}
.ds-planner .btn-removedCourse > .ds-icons > .ds-info {
  color: #fff;
  right: 14px;
}
.ds-planner .btn-removedCourse:hover {
  background-color: #3C51B9;
  color: #ffffff;
  border: solid 1px #ffffff;
}
.ds-planner .btn-removedCourse > i {
  color: red !important;
  top: 10px !important;
  font-size: 8px !important;
}
.ds-planner .btn-addedCourse {
  transform: translate(0px, 0px) scale(1.1);
  transition: color 0.3s, transform 0.1s ease-in;
  transition-delay: 0.05s;
  display: block;
  background: #ffffff !important;
  border: solid 1px #ffffff;
  box-shadow: 0px 0px 7px 2px rgba(22, 68, 72, 0.15), 0px 0px 5px 2px rgba(49, 171, 181, 0.25);
  color: green !important;
}
.ds-planner .btn-addedCourse > i {
  color: green !important;
  top: 10px !important;
  left: 10px !important;
  right: unset !important;
  font-size: 8px !important;
}
.ds-planner .ds-review_flexible {
  transform: translate(0px, 0px) scale(1.1);
  transition: color 0.3s, transform 0.1s ease-in;
  transition-delay: 0.05s;
  display: block;
  background: #ffffff !important;
  border: solid 1px #ffffff;
  box-shadow: 0px 0px 7px 2px rgba(22, 68, 72, 0.15), 0px 0px 5px 2px rgba(49, 171, 181, 0.25);
  color: #5f5f5f;
}
.ds-planner .drag {
  background: #05C0E2;
  color: #fff;
  box-shadow: 0px 1px 0px #0496b0;
  box-shadow: unset !important;
}
.ds-planner .drag:hover {
  background-color: rgba(5, 192, 226, 0.7);
  box-shadow: 0px 1px 0px rgba(4, 150, 176, 0.7);
}
.ds-planner .table-responsive-force {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border-bottom: 0.5px solid #DDD;
  border-top: none;
  -webkit-overflow-scrolling: touch;
}
.ds-planner .ds-table {
  background-color: #F4F8FB;
  margin-bottom: 0;
}
.ds-planner .ds-table > thead {
  border: none;
}
.ds-planner .ds-table > thead .table-header-spacer {
  min-width: 55px;
  background-color: #1f293e;
}
.ds-planner .ds-table > thead .table-header-cell-wrapper {
  background-color: #2b364e;
}
.ds-planner .ds-table > tbody > tr > .add-year,
.ds-planner .ds-table > thead > tr > .add-year,
.ds-planner .ds-table > tfoot > tr > .add-year {
  width: 20px;
  text-align: center;
  vertical-align: middle;
}
.ds-planner .ds-table th > h4 {
  color: #FAFAFA;
  font-variant: all-small-caps;
  font-size: 16px;
  margin: 3px 0px 3px 0px;
}
.ds-planner .ds-table > tbody > tr {
  min-height: 75px;
  height: 75px;
}
.ds-planner .ds-table > tbody > tr > td {
  border-right: 1px solid #dddddd !important;
  border-top: 1px solid #dddddd !important;
  max-width: 100px;
}
.ds-planner .ds-table > tbody > tr > td:last-child {
  border-right-style: none !important;
}
.ds-planner .ds-table > tbody > tr > td,
.ds-planner .ds-table > tbody > tr > th {
  padding: 2px 10px 2px 0px;
}
.ds-planner .ds-table > tbody > tr > td > div,
.ds-planner .ds-table > tbody > tr > th > div {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  border: 2px transparent;
  margin-bottom: 5px;
}
.ds-planner .ds-table > tbody > tr > th {
  border-bottom-color: transparent;
  background-color: #e3e4eb;
}
.ds-planner .ds-table > tbody > tr > th p {
  color: #FAFAFA;
}
.ds-planner .ds-table > tbody > tr > th div.year-text {
  padding-right: 10px;
  font-size: 16px;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-align: left;
  display: inline-block;
  width: auto;
  height: auto;
}
.ds-planner .ds-table > tbody > tr > th > div > div {
  color: white;
  font-weight: normal;
  height: 100%;
  display: table;
  width: 100%;
}
.ds-planner .ds-table > tbody > tr > th > div > div > p {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  text-transform: uppercase;
  padding-left: 10px;
}
.ds-planner .ds-table > tbody > tr > td > div {
  background-color: #FFF;
  min-height: 120px;
}
.ds-planner .ds-table > tbody > tr > td > div > ul {
  padding: 0px 0px 0px 0px;
  margin: 20px 10px 10px 10px;
  position: relative;
}
.ds-planner .ds-table > tbody > tr > td > div > ul > li {
  display: block;
  margin-bottom: 8px;
}
.ds-planner .ds-table > tbody > tr > td p {
  color: #5a5a5d;
}
.ds-planner .ds-table > tbody > tr:hover > td {
  background-color: unset !important;
}
.ds-planner .ds-table .add-placeholder {
  visibility: hidden;
  padding: 4px 12px !important;
  max-width: 175px;
  font-size: 12px;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 4px;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  width: 100%;
}
.ds-planner .ds-table .add-placeholder:hover {
  background: #3C51B9 !important;
  color: white;
}
.ds-planner .ds-table .ds-term-course-list {
  margin: 30px 0px 0px 0px;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  width: 100%;
}
.ds-planner .ds-table .ds-term-course-list > li {
  position: relative;
  width: inherit;
}
.ds-planner .ds-table .term-row-outer-wrapper {
  height: 100%;
  background-color: white;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-enabled {
  height: inherit;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-enabled:hover > div,
.ds-planner .ds-table .term-row-outer-wrapper .term-enabled.over > div {
  border: solid 2px #00B9E4;
  z-index: 998;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled {
  height: inherit;
  background-color: #e3e4eb !important;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div {
  border-style: none;
  background-color: unset;
  /* ---RELATED COURSES (activated upon course drag)---- */
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .btn-added {
  background-color: #f4f4f5;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .prerequisite {
  background: #ffffff;
  color: #5f5f5f;
  border: solid 1px #ffffff;
  box-shadow: 0px 0px 7px 2px rgba(22, 68, 72, 0.15), 0px 0px 5px 2px rgba(49, 171, 181, 0.25);
  transform: translate(0px, 0px) scale(1.1);
  transition: color 0.3s, transform 0.1s ease-in;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .prerequisite:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .prerequisite .padded-arrow {
  padding-top: 3px;
  position: absolute;
  right: 14%;
  color: #03A9F4;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .postrequisite {
  background: #ffffff;
  color: #5f5f5f;
  border: solid 1px #ffffff;
  box-shadow: 0px 0px 7px 2px rgba(22, 68, 72, 0.15), 0px 0px 5px 2px rgba(49, 171, 181, 0.25);
  transform: translate(0px, 0px) scale(1.1);
  transition: color 0.3s, transform 0.1s ease-in;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .postrequisite:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .postrequisite .padded-arrow {
  position: absolute;
  padding-top: 3px;
  left: 14%;
  color: #03A9F4;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-disabled > div .fromPlaceholder {
  font-weight: bold;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-always-disallowed {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-always-disallowed > div .fa-lock {
  color: #cbd4e2;
  font-size: 24px;
  padding-top: 50px;
}
.ds-planner .ds-table .term-row-outer-wrapper .term-always-disallowed > div > p {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  color: #e2e2d2;
}
.ds-planner .ds-table .term:hover .add-placeholder {
  visibility: visible;
}
.ds-planner .ds-table .add-remove-year-icon {
  position: absolute;
  font-size: 14px;
  color: #10667a;
  /*margin-left: 14px;*/
}
.ds-planner .ds-table .fa-plus {
  position: absolute;
  font-size: 14px;
  color: #10667a;
  /*margin-left: 14px;*/
  right: 30px;
  top: 15px;
}
.ds-planner .ds-table .fa-minus {
  position: absolute;
  font-size: 14px;
  color: #10667a;
  /*margin-left: 14px;*/
  right: 10px;
  top: 15px;
}
.ds-planner .ds-table .remove-year-icon-horizontal {
  bottom: 10px;
  left: 15px;
  top: unset;
  right: unset;
}
.ds-planner .ds-table i.hours-of-semester {
  width: 40px;
  height: 17px;
  padding: 0px 7px 2px 0px;
  color: #949494;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  display: block;
  position: absolute;
  top: 5px;
  right: 0px;
  text-align: right;
  border-radius: 20px;
}
.ds-planner .ds-table i.hours-of-semester.hours-warning {
  background-color: #b0b0b0;
  color: white;
}
.ds-planner .ds-table i.hours-of-semester.hours-flagged {
  background-color: #ca4925;
  color: white;
}
.ds-planner .plan-body-outer-wrapper {
  padding: 2em 1.5em 2em 1.5em;
  background: #F4F8FB;
  height: auto;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
  height: 82vh;
  border-radius: 6px;
  display: table;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper .plan-body-left-column-wrapper {
  height: 100%;
  border-right: solid 1px #dedede;
  padding-right: 30px;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper .plan-body-left-column-wrapper .plan-body-left-column-inner-wrapper {
  padding-top: 16px;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper .plan-body-center-column-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper .plan-body-right-column-wrapper {
  padding-right: 10px;
  height: 100%;
  border-left: solid 1px #dedede;
  padding-left: 20px;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper .chat_bot_dark {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper .chat_bot_dark b {
  font-weight: normal;
}
.ds-planner .plan-body-outer-wrapper .plan-body-inner-wrapper .chat_bot_dark span img {
  width: 55px;
}
.ds-planner .section-title {
  font-size: 22px;
  color: #3c4144;
  padding-bottom: 8px;
  padding-left: 15px;
  display: inline-block;
  width: 100%;
}
.ds-planner .plan-title-outer-wrapper .plan-title-wrapper .plan-details-title {
  font-size: 20px;
  font-weight: 600;
  color: #3C3C3C;
}
.ds-planner .plan-title-outer-wrapper .plan-title-wrapper .plan-details-element {
  font-size: 14px;
  font-weight: 500;
  color: #8F9EA6;
}
.ds-planner .plan-title-outer-wrapper .plan-title-wrapper .plan-version-details-element {
  font-size: 14px;
  color: #ffad33;
}
.ds-planner .plan-actions-menu-wrapper {
  float: right;
}
.ds-planner .plan-actions-menu-wrapper .dropdown .dropdown-toggle {
  color: #666666;
  font-weight: normal !important;
}
.ds-planner .plan-actions-menu-wrapper .dropdown .dropdown-toggle:focus {
  border-color: rgba(85, 197, 233, 0.5);
  box-shadow: 0 0 2px 0px rgba(65, 228, 244, 0.51), 0 0 0 1px #36b2d8;
}
.ds-planner .plan-actions-menu-wrapper .dropdown .dropdown-toggle .fa {
  color: inherit;
}
.ds-planner .plan-state-container {
  min-width: 310px;
  max-width: 350px;
  float: right;
  margin-bottom: 10px;
}
.ds-planner .plan-state-title {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
}
.ds-planner .plan-state-title-active {
  color: #00B8E4;
}
.ds-planner .plan-state-in-review-lock {
  text-align: center;
  color: #00B8E4;
}
.ds-planner .plan-draft-state {
  background-image: url(images/plan-draft-state.svg);
  background-repeat: no-repeat;
  background-position: top;
  height: 20px;
}
.ds-planner .plan-draft-branch-state {
  background-image: url(images/plan-draft-branch-state.svg);
  background-repeat: no-repeat;
  background-position: top;
  height: 40px;
}
.ds-planner .plan-in-review-state {
  background-image: url(images/plan-in-review-state.svg);
  background-repeat: no-repeat;
  background-position: top;
  height: 20px;
}
.ds-planner .plan-approved-state {
  background-image: url(images/plan-approved-state.svg);
  background-repeat: no-repeat;
  background-position: top;
  height: 20px;
}
.ds-planner .plan-draft-branch-state-title {
  margin-top: 10px;
  padding-top: 12px;
  text-align: left;
}
.ds-planner .plan-details-description {
  margin-bottom: 10px;
  margin-bottom: 50px;
}
.ds-planner .plan-top-control-buttons .btn {
  background-color: transparent !important;
  color: #00b8e4;
  font-size: 14px;
  font-weight: bold;
}
.ds-planner .plan-top-control-buttons .btn .fa {
  color: #555;
  padding-right: 3px;
}
.ds-planner .plan-top-control-buttons .btn .switch-icon {
  display: inline-block;
  padding-right: 3px;
  vertical-align: 8%;
}
.ds-planner .plan-top-control-buttons .btn:focus,
.ds-planner .plan-top-control-buttons .btn:active {
  outline: none;
  box-shadow: none;
}
.ds-planner .plan-search-outer-wrapper {
  padding-bottom: 10px;
  /* ---SEARCH---- */
}
.ds-planner .plan-search-outer-wrapper .plan-search-tooltip-outer-wrapper {
  padding-bottom: 8px;
}
.ds-planner .plan-search-outer-wrapper .plan-search-tooltip-inner-wrapper {
  font-size: 16px;
}
.ds-planner .plan-search-outer-wrapper .ds-search-input {
  border-radius: 4px;
  background-color: #F4F4F4;
  color: rgba(102, 102, 102, 0.9);
  min-height: 37px;
  background-color: #f9f9f9;
  width: 100%;
  box-shadow: none;
  margin: 0 0 10px 0;
}
.ds-planner .plan-search-outer-wrapper .ds-search-btn {
  background: -moz-linear-gradient(-303deg, #0f6478, #187086 56%, #2a786d);
  background: -webkit-linear-gradient(-303deg, #0f6478, #187086 56%, #2a786d);
  background-image: linear-gradient(-303deg, #0f6478, #187086 56%, #2a786d);
  color: #ffffff;
  margin: 0 auto 20px auto;
  width: 100%;
  border-color: unset !important;
}
.ds-planner .plan-search-outer-wrapper .ds-search-btn:hover {
  /*border-color: @ds-planner-color1;
                background-color: @ds-planner-bg-color-selected;*/
  background-image: linear-gradient(-303deg, #29454b, #2b5762 65%, #215850);
}
.ds-planner .ds-planner-course-list {
  background: #f9f9f9;
  border-radius: 4px;
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px;
  border: 1px solid #ddd;
}
.ds-planner .ds-planner-course-list .completed-course {
  background: #5A5A5D;
  color: #fff;
  box-shadow: 0px 1px 0px #414143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ds-planner .ds-planner-course-list .completed-course > .ds-icons > i {
  color: rgba(255, 255, 255, 0.4);
}
.ds-planner .ds-planner-course-list .completed-course > .ds-icons > .ds-info {
  color: #fff;
  right: 14px;
}
.ds-planner .ds-planner-course-list .completed-course:hover {
  background-color: rgba(90, 90, 93, 0.7);
  box-shadow: 0px 1px 0px rgba(65, 65, 67, 0.7);
}
.ds-planner .ds-planner-course-list .course-outer-wrapper .course-title {
  display: inline-block;
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: -30%;
}
.ds-planner .ds-planner-course-list .course-outer-wrapper .course-code {
  min-width: 60px;
  width: fit-content;
  display: inline-block;
  text-align: left;
}
.ds-planner .plan-transfer-outer-wrapper {
  margin-bottom: 8px;
}
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-title-wrapper {
  width: 100%;
  display: inline-block;
}
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-title-wrapper .plan-transfer-title {
  font-size: 16px;
  width: 60%;
  display: inline-block;
}
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-title-wrapper .plan-transfer-hours {
  color: #03c0e5;
  float: right;
  font-size: 16px;
  font-weight: bold;
}
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-manage-link .btn {
  background-color: transparent !important;
  color: #2962da;
  font-size: 11px;
  font-weight: bold;
  padding-left: 0 !important;
}
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-manage-link .btn .fa {
  color: #555;
  padding-right: 3px;
}
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-manage-link .btn .switch-icon {
  display: inline-block;
  padding-right: 3px;
  vertical-align: 8%;
}
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-manage-link .btn:focus,
.ds-planner .plan-transfer-outer-wrapper .plan-transfer-manage-link .btn:active {
  outline: none;
  box-shadow: none;
}
.ds-planner .plan-requirements-outer-wrapper {
  margin-top: 40px;
  max-height: 332px;
  overflow-y: auto;
  margin-left: 15px;
}
.ds-planner .plan-requirements-outer-wrapper .show-degree-progress {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 18px;
  margin-left: 0px !important;
  font-size: 12px;
  cursor: pointer;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req {
  margin-bottom: 0px;
  line-height: 1;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req .requirement-inner-wrapper {
  padding-bottom: 6px;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req label {
  font-size: 13px;
  color: #8f9ea6;
  width: 100%;
  margin: 0 0 0 0;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req label .overall-progress {
  font-weight: bold;
  font-size: 14px;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req label .overall-progress-title {
  width: 100%;
  display: inline-block;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req label .overall-progress-count {
  float: left;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req label .requirement-title {
  width: 100%;
  display: inline-block;
  font-weight: normal;
  padding-top: 1px;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req label > small {
  display: inline-block;
  color: #00b8e4;
  float: left;
  padding-top: 3px;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req label .contains-extra-courses {
  color: #fa5400;
  font-weight: bold;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req .btn {
  background-color: transparent !important;
  font-size: inherit;
  font-weight: bold;
  padding: 0px 10px 0px 5px;
  width: 8%;
  float: left;
  margin-left: -30px;
  margin-top: -5px;
  max-height: 15px;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req .btn .requirement-lock-icon .locked {
  color: #00b8e4;
}
.ds-planner .plan-requirements-outer-wrapper .ds-req .btn .requirement-lock-icon .approved {
  color: green;
}
.ds-planner .plan-course-details-outer-wrapper {
  width: 100%;
  padding-bottom: 30px;
  display: inline-block;
}
.ds-planner .plan-course-details-outer-wrapper .applied-to-wrapper {
  margin-bottom: 8px;
}
.ds-planner .plan-course-details-outer-wrapper .applied-to-wrapper .applied-to-title {
  font-size: 14px;
}
.ds-planner .plan-course-details-outer-wrapper .applied-to-wrapper .applied-to-override-wrapper {
  display: flow-root;
}
.ds-planner .plan-course-details-outer-wrapper .applied-to-wrapper .applied-to-override-btn {
  font-size: 12px;
  float: right;
  height: 5px;
}
.ds-planner .ds-course-detail-inner-wrapper .ds-course-detail-empty {
  font-size: 14px;
  font-style: italic;
  color: #828282;
}
.ds-planner .ds-course-detail-inner-wrapper .ds-course-detail-item-label {
  font-weight: bold;
  font-size: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #6b6b6b;
}
.ds-planner .ds-course-detail-inner-wrapper .ds-course-detail-item-details {
  padding-bottom: 8px;
}
.ds-planner .ds-course-detail-inner-wrapper label {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 4px;
  color: #4F4F4F;
}
.ds-planner .plan-drop-zone-outer-wrapper .horizontal-term {
  min-width: 20px;
  vertical-align: middle;
}
.ds-planner .plan-drop-zone-outer-wrapper .term-custom-label {
  padding-right: 10px;
  font-size: 20px;
  text-align: center;
  display: inline-block;
  height: auto;
  background-color: "#ebebeb";
}
.ds-planner .plan-drop-zone-outer-wrapper .rotate-vertical {
  transform: rotate(270deg);
}
.ds-planner .plan-drop-zone-outer-wrapper .n-term {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
  transform: translate(-50%, -50%) rotate(270deg);
  min-width: 120px;
  text-align: center;
  font-size: 17px;
  font-family: "LatoHeavy", Georgia;
}
.ds-planner .planner-footer {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
}
.ds-planner .planner-footer .header_bar {
  background: #f9f9f9;
  color: #333333;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 30px;
  height: 40px;
  box-shadow: 0px -2px 5px 0px #ececec;
  border-top: 1px solid #efefef;
}
.ds-planner .planner-footer .header_bar span {
  float: left;
  margin: 0;
  padding: 0;
}
.ds-planner .planner-footer .header_bar i {
  font-size: 20px;
  float: right;
}
.ds-planner .planner-footer .body_area {
  background: #fff;
  display: none;
  overflow: hidden;
  /*border: 1px solid #E4E4E4;*/
  padding: 20px 30px;
  min-height: 100px;
}
.ds-planner .planner-footer .body_area p {
  font-size: 12px;
}
.ds-planner .planner-footer .body_area h3 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
}
.ds-planner .planner-footer .body_area a {
  font-size: 12px;
}
.ds-planner .program-eval {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.ds-planner .program-eval .subheader-text {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #8F9EA6;
}
.ds-planner .program-eval .term-wrapper {
  margin-right: 5px;
  max-width: 400px;
}
.ds-planner .program-eval .table-header-cell-wrapper {
  height: 30px;
  padding: 5px 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: #2B364E;
  border-radius: 5px 5px 0px 0px;
}
.ds-planner .program-eval .table-header-cell-wrapper .term-title {
  font-weight: 300;
  font-size: 12px;
  align-items: center;
  color: #FFFFFF;
}
.ds-planner .program-eval .ds-table {
  margin-right: 5px;
}
.ds-planner .program-eval .ds-table i.hours-of-semester {
  float: right;
  font-size: 10px;
  font-weight: 300;
  top: unset;
  color: #d7d7d7;
  padding-right: 10px;
}
.ds-planner .program-eval .term-drop-zone {
  padding: 10px 20px;
  background: #F7F8FA;
  border: 1px solid #efefef;
  min-height: 80px;
}
.ds-planner .program-eval .term-course-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  margin: auto;
  margin-bottom: 5px !important;
  padding: 0;
}
.ds-planner .program-eval .btn-added {
  min-width: 175px;
}
.ds-planner .program-eval .btn-added a {
  position: relative;
  top: 0px;
  right: -30px;
  opacity: 1;
}
.ds-planner .program-eval .course-planned {
  background: #EBEBEB;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
}
.ds-planner .program-eval .delete-course-icon {
  color: white;
  top: -2px;
  position: relative;
  padding: 5px;
}
.ds-planner .program-eval .eval-details.table td {
  font-size: 12px !important;
}
.ds-planner .program-eval .other-matches-table td {
  font-size: 12px !important;
}
.ds-planner .program-eval .btn-locked {
  background: #dcdcdc;
}
.ds-planner .program-eval .checkmarks-points {
  font-size: 12px;
  font-weight: 400 !important;
  color: #c6cacc;
}
.ds-planner .program-eval thead:hover .checkmarks-points {
  color: #59595B;
  font-weight: 500 !important;
}
.ds-planner .program-eval .collapse-active .checkmarks-points {
  color: #59595B;
  font-weight: 500 !important;
}
.ds-planner .program-eval-progress {
  max-width: 280px !important;
  max-height: 75px !important;
  margin: auto !important;
  border-radius: 5px !important;
}
.ds-planner .program-eval-progress .progress-amount {
  line-height: 28px;
}
.override-notes {
  width: 100%;
  height: 40px;
  background-color: #F4F8FB;
}
.tooltip.locked-requirement .tooltip-inner {
  color: white;
  background-color: #00B0D5;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.tooltip.locked-requirement .tooltip-arrow {
  display: none;
}
.plan-version-sticky-panel-wrapper {
  position: absolute;
  display: inline-flex;
  margin: auto auto -50px;
  height: 50px;
  top: -1px;
  width: 100%;
  justify-content: center;
}
.plan-version-sticky-panel-wrapper .content {
  position: relative;
  z-index: 1030;
  max-width: 80%;
  min-width: 430px;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.25);
  background-color: #0b1e2c;
  padding: 5px;
  text-align: center;
  color: white;
  font-size: 13px;
  line-height: 35px;
}
.plan-versions-table thead tr th {
  border-top: 0px !important;
  border-bottom: 1px solid black;
  background-color: transparent;
  color: black;
}
.plan-versions-description {
  margin-bottom: 30px;
}
.ds-requirement-override-modal .requirements-table-wrapper .column-req-title {
  width: 42%;
}
.ds-requirement-override-modal .requirements-table-wrapper .credits-input {
  max-width: 80px;
  padding-left: 5px;
  border: 1px solid #cccccc;
}
.ds-requirement-override-modal .override-notes {
  width: 100%;
  height: 40px;
  background-color: #fafafa;
  border: 1px solid #cccccc;
}
.ds-requirement-override-modal .change-notes {
  width: 100%;
  margin-top: 25px;
  border: 1px solid #cccccc;
}
.ds-requirement-override-modal .prf-history-table-wrapper {
  margin-top: 70px;
}
.ds-requirement-override-modal .prf-history-table-wrapper .change-notes-column {
  width: 40%;
}
.ds-requirement-approval-modal .requirement-overview-wrapper {
  padding-bottom: 15px;
}
.ds-requirement-approval-modal .requirement-overview-wrapper .text-label {
  width: 50%;
  float: left;
  padding: 2px 1px 2px 5px;
}
.ds-requirement-approval-modal .requirement-overview-wrapper .text-container {
  width: 50%;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #dfdfdf;
  color: grey;
  padding: 2px 1px 2px 5px;
  cursor: context-menu;
}
.ds-requirement-approval-modal .requirement-overview-wrapper .requirement-wrapper {
  display: inline-block;
  width: 100%;
  padding: 0px 0px 4px 0px;
}
.ds-requirement-approval-modal .approval-wrapper {
  font-weight: bold;
  padding-bottom: 15px;
}
.ds-requirement-approval-modal .approval-wrapper .approval-label {
  width: 80%;
  float: left;
}
.ds-requirement-approval-modal .approval-wrapper .approval-dropdown {
  width: 20%;
  float: left;
  text-align: right;
}
.ds-requirement-approval-modal .approval-wrapper .approval-dropdown .approval-dropdown-box {
  width: 70px;
  padding-left: 2px;
  border-color: #dfdfdf;
}
.ds-requirement-approval-modal .approval-notes-wrapper {
  margin-top: 15px;
}
.ds-requirement-approval-modal .approval-notes-wrapper .approval-notes {
  width: 100%;
  height: 40px;
  background-color: #fafafa;
  border: 1px solid #cccccc;
}
.ds-requirement-approval-modal .history-table-wrapper {
  margin-top: 30px;
}
.ds-planner-create .section-header {
  font-size: 22px;
  color: #58585b;
  font-weight: bold;
  padding-top: 35px;
  padding-bottom: 20px;
}
.ds-planner-create .form-wrapper {
  padding-top: 20px;
}
.ds-planner-create .onBehalfWrapper {
  background: white;
  color: #092954;
  margin: 0 0 50px 30px;
  width: fit-content;
  max-width: 300px;
  padding: 8px 25px;
  text-align: center;
  border-radius: 7px;
  border: 2px solid #00B8E4;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.ds-planner-create .onBehalfWrapper .oboLabel {
  font-size: 12px;
}
.ds-planner-create .onBehalfWrapper .oboEmail {
  font-variant-caps: small-caps;
  padding: 2px 0 0 0px;
  font-size: 16px;
}
.ds-planner-create .onBehalfWrapper > hr {
  margin: 3px 0px;
  border: 0;
  border-top: 1px solid #c8c8c8;
}
.ds-planner-create .onBehalfWrapper .close-icon {
  color: #3F51B5;
  float: right;
  position: relative;
  top: -53px;
  left: 33px;
  font-size: 18px;
  background: white;
  cursor: pointer;
}
.ds-planner-create .onBehalfWrapper .close-icon:hover {
  color: #2d3e9f;
}
/* 
    Created on : May 30, 2017, 8:25:56 PM
    Author     : david
*/
.left-nav-font,
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-main-item,
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-main-item > div,
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-sub-item {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
  line-height: 25px;
  width: 100%;
}
.list-plan-panel .header-outer-wrapper {
  background-color: #ffffff;
  box-shadow: 0 2px 0 0 #f3f3f3;
}
.list-plan-panel .header-outer-wrapper .header-inner-wrapper {
  padding-bottom: 25px;
}
.list-plan-panel .header-outer-wrapper .header-inner-wrapper .header {
  font-size: 28px;
  color: #424051;
  font-family: 'Poppins', sans-serif !important;
}
.list-plan-panel .header-outer-wrapper .header-inner-wrapper .sub-title {
  font-size: 14px;
  color: #8f9ea6;
}
.list-plan-panel .closed {
  min-width: 30px !important;
  width: 30px !important;
}
.list-plan-panel .closed .collapsible {
  visibility: hidden;
  width: 0px;
}
.list-plan-panel .left-nav-column-wrapper {
  top: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  min-width: 320px;
  width: 320px;
  transition: width 0.15s linear;
  display: flex;
}
.list-plan-panel .left-nav-column-wrapper:hover .right-edge-line {
  background-color: #5e92d3 !important;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column {
  background-color: #1f293e;
  height: 100%;
  position: relative;
  width: 320px;
  padding-top: 10px;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column .remove-extra-padding {
  padding: 5px 0;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-main-item {
  color: white;
  padding: 10px 0 10px 20px;
  list-style: none;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-main-item > ul {
  transition: height 0.3s linear;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-main-item .up-down-arrow {
  position: relative;
  left: 5px;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-sub-item {
  color: #B1B8CA;
  padding: 10px 0 10px 40px;
  list-style: none;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column .left-nav-active-item {
  background-color: #6F7092;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column-right-edge {
  height: 100%;
  width: 15px;
  display: flex;
  flex-direction: column;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column-right-edge .right-edge-line {
  height: 100%;
  width: 2px;
  background-color: #a2a2a2;
  display: block;
  margin-top: -25px;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column-right-edge .collapse-control-tab {
  display: block;
  border-radius: 50%;
  height: 25px;
  min-width: 25px;
  background-color: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 30px;
  position: relative;
  left: -11px;
  top: 30px;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column-right-edge .collapse-control-tab:hover {
  background-color: #ebebeb;
  color: #0b1e2c;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column-right-edge .collapse-control-tab img {
  top: -3px;
  position: relative;
  left: 7px;
}
.list-plan-panel .left-nav-column-wrapper .left-nav-column-right-edge .collapse-control-tab .flipped-horizontal {
  transform: rotate(180deg);
  transition: transform 0.15s linear;
  transition-delay: 0.3s;
  left: 9px;
}
.list-plan-panel .right-column-wrapper {
  width: 100%;
  margin: 0 auto;
}
.list-plan-panel .right-column-wrapper .unique-wrapper {
  margin-top: 40px;
  display: inline-block;
  width: 100%;
}
.list-plan-panel .plans-list-outer-wrapper {
  padding-bottom: 20px;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .tool_tip_btn {
  position: relative;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .tool_tip_btn:hover .inner_tool_text {
  display: block;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .inner_tool_text {
  border-radius: 4px;
  padding: 3px 6px;
  min-width: 80px;
  display: none;
  position: absolute;
  top: -32px;
  background: #222;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .inner_tool_text:after {
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #222;
  position: absolute;
  width: 0;
  bottom: -6px;
  left: 43%;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .e4 .inner_tool_text:after {
  left: 52% !important;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .e1 .inner_tool_text {
  left: -29px;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .e2 .inner_tool_text {
  left: -50px;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .e4 .inner_tool_text {
  left: -89px;
}
.list-plan-panel .plans-list-outer-wrapper .list-plan-table .e5 .inner_tool_text {
  left: -36px;
}
.list-plan-panel .transfers-outer-wrapper {
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .list-plan-panel .transfers-outer-wrapper {
    width: 48%;
    margin-right: 0.5em;
    float: left;
    position: relative;
  }
}
.list-plan-panel .ap-outer-wrapper {
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .list-plan-panel .ap-outer-wrapper {
    width: 48%;
    margin-left: 1.5%;
    margin-right: unset;
    float: left;
    position: relative;
  }
}
@media (max-width: 1199px) {
  .list-plan-panel .ap-outer-wrapper {
    margin-top: 40px;
  }
}
.list-plan-panel .ap-outer-wrapper .ap-header-wrapper {
  display: flex;
  align-items: baseline;
}
.user-profile-font,
.ui-select-list-item,
.ui-select-highlight,
.user-profile-wrapper,
.user-profile-wrapper .user-profile-description,
.user-profile-wrapper .user-profile-item span,
.primary-plan-school-name,
.primary-plan-title,
.primary-plan-desc,
.user-profile-plan-wrapper,
.user-profile-plan-wrapper .no-primary-plan {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px;
}
.progress {
  border-radius: 10px;
  height: 15px;
}
.progress .bg-transferred {
  background-color: #1ea2c1;
}
.progress .bg-completed {
  background-color: #00b8e4;
}
.progress .bg-planned {
  background-color: #bbdfe8;
}
.user-profile-wrapper {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px 0;
}
.user-profile-wrapper select {
  font-weight: 500;
  height: 24px;
  background-color: #f9f9f9;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.user-profile-wrapper select option {
  font-weight: 500;
  background-color: #f9f9f9;
}
.user-profile-wrapper .user-profile-data-wrapper {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 20px;
}
.user-profile-wrapper .user-profile-image {
  display: flex;
  align-items: center;
}
.user-profile-wrapper .user-profile-image img {
  max-width: 100px;
  width: 100%;
}
.user-profile-wrapper .user-profile-name {
  font-weight: 900;
  padding-bottom: 10px;
  font-size: 14px;
  color: #475b6d;
}
.user-profile-wrapper .user-profile-description {
  display: grid;
  gap: 5px;
}
.user-profile-wrapper .user-profile-item {
  display: flex;
  justify-content: stretch;
}
.user-profile-wrapper .user-profile-item span:first-child {
  margin-right: 10px;
}
.user-profile-wrapper .user-profile-item i {
  font-size: 0.8em;
  line-height: 1.5;
}
.user-profile-wrapper .user-profile-item-editable {
  cursor: pointer;
}
.user-profile-plan-wrapper {
  display: grid;
  grid-template-rows: 20px 1fr;
  gap: 5px;
  font-family: 'Poppins', sans-serif !important;
}
.user-profile-plan-wrapper .primary-plan-title {
  text-align: center;
}
.user-profile-plan-wrapper .primary-plan-name {
  color: #475b6d;
}
.user-profile-plan-wrapper .primary-plan-desc,
.user-profile-plan-wrapper .primary-plan-title {
  color: #475b6d;
  font-size: 1.1em;
  font-weight: bold;
}
.user-profile-plan-wrapper .no-primary-plan {
  padding: 20px;
  font-size: 14px;
  text-align: center;
}
.user-profile-plan-wrapper .primary-plan-content {
  display: grid;
  gap: 10px;
}
.user-profile-plan-wrapper .primary-plan-name-wrapper {
  display: grid;
  grid-template-rows: 1fr;
}
.user-profile-plan-wrapper .primary-plan-university {
  grid-row-start: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user-profile-plan-wrapper .primary-plan-university img {
  margin-right: 10px;
}
.user-profile-plan-wrapper .primary-plan-school-name {
  line-height: 2;
}
.user-profile-plan-wrapper .ds-schools-logo {
  max-width: 75px;
  max-height: 60px;
}
@media screen and (min-width: 640px) {
  .user-profile-plan-wrapper .primary-plan-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
  }
}
.ds-completed-courses .sub-header-wrapper {
  display: inline-block;
}
.ds-completed-courses .sub-header-wrapper .label-item .text-label {
  width: 100px;
  font-weight: bold;
  float: left;
}
.ds-completed-courses .sub-header-wrapper .label-item .text-item {
  width: 80%;
}
.ds-completed-courses .sub-header-wrapper .intro-text {
  padding-top: 25px;
  padding-bottom: 5px;
  font-size: 10pt;
}
.ds-completed-courses .transfers-outer-wrapper {
  padding-bottom: 5px;
}
.ds-completed-courses select {
  border: none;
  color: #59595B;
}
.ds-program .vertical-checkbox-group {
  margin: auto !important;
}
.ds-program .input-dropdown {
  text-overflow: ellipsis;
  overflow: hidden;
}
.ds-program .pagination {
  margin: 0px 0;
}
.ds-program .table {
  margin-bottom: 5px;
}
.ds-program .table th {
  font-size: 13px;
  font-weight: 600;
}
.ds-program .table td {
  font-size: 13px;
  vertical-align: middle;
}
.ds-program .table .btn {
  border-color: transparent !important;
  background-color: unset !important;
}
.ds-program .table .btn:hover {
  border: 1px solid #ccc !important;
}
.ds-program .custom-pages-section ul {
  padding: 0 !important;
}
.ds-program .custom-pages-section li {
  display: flex;
  justify-content: space-between;
  margin-left: 0px !important;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}
.ds-program .custom-pages-section li:last-child {
  border-bottom: none;
}
.ds-program .custom-pages-section span {
  font-size: 14px !important;
  flex: 1;
}
.ds-program .custom-pages-section button {
  font-size: 14px !important;
  margin-right: 10px !important;
  background-color: transparent;
  border: none;
  color: #1a73e8;
  cursor: pointer;
}
.ds-program .custom-pages-section .switch {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.ds-program .custom-pages-section button:hover {
  text-decoration: underline;
}
.ds-program .custom-pages-section label {
  font-size: 14px !important;
  gap: 5px;
  color: #555;
}
.ds-program .custom-pages-section input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: not-allowed;
}
.ds-program .custom-pages-section .add-page-btn {
  font-size: 14px !important;
  margin-top: 10px !important;
  background-color: transparent;
  border: none;
  color: #1a73e8;
  cursor: pointer;
}
.ds-program .custom-pages-section .add-page-btn:hover {
  text-decoration: underline;
}
.ds-program .custom-pages-section .arrow-wrapper {
  margin-right: 10px !important;
}
.ds-program .custom-pages-section .arrow-wrapper .up-arrow {
  margin-top: 2px;
  margin-bottom: -2px;
  color: #00B8E4;
}
.ds-program .custom-pages-section .arrow-wrapper .down-arrow {
  margin-top: -2px;
  margin-bottom: 2px;
  color: #00B8E4;
}
.ds-program .custom-pages-section .trash-icon {
  margin-left: 10px !important;
  width: 18px;
}
.ds-program .custom-pages-section .custom-page-switch {
  width: 47px !important;
}
.ds-program .custom-pages-section .custom-page-switch .slider:before {
  height: 14px !important;
  width: 14px !important;
  bottom: 3px !important;
  left: 3px !important;
}
.ds-program .custom-pages-section .custom-page-switch input:checked + .slider:before {
  height: 16px !important;
  width: 16px !important;
  left: 3px !important;
  bottom: 2px !important;
  background-image: url("../../assets-new/images/check-blue.svg");
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
}
@keyframes text-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ds-program .custom-pages-section .custom-page-switch input:checked + .slider + .switch-texts:before {
  content: 'LIVE';
  font-size: 10px;
  pointer-events: none;
  position: absolute;
  left: 6px;
  top: 3px;
  z-index: 1;
  color: #fff;
  animation-name: text-opacity;
  animation-duration: 0.5s;
}
.ds-program .custom-pages-section .custom-page-switch input:not(:checked) + .slider + .switch-texts:after {
  content: 'OFF';
  font-size: 10px;
  pointer-events: none;
  position: absolute;
  right: 6px;
  top: 3px;
  z-index: 1;
  animation-name: text-opacity;
  animation-duration: 0.5s;
}
.ds-program .custom-pages-section .custom-page-switch .switch-texts {
  position: relative;
}
.ds-program .input-group-btn .ds-search-btn {
  height: 32px;
}
.ds-program .pagination li a {
  padding: 6px !important;
}
.ds-program .body-outer-wrapper {
  display: flex;
}
.ds-program .body-outer-wrapper .body-inner-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
  margin-left: 1em;
  margin-right: 1em;
  padding: 35px 50px 25px !important;
  border-radius: 6px;
  width: 100%;
}
.ds-program .section-card .program-alert {
  padding: 6px 8px;
  border-radius: 3px;
  background: rgba(0, 184, 228, 0.1);
  gap: 5px;
}
@media screen and (max-width: 767px) {
  .ds-program .body-outer-wrapper .body-inner-wrapper {
    width: 100%;
    padding: 10px !important;
    margin-left: 0px;
  }
}
.disable-section {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.change-parent-requirement .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.change-parent-requirement .modal-dialog .modal-content .modal-body {
  height: 100%;
}
.change-parent-requirement .modal-dialog .modal-content .modal-footer {
  position: inherit;
}
.program-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: wrap;
}
.ds-lock-requirement-modal .reason-wrapper {
  margin-top: 20px;
}
.ds-lock-requirement-modal .reason-wrapper textarea {
  height: 60px;
  background-color: #fafafa;
  border: 1px solid #cccccc;
}
.ds-lock-requirement-modal .authored-by-text {
  float: right;
  font-style: italic;
  font-size: 12px;
  color: grey;
}
.ds-students {
  height: 100%;
  background-color: #F4F8FB;
}
.ds-students {
  /* modal */
  /*.content-right .content-fluid .table-responsive{
        margin: 20px 0;
        !*max-height: 400px;*!
        max-height: calc(100vh - 210px);
        overflow-y: auto;
        min-height: 300px;
    }*/
}
.ds-students a {
  color: #2C2C37;
  cursor: pointer;
}
.ds-students a:hover,
.ds-students a:focus {
  color: #EE3E7C;
  text-decoration: none;
  outline: none;
}
.ds-students .modal .modal-dialog {
  height: 95%;
  max-height: 95%;
  display: flex;
  align-items: center;
  margin: 10px auto;
  max-width: 750px;
}
.ds-students .modal .modal-dialog .modal-content {
  max-height: 100%;
  min-height: 316px;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 5px;
  border: none;
}
.ds-students .modal .modal-dialog .modal-header {
  color: #ffffff;
  text-align: center;
  background: linear-gradient(176.71deg, rgba(0, 184, 228, 0.75) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7;
  border-radius: 5px 5px 0px 0px;
  height: 45px;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.ds-students .modal .modal-dialog .modal-header .modal-title {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
}
.ds-students .modal .modal-dialog .modal-header .close:focus {
  outline: none;
}
.ds-students .modal .modal-dialog .modal-header .close .icons-icon {
  color: #ffffff;
  font-size: 18px;
}
.ds-students .modal .modal-dialog .modal-body {
  padding: 35px;
  max-height: 100%;
  overflow-y: auto;
}
.ds-students .modal .modal-dialog .modal-footer {
  width: 90%;
  margin: auto;
  border-color: #E7EDF3;
  justify-content: center;
  padding: 20px 0;
}
.ds-students .modal .modal-dialog .modal-footer .btn {
  min-width: 146px;
  height: 32px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.ds-students .modal .form-display .form-group:last-child {
  margin-bottom: 20px;
}
.ds-students .modal .btn {
  min-width: 146px;
  height: 32px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.ds-students .modal-open .modal {
  overflow-y: hidden;
}
.ds-students .body-content {
  height: 100%;
  display: flex;
}
.ds-students .content-left {
  z-index: 1;
  background: #FFFFFF;
  box-shadow: 0px 0px 5px #dddddd99;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  padding: 15px 0 15px 15px;
}
.ds-students .content-right {
  width: calc(100% - 325px);
  padding: 15px;
  background-color: #F4F8FB;
}
.ds-students .content-left .form-group {
  margin-top: 10px;
}
.ds-students .content-left .form-group .form-control {
  padding-right: 35px;
  border: 1px solid #d2d2d2;
}
.ds-students .content-left .form-group .icons-icon {
  font-size: 13px;
  color: #58585B;
  position: absolute;
  top: 6px;
  right: 10px;
}
.ds-students .content-left hr {
  border-color: #E7EDF3;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 15px;
  width: calc(100% - 30px);
}
.ds-students .content-left .content-list {
  max-height: calc(100% - 75px);
  overflow-y: auto;
}
.ds-students .content-left .content-list .content-heading {
  padding: 0 15px 0 25px;
}
.ds-students .content-left .content-list .content-heading h4 {
  padding-top: 15px;
  margin: 0;
  color: #8B8B98;
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ds-students .content-left .content-list .content-heading small a {
  font-size: 10px;
  line-height: 15px;
  color: #231995;
}
.ds-students .content-left .content-list .content-listing {
  padding: 0 25px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 15px;
}
.ds-students .content-left .content-list .content-listing .custom-checkbox {
  margin-bottom: 12px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.ds-students .content-left .content-list .content-listing .custom-checkbox input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
  margin: 0;
}
.ds-students .content-left .content-list .content-listing .custom-checkbox .custom-control-label::before,
.ds-students .content-left .content-list .content-listing .custom-checkbox .custom-control-label::after {
  box-shadow: none;
}
.ds-students .content-left .content-list .content-listing .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: none;
  background-color: #ffffff;
  border-color: #ffffff;
  position: absolute;
  top: 0;
  width: 1rem;
  height: 1rem;
  background: no-repeat 1% 50%;
}
.ds-students .content-left .content-list .content-listing .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  position: absolute;
  top: 2px;
  background-image: none;
  color: #231995;
  font-size: 24px;
  line-height: 24px;
  content: '\F13E';
  font-family: 'Segoe MDL2 Assets';
}
.ds-students .content-left .content-list .content-listing .custom-checkbox .custom-control-label::before {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.ds-students .content-left .content-list .content-listing .custom-checkbox .custom-control-label::after {
  left: 0;
}
.ds-students .content-left .content-list .content-listing .custom-control-input:checked ~ .custom-control-label {
  padding-left: 2rem;
  transition: all ease 0.5s;
}
.ds-students .content-left .content-list .content-listing .custom-checkbox .custom-control-label {
  transition: all ease 0.5s;
  width: 100%;
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.ds-students .auto-height {
  height: auto !important;
}
.ds-students .content-right .content-heading {
  min-height: 50px;
  padding: 15px 30px;
  display: flex;
  align-items: center;
}
.ds-students .content-right .content-heading h4 {
  font-size: 14px;
  line-height: 17px;
  color: #8B8B98;
  margin: 0;
  display: flex;
  align-items: center;
}
.ds-students .content-right .content-heading h4 .icons-icon {
  font-size: 12px;
  padding: 0 15px;
}
.ds-students .content-right .content-fluid {
  box-shadow: 0px 0px 5px #dddddd99;
  background-color: #ffffff;
  padding: 20px;
  margin-top: 15px;
  border-radius: 5px;
  width: 100%;
}
.ds-students .content-right .content-fluid .total-sum {
  font-size: 14px;
  line-height: 21px;
  color: #8B8B98;
}
.ds-students .content-right .content-fluid .table-responsive .table td,
.ds-students .content-right .content-fluid .table-responsive .table th {
  vertical-align: middle;
}
.ds-students .content-right .content-fluid .table-responsive .table thead th {
  white-space: nowrap;
  border: none;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  color: #8B8B98;
  font-weight: normal;
  vertical-align: middle;
}
.ds-students .content-right .content-fluid .table-responsive .table tbody td {
  white-space: nowrap;
  border-top: 1px solid #E7EDF3 !important;
  font-size: 13px;
  line-height: 18px;
  color: #393939;
  vertical-align: middle;
}
.ds-students .content-right .content-fluid .table-responsive .table tbody th {
  white-space: nowrap;
  font-weight: 500;
  font-size: 13px;
  border-color: #E7EDF3;
}
.ds-students .content-right .content-fluid .table-responsive .table tbody td .text-default {
  font-weight: 500;
}
.ds-students .content-right .content-fluid .table-responsive .table .custom-switch,
.ds-students .content-right .content-fluid .table-responsive .table .custom-switch .custom-control-label {
  transition: all ease 0.5s;
  cursor: pointer;
}
.ds-students .content-right .content-fluid .table-responsive .table .custom-switch .custom-control-label::before {
  transition: all ease 0.5s;
  box-shadow: none;
  background-color: #E6ECF2;
  border: none;
  width: 36px;
  height: 20px;
  border-radius: 20px;
}
.ds-students .content-right .content-fluid .table-responsive .table .custom-switch .custom-control-label::after {
  transition: all ease 0.5s;
  box-shadow: none;
  background-color: #F7F8FA;
  height: 16px;
  width: 16px;
}
.ds-students .content-right .content-fluid .table-responsive .table .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  transition: all ease 0.5s;
  box-shadow: none;
  background-color: #00B8E4;
}
.ds-students .content-right .content-fluid .table-responsive .table .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transition: all ease 0.5s;
  left: auto;
  right: -3px;
}
.ds-students .table-hover tbody tr:hover,
.ds-students .table-hover tbody tr.hover,
.ds-students .table > tbody > tr.hover > td,
.ds-students .table > tbody > tr.hover > th,
.ds-students .table > tbody > tr:hover > td,
.ds-students .table > tbody > tr:hover > th {
  background-color: #F7F8FA !important;
}
.ds-students .content-right .content-fluid .pagination {
  width: 100%;
  justify-content: center;
  margin-top: 1rem;
}
.ds-students .content-right .content-fluid .pagination .page-link,
.ds-students .content-right .content-fluid .pagination a {
  outline: none;
  font-size: 12px;
  line-height: 18px;
  color: #3C51B9;
  border-radius: 5px;
  height: 32px;
  min-width: 32px;
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
}
.ds-students .content-right .content-fluid .pagination .page-item.active .page-link,
.ds-students .content-right .content-fluid .pagination li.active a {
  background-color: #3C51B9;
  color: #ffffff;
  border: 1px solid #3C51B9;
}
.ds-students .content-right .content-fluid .pagination .page-link:hover,
.ds-students .content-right .content-fluid .pagination .page-item.next .page-link,
.ds-students .content-right .content-fluid .pagination a:hover,
.ds-students .content-right .content-fluid .pagination li.next a {
  box-shadow: none;
  border: 1px solid #3C51B9;
  background-color: #ffffff;
}
.ds-students .content-right .content-fluid .pagination .page-item.next .page-link::after,
.ds-students .content-right .content-fluid .pagination li.next a::after {
  content: '\E76C';
  font-family: 'Segoe MDL2 Assets';
  font-size: 12px;
  line-height: 12px;
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.ds-students .content-right .content-fluid .pagination-view {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #8B8B98;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ds-students .content-right .content-fluid .pagination-view .pagination-item::after {
  content: '|';
  margin: 0 2px;
}
.ds-students .content-right .content-fluid .pagination-view .pagination-item:first-child::after,
.ds-students .content-right .content-fluid .pagination-view .pagination-item:last-child::after {
  content: '';
}
.ds-students .content-right .content-fluid .pagination-view .pagination-item .pagination-link {
  color: #8B8B98;
}
.ds-students .content-right .content-fluid .pagination-view .pagination-item.active .pagination-link {
  font-weight: bold;
}
.ds-students .content-right .content-fluid .pagination .page-item.next .page-link:hover {
  background-color: #3C51B9;
  color: #ffffff;
}
.ds-students .content-right .content-fluid .pagination li {
  margin: 0 2px;
  width: auto;
}
.ds-chat {
  background-color: #F4F8FB !important;
  height: 100%;
  background-color: #F4F8FB;
  /* modal */
  /* body */
  /* dropdown */
}
.ds-chat .fa-circle.text-green {
  background: #11C37B;
}
.ds-chat .fa-circle.text-gray {
  background: #E7EDF3;
}
.ds-chat .fa-circle.text-yellow {
  background: #FFCC4D;
}
.ds-chat .fa-circle {
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 100%;
  border: 2px solid #fff !important;
}
.ds-chat .fa-circle:before {
  content: "";
}
.ds-chat .fa-ellipsis-h {
  cursor: pointer;
  color: #59595B;
}
.ds-chat .mt-15 {
  margin-top: 15px;
}
.ds-chat .h-100 {
  height: 100%;
}
.ds-chat .overflow-hidden {
  overflow: hidden;
}
.ds-chat .align-items-flex-end {
  align-items: flex-end;
}
.ds-chat .min-w-160 {
  min-width: 150px;
  max-width: 200px;
}
.ds-chat .radius-6 {
  border-radius: 5px;
}
.ds-chat .mbt-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ds-chat .m-b-8 {
  margin-bottom: 8px;
}
.ds-chat .f-700 {
  font-weight: 700 !important;
}
.ds-chat .badge-navi {
  display: inline-block;
  padding: 1px 6px;
  min-width: 20px;
  text-align: center;
  color: #393939;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
}
.ds-chat .bg-light {
  background: #f1f1f1;
}
.ds-chat .text-light-gray {
  color: #8F9EA6;
}
.ds-chat .pl-15 {
  padding-left: 15px;
}
.ds-chat .f-300 {
  font-weight: 300 !important;
}
.ds-chat .top-navi-view {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #393939;
}
.ds-chat .top-navi-view li.active {
  color: #3C51B9;
}
.ds-chat .top-navi-view li.active .badge-navi {
  background: #006f93;
  color: #fff;
}
.ds-chat .top-navi-view li:hover a,
.ds-chat .top-navi-view li:focus a {
  color: #3C51B9;
}
.ds-chat .content-right {
  margin-top: 15px;
}
.ds-chat .content-right .content_right_shadow {
  background: #FFFFFF;
  box-shadow: 0px 0px 5px #dddddd99;
}
.ds-chat .content-right .content-header .white_strip.mt-1 {
  margin-top: 10px !important;
}
.ds-chat .content-right .content-header .white_strip {
  width: 1px;
  background: #ddd;
  height: 45px;
  margin-right: 15px;
}
.ds-chat .content-right .content-header .font-12 {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.ds-chat .content-right .content-header .ml-1 {
  margin-left: 10px;
}
.ds-chat .content-right .content-header .header_cont_list .mr-1 {
  margin-right: 10px;
}
.ds-chat .content-right .content-header .header_cont_list .ml-1 {
  margin-left: 10px;
}
.ds-chat .content-right .content-header .header_cont_list .ml-2 {
  margin-left: 20px;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .mbt-5 {
  margin-top: 3px;
  margin-bottom: 7px;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .online_img .img-wrap {
  width: 28px;
  height: 28px;
  line-height: 29px;
  font-size: 14px;
  border-right: 2px solid #E7EDF3;
  border-radius: 6px;
  cursor: pointer;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .white-hover-user {
  background: transparent;
  padding: 5px 3px 6px;
  border-radius: 4px;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .white-hover-user:hover {
  background: rgba(255, 255, 255, 0.6);
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .white-hover-user img {
  margin-right: 0;
  margin-top: 4px;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items {
  position: relative;
  min-width: 80px;
  justify-content: space-evenly;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .fa-circle {
  width: 8px;
  height: 8px;
  line-height: 8px;
  border: 1px solid #fff !important;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .radius-6 {
  border-right: 2px solid #E7EDF3;
  margin-top: 1px;
  cursor: pointer;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img {
  position: absolute;
  top: -3px;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(1) {
  left: 0;
  z-index: 9;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(2) {
  left: 20px;
  z-index: 8;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(3) {
  left: 40px;
  z-index: 7;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(4) {
  left: 55px;
  z-index: 6;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(5) {
  left: 70px;
  z-index: 5;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(6) {
  left: 85px;
  z-index: 4;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(7) {
  left: 100px;
  z-index: 3;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(8) {
  left: 115px;
  z-index: 2;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .overlap_items .online_img:nth-child(9) {
  left: 130px;
  z-index: 1;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .online_img {
  position: relative;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .online_img .fa {
  position: absolute;
  left: 19px !important;
  top: 22px;
  font-size: 9px !important;
  bottom: auto !important;
  border-radius: 100%;
}
.ds-chat .content-right .content-header .header_cont_list .overlap_top .online_img img.border-radius-100 {
  border-radius: 5px;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .online_img {
  position: relative;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .online_img .fa {
  position: absolute;
  right: 8px;
  bottom: -2px;
  font-size: 10px;
  border-radius: 100%;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .online_img .initials {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  cursor: pointer;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .onhover {
  height: 45px;
  padding-top: 13px;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .onhover:hover small {
  display: block;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .onhover small {
  display: none;
  color: #8F9EA6;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .btn-white-hover {
  color: #59595B;
  padding: 3px 2px;
  font-size: 13px;
  border-radius: 4px;
  min-width: 120px;
  margin-top: 10px;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .btn-white-hover:hover {
  background: #fff;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .btn-white-hover .user_ic1 img {
  width: 20px !important;
  height: 20px !important;
  margin-left: 8px !important;
  margin-right: 0;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list .btn-mis {
  margin-top: 10px !important;
  padding: 2px 14px;
  font-weight: normal;
  min-width: auto;
  line-height: 23px;
  font-size: 12px;
  height: 28px;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 5px;
}
.ds-chat .content-right .content-header .header_cont_list .mis_cont_list a {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.ds-chat .content-right .content-header .icons-right {
  margin-top: 8px;
}
.ds-chat .content-right .content-header .icons-right .dropdown-show {
  margin-top: 9px;
}
.ds-chat .content-right .content-header .icons-right .dropdown-show {
  align-items: initial;
}
.ds-chat .content-right .content-header .icons-right a {
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
}
.ds-chat .content-right .content-header .icons-right .initials {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  border-radius: 5px !important;
  margin-right: 0;
}
.ds-chat .content-right .content-header .user_ic1 img {
  border-radius: 0;
}
.ds-chat .mis_cont_list_drop .p-1 {
  padding: 8px;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu {
  min-width: 260px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.15);
  border-top: 5px solid #3C51B9;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li {
  height: auto;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li h6 a {
  padding: 6px 10px !important;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li a {
  position: relative;
  padding: 4px 8px 4px 8px !important;
  color: #333333;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li a .name_online {
  position: relative;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li a .name_online .fa {
  position: absolute;
  left: 20px;
  bottom: 0;
  font-size: 10px;
  border: 1px solid #fff;
  border-radius: 100%;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li a .name_online .name_gradiant {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  color: white;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li ul {
  height: auto;
  max-height: 200px;
  overflow: auto;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu li ul li {
  width: 100%;
}
.ds-chat .mis_cont_list_drop .list_navi.dropdown-menu::before {
  left: 34px;
  top: -17px !important;
}
.ds-chat .initials {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ds-chat .img-wrap {
  height: 40px;
  width: 40px;
}
.ds-chat .img-wrap img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  box-shadow: 0px 0px 5px #dddddd99;
}
.ds-chat a {
  color: #2C2C37;
  cursor: pointer;
}
.ds-chat a:hover,
.ds-chat a:focus {
  color: #EE3E7C;
  text-decoration: none;
  outline: none;
}
.ds-chat .show > .btn.dropdown-toggle:focus {
  opacity: 0.8;
  color: #ffffff;
  box-shadow: none;
}
.ds-chat .btn {
  font-size: 13px;
  height: 35px;
  border-radius: 0.35rem;
  font-weight: bold;
}
.ds-chat .btn-default {
  border: 1px solid #3C51B9;
  background-color: #3C51B9;
  color: #ffffff;
  height: 48px;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0px 0px 5px #dddddd99;
}
.ds-chat .btn-default:hover,
.ds-chat .btn-default:focus {
  border: 1px solid #3C51B9;
  background-color: #3C51B9;
  color: #ffffff;
}
.ds-chat .btn-white {
  background-color: #ffffff;
  color: #3b3b3b;
  height: 40px;
  width: 40px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-chat .btn-white img {
  width: 100%;
}
.ds-chat .btn-oval {
  border-radius: 50%;
}
.ds-chat .btn-stroke-exsmall {
  border: 1px solid #3C51B9;
  height: 18px;
  width: 18px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-chat .btn-stroke-exsmall.icons-icon {
  font-size: 10px !important;
  line-height: 20px;
}
.ds-chat .btn-stroke-exsmall.icons-icon:hover,
.ds-chat .btn-stroke-exsmall.icons-icon:focus {
  color: #3C51B9;
}
.ds-chat .btn-default-exsmall {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3C51B9;
  color: #ffffff;
  height: 32px;
  width: 32px;
  box-shadow: 0px 0px 5px #dddddd99;
  font-size: 22px;
}
.ds-chat .btn-link,
.ds-chat .btn-link:hover,
.ds-chat .btn-link:focus {
  color: #3C51B9;
  font-size: 14px;
  text-decoration: none;
}
.ds-chat .btn-info {
  border-color: #3C51B9;
  background-color: #3C51B9;
  color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
}
.ds-chat .btn-info:hover,
.ds-chat .btn-info:focus,
.ds-chat .btn-info:not(:disabled):not(.disabled).active,
.ds-chat .btn-info:not(:disabled):not(.disabled):active,
.ds-chat .show > .btn-info.dropdown-toggle,
.ds-chat .btn-info:not(:disabled):not(.disabled).active:focus,
.ds-chat .btn-info:not(:disabled):not(.disabled):active:focus,
.ds-chat .show > .btn-info.dropdown-toggle:focus {
  border-color: #3C51B9;
  background-color: #3C51B9;
  box-shadow: none;
}
.ds-chat .btn.disabled,
.ds-chat .btn:disabled {
  cursor: not-allowed;
}
.ds-chat .btn-sm {
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  border-radius: 5px;
  min-width: 146px;
  font-weight: normal;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 14px;
  line-height: 21px;
}
.ds-chat .btn:focus,
.ds-chat .btn:active:focus,
.ds-chat .btn.active:focus {
  outline: none;
}
.ds-chat .modal .modal-dialog {
  height: 95%;
  max-height: 95%;
  display: flex;
  align-items: center;
  margin: 10px auto;
  max-width: 750px;
}
.ds-chat .modal .modal-dialog .modal-content {
  max-height: 100%;
  min-height: 316px;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 5px;
  border: none;
}
.ds-chat .modal .modal-dialog .modal-header {
  color: #ffffff;
  text-align: center;
  background: linear-gradient(176.71deg, rgba(0, 184, 228, 0.75) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7;
  border-radius: 5px 5px 0px 0px;
  height: 45px;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.ds-chat .modal .modal-dialog .modal-header .modal-title {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
}
.ds-chat .modal .modal-dialog .modal-header .close:focus {
  outline: none;
}
.ds-chat .modal .modal-dialog .modal-header .close .icons-icon {
  color: #ffffff;
  font-size: 18px;
}
.ds-chat .modal .modal-dialog .modal-body {
  padding: 35px;
  max-height: 100%;
  overflow-y: auto;
}
.ds-chat .modal .modal-dialog .modal-footer {
  width: 90%;
  margin: auto;
  border-color: #E7EDF3;
  justify-content: center;
  padding: 20px 0;
}
.ds-chat .modal .modal-dialog .modal-footer .btn {
  min-width: 146px;
  height: 32px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.ds-chat .modal .form-display .form-group:last-child {
  margin-bottom: 20px;
}
.ds-chat .modal .btn {
  min-width: 146px;
  height: 32px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.ds-chat .modal-open .modal {
  overflow-y: hidden;
}
.ds-chat .body-content {
  min-height: calc(100vh - 55px);
  height: 100%;
  display: flex;
}
.ds-chat .content-left {
  margin-right: 30px;
  height: 100%;
  transition: all ease 0.5s;
  z-index: 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 5px #dddddd99;
  width: 325px;
  padding: 15px 0 15px 15px;
}
.ds-chat .content-left .nav-tabs {
  border-radius: 5px;
  margin: 10px 0;
  border: none;
}
.ds-chat .content-left .nav-tabs .nav-item {
  margin-bottom: 0;
  height: 40px;
  width: 100%;
}
.ds-chat .content-left .nav-tabs .nav-item a {
  margin: 0;
  border: none;
  font-size: 12px;
  height: 100%;
  padding-left: 25px;
  color: #393939;
  font-weight: 500;
  border: 1px solid transparent;
}
.ds-chat .content-left .nav-tabs .nav-item a span.badge-navi {
  background: #F9F9F9;
}
.ds-chat .content-left .nav-tabs .nav-item a.active,
.ds-chat .content-left .nav-tabs .nav-item:hover a.active {
  background-color: #f1f1f1;
  color: #3C51B9;
  border: none;
  border-radius: 0px 0 0 0px;
  border-color: #3C51B9;
}
.ds-chat .content-left .nav-tabs .nav-item a.active .badge-navi {
  background: #006f93;
  color: #fff;
}
.ds-chat .content-left .tab-content ul {
  list-style: none;
  padding: 0 0 100px 0;
  margin: 0;
}
.ds-chat .content-left .tab-content ul li {
  margin-bottom: 15px;
  border: 1px solid #C4D4D9;
  border-radius: 5px 0 0 5px;
  height: 70px;
  border-right: none;
}
.ds-chat .content-left .tab-content ul li a {
  height: 100%;
  padding: 13px 8px;
  display: flex;
  justify-content: space-between;
}
.ds-chat .content-left .tab-content ul li a .text-wrap {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 49px);
  padding-left: 10px;
}
.ds-chat .content-left .tab-content ul li a .text-wrap span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 21px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
}
.ds-chat .content-left .tab-content ul li a .text-wrap span.name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.ds-chat .content-left .tab-content ul li a .text-wrap span.date {
  color: #A3A3A3;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.5px;
}
.ds-chat .content-left .tab-content ul li a .text-wrap small {
  padding-top: 1px;
  font-size: 12px;
  line-height: 18px;
  color: #A3A3A3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
}
.ds-chat .content-left .tab-content ul li a .text-wrap small.text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 85%;
  display: inline-block;
}
.ds-chat .content-left .tab-content ul li.active,
.ds-chat .content-left .tab-content ul li:hover,
.ds-chat .content-left .tab-content ul li:focus {
  border-color: #3C51B9;
  color: #3C51B9;
}
.ds-chat .content-left .tab-content ul li.active .fa-ellipsis-h,
.ds-chat .content-left .tab-content ul li:hover .fa-ellipsis-h,
.ds-chat .content-left .tab-content ul li:focus .fa-ellipsis-h {
  color: #3C51B9;
}
.ds-chat .content-left .tab-content ul li.active a .text-wrap span,
.ds-chat .content-left .tab-content ul li.active a .text-wrap small,
.ds-chat .content-left .tab-content ul li:hover a .text-wrap span,
.ds-chat .content-left .tab-content ul li:hover a .text-wrap small,
.ds-chat .content-left .tab-content ul li:focus a .text-wrap span,
.ds-chat .content-left .tab-content ul li:focus a .text-wrap small {
  color: #3C51B9;
}
.ds-chat .content-left .tab-content .dropdown-menu {
  left: auto !important;
  right: 0;
  top: 29px !important;
}
.ds-chat .content-left .tab-content .dropdown-toggle::after {
  display: none;
}
.ds-chat .content-left .tab-content ul li span.dropdown-item {
  cursor: pointer;
  justify-content: start;
  color: #3C51B9;
  display: flex;
}
.ds-chat .content-left .tab-content ul li span.dropdown-item .icons-icon {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.ds-chat .content-left .tab-content ul li small .icons-icon {
  font-size: 14px;
}
.ds-chat .content-left .tab-content ul li:hover .btn-stroke-exsmall,
.ds-chat .content-left .tab-content ul li:focus .btn-stroke-exsmall {
  border-color: #ffffff;
  color: #ffffff;
}
.ds-chat .content-left .tab-content {
  height: calc(100% - 195px);
  overflow-y: auto;
}
.ds-chat .content-left .tab-content ul .content-wrap:last-child li {
  margin-bottom: 0;
}
.ds-chat .content-left .tab-content ul li small.dropdown-show.show .btn-stroke-exsmall {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.ds-chat .content-left .tab-content ul li small.dropdown-show.show .dropdown-menu::before {
  color: #ffffff;
  right: 14px;
  top: -13px;
}
.ds-chat .content-left .tab-content ul li.active small .icons-icon {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.ds-chat .content-left .tab-content ul li.active small .dropdown-menu .icons-icon {
  color: #3C51B9;
}
.ds-chat .content-left .tab-content ul li a .text-wrap {
  flex-direction: column;
}
.ds-chat .content-left .tab-content ul li a .text-wrap span.name {
  width: 65%;
}
.ds-chat .content-left .tab-content ul li {
  position: relative;
}
.ds-chat .content-left .tab-content ul li small.dropdown-show {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.ds-chat .content-left .tab-content ul li.active-text small.dropdown-show {
  bottom: 10px;
}
.ds-chat .content-left .left-menu-icon {
  display: none;
}
.ds-chat .content-left .tab-content ul li a .fa-circle {
  position: absolute;
  bottom: 12px;
  left: 35px;
  font-size: 10px;
  border-radius: 100%;
}
.ds-chat .initial_badge {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #20cbdd;
  line-height: 15px;
  border-radius: 100%;
  top: 10px;
  left: 40px;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
.ds-chat .border-radius-100 {
  border-radius: 100%;
}
.ds-chat .content-right {
  min-width: 350px;
  width: calc(100% - 365px);
  padding: 15px;
  background: #fff;
}
.ds-chat .content-right .content-header {
  justify-content: space-between;
  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.05);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background-color: #fff;
  border-radius: 5px 5px 0px 0px;
  height: 82px;
  z-index: 1;
  color: #3C51B9;
  line-height: 24px;
}
.ds-chat .content-right .content-header small {
  color: #231995;
  font-size: 10px;
  line-height: 15px;
  padding-left: 10px;
}
.ds-chat .content-right .content-header small .icons-icon {
  font-size: 6px;
  color: #231995;
}
.ds-chat .content-right .content-header a {
  color: #231995;
}
.ds-chat .content-right .content-header .icons-right {
  display: flex;
}
.ds-chat .content-right .content-header .icons-right a {
  margin-left: 10px;
  border-radius: 5px;
}
.ds-chat .content-right .content-header .icons-right a:hover {
  background: rgba(255, 255, 255, 0.6);
}
.ds-chat .content-right .content-header .icons-right a.icons-icon {
  font-size: 20px;
  color: #59595B;
}
.ds-chat .content-right .content-header .dropdown-toggle::after {
  display: none;
}
.ds-chat .content-right .content-header .dropdown-menu::before {
  top: -9px;
}
.ds-chat .content-right .content-header .icons-right .dropdown-menu a {
  display: block;
  width: 100%;
  margin-left: 0;
  font-weight: 500;
  line-height: 20px;
}
.ds-chat .content-right .content-header .icons-right .dropdown-menu {
  left: -52px !important;
  margin-top: 10px;
}
.ds-chat .content-right .content-header .icons-right .add-friend-menu.dropdown-menu {
  left: auto !important;
  right: 0;
}
.ds-chat .content-right .content-header .icons-right .add-friend-menu.dropdown-menu::before {
  right: 8px;
}
.ds-chat .content-right .content-body {
  overflow-x: hidden;
  padding: 40px;
  background-color: #ffffff;
  height: calc(100% - 149px);
  overflow-y: auto;
  box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.05);
}
.ds-chat .content-right .content-body .wrap.receive .text-wrap {
  word-break: break-all;
  margin-top: 10px;
  min-height: 64px;
  align-items: center;
  width: calc(100% - 47px);
  margin-left: 15px;
  background: #fff;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 0px 10px 10px 10px;
  padding: 15px;
  color: #59595B;
}
.ds-chat .content-right .content-body .wrap {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.ds-chat .content-right .content-body .wrap-time {
  margin-top: 0px;
  display: flex;
  justify-content: center;
  color: #475B6D;
  font-size: 11px;
  line-height: 24px;
}
.ds-chat .content-right .content-body .wrap.send .text-wrap {
  word-break: break-all;
  margin-top: 10px;
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  width: calc(100% - 47px);
  margin-right: 15px;
  background: #F8FAFD;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 10px 10px 0 10px;
  padding: 15px;
  color: #59595B;
}
.ds-chat .content-right .content-body .wrap.send .text-wrap img.read {
  position: absolute;
  right: 7px;
  bottom: 7px;
}
.ds-chat .content-right .content-body .wrap-unread {
  position: relative;
  border-bottom: 1px solid #3C51B9;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.ds-chat .content-right .content-body .wrap-unread span {
  position: absolute;
  background-color: #ffffff;
  top: -15px;
  padding: 5px;
  left: 42%;
}
.ds-chat .content-right .content-body .wrap:last-child {
  margin-bottom: 0;
}
.ds-chat .content-right .content-body .wrap:first-child .text-wrap {
  margin-top: 0;
}
.ds-chat .content-right .content-footer {
  padding: 0 40px;
  background-color: #ffffff;
  height: 67px;
  margin-top: auto;
}
.ds-chat .content-right .content-footer .footer-wrap {
  position: relative;
  align-items: center;
  border-top: 1px solid #E7EDF3;
  padding: 15px 0;
  display: flex;
}
.ds-chat .content-right .content-footer .footer-wrap .form-control {
  box-shadow: none;
  border: none;
  color: #A3A3A3;
  font-size: 14px;
}
.ds-chat .content-right .content-footer .footer-wrap .form-control:focus {
  box-shadow: none !important;
}
.ds-chat .content-right .content-footer .footer-wrap .icons-icon {
  color: #59595B;
  font-size: 22px;
  line-height: 26px;
  margin-left: 8px;
}
.ds-chat .content-right .content-footer .footer-wrap .btn .icons-icon {
  margin-left: 0;
  color: #ffffff;
  font-size: 18px;
}
.ds-chat .content-body .wrap .text-wrap img {
  width: auto;
  height: auto;
  max-width: 117px;
  max-height: 117px;
  cursor: zoom-in;
}
.ds-chat .content-right .content-welcome {
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #ffffff;
}
.ds-chat .content-right .content-welcome span {
  font-size: 33px;
  text-align: center;
  word-break: break-all;
}
.ds-chat .content-right .content-welcome span small {
  font-size: 20px;
}
.ds-chat .content-right .content-body .wrap.receive .text-wrap .text-typing {
  width: 100%;
  display: inline-block;
  color: #A3A3A3;
  padding-top: 7px;
}
.ds-chat .content-right .content-footer .btn-default-exsmall {
  background-color: transparent !important;
  color: #ffffff;
  height: auto !important;
  width: auto !important;
  padding-right: 0;
  box-shadow: none !important;
  font-size: 22px;
}
.ds-chat .content-right .right_chat_opt {
  float: right;
  position: absolute;
  right: 6px;
  top: 8px;
}
.ds-chat .content-right .right_chat_opt .dropdown-menu {
  min-width: 125px;
}
.ds-chat .content-right .right_chat_opt .dropdown-menu .dropdown-item {
  display: flex;
}
.ds-chat .content-right .right_chat_opt .dropdown-menu .dropdown-item .icons-icon {
  margin-right: 5px;
}
.ds-chat .cross_chat {
  right: 86px;
  position: absolute;
  top: 19px;
  z-index: 9;
  font-size: 12px !important;
  width: 25px;
  background: #f1f1f1;
  height: 25px;
  line-height: 25px !important;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}
.ds-chat .content-right .attach-file {
  position: relative;
  transform: rotate(0deg);
}
.ds-chat .content-right .edited-text {
  position: absolute;
  top: 2px;
  color: #999;
  right: 7px;
  font-size: 70%;
}
.ds-chat .content-right .receive {
  position: relative;
}
.ds-chat .content-right .receive .edited-text {
  top: 12px;
}
.ds-chat .attach-file input {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 25px;
  cursor: pointer;
  top: 0;
}
.ds-chat .body-content-outer {
  height: 100%;
  display: flex;
  align-items: center;
}
.ds-chat .content-header {
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background-color: #F4F8FB;
  border-radius: 5px 5px 0px 0px;
  height: 82px;
  color: #3C51B9;
  line-height: 24px;
}
.ds-chat .content-body {
  padding: 30px 20px;
  background-color: #ffffff;
}
.ds-chat .form-fields .form-control {
  height: 48px;
}
.ds-chat .form-fields .btn {
  width: auto;
  min-width: 100px;
  line-height: 35px;
}
.ds-chat .search-bar {
  position: relative;
}
.ds-chat .search-bar input {
  padding-right: 18px;
}
.ds-chat .content-right .content-header .icons-right .search-bar a.icons-icon {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 8px;
  text-align: center;
  width: 20px;
  height: 20px;
  background: #f1f1f1;
  border-radius: 100%;
}
.ds-chat .emojionearea.emojionearea-inline > .emojionearea-editor {
  margin-right: 15px;
}
.ds-chat .ds-main-content .body-content {
  height: 100%;
}
.ds-chat .content-header .icons-right .dropdown-show:last-child .dropdown-menu {
  left: auto !important;
  margin-top: 10px;
  right: 0 !important;
}
.ds-chat .content-header .icons-right .dropdown-show:last-child .dropdown-menu::before {
  top: -9px;
  right: 14px;
}
.ds-chat .abso-position {
  position: absolute;
  right: 5px;
  display: none;
}
.ds-chat .abso-position a {
  display: flex;
  padding-right: 10px;
}
.ds-chat .abso-position a .icons-icon {
  color: #3C51B9;
}
.ds-chat .text-wrap:hover .abso-position {
  display: flex;
}
.ds-chat .dropdown-menu {
  transform: none !important;
  top: 100% !important;
  margin: 0;
  font-size: 13px;
  padding: 5px 0 0 0;
  border: none;
  left: -18px !important;
  min-width: 175px;
  background-color: transparent;
}
.content-info .header .btn-oval img {
  width: 40px;
  margin-right: 10px;
  padding-left: 0;
}
.modal-small {
  width: 500px !important;
}
@media only screen and (max-width: 767px) {
  .ds-chat .overflow-hidden {
    overflow-y: auto;
  }
  .ds-chat .content-left {
    /*position: unset;
      left: unset;
      left: 10px;*/
    z-index: 2;
    width: 98%;
    /*position: relative;*/
    /*top: 0;*/
    height: auto;
  }
  .ds-chat .content-left .active {
    left: 0;
    transition: all ease 0.5s;
    z-index: 6;
  }
  .ds-chat .content-left .nav-tabs .nav-item a {
    padding: 12px 6px;
  }
  .ds-chat .content-left .tab-content {
    height: auto;
  }
  .ds-chat .content-right {
    min-width: 320px;
    width: 100%;
    transition: all ease 0.5s;
  }
  .ds-chat .content-right .content-header {
    padding: 10px;
    height: auto;
  }
  .ds-chat .content-right .content-header .icons-right {
    align-self: flex-end;
  }
  .ds-chat .content-right .content-header .icons-right .search-icon .dropdown-menu {
    right: 0;
    left: auto !important;
  }
  .ds-chat .content-right .content-header .icons-right .search-icon .dropdown-menu:before {
    right: 20px;
    left: auto;
  }
  .ds-chat .content-right .content-header .header_cont_list {
    align-self: start;
    flex-direction: column;
  }
  .ds-chat .content-right .content-header .header_cont_list .ml-2 {
    margin-left: 0;
    margin-top: 10px;
    height: auto;
  }
  .ds-chat .content-right .content-header .mis_cont_list {
    width: 100%;
    max-width: 100%;
  }
  .ds-chat .content-left .left-menu-icon {
    display: block;
  }
  .ds-chat .content-left .left-menu-icon::before {
    content: '\EBE7';
    font-family: 'Segoe MDL2 Assets';
    background-color: #3C51B9;
    color: #ffffff;
    border-radius: 0 4px 4px 0;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 325px;
  }
  .ds-chat .content-left.active .left-menu-icon::before {
    content: '\EC52';
    font-family: 'Segoe MDL2 Assets';
  }
}
@media only screen and (max-width: 350px) {
  .ds-chat .content-left {
    z-index: 0;
  }
  .ds-chat .content-left .active {
    left: 0;
    transition: all ease 0.5s;
    z-index: 6;
  }
  .ds-chat .content-right {
    min-width: 320px;
    width: 100%;
    transition: all ease 0.5s;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .ds-chat .body-content.overflow-hidden {
    overflow: auto;
  }
  .ds-chat .content-right {
    min-width: 320px;
    width: 100%;
    transition: all ease 0.5s;
  }
  .ds-chat .content-right .content-header {
    padding: 10px;
    height: auto;
  }
  .ds-chat .content-right .content-header .icons-right {
    align-self: flex-end;
  }
  .ds-chat .content-right .content-header .header_cont_list {
    align-self: start;
    flex-direction: column;
  }
  .ds-chat .content-right .content-header .header_cont_list .ml-2 {
    margin-left: 0;
    margin-top: 10px;
    height: auto;
  }
  .ds-chat .content-right .content-header .mis_cont_list {
    width: 100%;
    max-width: 100%;
  }
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}
.btn-gray-light {
  background: #E0E0E0;
  color: #fff;
}
.btn-gray-light:hover,
.btn-gray-light:focus {
  background: #E0E0E0;
  color: #222;
}
.btn-green {
  background: #27AE60;
  color: #fff;
}
.btn-green:hover,
.btn-green:focus {
  background: #2eb666;
  color: #fff;
}
.btn-red {
  background: #EB5757;
  color: #fff;
}
.btn-red:hover,
.btn-red:focus {
  background: #eb5e5e;
  color: #fff;
}
.text-gray {
  color: #E7EDF3;
}
.text-yellow {
  color: #FFCC4D;
}
.scroll_acord {
  max-height: 250px;
  overflow: auto;
  padding: 15px 0;
}
.scroll_acord .bg-gray {
  background: #EBEEF8 !important;
}
.scroll_acord .fa-circle {
  border: 2px solid #fff;
  border-radius: 100%;
}
.scroll_acord .panel-group .panel {
  border: none;
  box-shadow: none;
}
.scroll_acord .panel-group .panel:hover,
.scroll_acord .panel-group .panel:focus {
  background: #EBEEF8;
}
.scroll_acord .panel-group .panel .panel-heading {
  background-color: transparent;
}
.scroll_acord .panel-group .panel .panel-heading .arrow-hide:after {
  display: none;
}
.scroll_acord .panel-group .panel .panel-heading .panel-title {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}
.scroll_acord .panel-group .panel .panel-heading .panel-title a:hover {
  text-decoration: none;
}
.scroll_acord .panel-group .panel .panel-body {
  border: none !important;
  padding-top: 15px;
}
.scroll_acord .panel-heading .accordion-toggle:after {
  font-family: 'Segoe MDL2 Assets';
  content: "\E70E";
  float: right;
  color: grey;
}
.scroll_acord .panel-heading .accordion-toggle.collapsed:after {
  content: "\E70D";
}
.select_opt {
  position: relative;
}
.select_opt .icons-icon {
  font-size: 11px;
  font-weight: bold;
  color: #222;
}
.ui-select-container {
  padding: 0 !important;
  height: auto !important;
  min-height: 34px !important;
}
.ui-select-container .dropdown-menu::before {
  display: none;
}
.ui-select-container input {
  background-color: #fff !important;
  background-clip: padding-box;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  font-size: 13px;
  height: auto;
  min-height: 32px;
  color: #A3A3A3;
  border-radius: 3px !important;
  box-shadow: none;
  width: 100% !important;
  border: none;
}
.ui-select-container input:focus {
  outline: none;
}
.ui-select-container .ui-select-choices {
  background: #fff;
  max-height: 250px;
  overflow: auto;
  min-height: 250px;
  width: 100%;
  top: 101% !important;
}
.ui-select-container .ui-select-match-item {
  outline: none;
}
.ui-select-container .btn-default {
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.8) -2.67%, rgba(0, 184, 228, 0.8) 105.63%) !important;
  border-radius: 2px;
  font-weight: normal;
  font-size: 12px;
  border: none;
  padding: 2px 5px;
  margin: 2px;
  color: #FFFFFF;
  min-width: auto;
}
#addTeamMates .ui-select-highlight {
  font-size: inherit;
}
.transfer-leads .submit-on-behalf-button {
  min-width: fit-content;
}
.transfer-leads .summary-count {
  float: right;
  margin-left: 10px;
  min-width: 70px;
  align-self: center;
  text-align: end;
}
.check-filter label input[type="checkbox"] {
  accent-color: #3c51b9;
}
.ds-operators {
  height: 100%;
  background-color: #F4F8FB;
}
.ds-operators {
  /* modal */
  /* bot-page */
  /* Rounded sliders */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.ds-operators .mt-0 {
  margin-top: 0 !important;
}
.ds-operators a {
  color: #2C2C37;
  cursor: pointer;
}
.ds-operators a:hover,
.ds-operators a:focus {
  color: #EE3E7C;
  text-decoration: none;
  outline: none;
}
.ds-operators .fade.show {
  opacity: 1;
}
.ds-operators input,
.ds-operators textarea::placeholder {
  color: #555555;
}
.ds-operators .show > .btn.dropdown-toggle:focus {
  opacity: 0.8;
  color: #ffffff;
  box-shadow: none;
}
.ds-operators .btn-default {
  border: 1px solid #E0E0E0;
  background-color: #E0E0E0;
  color: #ffffff;
  height: 48px;
  width: 100%;
  text-transform: uppercase;
}
.ds-operators .btn-default:hover,
.ds-operators .btn-default:focus {
  border: 1px solid #CECECE;
  background-color: #CECECE;
  color: #ffffff;
}
.ds-operators .btn-white {
  background-color: #ffffff;
  color: #3b3b3b;
  height: 40px;
  width: 40px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-operators .btn-white img {
  width: 100%;
}
.ds-operators .btn-oval {
  border-radius: 50%;
}
.ds-operators .btn-stroke-exsmall {
  border: 1px solid #3C51B9;
  height: 18px;
  width: 18px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-operators .btn-stroke-exsmall.icons-icon {
  font-size: 10px !important;
  line-height: 20px;
}
.ds-operators .btn-stroke-exsmall.icons-icon:hover,
.ds-operators .btn-stroke-exsmall.icons-icon:focus {
  color: #3C51B9;
}
.ds-operators .btn-default-exsmall {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3C51B9;
  color: #ffffff;
  height: 36px;
  width: 36px;
  box-shadow: 0px 0px 5px #dddddd99;
  font-size: 22px;
}
.ds-operators .btn-link,
.ds-operators .btn-link:hover,
.ds-operators .btn-link:focus {
  color: #3C51B9;
  font-size: 14px;
  text-decoration: none;
}
.ds-operators .btn-green {
  border-color: #27AE60;
  background-color: #27AE60;
  color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
}
.ds-operators .btn-green:hover,
.ds-operators .btn-green:focus {
  border-color: #319A5E;
  background-color: #319A5E;
}
.ds-operators .modal .modal-dialog {
  height: 95%;
  max-height: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 173px auto 0;
  max-width: 750px;
}
.ds-operators .modal .modal-dialog .modal-content {
  max-height: 100%;
  width: 100%;
  min-height: 316px;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 5px;
  border: none;
}
.ds-operators .modal .modal-dialog .modal-header {
  color: #ffffff;
  text-align: center;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
  border-radius: 5px 5px 0px 0px;
  height: 45px;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.ds-operators .modal .modal-dialog .modal-header .modal-title {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
}
.ds-operators .modal .modal-dialog .modal-header .close:focus {
  outline: none;
}
.ds-operators .modal .modal-dialog .modal-header .close .icons-icon {
  color: #ffffff;
  font-size: 18px;
}
.ds-operators .modal .modal-dialog .modal-body {
  padding: 35px;
  max-height: 100%;
  overflow-y: auto;
  font-family: 'Poppins', sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.ds-operators .modal .modal-dialog .modal-footer {
  width: 90%;
  margin: auto;
  border-color: #F4F8FB;
  justify-content: center;
  padding: 20px 0;
}
.ds-operators .modal .modal-dialog .modal-footer .btn {
  min-width: 146px;
  height: 32px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.ds-operators .modal .form-display .form-group:last-child {
  margin-bottom: 20px;
}
.ds-operators .modal .btn {
  min-width: 146px;
  height: 32px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.ds-operators .modal-open .modal {
  overflow-y: hidden;
}
.ds-operators .bot-page .baylor {
  font-family: 'Poppins', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #A3A3A3;
  margin-right: 20px;
}
.ds-operators .bot-page .heading {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  color: #8B8B98;
}
.ds-operators .bot-page .heading1 {
  font-family: 'Poppins', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  line-height: 21px;
  color: #231995;
}
.ds-operators .bot-page .dropdown-divider {
  border-bottom: 1px solid #C4D4D9;
  margin-bottom: 15px;
}
.ds-operators .bot-page .table > tbody > tr > td {
  border-top: 1px solid #ddd !important;
  vertical-align: middle !important;
}
.ds-operators .bot-page .table > tbody > tr > td .dropdown {
  display: none;
}
.ds-operators .bot-page .table-responsive {
  overflow-x: auto !important;
}
.ds-operators .bot-page .mr-1 {
  margin-right: 10px;
}
.ds-operators .bot-page .mr-0 {
  margin-right: 0px !important;
}
.ds-operators .bot-page .ml-0 {
  margin-left: 0px !important;
}
.ds-operators .bot-page .pl-0 {
  padding-left: 0px !important;
}
.ds-operators .bot-page .pr-0 {
  padding-right: 0px !important;
}
.ds-operators .bot-page .form-control {
  background-color: white !important;
}
.ds-operators .bot-page .mr-2 {
  margin-right: 20px;
}
.ds-operators .bot-page .mr-3 {
  margin-right: 30px;
}
.ds-operators .bot-page .table > thead > tr > th {
  font-size: 10px !important;
  color: #8B8B98 !important;
  border-color: #C4D4D9;
  white-space: nowrap;
}
.ds-operators .bot-page .table_img {
  background: #E6ECF2;
  padding: 3px;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}
.ds-operators .bot-page .table > tbody > tr {
  height: 45px !important;
}
.ds-operators .bot-page .table > tbody > tr > td {
  font-size: 12px !important;
  border-color: #C4D4D9 !important;
  white-space: nowrap;
}
.ds-operators .bot-page .btn-info,
.ds-operators .bot-page .btn-secondary,
.ds-operators .bot-page .btn-success {
  padding: 8px 12px;
  height: 35px;
  font-size: 13px;
  border-radius: 0.35rem;
  font-weight: 500 !important;
  margin: auto;
  display: inline-block;
}
.ds-operators .bot-page .btn-secondary {
  background-color: buttonface;
}
.ds-operators .bot-page .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
  margin: 0;
}
.ds-operators .bot-page .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ds-operators .bot-page .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ds-operators .bot-page .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ds-operators .bot-page .mb-0 {
  margin-bottom: 0px !important;
}
.ds-operators .bot-page input:focus + .slider {
  box-shadow: 0 0 1px #E6ECF2;
}
.ds-operators .bot-page input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.ds-operators .bot-page .slider.round {
  border-radius: 34px;
}
.ds-operators .bot-page .slider.round:before {
  border-radius: 50%;
}
.ds-operators .bot-page .container1 {
  display: block;
  position: relative;
  padding-left: 27px;
  padding-top: 3px;
  margin-bottom: 8px;
  cursor: pointer;
  float: left;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ds-operators .bot-page .container1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ds-operators .bot-page .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 3px;
  height: 15px;
  width: 15px;
  border: 1px solid #3C51B9;
  background-color: transparent;
}
.ds-operators .bot-page .container1:hover input ~ .checkmark {
  background-color: #fff;
}
.ds-operators .bot-page .container1 input:checked ~ .checkmark {
  background-color: #3C51B9;
}
.ds-operators .bot-page input:checked + .slider::before {
  left: 10px;
}
.ds-operators .bot-page-bg-left {
  background: white;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 35px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
}
.ds-operators .bot-page-bg-right {
  background: white;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 35px;
}
.ds-operators .bot-page .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.ds-operators .bot-page .container1 input:checked ~ .checkmark:after {
  display: block;
}
.ds-operators .bot-page .container1 .checkmark:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 11px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ds-operators .toast-success {
  background-color: green !important;
}
.ds-operators .toast-error {
  background-color: red !important;
}
.ds-operators .bot-form .bot-form-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 22px;
}
.ds-operators .bot-form .bot-form-wrap label {
  padding-top: 0;
  margin: 0;
  margin-right: 10px;
}
.ds-operators .bot-form input.form-control {
  width: 10%;
  margin: 0 10px 0 0;
  border-bottom: 1px solid #ccc !important;
  border: none;
  border-radius: 0 !important;
  padding-bottom: 7px;
}
.ds-operators .hours-drop {
  width: auto;
  margin-right: 10px;
  min-width: 100px;
}
.ds-operators .hours-drop:last-child {
  margin-right: 0;
}
.ds-operators .bot-page .bot-page-bg-left .checkbox label {
  margin-right: 40px;
  margin-bottom: 20px;
}
.ds-operators .bot-page .bot-page-bg-left .checkbox label:last-child {
  margin-right: 0;
}
.ds-operators .bot-page .heading1.d-flex {
  height: 35px;
}
.ds-operators .emojionearea.focused {
  box-shadow: none;
}
.ds-operators .hide {
  display: none !important;
}
.ds-operators .bot-page td,
.ds-operators .bot-page .table th {
  padding: 0.75rem !important;
  vertical-align: top !important;
  border-top: 1px solid #dee2e6 !important;
}
.ds-operators .bot-page .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.ds-operators .form-fields .btn {
  width: auto;
  min-width: 100px;
  line-height: 35px;
}
.ds-operators .modal_right_user {
  background: rgba(0, 0, 0, 0.5);
}
.ds-operators .modal_right_user .modal-dialog {
  margin-right: 0;
  width: 511px;
  margin-top: 0px;
  transform: translate(0, 0%);
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  max-height: 100%;
  justify-content: unset;
  align-items: unset;
}
.ds-operators .modal_right_user label {
  font-size: 10px;
  line-height: 15px;
  font-weight: 600;
  color: #3C3C3C;
}
.ds-operators .modal_right_user input {
  margin-bottom: 10px;
}
.ds-operators .modal_right_user .subheader {
  color: #8F9EA6;
  font-style: normal;
  font-weight: 300;
}
.ds-operators .body-content {
  height: 100%;
  display: flex;
}
.ds-operators .mb-1 {
  margin-bottom: 10px;
}
.ds-operators .pl-2 {
  padding-left: 20px;
}
.ds-operators .content-left {
  padding: 0px 0 15px 15px;
  background: #FFFFFF;
  width: 325px;
  box-shadow: none;
  margin: 0;
  z-index: 1;
}
.ds-operators .content-left .left_fixed {
  max-width: 250px;
  height: calc(100vh - 0px);
  position: fixed;
  min-width: 250px;
  border: none;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04), 0px 3px 3px rgba(0, 0, 0, 0.0006);
  border-radius: 0px;
  background: #FFFFFF;
}
.ds-operators .content-left ul {
  padding-left: 20px;
}
.ds-operators .content-left ul li a {
  border-radius: 5px 0 0 5px;
  padding: 12px 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #393939;
  border: 1px solid #fff;
  border-right: none;
}
.ds-operators .content-left ul li a:hover {
  border: 1px solid #3C51B9;
  color: #3C51B9;
  border-right: none;
}
.ds-operators .content-left ul li a small {
  font-size: 10px;
  font-weight: 400;
  color: #8B8B98;
}
.ds-operators .content-left ul li .active {
  border: 1px solid #3C51B9;
  color: #3C51B9;
  border-right: none;
}
.ds-operators .content-right {
  padding: 15px;
  background-color: #F4F8FB;
}
.ds-operators .content-right input,
.ds-operators .content-right textarea {
  color: #555555 !important;
}
.ds-operators .content-right .middle_scr {
  margin: 1.5rem auto;
  width: 92%;
  max-width: 1350px;
}
.ds-operators .content-right .middle_scr .dropdown-menu-right {
  right: 5px;
}
.ds-operators .content-right .middle_scr .dropdown-menu-right:before {
  top: -12px;
  right: 60%;
}
.ds-operators .content-right .btn-primary-gradient {
  min-height: 48px;
  padding: 6px 30px;
}
.ds-operators .content-right button:disabled,
.ds-operators .content-right button[disabled] {
  background: #E0E0E0 !important;
}
@media screen and (min-width: 1800px) {
  .content-left .left_fixed {
    height: calc(100vh - 0px);
  }
}
.ds-operators .bot-page .table > tbody > tr > td .dropdown {
  display: block !important;
}
.ds-operators .margin-left-0 {
  margin-left: 0px;
}
.manage-team .form-check {
  margin-top: 10px;
}
.manage-team .form-check input {
  margin-right: 10px;
}
.ds-operators td.action_drop button.btn {
  min-width: auto;
}
.ds-operators td.action_drop button.btn[disabled] {
  background-color: unset !important;
}
.schools-view .ml-2 {
  margin-left: 20px;
}
.schools-view .progress {
  width: 100px;
  height: 100px;
  background: none;
  position: relative;
  box-shadow: none;
  margin: 0 auto;
}
.schools-view .progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 10px solid #E7EDF3;
  position: absolute;
  top: 0;
  left: 0;
}
.schools-view .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.schools-view .progress .progress-left {
  left: 0;
}
.schools-view .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 10px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.schools-view .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.schools-view .progress .progress-right {
  right: 0;
}
.schools-view .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.schools-view .progress .progress-value {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 100px;
  font-size: 30px;
}
.schools-view .progress .progress-value .font-weight-bold {
  color: #00B8E4;
}
.schools-view .border-primary {
  border-color: #00B8E4;
}
.schools-view .border-success {
  border-color: #1abc9c;
}
.schools-view .border-danger {
  border-color: #ed687c;
}
.schools-view .border-warning {
  border-color: #fdba04;
}
.schools-view hr {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #d8d8d8;
}
.schools-view label {
  color: #3D3D3D;
}
.schools-view label span {
  padding-left: 5px;
}
.schools-view .body-inner-wrapper {
  margin-left: unset !important;
  margin-right: unset !important;
}
.schools-view .find-school-font {
  font-family: 'Poppins', sans-serif !important;
}
.schools-view .panel-group {
  margin: 5px;
}
.schools-view .no-pannel {
  background: transparent !important;
  box-shadow: none;
  border: none;
}
.schools-view .panel-bordered {
  border: none;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 6px;
  padding: 20px;
}
.schools-view .panel-default {
  border: none;
  box-shadow: none;
}
.schools-view .panel-default .panel-heading {
  color: inherit;
  background-color: unset;
  border: none;
  padding: 0;
}
.schools-view .panel-default .panel-heading .panel-title a {
  display: block;
}
.schools-view .panel-default .panel-heading .panel-title a:hover,
.schools-view .panel-default .panel-heading .panel-title a:focus {
  text-decoration: none;
  outline: none;
}
.schools-view .panel-default .panel-collapse .panel-body {
  border-top: none;
}
.schools-view .section-header span {
  color: #475b6d;
  font-size: 16px;
}
.schools-view .filter-title span {
  color: #080f44;
  font-size: 14px;
  font-weight: bold;
  font-family: Lato, sans-serif;
}
.schools-view .flex-header {
  display: flex;
  justify-content: space-between;
}
.schools-view .fa-times-thin:before {
  content: "\00d7";
}
.schools-view .my-schools-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.schools-view .my-schools-list > div {
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.15);
  margin: 5px 4px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schools-view .my-schools-list > div .ds-schools-logo {
  width: 45px;
  max-height: 45px;
  padding: 5px;
}
.schools-view .panel-filters .up-down-arrow {
  transition: transform 0.15s linear;
}
.schools-view .slider-close {
  color: #757575;
  margin: 0;
}
.schools-view .slider-close:hover {
  color: #575757;
}
.schools-view .slider-close i {
  font-size: 24px;
  padding-bottom: 12px;
  line-height: 10px;
}
.schools-view .slider-close i .custom-padding {
  padding-top: 10px;
  padding-bottom: unset;
}
.schools-view .slider-outer-wrapper {
  display: flex;
  align-items: center;
}
.schools-view .slider-outer-wrapper .slider-wrapper {
  width: 100%;
  height: 20px;
  padding-top: 4px;
}
.schools-view .slider-outer-wrapper .slider-wrapper input {
  z-index: 10;
}
.schools-view .slider-outer-wrapper .slider-wrapper ul.slider-labels {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  z-index: 11;
}
.schools-view .slider-outer-wrapper .slider-wrapper ul.slider-labels li {
  font-size: 10px;
  text-align: right;
  position: relative;
  float: left;
  color: #b2b2b2;
  margin-top: 0px;
  width: 100%;
  border-top: solid 2px;
  padding-top: 6px;
  cursor: pointer;
}
.schools-view .slider-outer-wrapper .slider-wrapper ul.slider-labels li:first-child {
  border-top-color: #fff;
}
.schools-view .slider-outer-wrapper .slider-wrapper ul.slider-labels li.active {
  color: #646464;
}
.schools-view .slider-outer-wrapper .slider-wrapper ul.slider-labels li.active::before {
  background: #646464;
}
.schools-view .slider-outer-wrapper .slider-wrapper ul.slider-labels li::before {
  position: absolute;
  top: -6px;
  right: 0;
  content: "";
  margin: 0 auto;
  width: 10px;
  height: 10px;
  background: #b2b2b2;
  border-radius: 50%;
  border: solid 2px #fff;
}
.schools-view .slider-outer-wrapper .slider-wrapper input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 30px;
  outline: none;
  background: transparent;
  border: none;
  position: relative;
  bottom: 30px;
  cursor: pointer;
}
.schools-view .slider-outer-wrapper .slider-wrapper input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  height: 50px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.schools-view .slider-outer-wrapper .slider-wrapper input::-moz-range-thumb {
  width: 40px;
  height: 50px;
  border-color: transparent;
  background: transparent;
  cursor: pointer;
}
.schools-view .school-text-search .input-group-btn {
  right: 35px;
  z-index: 2;
  opacity: 0.4;
}
.schools-view .school-text-search .input-group-btn .ds-search-btn {
  font-size: 14px;
  border: none;
  background: transparent;
}
.schools-view .school-text-search .dropdown-menu > .active > a {
  color: #333;
  background-color: #f1f4f9 !important;
}
.schools-view .schools-results .school-result-card {
  padding: 10px 0 20px 0;
  margin: 10px 0;
  display: grid;
  grid-template-columns: 1fr 150px;
  grid-template-rows: 1fr 1fr;
}
.schools-view .schools-results .school-result-card:last-child {
  border-bottom: none;
}
.schools-view .schools-results .school-result-card .school-description,
.schools-view .schools-results .school-result-card .school-description span {
  font-size: 11px;
}
.schools-view .schools-results .school-result-card .school-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.schools-view .schools-results .school-result-card .school-column.school-column-name {
  grid-row: 1 / span 1;
}
.schools-view .schools-results .school-result-card .school-column.school-column-actions {
  text-align: center;
}
.schools-view .schools-results .school-result-card .school-column .logo-wrapper {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
  width: 90px;
  margin: 0px 30px 0 20px;
}
.schools-view .schools-results .school-result-card .school-column .logo-wrapper img {
  margin: 10px 10px;
  max-width: 75px;
  max-height: 60px;
}
.schools-view .schools-results .school-result-card .school-column .logo-wrapper.sponsored img {
  margin: 8px 10px 2px;
}
.schools-view .schools-results .school-result-card .school-column .logo-wrapper .school-bottom {
  font-size: 11px;
  width: 100%;
  height: 18px;
  color: #fff;
  text-align: center;
  border-radius: 0px 0px 5px 5px;
}
.schools-view .schools-results .school-result-card .school-column .logo-wrapper .school-bottom.sponsored {
  background-color: #3c51b9;
}
.schools-view .schools-results .school-result-card .school-column:nth-child(n + 2) {
  align-items: stretch;
}
.schools-view .schools-results .school-result-card .school-column:nth-child(n + 2) div {
  padding: 4px 0px;
}
.schools-view .schools-results .school-result-card .school-column:last-child {
  justify-content: space-evenly;
}
.schools-view .schools-results .school-result-card .school-column:last-child span {
  text-align: center;
}
.schools-view .schools-results .school-result-card .school-column:last-child .btn + .btn {
  margin-top: 3px;
}
.schools-view .schools-results .school-result-card .school-column:last-child .btn-secondary i,
.schools-view .schools-results .school-result-card .school-column:last-child .btn-primary i {
  float: right;
  line-height: 20px;
}
.schools-view .schools-results .school-result-card .school-column:last-child .btn-secondary.not-in-favorites,
.schools-view .schools-results .school-result-card .school-column:last-child .btn-primary.not-in-favorites {
  background: #fff;
  border-color: #e1e1e1;
}
.schools-view .schools-results .school-result-card .school-column:last-child .btn-secondary.not-in-favorites i,
.schools-view .schools-results .school-result-card .school-column:last-child .btn-primary.not-in-favorites i {
  color: #e1e1e1;
}
.schools-view .schools-results .school-result-card .school-column:last-child .btn-secondary.in-favorites i,
.schools-view .schools-results .school-result-card .school-column:last-child .btn-primary.in-favorites i {
  color: #3c51b9;
}
.schools-view .schools-results .school-result-card .school-description-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.schools-view .schools-results .school-result-card .school-description-col-2 .school-label {
  color: #aaa;
}
.schools-view .schools-results .school-result-card .separator {
  padding: 0 5px;
}
.schools-view .select2-container {
  width: 100%;
}
.schools-view .slider-value-separator {
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #333;
  margin: 5px;
}
.schools-view .btn-link {
  color: #3c51b9;
}
.schools-view .btn-link .icons-icon {
  margin-right: 15px;
  vertical-align: middle;
}
.schools-view .top-navi-view {
  margin-top: 0px;
}
.schools-view .top-navi-view ul {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-left: 40px;
}
.schools-view .top-navi-view ul li.active,
.schools-view .top-navi-view ul li:hover,
.schools-view .top-navi-view ul li:focus {
  border: 1px solid #3c51b9;
  border: 1px solid transparent;
  border-radius: 10px 0 0 10px;
  border-right: none !important;
  color: #3c51b9;
}
.schools-view .top-navi-view ul li.active .nav-link,
.schools-view .top-navi-view ul li:hover .nav-link,
.schools-view .top-navi-view ul li:focus .nav-link {
  border: 1px solid #3c51b9;
}
.schools-view .top-navi-view ul li.active:hover {
  /*border: 0;*/
}
.schools-view .top-navi-view ul li.active:hover .nav-link {
  border: 1px solid #3c51b9;
}
.schools-view .top-navi-view ul li {
  border: 1px solid transparent;
  margin: 0 0 10px;
}
.schools-view .top-navi-view ul li a {
  color: #333;
}
.schools-view .top-navi-view ul li a .icons-icon {
  margin-right: 15px;
}
.schools-view .bottom_map_sec {
  margin-top: 0px;
  background: #F7F8FA;
  padding-bottom: 20px;
}
.schools-view .bottom_map_sec .map-img {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
}
.schools-view .bottom_map_sec .map-img .map_view {
  width: 220px;
  height: 150px;
  margin: 0 auto;
  border-radius: 5px;
}
.schools-view .bottom_map_sec img {
  width: 100%;
  margin-bottom: 0px;
  max-height: 150px;
  border-radius: 5px;
}
.schools-view .bottom_map_sec ul {
  padding-left: 20px;
}
.schools-view .bottom_map_sec ul a {
  display: flex;
  word-break: break-all;
}
.schools-view .bottom_map_sec ul li.active,
.schools-view .bottom_map_sec ul li:hover,
.schools-view .bottom_map_sec ul li:focus {
  border: 1px solid transparent;
  border-radius: 10px 0 0 10px;
  border-right: none !important;
}
.schools-view .bottom_map_sec ul li.active a,
.schools-view .bottom_map_sec ul li:hover a,
.schools-view .bottom_map_sec ul li:focus a {
  color: #3c51b9;
}
.schools-view .bottom_map_sec ul li a {
  color: #3c51b9;
  padding-left: 0;
}
.schools-view .bottom_map_sec .bottom-button .btn {
  margin-left: 30px;
}
.schools-view .bottom_map_sec .bottom-button .icons-icon {
  vertical-align: middle;
  margin-right: 5px;
}
.schools-view .content-right .pl-15 {
  padding-left: 15px;
}
.schools-view .content-right .pr-15 {
  padding-right: 15px;
}
.schools-view .content-right .banner-top.h-200 {
  height: 200px;
}
.schools-view .content-right .banner-top {
  height: 200px;
  padding: 40px;
  background-size: cover;
  border-radius: 5px 5px 0 0;
  display: flex;
  align-items: flex-end;
  background-position: center !important;
}
.schools-view .content-right .banner-top .left-text-ban .d-flex {
  align-items: center;
}
.schools-view .content-right .banner-top .left-text-ban .img-college {
  align-self: center;
  justify-content: center;
  background: #fff;
  border-radius: 5px;
  margin: 0 auto;
  display: flex;
  width: 110px;
  min-width: 110px;
  height: 110px;
  max-height: 110px;
  padding: 5px;
  margin-right: 30px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 10px 25px rgba(255, 255, 255, 0.16);
}
.schools-view .content-right .banner-top .left-text-ban .img-college img {
  margin: auto;
  max-width: 90px;
  max-height: 90px;
}
.schools-view .content-right .banner-top .banner-bottom-text {
  display: flex;
  justify-content: space-between;
  padding: 0px 0 0;
  width: 100%;
}
.schools-view .content-right .banner-top .banner-bottom-text h3 {
  color: #fff;
  font-weight: bold;
  margin-top: 0;
}
.schools-view .content-right .banner-top .banner-bottom-text p {
  color: #ddd;
}
.schools-view .content-right .banner-top .banner-bottom-text .img-college {
  align-self: center;
}
.schools-view .content-right .banner-top .right-text-ban .rat {
  color: #fff;
}
.schools-view .content-right .right-text-ban {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.schools-view .content-right .bottom_over {
  padding: 40px;
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.schools-view .content-right .bottom_over .over-title {
  padding-bottom: 10px;
  font-weight: 600;
  color: #777;
}
.schools-view .content-right .bottom_over .text-light-gray {
  color: #999;
}
.schools-view .content-right .bottom_over .text-dark-gray {
  color: #333;
}
.schools-view .content-right .bottom_over .w-100 {
  width: 100%;
}
.schools-view .content-right .bottom_over .text-over-tab {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.schools-view .content-right .bottom_over .text-over-tab h5 {
  line-height: 23px;
}
.schools-view .content-right .bottom_over .text-over-tab p {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-weight: normal;
}
.schools-view .content-right .bottom_over .w-35 {
  width: 35%;
  min-width: 150px;
}
.schools-view .content-right .bottom_over .w-65 {
  width: 65%;
  min-width: 150px;
}
.schools-view .content-right .finance-sec .text-over-tab h4 {
  color: #00B8E4;
  font-weight: bold;
  font-size: 30px;
}
.schools-view .content-right .finance-sec .text-over-tab .horizontal .progress-bar-long {
  float: left;
  height: 45px;
  width: 100%;
  padding: 12px 0;
}
.schools-view .content-right .finance-sec .text-over-tab .horizontal .progress-track {
  position: relative;
  width: 100%;
  height: 12px;
  background: #E7EDF3;
  margin-bottom: 15px;
  border-radius: 20px;
}
.schools-view .content-right .finance-sec .text-over-tab .horizontal .progress-fill {
  position: relative;
  background: linear-gradient(136.23deg, rgba(0, 184, 228, 0.75) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7;
  height: 12px;
  width: 50%;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
  border-radius: 20px;
}
.schools-view .content-right .finance-sec .text-over-tab .horizontal .progress-fill span {
  visibility: hidden;
}
.schools-view .content-right .finance-sec .text-over-tab .rounded .progress-track,
.schools-view .content-right .finance-sec .text-over-tab .rounded .progress-fill {
  border-radius: 20px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
.schools-view .content-right .finance-sec .text-over-tab .bar-process {
  width: 120px;
  background: #E7EDF3;
  height: 12px;
  display: block;
  border-radius: 20px;
  margin-bottom: 15px;
}
.schools-view .content-right .finance-sec .text-over-tab .bar-process span {
  background: linear-gradient(136.23deg, rgba(0, 184, 228, 0.75) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7;
  height: 100%;
  border-radius: 20px;
  display: block;
}
.schools-view .content-right .finance-sec .text-over-tab .table th {
  color: #777;
  font-size: 12px;
  text-transform: uppercase;
}
.schools-view .content-right .finance-sec .text-over-tab .table td {
  color: #333;
  font-size: 12px;
  padding: 8px 5px !important;
  border-top: 1px solid #ddd !important;
}
.schools-view .content-right .finance-sec .graph_percent {
  padding: 20px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: space-around;
}
.schools-view .content-right .admission .text-black {
  color: #333 !important;
}
.schools-view .content-right .admission .admis_sec {
  display: flex;
  justify-content: space-between;
}
.schools-view .content-right .admission .addmis_left {
  margin-top: 30px;
  padding: 40px;
  margin-right: 15px;
  border: 1px solid #ddd;
  width: 100%;
}
.schools-view .content-right .admission .addmis_left p img {
  width: 100%;
}
.schools-view .content-right .admission .addmis_left .p-15 {
  padding: 15px;
}
.schools-view .content-right .admission .addmis_left .per_img {
  width: 130px;
}
.schools-view .content-right .admission .addmis_left h4 {
  font-size: 30px;
  color: #00B8E4;
  margin: 20px 0;
}
.schools-view .content-right .admission .addmis_left h4 .icons {
  color: #00B8E4;
}
.schools-view .content-right .admission .addmis_left h4 img {
  width: 45px;
}
.schools-view .content-right .admission .addmis_left p {
  margin-bottom: 20px;
  color: #999;
}
.schools-view .content-right .admission .admis_right hr {
  margin: 20px 0;
}
.schools-view .content-right .admission .admis_right .rzslider .rz-bar-wrapper {
  margin-top: -20px;
  border-radius: 20px;
}
.schools-view .content-right .admission .admis_right .rzslider .rz-bar {
  height: 12px;
  background: #E7EDF3;
  border-radius: 20px;
}
.schools-view .content-right .admission .admis_right .rzslider .rz-selection {
  border-radius: 20px;
}
.schools-view .content-right .admission .admis_right .rzslider[disabled] .rz-selection {
  background: linear-gradient(to right, #333, #999);
}
.schools-view .content-right .admission .admis_right .rzslider .rz-pointer {
  visibility: hidden;
}
.schools-view .content-right .admission .admis_right .rzslider .rz-bubble {
  color: #00B8E4;
}
.schools-view .content-right .admission .admis_right .rzslider .rz-bubble.rz-limit {
  bottom: -28px;
}
.schools-view .content-right .student_feculty img {
  width: 80px;
  margin-right: 15px;
}
.schools-view .content-right .student_feculty .table-sec-left table tr td:first-child {
  background: #F7F8FA;
}
.schools-view .content-right .cources_program .icons-icon {
  color: #00B8E4;
}
.schools-view .content-right .cources_program .table th {
  font-size: 11px;
  text-transform: capitalize;
  background: #F7F8FA;
}
.schools-view .content-right .cources_program .text-over-tab2 {
  display: block;
  justify-content: center;
}
.schools-view .content-right .cources_program .text-over-tab2 .table-sec-left .table-width {
  width: 48%;
  margin-bottom: 20px;
  float: left;
  margin-right: 10px;
}
.schools-view .content-right .cources_program .text-over-tab2 .table-sec-left .table-width th {
  vertical-align: middle;
}
.schools-view .content-right .cources_program .text-over-tab2 .table-sec-left .table-width th:nth-child(1) {
  width: 60%;
}
.schools-view .content-right .cources_program .text-over-tab2 .table-sec-left .table-width th:nth-child(2) {
  width: 20%;
}
.schools-view .content-right .cources_program .text-over-tab2 .table-sec-left .table-width th:nth-child(3) {
  width: 20%;
}
.schools-view .content-right .align-items-baseline {
  align-items: baseline;
}
.schools-view .content-right .student_rating .no-border {
  border: none !important;
}
.schools-view .content-right .student_rating .border_rating {
  border: 1px solid #ddd;
  padding: 30px 40px;
}
.schools-view .content-right .student_rating .mt-4 {
  margin-top: 40px;
}
.schools-view .content-right .student_rating .ratting_star {
  display: flex;
  justify-content: space-between;
}
.schools-view .content-right .student_rating .ratting_star .font-big {
  font-size: 30px;
  color: #00B8E4;
}
.schools-view .content-right .student_rating .ratting_star h4 {
  color: #00B8E4;
  font-size: 40px;
  margin: 20px 0;
}
.schools-view .content-right .student_rating .ratting_star .left_star {
  border-right: 1px solid #ddd;
}
.schools-view .content-right .student_rating .ratting_star .left_star .align-items-baseline {
  align-items: baseline;
}
.schools-view .content-right .student_rating .ratting_star .left_star p img {
  height: 15px;
}
.schools-view .content-right .student_rating .ratting_star .left_star h5 {
  margin-bottom: 0;
}
.schools-view .content-right .student_rating .ratting_star .left_star:last-child {
  border: none;
}
@media (min-width: 1200px) {
  .schools-view .schools-results .school-result-card {
    grid-template-columns: 1fr 2fr 2fr 150px;
    grid-template-rows: 1fr;
  }
  .schools-view .schools-results .school-result-card .school-column.school-column-name {
    grid-row: unset;
  }
}
@media only screen and (min-width: 1900px) {
  .schools-view .bottom_map_sec .map-img .map_view {
    width: 300px !important;
    height: 200px !important;
  }
}
@media only screen and (min-width: 1306px) {
  .schools-view .md-padding {
    padding: 0px 0 0 !important;
    max-width: 340px;
    height: calc(100vh - 55px);
    width: 100%;
    position: fixed;
  }
  .schools-view .bottom_map_sec .map-img .map_view {
    width: 280px;
    height: 150px;
  }
}
@media only screen and (min-width: 1199px) and (max-width: 1305px) {
  .schools-view .md-padding {
    padding: 0px 0 0 !important;
    max-width: 312px;
    height: 100vh;
  }
  .schools-view .banner-top {
    padding: 15px;
    background-size: auto;
    min-height: 250px;
    height: auto;
    background-position: center !important;
  }
  .schools-view .banner-top .left-text-ban .img-college {
    width: 60px;
    height: 60px;
  }
  .schools-view .banner-top .left-text-ban .img-college img {
    width: 50px;
  }
  .schools-view .banner-top .banner-bottom-text h3 {
    margin-top: 0;
  }
  .schools-view .bottom_over {
    padding: 15px;
  }
  .schools-view .bottom_over .text-over-tab p {
    flex-direction: column;
  }
  .schools-view .bottom_over .w-65,
  .schools-view .bottom_over .w-35 {
    width: 100%;
  }
  .schools-view .pl-15 {
    padding-left: 0;
  }
  .schools-view .pl-r {
    padding-right: 0;
  }
  .schools-view .text-over-tab {
    flex-direction: column;
  }
  .schools-view .graph_percent {
    flex-direction: column !important;
  }
  .schools-view .admission .addmis_left {
    padding: 15px;
  }
  .schools-view .admission .admis_sec {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1030px) and (max-width: 1304px) {
  .schools-view .panel-filters {
    position: fixed;
    max-width: 250px;
    height: calc(100vh - 55px);
  }
  .schools-view .panel-filters .section-header {
    padding: 5px 0 5px 5px;
  }
  .schools-view .bottom_map_sec .map-img .map_view {
    width: 190px;
    height: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .schools-view .content-right {
    display: flex;
  }
  .schools-view .middle_scr {
    margin: 1.5rem auto !important;
    width: 92%;
    max-width: 1350px;
  }
}
@media only screen and (max-width: 767px) {
  .schools-view .content-right {
    left: 6px;
    z-index: 2;
    width: 100%;
    position: relative;
    top: 8px;
  }
  .schools-view .content-right .table-width {
    width: 100% !important;
  }
  .schools-view .content-right .table-width {
    width: 100% !important;
  }
  .schools-view .content-right .banner-top {
    padding: 15px;
    background-size: auto;
    background-position: center !important;
  }
  .schools-view .content-right .banner-top .left-text-ban .img-college {
    width: 60px !important;
    height: 60px !important;
  }
  .schools-view .content-right .banner-top .left-text-ban .img-college img {
    width: 55px !important;
  }
  .schools-view .content-right .banner-top .banner-bottom-text {
    flex-direction: column;
    align-items: center;
  }
  .schools-view .content-right .banner-top .banner-bottom-text h3 {
    margin-top: 0;
  }
  .schools-view .content-right .bottom_over {
    padding: 15px;
  }
  .schools-view .content-right .bottom_over .text-over-tab p {
    flex-direction: column;
  }
  .schools-view .content-right .bottom_over .w-65,
  .schools-view .content-right .bottom_over .w-35 {
    width: 100%;
  }
  .schools-view .content-right .pl-15 {
    padding-left: 0;
  }
  .schools-view .content-right .pl-r {
    padding-right: 0;
  }
  .schools-view .content-right .text-over-tab {
    flex-direction: column;
  }
  .schools-view .content-right .graph_percent {
    flex-direction: column !important;
  }
  .schools-view .content-right .admission .addmis_left {
    padding: 15px;
  }
  .schools-view .content-right .admission .admis_sec {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .schools-view .content-left .top-navi-view ul {
    padding-left: 5px;
  }
  .schools-view .content-left .top-navi-view ul li a {
    font-size: 12px;
    padding: 10px 3px 10px 12px;
  }
  .schools-view .content-left .top-navi-view ul li a .icons-icon {
    margin-right: 2px;
  }
  .schools-view .content-left .bottom_map_sec {
    padding: 10px 5px 15px 5px;
  }
  .schools-view .content-left .bottom_map_sec ul li a {
    padding: 7px 0;
    font-size: 12px;
  }
  .schools-view .content-right .table-width {
    width: 100% !important;
  }
  .schools-view .content-right .banner-top {
    padding: 15px;
    background-size: auto;
    background-position: center !important;
  }
  .schools-view .content-right .banner-top .left-text-ban .img-college {
    width: 60px !important;
    height: 60px !important;
  }
  .schools-view .content-right .banner-top .left-text-ban .img-college img {
    width: 55px !important;
  }
  .schools-view .content-right .banner-top .banner-bottom-text {
    flex-direction: column;
    align-items: center;
  }
  .schools-view .content-right .banner-top .banner-bottom-text h3 {
    margin-top: 0;
  }
  .schools-view .content-right .bottom_over {
    padding: 15px;
  }
  .schools-view .content-right .bottom_over .text-over-tab p {
    flex-direction: column;
  }
  .schools-view .content-right .bottom_over .w-65,
  .schools-view .content-right .bottom_over .w-35 {
    width: 100%;
  }
  .schools-view .content-right .pl-15 {
    padding-left: 0;
  }
  .schools-view .content-right .pl-r {
    padding-right: 0;
  }
  .schools-view .content-right .text-over-tab {
    flex-direction: column;
  }
  .schools-view .content-right .graph_percent {
    flex-direction: column !important;
  }
  .schools-view .content-right .admission .addmis_left {
    padding: 15px;
  }
  .schools-view .content-right .admission .admis_sec {
    flex-direction: column;
  }
}
.ds-personal-email-config.ds-dashboard .top-navi-view ul {
  border-right: 0;
  padding-left: 40px;
}
.ds-personal-email-config.ds-dashboard .top-navi-view ul li {
  border: 0;
}
.ds-personal-email-config.ds-dashboard .top-navi-view ul li.active .nav-link {
  border: 1px solid #3c51b9;
  border-right: 0;
}
.ds-personal-email-config.ds-dashboard .top-navi-view ul li .nav-link:hover {
  border-right: 0;
}
.ds-personal-email-config.ds-dashboard .left-nav-plus-content .collapsible-left-nav .left-nav-column-right-edge {
  height: calc(100% - 0px);
}
.ds-personal-email-config.ds-dashboard .left-nav-plus-content .collapsible-left-nav .left-nav-column-right-edge .right-edge-line {
  height: calc(100% - 0px);
}
.ds-personal-email-config .notifications-box.notifications-wrap {
  padding: 0 0 25px;
  display: block;
}
.ds-personal-email-config .notifications-box.notifications-wrap .headline-notification {
  display: block;
  background: #F7F8FA;
  padding: 19px 30px 15px 60px;
  font-size: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px 5px 0px 0px;
  margin: 0 0 30px;
}
.ds-personal-email-config .notifications-box.notifications-wrap .headline-notification .section-title {
  display: inline-block;
  color: #333333;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  margin: 0;
}
.ds-personal-email-config .notifications-box.notifications-wrap .headline-notification > img {
  float: right;
  max-width: 40px;
  width: 100%;
  margin: -5px 0 0;
}
.ds-personal-email-config .notifications-box.notifications-wrap > p {
  padding: 0 0 0 60px;
  margin: 0;
}
.switch.unify-switch {
  /*width: 36px;
    height: 20px;*/
  /*.slider {
      &:before {
        height: 13px;
        width: 13px;
        left: 9px;
        bottom: 4px;
      }
    }*/
  /*input:checked + .slider:before {
      -webkit-transform: translateX(11px);
      -ms-transform: translateX(11px);
      transform: translateX(11px);
    }*/
}
@media only screen and (max-width: 1366px) {
  .filtering-radio-responsive {
    display: block!important;
  }
  .manage-config .content-right .filtering-radio-responsive {
    display: block !important;
  }
  .manage-config .content-right .filtering-radio-responsive label {
    clear: both;
    display: block;
  }
}
@media only screen and (max-width: 960px) {
  .ds-personal-email-config .left-nav-plus-content.manage-config .body-content .content-left {
    min-width: 285px;
    max-width: 285px;
  }
  .ds-personal-email-config .left-nav-plus-content.manage-config .body-content .content-left .left_fixed {
    min-width: 285px;
    max-width: 285px;
  }
  .ds-personal-email-config .left-nav-plus-content.manage-config .body-content .content-left.closed {
    max-width: 20px !important;
    min-width: 20px !important;
  }
  .ds-personal-email-config .left-nav-plus-content.manage-config .body-content.collapsible-left-nav .left-nav-column-right-edge {
    left: 285px;
  }
  .ds-personal-email-config .left-nav-plus-content.manage-config .body-content.collapsible-left-nav .content-left.closed + .left-nav-column-right-edge {
    left: 20px;
  }
  .ds-personal-email-config .left-nav-plus-content.manage-config .body-content .content-right {
    padding: 25px 10px;
  }
  .ds-personal-email-config .left-nav-plus-content.manage-config .body-content .content-right .bg-white.box-shadow {
    padding: 20px;
  }
  .ds-personal-email-config .notifications-box.notifications-wrap .headline-notification {
    padding: 19px 20px 15px 20px;
  }
  .ds-personal-email-config .notifications-box.notifications-wrap > p {
    padding: 0 20px;
  }
  .ds-personal-email-config .notifications-box.notifications-wrap > p br {
    display: none;
  }
}
.upload-catalog h3 {
  color: #58585b;
  font-family: 'Poppins', sans-serif !important;
  font-size: 28px;
  font-weight: 200;
  margin-bottom: 20px;
  text-align: left;
}
.upload-catalog h4 {
  color: #58585b;
  font-family: 'Poppins', sans-serif !important;
  margin-bottom: 20px;
}
.upload-catalog h5 {
  color: #58585b;
  font-family: 'Poppins', sans-serif !important;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 0px;
}
.upload-catalog hr {
  margin-left: -50px;
  margin-top: 40px;
}
.upload-catalog li {
  font-family: 'Poppins', sans-serif !important;
  padding: -10px;
}
.upload-catalog tbody {
  background-color: white;
}
.upload-catalog td {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
  text-align: left;
  color: #393939;
}
.upload-catalog thead {
  background-color: #f9f9f9;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: #393939;
}
.upload-catalog .form-outer-wrapper {
  padding: 0px 20px 0px 20px;
}
.upload-catalog .form-outer-wrapper .buttons-and-messages-wrapper {
  padding: 40px;
}
.upload-catalog .form-outer-wrapper .buttons-and-messages-wrapper .progress {
  position: relative;
  width: 17px;
  height: 17px;
  margin: 0;
  margin-left: 5px;
  background-color: transparent;
}
.upload-catalog .engagement-outer-wrapper {
  padding-right: 50px;
}
.upload-catalog .engagement-outer-wrapper .charts-outer-wrapper {
  border: 1px solid darkgray;
  padding-top: 10px;
}
.upload-catalog .engagement-outer-wrapper .charts-outer-wrapper .ds-chart {
  padding-bottom: 30px;
}
.upload-catalog .engagement-outer-wrapper .section-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  color: #58585b;
  padding: 16px 0px 16px 0px;
}
.upload-catalog .upload-error-exist {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  color: #c10000;
}
.upload-catalog .upload-error-box {
  margin: 5px 0px 20px 0px;
  width: 389px;
  height: 237px;
  background-color: #f9f9f9;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.upload-catalog .upload-form-outer {
  background-color: #fff;
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
}
.upload-catalog .upload-form-text-label {
  width: 257px;
}
.upload-catalog .upload-form-text-active {
  height: 20px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #00b8e4;
  margin-left: -36px;
}
.upload-catalog .upload-form-text-inactive {
  width: 51px;
  height: 20px;
  opacity: 0.5;
  font-size: 16px;
  text-align: left;
  color: #3c4144;
}
.upload-catalog .review-form-text-label {
  width: 385px;
}
.upload-catalog .review-form-text-active {
  width: 51px;
  height: 20px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #00b8e4;
  margin-left: -125px;
}
.upload-catalog .review-form-text-inactive {
  height: 20px;
  opacity: 0.5;
  font-size: 16px;
  text-align: left;
  color: #3c4144;
}
.upload-catalog .review-catalog-labels {
  width: 115px;
  height: 17px;
  font-size: 14px;
  text-align: left;
  color: rgba(107, 107, 107, 0.87);
}
.upload-catalog .upload-error-msg {
  text-wrap: wrap;
}
.review-uploaded-catalog {
  /*margin-left: 50px;*/
  background: #f9f9f9;
  padding: 5px 0px 10px 0px;
}
.review-uploaded-catalog a {
  cursor: pointer;
  font-family: Lato;
  font-weight: 600;
  text-align: left;
  color: #00b8e4;
}
.review-uploaded-catalog h3 {
  color: #58585b;
  font-family: Lato;
  font-size: 28px;
  font-weight: 200;
  margin-bottom: 20px;
  text-align: left;
}
.review-uploaded-catalog h4 {
  color: #58585b;
  font-family: Lato;
  margin-bottom: 20px;
}
.review-uploaded-catalog h5 {
  color: #58585b;
  font-family: Lato;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 0px;
}
.review-uploaded-catalog hr {
  margin-left: -50px;
  margin-top: 40px;
}
.review-uploaded-catalog li {
  font-family: Lato, Georgia;
  padding: -10px;
}
.review-uploaded-catalog tbody {
  background-color: white;
}
.review-uploaded-catalog td {
  font-family: Lato;
  font-size: 14px;
  text-align: left;
  color: #393939;
}
.review-uploaded-catalog thead {
  background-color: #f9f9f9;
  font-family: Lato;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: #393939;
}
.review-uploaded-catalog .form-outer-wrapper {
  padding: 0px 20px 0px 20px;
}
.review-uploaded-catalog .engagement-outer-wrapper {
  padding-right: 50px;
}
.review-uploaded-catalog .engagement-outer-wrapper .charts-outer-wrapper {
  border: 1px solid darkgray;
  padding-top: 10px;
}
.review-uploaded-catalog .engagement-outer-wrapper .charts-outer-wrapper .ds-chart {
  padding-bottom: 30px;
}
.review-uploaded-catalog .engagement-outer-wrapper .section-title {
  font-family: Lato;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  color: #58585b;
  padding: 16px 0px 16px 0px;
}
.review-uploaded-catalog .upload-form-outer {
  background-color: #fff;
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
}
.view-uploaded-catalog-details .body-outer-wrapper .body-inner-wrapper {
  width: 100%;
}
.view-uploaded-catalog-details .body-outer-wrapper .body-inner-wrapper .table th {
  font-size: 13px;
  font-weight: 600;
}
.view-uploaded-catalog-details .body-outer-wrapper .body-inner-wrapper .table td {
  font-size: 13px;
}
.view-uploaded-catalog-details .upload-form-outer {
  background-color: #fff;
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
}
.view-uploaded-catalog-details .catalog-details-wrapper {
  display: inline-block;
  margin: 20px 0px 0px 0px;
}
.view-uploaded-catalog-details .catalog-details-wrapper .detail-item-wrapper {
  width: 100%;
  display: inline-block;
}
.view-uploaded-catalog-details .catalog-details-wrapper .detail-item-wrapper .review-catalog-labels {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  font-weight: 500;
  font-size: 14px;
  color: #797979;
}
@media (min-width: 768px) {
  .view-uploaded-catalog-details .catalog-details-wrapper .detail-item-wrapper .review-catalog-labels {
    float: left;
    width: 25%;
  }
}
.view-uploaded-catalog-details .catalog-details-wrapper .detail-item-wrapper .review-catalog-values {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  font-weight: 500;
  font-size: 14px;
  color: #797979;
}
@media (min-width: 768px) {
  .view-uploaded-catalog-details .catalog-details-wrapper .detail-item-wrapper .review-catalog-values {
    float: left;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .view-uploaded-catalog-details .catalog-details-wrapper .detail-item-wrapper .review-catalog-values {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .view-uploaded-catalog-details .catalog-details-wrapper .detail-item-wrapper .review-catalog-values {
    float: left;
    width: 50%;
  }
}
.view-uploaded-catalog-details .table-outer-wrapper .table-search-wrapper {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
}
@media (min-width: 768px) {
  .view-uploaded-catalog-details .table-outer-wrapper .table-search-wrapper {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .view-uploaded-catalog-details .table-outer-wrapper .table-search-wrapper {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .view-uploaded-catalog-details .table-outer-wrapper .table-search-wrapper {
    float: left;
    width: 50%;
  }
}
.view-uploaded-catalog-details .table-outer-wrapper .table-search-wrapper .search-label {
  float: left;
  margin: 7px 15px 10px 0px;
}
.view-uploaded-catalog-details .table-outer-wrapper .table-search-wrapper .ds-search-input {
  min-width: 225px;
}
.view-uploaded-catalog-details .table-outer-wrapper .table-inner-wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.view-uploaded-catalog-details .table-outer-wrapper .table-paginator-wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.school-name {
  color: #58585B;
  cursor: pointer;
  text-wrap: nowrap;
  margin-left: 7px;
}
.school-name img {
  margin-right: 5px;
}
.school-name .school-state {
  color: #59595B;
  line-height: 1px;
  text-wrap: nowrap;
}
.header-subtext {
  font-size: 10px;
  line-height: 15px;
  color: #3C51B9;
  padding: 0;
  font-weight: 600;
}
.inline-warning-wrapper {
  padding-bottom: 30px;
  transition: 0.6s;
  margin-top: 10px;
}
.inline-warning-wrapper .inline-warning {
  padding: 20px 40px;
  background-color: #eff4ff;
}
.inline-warning-wrapper .inline-warning .inline-warning-header {
  padding-bottom: 10px;
  background-color: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
}
.ds-view-student {
  overflow-y: hidden;
  height: 100%;
  background-color: #F4F8FB;
  /*------------------*/
}
.ds-view-student .patch-affected-row {
  font-weight: 500 !important;
  background-color: #EFF4FF !important;
}
.ds-view-student .table_link tbody tr {
  cursor: pointer;
}
.ds-view-student h1,
.ds-view-student h2,
.ds-view-student h3,
.ds-view-student h4,
.ds-view-student h5,
.ds-view-student h6 {
  margin-top: 0;
}
.ds-view-student .show > .btn.dropdown-toggle:focus {
  opacity: 0.8;
  color: #ffffff;
  box-shadow: none;
}
.ds-view-student .btn {
  font-size: 12px;
  padding: 5px 20px;
}
.ds-view-student .btn-white {
  background-color: #ffffff;
  color: #3b3b3b;
  height: 40px;
  width: 40px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-view-student .btn-white img {
  width: 100%;
}
.ds-view-student .btn-oval {
  border-radius: 50%;
}
.ds-view-student .btn-stroke-exsmall {
  border: 1px solid #3C51B9;
  height: 18px;
  width: 18px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-view-student .btn-stroke-exsmall.icons-icon {
  font-size: 10px !important;
  line-height: 20px;
}
.ds-view-student .btn-stroke-exsmall.icons-icon:hover,
.ds-view-student .btn-stroke-exsmall.icons-icon:focus {
  color: #3C51B9;
}
.ds-view-student .btn-default-exsmall {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3C51B9;
  color: #ffffff;
  height: 36px;
  width: 36px;
  box-shadow: 0px 0px 5px #dddddd99;
  font-size: 22px;
}
.ds-view-student .btn-link,
.ds-view-student .btn-link:hover,
.ds-view-student .btn-link:focus {
  color: #3C51B9;
  font-size: 14px;
  text-decoration: none;
}
.ds-view-student .btn.disabled,
.ds-view-student .btn:disabled {
  cursor: progress;
}
.ds-view-student .btn-sm {
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  border-radius: 5px;
  min-width: 146px;
  font-weight: normal;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 14px;
  line-height: 21px;
}
.ds-view-student .btn:focus,
.ds-view-student .btn:active:focus,
.ds-view-student .btn.active:focus {
  outline: none;
}
.ds-view-student .body-content {
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
}
.ds-view-student .auto-height {
  height: auto !important;
}
.ds-view-student .ds-attachments-wrapper .drag-drop-wrapper span {
  width: unset;
}
.ds-view-student .files-wrapper .file-wrapper {
  padding: 10px !important;
  grid-template-columns: auto 1fr auto 24px !important;
  min-height: 38px;
}
.ds-view-student .files-wrapper .file-wrapper.grid-uploading {
  grid-template-columns: 1fr 24px !important;
  grid-template-areas: 'a b';
}
.ds-view-student .files-wrapper .file-wrapper.grid-uploading .delete_icon_img {
  grid-area: b;
}
.ds-view-student .files-wrapper .file-wrapper.grid-uploading .upload-progress .progress {
  width: 100% !important;
  max-width: unset;
}
.ds-view-student .files-wrapper .upload-progress .progress {
  width: 70% !important;
}
.ds-view-student .files-wrapper .download-file {
  grid-area: c;
  cursor: pointer;
}
.ds-view-student .files-wrapper .download-file.external {
  grid-area: d;
}
.ds-view-student .files-wrapper .delete_icon_img {
  grid-area: d;
}
.ds-view-student .files-wrapper .delete-transcript {
  height: 18px;
  width: 18px;
}
.ds-view-student .files-wrapper.student-transcripts .download-file {
  grid-area: d;
}
.ds-view-student .files-wrapper .file-name {
  text-decoration: none;
}
.ds-view-student .ds-attachments-wrapper {
  max-width: unset;
}
.ds-view-student .ds-attachments-wrapper .xs-input-file {
  display: none;
}
.ds-view-student .content-left {
  margin: 0 !important;
  z-index: 1;
  background: #FFFFFF;
  box-shadow: 0px 0px 5px #dddddd99;
  width: 270px;
  min-width: 270px;
  max-width: 270px;
  padding: 15px 0 15px 15px;
  min-height: calc(100dvh - 55px) !important;
}
.ds-view-student .content-left .collapsible-left-content .transclude {
  margin-bottom: 60px;
}
.ds-view-student .content-left .form-group {
  margin-top: 10px;
}
.ds-view-student .content-left .form-group .form-control {
  font-size: 11px;
  padding-right: 35px;
  border: 1px solid #d2d2d2;
}
.ds-view-student .content-left .form-group .icons-icon {
  font-size: 13px;
  color: #58585B;
  position: absolute;
  top: 6px;
  right: 10px;
}
.ds-view-student .content-left hr {
  border-color: #E7EDF3;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 15px;
  width: calc(100% - 30px);
}
.ds-view-student a[class^='back-button'] {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #3C51B9;
  display: flex;
  align-items: center;
}
.ds-view-student .content-left .form-group a .icons-icon {
  top: auto;
  padding-right: 10px;
  position: relative;
  right: auto;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #3C51B9;
}
.ds-view-student .content-left .content-profile {
  padding: 20px 10px 0 10px;
  position: relative;
}
.ds-view-student .content-left .content-profile .icons-icon {
  font-size: 14px;
  line-height: 26px;
  color: #59595B;
  position: absolute;
  top: 10px;
  right: 15px;
}
.ds-view-student .content-left .content-profile h1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #393939;
}
.ds-view-student .content-left .content-profile h6,
.ds-view-student .content-left .content-profile h6 label {
  font-size: 10px;
  line-height: 15px;
  color: #8B8B98;
}
.ds-view-student .content-left .content-profile-info {
  padding: 20px 10px;
}
.ds-view-student .content-left .content-profile-info .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}
.ds-view-student .content-left .content-profile-info label {
  font-size: 10px;
  line-height: 15px;
  color: #A3A3A3;
  margin-bottom: 3px;
}
.ds-view-student .content-left .content-profile-info span {
  font-size: 12px;
  line-height: 18px;
  color: #393939;
}
.ds-view-student .content-left .content-profile-info span.date {
  padding-right: 15px;
}
.ds-view-student .content-right {
  overflow: hidden;
  padding: 15px;
  background-color: #fff;
}
.ds-view-student .content-right .nav-tabs {
  border-bottom: none !important;
  display: flex;
  flex-wrap: nowrap;
  padding-left: 40px;
  padding-bottom: 5px;
}
.ds-view-student .content-right .nav-tabs a {
  color: #393939;
  font-size: 14px;
  font-weight: 400;
  border: none;
  padding: 0 !important;
}
.ds-view-student .content-right .nav-tabs a:hover,
.ds-view-student .content-right .nav-tabs a:focus {
  border: none;
  background-color: transparent;
}
.ds-view-student .content-right .nav-tabs li {
  text-wrap: nowrap;
  padding-right: 30px;
}
.ds-view-student .content-right .nav-tabs li.active a {
  text-decoration: unset;
  text-underline-offset: 5px;
  border-bottom: 1px solid #000;
  padding-bottom: 5px !important;
}
.ds-view-student .content-right .more-details-summary {
  padding: 20px !important;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.ds-view-student .content-right .more-details-summary .status-wrap {
  margin-top: 0px !important;
  gap: 10px !important;
  flex-wrap: wrap;
  border-radius: 3px !important;
  justify-content: start !important;
}
.ds-view-student .content-right .more-details-summary .status-wrap .pill {
  border-radius: 3px !important;
}
.ds-view-student .content-right .more-details-summary .status-wrap .pill .text-wrapper {
  font-weight: 400 !important;
}
.ds-view-student .content-right .more-details-summary .credits-totals {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.ds-view-student .content-right .more-details-summary .credits-totals .approved {
  color: #008000;
}
.ds-view-student .content-right .more-details-summary .credits-totals .totals-grid-container {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, auto);
}
.ds-view-student .content-right .more-details-summary .credits-totals .totals-grid {
  display: contents;
}
.ds-view-student .content-right .more-details-summary .credits-totals .totals-grid .NA {
  color: rgba(51, 51, 51, 0.5) !important;
}
.ds-view-student .content-right .more-details-summary .credits-totals .totals-grid .exceeded {
  color: #B5082E !important;
}
.ds-view-student .content-right .more-details-summary.summary-report {
  flex-direction: row !important;
  align-items: start !important;
}
.ds-view-student .content-right .status-wrap {
  font-size: 14px;
  line-height: 21px;
  color: #8B8B98;
  min-height: 27px;
}
.ds-view-student .content-right .status-wrap .pill {
  padding: 3px 10px;
  border: 1px solid #E6E6E6;
}
.ds-view-student .content-right .status-wrap .pill .text-wrapper {
  font-size: 12px !important;
  font-weight: 400;
  color: #5B5B5B;
}
.ds-view-student .content-right .status-wrap .pill .text-wrapper .counter {
  color: #333;
  color: #333 !important;
}
.ds-view-student .content-right .status-wrap .pill.pending {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ds-view-student .content-right .status-wrap .pill.denied {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ds-view-student .content-right .status-wrap .pill.selected.APPROVED_CODE {
  background: #E5F2E5;
  border: 1px solid transparent !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.APPROVED_CODE .text-wrapper {
  font-weight: 600 !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.APPROVED_CODE .text-wrapper,
.ds-view-student .content-right .status-wrap .pill.selected.APPROVED_CODE .text-wrapper .counter {
  color: #008000 !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.PENDING_CODE,
.ds-view-student .content-right .status-wrap .pill.selected.IN_REVIEW_CODE {
  background: #EFF2F6;
  border: 1px solid transparent !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.PENDING_CODE .text-wrapper,
.ds-view-student .content-right .status-wrap .pill.selected.IN_REVIEW_CODE .text-wrapper {
  font-weight: 600 !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.PENDING_CODE .text-wrapper,
.ds-view-student .content-right .status-wrap .pill.selected.IN_REVIEW_CODE .text-wrapper,
.ds-view-student .content-right .status-wrap .pill.selected.PENDING_CODE .text-wrapper .counter,
.ds-view-student .content-right .status-wrap .pill.selected.IN_REVIEW_CODE .text-wrapper .counter {
  color: #5B5B5B !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.REQUESTING_MORE_INFO_CODE {
  background: #E5F2F7;
  border: 1px solid transparent !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.REQUESTING_MORE_INFO_CODE .text-wrapper {
  font-weight: 600 !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.REQUESTING_MORE_INFO_CODE .text-wrapper,
.ds-view-student .content-right .status-wrap .pill.selected.REQUESTING_MORE_INFO_CODE .text-wrapper .counter {
  color: #007EB4 !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.CREDIT_NOT_GRANTED_CODE {
  background: #FFECEC;
  border: 1px solid transparent !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.CREDIT_NOT_GRANTED_CODE .text-wrapper {
  font-weight: 600 !important;
}
.ds-view-student .content-right .status-wrap .pill.selected.CREDIT_NOT_GRANTED_CODE .text-wrapper,
.ds-view-student .content-right .status-wrap .pill.selected.CREDIT_NOT_GRANTED_CODE .text-wrapper .counter {
  color: #AB2121 !important;
}
.ds-view-student .content-right .right-container ::-webkit-scrollbar-thumb,
.ds-view-student .content-right .right-container ::-webkit-scrollbar-track {
  background-color: inherit !important;
}
.ds-view-student .content-right .right-container:hover ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.ds-view-student .content-right .right-container .student-tab-content {
  height: calc(100dvh - 55px);
  overflow-y: auto;
}
.ds-view-student .content-right .right-container .step-wrapper {
  height: calc(100dvh - 55px);
  overflow-x: auto;
}
.ds-view-student .content-right .right-container .step-wrapper .coursework-changes .student-tab-content {
  height: calc(100dvh - 55px - 85px);
}
.ds-view-student .content-right .right-container .step-wrapper.enable-scroll {
  overflow-y: auto;
}
.ds-view-student .content-right .right-container .step-wrapper.enable-scroll.has-sticky-footer {
  height: calc(100dvh - 55px - var(--ds-sticky-footer-height));
}
.ds-view-student .content-right .right-container .student-container {
  height: fit-content;
}
.ds-view-student .content-right .right-container .student-container .student-tab-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 104px);
}
.ds-view-student .content-right .content_right_shadow {
  background: #FFFFFF;
  box-shadow: 0px 0px 5px #dddddd99;
}
.ds-view-student .content-right .content-heading {
  min-height: 50px;
  padding: 15px 30px;
  display: flex;
  align-items: center;
}
.ds-view-student .content-right .content-heading h4 {
  font-size: 14px;
  line-height: 17px;
  color: #8B8B98;
  margin: 0;
  display: flex;
  align-items: center;
}
.ds-view-student .content-right .content-heading h4 .icons-icon {
  font-size: 12px;
  padding: 0 15px;
}
.ds-view-student .content-fluid .nav-tabs {
  border-bottom: 1px solid #3C51B9;
}
.ds-view-student .content-fluid .nav-tabs li {
  margin-bottom: 0;
  margin-right: 1.7rem;
}
.ds-view-student .content-fluid .nav-tabs li:last-child {
  margin-right: 0;
}
.ds-view-student .content-fluid .nav-tabs li a {
  min-width: 144px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  border: none;
  background-color: #3C51B9;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
  font-size: 14px;
  line-height: 21px;
}
.ds-view-student .content-fluid .nav-tabs li a.active {
  color: #3C51B9;
  background-color: #F4F8FB;
}
.ds-view-student .content-fluid .tab-content .tab-pane {
  padding: 30px 0;
}
.ds-view-student .content-fluid .tab-content .tab-pane textarea.form-control {
  height: 321px;
  overflow-y: auto;
  border-color: #D2D2D2;
  color: #58585B;
  font-size: 10px;
  line-height: 15px;
}
.ds-view-student .note_hist1 textarea.m-h-75 {
  max-height: 75px;
}
.ds-view-student .note_hist_tab1 {
  margin-top: 40px;
}
.ds-view-student .note_hist_tab1 .notes-table table tr:hover td {
  background-color: transparent !important;
}
.ds-view-student .note_hist_tab1 .notes-table table tr:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ds-view-student .note_hist_tab1 .notes-table .note-pill {
  padding: 8px 0 !important;
}
.ds-view-student .note_hist_tab1 .notes-paginator {
  position: fixed;
  bottom: 0;
  width: 225px;
  background: #fff;
}
.ds-view-student .content-heading-grey {
  font-size: 16px;
  line-height: 24px;
  color: #3C3C3C;
  margin: 0 0 10px 0;
  font-weight: 500;
}
.ds-view-student .content-heading-grey small a {
  font-size: 12px;
  line-height: 18px;
  color: #3C51B9;
}
.ds-view-student .content-heading-grey small a .icons-icon {
  font-size: 8px;
  padding-left: 3px;
}
.ds-view-student .content-activity-feed {
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 10px 0px;
  width: 100%;
}
.ds-view-student .content-activity-feed .mb-1 {
  margin-bottom: 10px;
}
.ds-view-student .content-activity-feed .border-bottom {
  border-bottom: 1px solid #E7EDF3;
  padding-bottom: 10px;
}
.ds-view-student .content-activity-feed .bg-dark {
  background: #58585B;
  color: #fff;
}
.ds-view-student .content-activity-feed .span-right {
  justify-content: center;
}
.ds-view-student .content-activity-feed .span-left {
  position: relative;
  left: 0;
}
.ds-view-student .content-activity-feed .span-left {
  background-color: #E6ECF2;
  border-radius: 20px;
  min-width: 64px;
  min-height: 19px;
  border: 5px solid #ffffff;
  font-size: 10px;
  line-height: 15px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 35px;
}
.ds-view-student .content-activity-feed .span-right {
  display: flex;
  flex-direction: column;
}
.ds-view-student .content-activity-feed .span-right small {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
}
.ds-view-student .content-activity-feed .wrap {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.ds-view-student .content-activity-feed .wrap.receive .text-wrap {
  margin-top: 10px;
  min-height: 64px;
  align-items: center;
  width: calc(100% - 47px);
  margin-left: 15px;
  background-color: #F4F8FB;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 0px 10px 10px 10px;
  padding: 15px;
  color: #59595B;
  font-size: 14px;
  line-height: 150%;
}
.ds-view-student .content-activity-feed .wrap.send .text-wrap {
  margin-top: 10px;
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  width: calc(100% - 47px);
  margin-right: 15px;
  background: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 10px 10px 0 10px;
  padding: 15px;
  color: #59595B;
  font-size: 14px;
  line-height: 150%;
}
.ds-view-student .ds-student-left-panel .nav.nav-tabs {
  border-bottom: #F4F8FB !important;
}
.ds-view-student .ds-student-left-panel .nav.nav-tabs a {
  text-transform: uppercase;
  padding: 5px 10px !important;
  color: #393939;
  font-size: 12px;
  border-color: transparent !important;
}
.ds-view-student .ds-student-left-panel .nav.nav-tabs li.active a {
  color: #3C51B9;
  border-radius: 3px 3px 0px 0px;
  background: #F4F8FB;
  text-underline-offset: 0 !important;
  text-decoration: none !important;
  font-weight: 500;
}
.ds-view-student .ds-student-left-panel .nav.nav-tabs li.active a:focus {
  border: 1px solid transparent !important;
}
.ds-view-student .ds-student-left-panel .ds-pdf-container {
  height: calc(100vh - 215px);
}
.ds-view-student .ds-student-left-panel .content-left.blurry-active > .collapsible-left-content {
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  width: 100px;
  height: 100px;
  background-color: #ccc;
  height: auto !important;
}
.ds-view-student .ds-student-left-panel .content-left.pdf-active .collapsible-left-content {
  overflow: hidden !important;
}
.ds-view-student .ds-student-left-panel .content-left .collapsible-left-content {
  scrollbar-width: thin;
}
.ds-view-student .ds-student-left-panel .profile-active,
.ds-view-student .ds-student-left-panel .docs-active,
.ds-view-student .ds-student-left-panel .history-active {
  min-width: 270px;
  max-width: 270px;
  width: 270px;
}
.ds-view-student .ds-student-left-panel .pdf-active {
  max-width: unset;
  min-width: 524px;
  width: 524px;
}
.ds-view-student .ds-student-left-panel .ui-select-container.ui-select-multiple .ui-select-match-item {
  text-wrap: wrap !important;
  text-align: left;
}
.ds-view-student .ds-transfer-requests {
  margin-bottom: 100px !important;
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.ds-view-student .ds-transfer-requests .ds-transfer-header {
  row-gap: 10px;
}
.ds-view-student .ds-transfer-requests .btn-certify {
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
  min-width: unset !important;
}
.ds-view-student .ds-transfer-requests .status-wrap div span {
  text-wrap: nowrap;
}
.ds-view-student .ds-transfer-requests .status-wrap hr {
  display: none;
}
.ds-view-student .ds-transfer-requests .more-options-wrapper {
  cursor: pointer;
  gap: 3px;
}
.ds-view-student .ds-transfer-requests .more-options-wrapper .header-subtext.more-options {
  text-decoration: none;
}
.ds-view-student .ds-transfer-requests .more-options-wrapper .down {
  transform: rotate(90deg);
}
.ds-view-student .ds-transfer-requests .dropdown-menu.more-opt-menu {
  padding: 10px !important;
  border-radius: 0px 0px 3px 3px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  border-top: 4px solid #3C51B9;
}
.ds-view-student .ds-transfer-requests .dropdown-menu.more-opt-menu > li {
  padding: 0 !important;
  line-height: normal;
}
.ds-view-student .ds-transfer-requests .dropdown-menu.more-opt-menu > li > a {
  padding: 0 !important;
  line-height: 25px;
}
.ds-view-student .ds-transfer-requests .dropdown-menu.more-opt-menu > li:hover > a {
  background-color: transparent !important;
}
.ds-view-student .paginator-transition .notes-paginator {
  background: white;
}
.ds-view-student .section-header {
  margin-left: 5px;
}
.ds-view-student .section-header span {
  font-size: 11px;
}
.ds-view-student .section-header a {
  padding-left: 5px;
}
.ds-view-student .approval-status {
  padding: 5px 10px !important;
  min-width: 90px;
  width: 90px;
}
.ds-view-student div.ds-progress-estimates {
  gap: 20px;
}
.ds-view-student div.ds-progress-estimates span.no-estimates {
  color: #58585B;
}
.ds-view-student div.ds-progress-estimates div.table-responsive th.stale-programs {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}
.ds-view-student div.ds-progress-estimates div.table-responsive th.end-stale {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
}
.ds-view-student div.ds-progress-estimates div.table-responsive table a {
  text-decoration: none;
}
.ds-view-student div.ds-progress-estimates div.table-responsive table .stale-row {
  background: rgba(246, 136, 32, 0.1);
}
.ds-view-student table {
  border-collapse: inherit !important;
  /*width: auto !important;*/
}
.ds-view-student table thead tr {
  margin-bottom: 20px;
}
.ds-view-student table thead tr th {
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  text-wrap: nowrap;
  color: #8B8B98;
  font-size: 10px;
  padding: 10px 5px !important;
}
.ds-view-student table thead tr th.no-borders {
  border-bottom: none !important;
  border-top: none !important;
}
.ds-view-student table tr:hover td {
  background-color: transparent !important;
}
.ds-view-student table tr td {
  padding: 4px 0 !important;
  vertical-align: middle !important;
}
.ds-view-student table tbody::before {
  content: "-";
  display: block;
  line-height: 1em;
  color: transparent;
}
.ds-view-student .ds-student-information {
  min-width: 650px;
}
.ds-view-student .ds-student-information .notify-automatically {
  align-items: end;
  position: relative;
}
.ds-view-student .ds-student-information .notify-automatically .radio-row {
  position: absolute;
  right: 0;
  top: 21px;
}
.notify-student-tooltip .tooltip-arrow {
  right: -5px !important;
}
.ds-student-left-panel .collapsible-left-content,
.ds-student-details-left-panel .collapsible-left-content {
  height: calc(100dvh - 55px) !important;
}
.ds-student-left-panel.coursework-changes .collapsible-left-content,
.ds-student-details-left-panel.coursework-changes .collapsible-left-content {
  height: calc(100dvh - 55px - 55px) !important;
}
div.ds-progress-changes div.inline-warning div.section-header {
  color: #58585B;
  margin: 0 !important;
}
div.ds-progress-changes div.inline-warning div.estimates-main-text,
div.ds-progress-changes div.inline-warning div.text-warning {
  color: #58585B !important;
}
div.ds-progress-changes div.inline-warning img.icon-warning {
  width: 20px;
  margin-right: 5px;
  margin-left: 5px;
}
div.ds-progress-changes div.inline-warning .btn-update-programs {
  border: 1px solid #3C51B9 !important;
  background: #fff !important;
  padding: 5px 20px;
}
.ds-evals-details .body-content {
  min-height: unset;
}
.ds-evals-details .content-right {
  height: calc(100dvh - 55px);
}
.ds-evals-details .content-right .estimates-evals {
  overflow-y: auto;
}
.ds-evals-details .content-right table.eval-details .half-table-header.parent.right {
  padding-right: 20px !important;
}
.ds-evals-details .content-right table.eval-details .half-table-header.parent.right .requirement-info.limits {
  grid-template-columns: minmax(371px, 1fr) 88px;
}
.ds-evals-details .content-right table.eval-details .half-table-header.parent.right .requirement-info.preconditions {
  grid-template-columns: minmax(371px, 1fr) 215px;
}
.ds-evals-details .content-right table.eval-details .half-table-header.parent.right .requirement-info.limits-preconditions {
  grid-template-columns: minmax(371px, 1fr) 280px;
}
.ds-evals-details .progress-estimates-card {
  min-width: 860px;
  margin: auto;
}
.ds-evals-details .progress-estimates-card .program-eval {
  border-radius: 10px !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  padding: 0 !important;
  gap: 30px;
}
.ds-evals-details .progress-estimates-card .program-eval .program-eval-details-wrapper {
  padding: 0 !important;
}
.ds-evals-details .progress-estimates-card .program-eval .program-eval-details-wrapper .program-eval-details .table-responsive {
  overflow-y: auto !important;
}
.ds-evals-details .collapsible-right-content {
  width: 20px;
}
.ds-evals-details .collapsible-right-content.active {
  width: 470px;
  min-width: 470px;
}
.ds-evals-details .sticky-footer .btn-bordered {
  padding: 4px 15px !important;
}
.ds-evals-details .unused-drawer {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.ds-evals-details .unused-drawer .nav-tabs {
  border-bottom: unset;
}
.ds-evals-details .unused-drawer .nav-tabs li {
  border-radius: 3px 3px 0px 0px;
  border-bottom: 1px solid #393939;
}
.ds-evals-details .unused-drawer .nav-tabs li a {
  font-weight: 500;
  color: #393939;
  border: none !important;
}
.ds-evals-details .unused-drawer .nav-tabs li a:hover,
.ds-evals-details .unused-drawer .nav-tabs li a:focus {
  background: #E9EDF3;
}
.ds-evals-details .unused-drawer .nav-tabs li.active {
  background: #E9EDF3;
}
.ds-unused-courses {
  gap: 20px;
}
.ds-unused-courses .courses .courses-header,
.ds-apply-overrides .courses .courses-header {
  padding-bottom: 5px;
  border-bottom: 1px solid #00000080;
}
.ds-unused-courses .courses .courses-header span,
.ds-apply-overrides .courses .courses-header span {
  color: #8B8B98;
}
.ds-unused-courses .courses .approved-courses,
.ds-apply-overrides .courses .approved-courses {
  gap: 5px;
}
.ds-unused-courses .courses .approved-courses .unused-counter,
.ds-apply-overrides .courses .approved-courses .unused-counter {
  gap: 3px;
}
.ds-unused-courses .courses .approved-courses .unused-counter .orange-pill,
.ds-apply-overrides .courses .approved-courses .unused-counter .orange-pill {
  padding: 3px;
  color: #fff;
  border-radius: 5px;
  background: #F68820;
}
.ds-unused-courses .courses .approved-courses > span,
.ds-apply-overrides .courses .approved-courses > span {
  color: #393939;
  margin-bottom: 5px;
}
.ds-unused-courses .courses .approved-courses.has-used-coursework .coursework-grant,
.ds-apply-overrides .courses .approved-courses.has-used-coursework .coursework-grant {
  width: 100px;
  max-width: 100px;
}
.ds-unused-courses .courses .approved-courses.has-used-coursework .coursework-grant .ds-flex-column,
.ds-apply-overrides .courses .approved-courses.has-used-coursework .coursework-grant .ds-flex-column {
  flex: unset !important;
}
.ds-unused-courses .courses .approved-courses.has-used-coursework .course-coursework .grant.has-grant,
.ds-apply-overrides .courses .approved-courses.has-used-coursework .course-coursework .grant.has-grant {
  grid-template-columns: 18px max-content !important;
}
.ds-unused-courses .courses .course-coursework,
.ds-apply-overrides .courses .course-coursework {
  border-radius: 10px;
  border: 1px solid #EBEBEB;
  background: #FFF;
}
.ds-unused-courses .courses .course-coursework .grant,
.ds-apply-overrides .courses .course-coursework .grant {
  color: #393939;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 18px;
  align-items: center;
  gap: 10px;
}
.ds-unused-courses .courses .course-coursework .grant.has-grant,
.ds-apply-overrides .courses .course-coursework .grant.has-grant {
  grid-template-columns: 18px 80px;
}
.ds-unused-courses .courses .course-coursework .course,
.ds-apply-overrides .courses .course-coursework .course {
  display: grid;
}
.ds-unused-courses .courses .course-coursework .course .title,
.ds-apply-overrides .courses .course-coursework .course .title {
  text-wrap: nowrap;
}
.ds-unused-courses .more-coursework,
.ds-apply-overrides .more-coursework {
  gap: 5px;
}
.unused-tooltip .tool_tip_box {
  max-width: 421px;
  min-width: 421px;
}
.unused-tooltip .unused-content {
  gap: 20px;
  text-align: left;
}
.unused-tooltip .unused-content .unused-list .list-item {
  align-items: start;
  gap: 3px;
}
.unused-tooltip .unused-content .unused-list span {
  color: #4F4F4F;
}
.match-square {
  min-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  max-width: 18px !important;
  padding: 3px !important;
  border-radius: 3px;
}
.match-square.DENIED svg path,
.match-square.IN_REVIEW svg path,
.match-square.PENDING svg path,
.match-square.GENERAL_ELECTIVE svg path {
  fill: #000;
}
.ds-save-program-evals .modal-dialog {
  width: 932px;
  height: 460px;
}
.ds-save-program-evals .modal-dialog .ds-pop-over {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 932px;
  max-width: 100%;
  height: 460px;
}
.ds-save-program-evals .modal-content {
  border-radius: 0 !important;
}
.ds-save-program-evals.modal .ds-transfer-approval-modal .notify-student-wrapper {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.ds-save-program-evals.modal .ds-transfer-approval-modal .modal-footer {
  padding-top: 0 !important;
  border-top: unset !important;
}
.ds-save-program-evals.modal .ds-transfer-approval-modal .modal-footer .btn {
  font-size: 14px;
  padding: 6px 15px !important;
  font-size: 14px !important;
  min-width: unset !important;
}
.ds-save-program-evals.modal .ds-transfer-approval-modal .modal-footer::after,
.ds-save-program-evals.modal .ds-transfer-approval-modal .modal-footer::before {
  display: none !important;
}
.ds-notification-dialog {
  background: #323232;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.ds-notification-dialog .dialog-container {
  gap: 20px;
  color: #fff;
  background-color: #383838 !important;
}
.ds-notification-dialog .dialog-container .power-mode .switch input:checked + .slider {
  background-color: #11C37B !important;
}
.ds-notification-dialog .dialog-container .power-desc {
  text-wrap: nowrap;
  font-size: 11px;
}
.ds-notification-dialog .dialog-container .power-close {
  align-items: start;
}
.ds-notification-dialog .dialog-container .power-close div {
  cursor: pointer;
}
.ds-notification-dialog .power-mode .power-beta .beta {
  border-radius: 3px;
  background: #E9A012;
  padding: 0px 5px;
  color: #fff;
}
.records-alert,
.dialog-container {
  background: #3C51B9;
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr 50px;
  grid-template-rows: 1fr;
  grid-template-areas: 'a b c';
  height: 45px;
}
.records-alert .alert-msg,
.dialog-container .alert-msg {
  grid-area: b;
}
.records-alert .alert-msg img,
.dialog-container .alert-msg img {
  height: 16px;
  width: 16px;
}
.records-alert .alert-msg span,
.dialog-container .alert-msg span {
  font-size: 11px;
  color: #fff;
}
.records-alert .alert-msg button,
.dialog-container .alert-msg button {
  background: #fff !important;
  border: 1px solid #3C51B9 !important;
  color: #3C51B9 !important;
  line-height: 15px !important;
  min-width: unset !important;
}
.records-alert .alert-msg button:hover,
.dialog-container .alert-msg button:hover {
  background: #fff !important;
}
.records-alert .dialog-content,
.dialog-container .dialog-content {
  grid-area: b;
}
.records-alert .close-icon,
.dialog-container .close-icon,
.records-alert .power-close,
.dialog-container .power-close {
  grid-area: c;
  cursor: pointer;
}
.records-alert .close-icon img,
.dialog-container .close-icon img,
.records-alert .power-close img,
.dialog-container .power-close img {
  height: 32px;
  width: 32px;
}
table.transcripts-table > tbody > tr {
  height: 38px !important;
}
table.transcripts-table > tbody > tr td {
  vertical-align: middle;
  display: table-cell !important;
  border-top: none !important;
}
.ds-transfer-approval-modal a {
  color: #3C51B9;
  text-decoration: none !important;
}
.ds-transfer-approval-modal a:hover {
  color: #3C51B9;
}
.ds-transfer-approval-modal .modal-header {
  border-radius: 0 !important;
}
.ds-transfer-approval-modal ::-webkit-scrollbar-thumb,
.ds-transfer-approval-modal ::-webkit-scrollbar-track {
  background-color: inherit !important;
}
.ds-transfer-approval-modal:hover ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.ds-transfer-approval-modal .transfer-request {
  overflow: auto;
}
.ds-transfer-approval-modal .btn-default,
.course-content .btn-default,
.rule-content .btn-default {
  border-color: #ccc;
}
.ds-transfer-approval-modal .btn-default:hover,
.course-content .btn-default:hover,
.rule-content .btn-default:hover {
  border-color: #adadad !important;
}
.collapsible-right-content {
  transition: 0.5s ease all;
  background-color: #F3F5F6 !important;
}
.collapsible-right-content ::-webkit-scrollbar-thumb,
.collapsible-right-content ::-webkit-scrollbar-track {
  background-color: inherit !important;
}
.collapsible-right-content:hover ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.collapsible-right-content .rule-content,
.collapsible-right-content .course-content {
  height: calc(100vh - 95px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.note_modal .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}
.citizen_line {
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.citizen_line input {
  cursor: default !important;
}
.account_list_drop .ui-select-container {
  border: none !important;
  cursor: default;
}
.account_list_drop .ui-select-container .btn-default {
  border-radius: 2px;
  font-weight: normal;
  border: none;
  font-size: 12px;
  height: auto !important;
  width: auto !important;
  opacity: 1;
}
.account_list_drop .ui-select-container .btn-default span {
  font-weight: normal;
  color: #fff;
  text-transform: capitalize;
}
.account_list_drop .ui-select-container .ui-select-search {
  display: none;
}
.star_list .icons-icon {
  position: relative !important;
  top: auto !important;
}
.files-wrapper {
  width: 100%;
}
.files-wrapper .view-file {
  color: #3C51B9;
  text-align: end;
  text-decoration: none;
  text-wrap: nowrap;
}
.ds-files-list-items .ds-attachments-wrapper {
  max-width: none;
}
.ds-transfer-approval-modal .modal-header,
.ds-new-rule-modal .modal-header {
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(270deg, #00B8E4 0%, #3C51B9 100%) !important;
  padding: 0 40px;
  height: 45px;
}
.ds-transfer-approval-modal .modal-header .modal-title,
.ds-new-rule-modal .modal-header .modal-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  color: white !important;
}
.ds-transfer-approval-modal .modal-header .close-panel-right,
.ds-new-rule-modal .modal-header .close-panel-right {
  cursor: pointer;
}
.ds-transfer-approval-modal .modal-header .close-panel-right img,
.ds-new-rule-modal .modal-header .close-panel-right img {
  height: 12px !important;
  width: 12px !important;
}
.ds-transfer-approval-modal .modal-footer,
.ds-new-rule-modal .modal-footer {
  margin-top: 0 !important;
  border-top: 1px solid #E7EDF3;
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
.ds-transfer-approval-modal .modal-footer .btn,
.ds-new-rule-modal .modal-footer .btn {
  min-width: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-transfer-approval-modal .modal-footer .btn-primary,
.ds-new-rule-modal .modal-footer .btn-primary {
  color: #FFFFFF !important;
  background: #3C51B9 !important;
  margin-right: 0;
}
.author h5 {
  font-size: 18px;
  font-weight: 500;
}
.author small {
  margin-left: 20px;
  background: #fff;
  padding: 3px 13px;
  border-radius: 20px;
  margin-left: 5px;
}
.text-light-gray {
  color: #8B8B98;
}
.transfer-updated {
  background: linear-gradient(90deg, #3c51b9cc 0%, #00b8e4cc 30%, transparent 60%);
  background-size: 400% 100%;
  animation: gradient 2s 0.3s ease-out;
  background-position-x: 100%;
}
@keyframes gradient {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 100%;
  }
}
.content-profile .state-dropdown {
  padding: 5px;
  align-self: stretch;
  text-align: center;
  user-select: none;
}
.content-profile .state-dropdown a {
  display: inline-block;
  width: 100%;
}
.content-profile .state-dropdown span {
  color: white !important;
  font-weight: 500;
}
.content-profile .state-dropdown .spinner {
  height: 20px;
}
.content-profile .state-dropdown .dropdown-menu {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.content-profile .state-dropdown li {
  padding: 5px;
  line-height: unset;
}
.content-profile .state-dropdown .dropdown-toggle::after {
  color: white;
  content: '\e011';
  font-family: 'Segoe MDL2 Assets';
  font-size: 10px;
  margin-left: 5px;
  font-weight: 900;
}
.content-profile .state-dropdown .open .dropdown-toggle::after {
  content: '\e010';
}
.content-profile .notConfirmed {
  background-color: #F4A329;
}
.content-profile .prospect {
  background-color: #ABABAB;
}
.content-profile .enrolled {
  background-color: #58585B;
}
.content-profile .notConfirmed.enrol-disabled > ul,
.content-profile .prospect.enrol-disabled > ul,
.content-profile .enrolled.enrol-disabled > ul {
  pointer-events: none;
}
.content-profile .student-state {
  text-decoration: none !important;
}
.content-profile .submission-complete .ds-custom-switch .slider.round {
  width: 45px;
  height: 20px;
}
.content-profile .submission-complete .ds-custom-switch .slider.round:before {
  bottom: 1.5px !important;
  height: 17px !important;
  width: 17px !important;
  left: 1px !important;
}
.record-created .record {
  padding: 6px 8px;
  border-radius: 3px;
  background: rgba(0, 184, 228, 0.1);
  gap: 5px;
}
.ds-transfers-and-requests .content-fluid {
  max-width: 1240px;
}
.ds-transfers-and-requests .seasons-separator span {
  color: #58585B;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.ds-transfers-and-requests .seasons-separator .horizontal-line {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin-left: 15px;
}
.ds-transfers-and-requests .row-hover {
  background: #F7F8FA !important;
}
.ds-transfers-and-requests .row-hover .transfer-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  height: 26px;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper {
  padding: 3px 0 3px 0;
  border: 1px solid transparent;
  height: 23px;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper.left-wrapper {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-right-width: 0 !important;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper.center-wrapper {
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper.right-wrapper {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left-width: 0 !important;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper .content-height {
  line-height: 15px;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper.match-wrapper .content-height {
  gap: 5px;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper.match-wrapper .content-height .code-wrapper {
  width: 70px;
}
.ds-transfers-and-requests .transfer-start .transfer-wrapper.match-credits {
  width: 40px;
}
.ds-transfers-and-requests .transfer-start .transfer-icon {
  margin-right: 10px !important;
}
.ds-transfers-and-requests .transfer-start .transfer-state {
  margin-right: 40px;
}
.ds-transfers-and-requests .transfer-start .add-transfer,
.ds-transfers-and-requests .transfer-start .matched-transfer {
  gap: 5px;
}
.ds-transfers-and-requests .transfer-start .add-transfer .icon,
.ds-transfers-and-requests .transfer-start .matched-transfer .icon {
  height: 12px;
  width: 12px;
}
.ds-transfers-and-requests .transfer-start .add-transfer .icon-close,
.ds-transfers-and-requests .transfer-start .matched-transfer .icon-close {
  width: 8px;
  height: 8px;
}
.ds-transfers-and-requests .transfer-start .tool_tip .tool_tip_box {
  width: auto;
  text-wrap: wrap;
  border-top: none !important;
  border-bottom: 5px solid #3C51B9;
}
.ds-transfers-and-requests .transfer-start.record-gradient {
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.2) 0.26%, rgba(0, 184, 228, 0.2) 99.57%);
}
.ds-transfers-and-requests .table-responsive.toggled {
  height: 30px;
  overflow: hidden;
}
.ds-transfers-and-requests .table-responsive.toggled .school-arrow {
  transform: rotate(180deg);
}
.ds-transfers-and-requests .table-responsive .CREDIT_NOT_GRANTED {
  min-width: 50px;
  text-align: center;
  text-wrap: wrap;
}
.ds-transfers-and-requests .table-responsive .season-text b {
  color: #58585B;
}
.ds-transfers-and-requests .table-responsive .season-text .season-line {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.ds-transfers-and-requests .push-field {
  min-width: 40px;
}
.ds-transfers-and-requests .code-field {
  padding-left: 0 !important;
}
.ds-transfers-and-requests .title-field {
  min-width: 150px;
  max-width: 400px;
}
.ds-transfers-and-requests .title-field .content-height {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ds-transfers-and-requests .grade-field {
  min-width: 70px;
  max-width: 100px;
}
.ds-transfers-and-requests .credits-field,
.ds-transfers-and-requests .date-field {
  min-width: 60px;
  max-width: 60px;
}
.ds-transfers-and-requests .match-field {
  max-width: 117px;
  min-width: 117px;
  padding-left: 20px !important;
}
.ds-transfers-and-requests .match-field .content-height {
  gap: 5px;
}
.ds-transfers-and-requests .match-field-header {
  padding-left: 30px !important;
}
.ds-transfers-and-requests .match-credits-field {
  min-width: 50px;
  max-width: 50px;
}
.ds-transfers-and-requests .match-credits-field .content-height {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ds-transfers-and-requests .match-grade-field {
  min-width: 110px;
  max-width: 110px;
}
.ds-student-id {
  color: #B5082E;
}
.ds-student-card {
  background-color: #F4F8FB;
}
.ds-student-card .card-header {
  background: #FBFBFB;
}
.ds-student-card .card-header .header-left {
  line-height: 14px;
  gap: 5px;
}
.ds-student-card .card-header .header-left .header-user-title {
  background: linear-gradient(90deg, #3C51B9 0.02%, #00B8E4 38.39%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ds-student-card .card-body {
  flex: 1;
  overflow-y: auto;
}
.ds-student-card .card-body .student-container-height {
  height: calc(100vh - 120px);
}
.ds-student-card .card-footer .ds-bottom-nav > div {
  max-width: unset !important;
}
.ds-student-card .card-footer .sticky-footer > div {
  max-width: none !important;
}
.ds-student-card .find-student-info .info-title {
  color: #393939;
}
.ds-student-card .find-student-info .info-description {
  max-width: 70%;
  color: #58585B;
  opacity: 1 !important;
}
.ds-student-card .find-student-info .info-description b {
  color: #58585B;
}
.ds-student-card .find-student-info .info-documentation {
  color: #59595B;
}
.ds-student-card .find-student-info .info-documentation a {
  text-decoration: none;
  color: #3C51B9;
}
.ds-student-card .find-student-alert {
  background: #EAF6FF;
}
.ds-student-card .find-student-alert span {
  line-height: 1;
}
.ds-student-card .find-student {
  color: #393939;
}
.ds-student-card .find-student input[type="text"] {
  display: flex;
  height: 40px;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.ds-student-card .record-info .record-title {
  color: #393939;
}
.ds-student-card .record-info .record-description {
  color: #59595B;
}
.ds-student-card .student-email .switch-text {
  color: #393939;
}
.ds-student-card .student-email .student-email-desc {
  color: #59595B;
}
.ds-student-card .student-permission .permission-title {
  color: #3C3C3C;
}
.ds-student-card .transfer-check {
  margin: 0 !important;
}
.ds-student-card .transfer-check input[type="checkbox"] {
  accent-color: #3C51B9;
  height: 17px;
  width: 17px;
}
.ds-student-card .transfer-check .transfer-check-text {
  color: #3C3C3C;
  margin-top: 2px;
}
.ds-student-card .transfer-check.single-transfer input[type="checkbox"] {
  pointer-events: none;
}
.ds-student-card .container-nav-height {
  height: calc(100dvh - 55px);
}
.ds-student-card .container-nav-height .content-left {
  height: calc(100dvh - 55px) !important;
}
.ds-student-card .container-nav-height .ds-card-container {
  overflow-y: auto;
}
.ds-student-card .ds-card-container ::-webkit-scrollbar-thumb,
.ds-student-card .ds-card-container ::-webkit-scrollbar-track {
  background-color: inherit !important;
}
.ds-student-card .ds-card-container:hover ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.ds-student-card .ds-student-information > div {
  flex: 1;
}
.ds-student-card .content-right.apply-patch-shown,
.ds-student-card .content-right.progress-estimates-changes {
  overflow: hidden;
}
.ds-student-card .content-right.apply-patch-shown .ds-progress-estimates,
.ds-student-card .content-right.progress-estimates-changes .ds-progress-estimates {
  margin-bottom: 50px;
}
.transfer-request {
  height: calc(100vh - 100px) !important;
}
.transfer-request.with-bottom-nav {
  height: calc(100vh - 180px) !important;
}
.transfer-request.modal-mode {
  height: auto !important;
}
.alert-shown .transfer-request,
.alert-shown .course-content,
.alert-shown .rule-content {
  height: calc(100vh - 145px) !important;
}
.ds-dashboard .transfer-request,
.ds-dashboard .course-content,
.ds-dashboard .rule-content {
  height: calc(100vh - 100px) !important;
}
.alert-both-shown .transfer-request,
.alert-both-shown .course-content,
.alert-both-shown .rule-content {
  height: calc(100vh - 190px) !important;
}
.ds-confirm-sending-container .modal-dialog {
  width: 932px !important;
}
.ds-feedback-container .modal-dialog {
  width: 558px !important;
}
.ds-student-docs {
  padding: 20px 10px !important;
  margin-bottom: 150px;
}
.ds-confirm-sending-modal .modal-body .body-title {
  color: #3C51B9;
}
.ds-confirm-sending-modal .modal-body .confirm-btn {
  gap: 40px;
}
.ds-confirm-sending-modal .modal-body .confirm-btn .btn-send {
  background-color: #3C51B9 !important;
}
.ds-confirm-sending-modal .modal-body .feedback-icons {
  gap: 40px;
}
.ds-confirm-sending-modal .modal-body .feedback-icons .feedback-icon img {
  height: 50px;
  width: 50px;
}
.ds-confirm-sending-modal .modal-body .feedback-msg textarea {
  width: 432px;
  padding: 10px 10px 50px 10px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.ds-confirm-sending-modal .modal-body .ds-sending-coursework {
  gap: 40px;
}
.ds-confirm-sending-modal .modal-body .ds-sending-coursework .check-text {
  color: #4F4F4F;
}
.ds-confirm-sending-modal .modal-body .ds-sending-coursework .records-text img {
  margin: 0 5px;
}
.ds-confirm-sending-modal .modal-body .ds-sending-coursework .acknowledge {
  padding: 10px 20px;
  border-radius: 5px;
  background: #ECF6FF;
}
.ds-preview-student-email.ds-pop-over .modal-header {
  padding: 10px 20px !important;
}
.ds-preview-student-email.ds-pop-over .modal-header img {
  margin-top: 0px !important;
  height: 12px;
  width: 12px;
}
.ds-preview-student-email.ds-pop-over .enable-emails .description {
  color: #59595B;
}
.ds-preview-student-email.ds-pop-over .enable-emails .sub-title {
  line-height: normal;
}
.ds-preview-student-email.ds-pop-over .notify .acknowledgement .title {
  line-height: normal;
}
.ds-preview-student-email.ds-pop-over .notify .acknowledgement .description {
  color: #5B5B5B;
}
.ds-preview-student-email.ds-pop-over .modal-body {
  padding: 40px 40px 30px 40px;
}
.ds-preview-student-email.ds-pop-over .footer {
  padding: 0 40px 40px 40px;
}
.ds-preview-student-email.ds-pop-over .footer button.medium-button {
  font-size: 14px !important;
}
.ds-preview-email-send .modal-dialog {
  width: 1035px;
}
.ds-preview-email-send .ds-preview-student-email.ds-pop-over {
  width: unset;
  max-width: unset;
}
@media only screen and (max-width: 767px) {
  .ds-view-student .content-right {
    width: 100%;
  }
  .ds-view-student .content-right .content-heading-grey {
    flex-direction: column;
    align-items: start !important;
  }
  .ds-view-student .content-right .nav-tabs li a {
    min-width: 110px;
  }
  .ds-view-student .content-right .nav-tabs li {
    margin-right: 5px;
  }
  .ds-view-student .ds-student-information .notify-automatically .radio-row {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 1392px) {
  .status-wrap {
    margin-left: 0 !important;
    margin-top: 15px;
  }
}
@media screen and (max-width: 880px) {
  .status-wrap {
    width: 100%;
  }
  .status-wrap hr {
    display: block !important;
    border-top: 1.645px solid #E7EDF3 !important;
    margin: 10px 0 !important;
  }
  .status-wrap div {
    display: block !important;
  }
}
.ds-disabled-records.ds-pop-over {
  width: 932px !important;
  height: 460px !important;
}
.ds-disabled-records.ds-pop-over .close-panel-right > img {
  margin-top: 0 !important;
  height: 12px;
  width: 12px;
}
.ds-disabled-records.ds-pop-over .records-content > div {
  width: 60%;
}
.ds-disabled-records.ds-pop-over .records-content .btn-primary {
  background-color: #3C51B9 !important;
}
div.window-selected-programs .modal-dialog {
  width: 932px;
  height: 460px;
}
div.window-selected-programs .modal-dialog .ds-pop-over {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 932px;
  max-width: 100%;
  height: 460px;
}
div.window-selected-programs div.ds-add-selected-programs {
  height: 100%;
}
div.window-selected-programs div.ds-add-selected-programs .modal-header {
  height: 40px;
}
div.window-selected-programs div.ds-add-selected-programs .modal-header img {
  margin-top: unset !important;
  width: 10px;
}
div.window-selected-programs div.ds-add-selected-programs div.btns button {
  min-width: unset !important;
  padding: 5px 20px;
  border-radius: 3px;
}
div.window-selected-programs div.ds-add-selected-programs div.btns button.btn-no {
  border: 1px solid #3c51b9;
  background: #fff;
}
div.window-selected-programs div.ds-add-selected-programs div.btns button.btn-yes {
  background: #3c51b9 !important;
}
div.window-selected-programs div.ds-add-selected-programs .programs-loader {
  animation: rotating 2s linear infinite;
  width: 100px;
}
div.window-selected-programs div.ds-add-selected-programs .modal-footer {
  padding-bottom: 40px !important;
  padding-top: 0 !important;
  border-top: unset !important;
}
div.window-selected-programs div.ds-add-selected-programs .modal-footer::after,
div.window-selected-programs div.ds-add-selected-programs .modal-footer::before {
  display: none;
}
div.window-selected-programs div.ds-add-selected-programs .modal-footer .btn {
  min-width: unset !important;
}
.ds-create-new-rules {
  gap: 20px;
}
.ds-create-new-rules .overrides-stepper .step-circle:not(.active) .gray-circle,
.ds-create-new-rules .overrides-stepper .step-circle:not(.active) circle {
  fill: #3C51B9;
}
.ds-create-new-rules .overrides-stepper .stroke path {
  stroke: #3C51B9;
}
.ds-create-new-rules .actions button {
  min-width: unset;
}
.download-student-coursework .modal-dialog {
  width: 932px;
  height: 460px;
}
.download-student-coursework .modal-dialog .ds-pop-over {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 932px;
  max-width: 100%;
  height: 460px;
}
.download-student-coursework .modal-header .close-panel-right img {
  height: 12px;
  width: 12px;
}
.download-student-coursework .modal-body {
  padding: 30px 40px 0 40px;
}
.download-student-coursework .modal-body .ds-custom-switch {
  width: 40px !important;
}
.download-student-coursework .modal-body .ds-custom-switch input:checked + .slider::before {
  left: -5px !important;
}
.download-student-coursework .modal-body .ds-custom-switch.switch .slider::before {
  height: 18px !important;
  width: 18px !important;
  bottom: 1px !important;
  left: 2px !important;
}
.download-student-coursework .modal-body .ds-alert span {
  align-self: start;
}
.download-student-coursework .modal-footer {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
  border-top: unset;
}
.download-student-coursework .modal-footer::after,
.download-student-coursework .modal-footer::before {
  display: none;
}
.download-student-coursework .modal-footer .btn {
  min-width: unset;
}
.ds-ocr-confirmation .primary-text {
  font-size: 32px !important;
  font-weight: 500 !important;
}
.ds-ocr-confirmation .secondary-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #333;
  color: #333 !important;
}
.ds-ocr-confirmation .modal-header .close-icon {
  margin-top: 0px !important;
  height: 12px;
  width: 12px;
}
.ds-ocr-confirmation .modal-body {
  padding: 40px !important;
}
.ds-ocr-confirmation .modal-footer {
  padding-bottom: 40px !important;
}
.ds-ocr-confirmation .modal-footer .btn {
  font-size: 14px !important;
}
.download-transcript-modal .ds-pop-over .modal-body {
  padding: 24px 40px 20px 40px !important;
}
.ds-add-transfer-course-modal .requirement-overview-wrapper {
  padding-bottom: 15px;
}
.ds-add-transfer-course-modal .requirement-overview-wrapper .text-label {
  width: 50%;
  float: left;
  margin: 20px 0px;
  padding: 0 !important;
  font-weight: bold;
}
.ds-add-transfer-course-modal .requirement-overview-wrapper .text-container {
  width: 50%;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #dfdfdf;
  color: grey;
  padding: 2px 1px 2px 5px;
  cursor: context-menu;
}
.ds-add-transfer-course-modal .requirement-overview-wrapper .requirement-wrapper {
  display: inline-block;
  width: 100%;
  padding: 0px 0px 4px 0px;
}
.ds-add-transfer-course-modal .removeTransferBtn {
  padding-top: 4px;
}
.ds-add-transfer-course-modal .input-td {
  padding: 0;
  vertical-align: middle;
}
.ds-add-transfer-course-modal .disabled {
  background: #f1f1f1;
  padding-left: 5px;
}
.ds-add-transfer-course-modal .input-text-td-title {
  height: 40px;
  border: 0;
  padding-left: 5px;
  width: 220px;
}
.ds-add-transfer-course-modal .input-text-td-date {
  height: 40px;
  border: 0;
  padding-left: 5px;
  width: 135px;
}
.ds-add-transfer-course-modal .input-text-td {
  height: 40px;
  border: 0;
  padding-left: 5px;
  width: 100px;
}
.ds-add-transfer-course-modal .input-text-td-grade {
  height: 40px;
  width: 50px;
  border: 0;
  padding-left: 5px;
}
.ds-add-transfer-course-modal .input-text-td-title[disabled] {
  background: #f1f1f1;
}
.ds-add-transfer-course-modal .manual-transfer-request-label {
  color: #FF9800;
  font-weight: bold;
}
.ds-add-transfer-course-modal .has-error {
  color: #c86058 !important;
  font-style: italic;
}
.ds-add-transfer-course-modal .help-block {
  margin-bottom: 40px;
}
.ds-add-transfer-course-modal .bottom-notes {
  width: 100% !important;
  font-weight: bold !important;
}
.ds-transfer-approval-modal table > tbody > tr > td {
  font-size: 12px;
  max-width: 385px;
  overflow-wrap: break-word !important;
  white-space: normal;
  padding: 4px 10px 4px 0 !important;
}
.ds-transfer-approval-modal table > thead > tr > th {
  padding: 0 0 5px 0px;
}
.ds-transfer-approval-modal .initials {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
}
.ds-transfer-approval-modal .status-buttons-wrapper {
  margin: 35px 0px;
  text-align: center;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-response {
  width: 140px !important;
  height: 42px;
  border-radius: 0;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 12px 0px !important;
  background-color: #F4F8FB;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-response.active {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff !important;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-need-more-info {
  min-width: 163px !important;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-need-more-info.active {
  background-color: #eab700;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-not-granted.active {
  background-color: #58585B !important;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-declined {
  min-width: 96px !important;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-declined.active {
  background-color: #a94442;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-approved.active {
  background: linear-gradient(90deg, #1034E5 -2.67%, #00B8E4 105.63%);
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-approved {
  min-width: 115px !important;
}
.ds-transfer-approval-modal .status-buttons-wrapper .btn-approved.active {
  background-color: #007e9b;
}
.ds-transfer-approval-modal .status-buttons-wrapper .center-btn {
  margin: 0px 42px;
}
.ds-transfer-approval-modal .matched-course-wrapper {
  text-align: left;
  padding: 15px 0px 0px 0px;
}
.ds-transfer-approval-modal .matched-course-wrapper .intro-text {
  padding-bottom: 10px;
  text-decoration: underline;
}
.ds-transfer-approval-modal .matched-course-wrapper .table {
  text-align: left;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .grant-title {
  min-width: 250px !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .no-granted-courses {
  font-style: italic;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .grade-col {
  width: 130px;
  max-width: 130px;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body::before {
  content: '';
  display: block;
  height: 30px;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body > tr > td {
  border-bottom: 5px solid white;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body tr td {
  vertical-align: middle !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .add-recommendation {
  display: flex;
  height: 24px;
  padding: 3px 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border: 1px solid #EBEBEB;
  background: #fff;
  color: #3C51B9;
  cursor: pointer;
  border-radius: 30px;
  text-wrap: nowrap;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill {
  height: 32px !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill td {
  padding: 0 !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill td div {
  padding: 3px 5px;
  height: 32px;
  line-height: 26px;
  border: 1px solid transparent;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill .code {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-right: 0 !important;
  text-wrap: nowrap;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill .title,
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill .credits,
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill .grade {
  border-left: 0 !important;
  border-right: 0 !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill .add-pill {
  padding-left: 0 !important;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left: 0 !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill .add {
  border: 0 solid;
  padding: 0 !important;
  max-width: fit-content;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill .percentage {
  color: #3775B9;
  cursor: pointer;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill:hover {
  background-color: transparent !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill:hover td {
  background-color: transparent !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill:hover td > div {
  border: 1px solid #EBEBEB;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill:hover .add-recommendation {
  background: linear-gradient(100deg, #3C51B9 0%, #00B8E4 89.65%);
  color: #fff;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendation-pill td.add-col {
  width: 63px;
  max-width: 63px;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendations-row {
  height: 18px !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendations-body .recommendations-row:hover td {
  background: #fff !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .view-more-row {
  height: 30px !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .view-more-row:hover {
  background-color: transparent !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .view-more-row:hover td {
  background-color: transparent !important;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .view-more {
  color: #3C51B9;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .recommendation-row {
  background: linear-gradient(90deg, #3c51b9cc 0%, #00b8e4cc 30%, transparent 60%);
  background-size: 400% 100%;
  animation: gradient 2s 0.3s ease-out;
  background-position-x: 100%;
}
.ds-transfer-approval-modal .matched-course-wrapper .table .syllabus-code {
  color: #3775B9;
}
.ds-transfer-approval-modal .matched-course-wrapper .apply-rule .rule {
  grid-template-columns: 1fr 22px 1fr 22px 1fr;
  border-radius: 4px;
  border: 1px solid #CCC;
  background: #FAFAFA;
}
.ds-transfer-approval-modal .matched-course-wrapper .apply-rule .rule .add {
  width: 22px;
  height: 22px;
}
.ds-transfer-approval-modal .matched-course-wrapper .apply-rule .rule .rule-approval-status > div {
  min-width: unset;
  padding: 5px;
}
.ds-transfer-approval-modal .matched-course-wrapper .apply-rule .btn {
  min-width: 141px;
}
.ds-transfer-approval-modal .existing-rule .btn {
  min-width: 141px;
  height: fit-content;
}
.ds-transfer-approval-modal .matched-courses-table {
  width: 90%;
  margin: 10px auto;
  background-color: #F4F8FB;
}
.ds-transfer-approval-modal .matched-courses-table .readOnly {
  background: grey;
}
.ds-transfer-approval-modal .matched-courses-table .readOnly > th {
  border: 1px solid #dddddd !important;
  background-color: #969696;
}
.ds-transfer-approval-modal .matched-courses-table .course-code {
  min-width: 50px;
}
.ds-transfer-approval-modal .matched-courses-table .course-title {
  width: 60%;
}
.ds-transfer-approval-modal .textarea-notes {
  width: 90%;
  display: flex;
  margin: auto;
  height: 40px;
  background-color: #F4F8FB;
}
.ds-transfer-approval-modal .modal-content {
  border-radius: 6px 6px 0px 0px !important;
}
.ds-transfer-approval-modal .modal-header .student-profile {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.ds-transfer-approval-modal .modal-header .student-profile a {
  color: #fff;
  text-decoration: none;
}
.ds-transfer-approval-modal .modal-header .student-profile .fa-external-link {
  color: #fff;
  font-size: 15px;
  padding-left: 5px;
}
.ds-transfer-approval-modal .modal-header .student-profile:hover {
  cursor: pointer;
}
.ds-transfer-approval-modal .modal-header .student-profile img {
  margin-top: 0;
  margin-right: 12px;
  width: 22px;
  height: 22px;
}
.ds-transfer-approval-modal .modal-body {
  padding-top: 0 !important;
  padding: 20px 40px !important;
}
.ds-transfer-approval-modal .modal-body form {
  margin-top: 0;
}
.ds-transfer-approval-modal .modal-body .bg-light {
  background-color: white;
  padding: 20px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.ds-transfer-approval-modal .modal-body .bg-light label {
  font-size: 12px;
  margin: 0;
}
.ds-transfer-approval-modal .modal-body .bg-light .origin-text {
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
}
.ds-transfer-approval-modal .modal-body .bg-light hr {
  border-top-color: #E7EDF3;
  margin: 23px 0;
}
.ds-transfer-approval-modal .modal-body .bg-light .form-group {
  margin-bottom: 14px;
}
.ds-transfer-approval-modal .modal-body .bg-light .form-group:last-child {
  margin-bottom: 0;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing {
  margin: 27px 0px 31px;
  padding: 0;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper {
  margin: 0;
  padding-top: 10px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group {
  display: flex;
  border-radius: 5px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label {
  width: 100% !important;
  margin: 0;
  height: 40px;
  padding: 0 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #3C51B9 !important;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  border: 1px solid #3C51B9;
  box-shadow: none;
  border-right: 1px solid #3C51B9;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label .icon {
  font-size: 16px;
  margin-right: 7px;
  display: none;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label.active {
  border-color: transparent;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label.active .icon {
  display: block;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label:first-child {
  border-radius: 5px 0 0 5px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label:last-child {
  border-radius: 0 5px 5px 0;
  border-left: none;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label:nth-child(3) {
  border-right: none;
  border-left: none;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .btn-in-review.active {
  border-color: #9898a5;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .btn-need-more-info.active {
  background: #007EB4;
  border-color: transparent;
  color: #ffffff !important;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .btn-declined.active {
  background: linear-gradient(90deg, #D00000 0%, #FF3D00 100%);
  border-color: transparent;
  color: #ffffff !important;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .btn-not-granted.active {
  background-color: #58585B;
  border-color: transparent;
  color: #ffffff !important;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .btn-approved.active {
  background: linear-gradient(90deg, #00905C 0%, #02DB73 100%);
  border-color: transparent;
  color: #ffffff !important;
  margin-left: -1px;
  margin-right: -1px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .btn {
  min-width: unset;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .textarea-notes {
  width: 100%;
  border: 1px solid #D2D2D2;
  border-radius: 3px;
  min-height: 84px;
  padding: 15px;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  color: #58585B;
  background-color: #ffffff;
  outline: none;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .textarea-notes:focus {
  box-shadow: 0 5px 15px #bdbdbd !important;
  border: none transparent !important;
  background-color: #fff !important;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper {
  margin: 34px 0px;
  padding: 0;
  text-align: left;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .intro-text {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #393939;
  text-decoration: none;
  padding-bottom: 6px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .form-control {
  border: 1px solid #D2D2D2;
  border-radius: 3px !important;
  height: 32px;
  font-weight: normal !important;
  font-size: 12px !important;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #393939 !important;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .input-group {
  position: relative;
  padding-bottom: 0;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .input-group .icon {
  color: #58585B;
  position: absolute;
  top: 11px;
  right: 10px;
  z-index: 2;
  font-size: 12px;
  line-height: 12px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .matched-courses-table {
  width: 100%;
  margin-top: 21px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .matched-courses-table th {
  font-weight: normal;
  font-size: 10px !important;
  line-height: 15px;
  color: #8B8B98;
  border-bottom: 1px solid #C4D4D9;
  padding: 5px !important;
  min-height: 28px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .matched-courses-table td {
  font-weight: normal;
  font-size: 12px !important;
  line-height: 18px;
  color: #393939;
  border-bottom: 1px solid #E7EDF3 !important;
  min-height: 28px;
  background-color: #fff;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .matched-courses-table tr:last-child td {
  border-bottom: none !important;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .no-record {
  padding-top: 10px;
  display: flex;
  font-size: 11px;
  justify-content: center;
  align-items: center;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing .matched-course-wrapper .no-record .icon {
  margin-right: 5px;
}
.ds-transfer-approval-modal .modal-body .wrap-tabbing:last-child {
  margin-bottom: 15px;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown {
  min-height: 23px !important;
  border: 1px solid #C4D4D9 !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown.ui-select-container {
  max-width: 85px !important;
  width: 85px !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown .ui-select-match {
  height: 23px !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown .btn-default {
  display: flex;
  justify-content: center;
  background: transparent !important;
  height: 23px !important;
  min-width: unset !important;
  margin: 0 !important;
  padding: 0.375rem 0.75rem !important;
  line-height: 1.3 !important;
  font-size: 13px !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown .dropdown-menu {
  min-width: 85px !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown .dropdown-menu .ui-select-choices {
  padding: 0 !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown .dropdown-menu .ui-select-choices-row {
  display: block !important;
  padding: 7px 5px !important;
  border-bottom: 1px solid #e7edf3;
  color: #59595B !important;
  text-transform: uppercase;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown .dropdown-menu .ui-select-choices-row .row-wrap {
  text-wrap: nowrap;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown .dropdown-menu .ui-select-choices-row:not(.disabled):hover {
  background-color: transparent !important;
  color: #59595B !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.ds-transfer-approval-modal .modal-body .grade-dropdown ::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}
.ds-transfer-approval-modal .modal-body .ds-input-dropdown.ui-select-container {
  max-width: 40px !important;
  width: 40px !important;
}
.ds-transfer-approval-modal .modal-body .ds-input-dropdown .dropdown-menu {
  min-width: 40px !important;
}
.ds-transfer-approval-modal .modal-body .input-lightcyan {
  background-color: lightcyan !important;
}
.ds-transfer-approval-modal .modal-body .courses-dropdown .ui-select-no-choice.dropdown-menu {
  width: 100%;
}
.ds-transfer-approval-modal .btn-info-xs-visible {
  display: none !important;
}
.ds-transfer-approval-modal .btn-info-md-visible {
  display: flex !important;
}
.ds-transfer-approval-modal .white-box-outline {
  min-height: 300px;
  overflow-y: auto;
  margin: 30px 0;
  border: none;
}
.ds-transfer-approval-modal .tailing-row {
  padding: 10px 0px 0px 0px !important;
  border: none !important;
}
.ds-transfer-approval-modal .tailing-row:hover {
  background-color: white !important;
}
.ds-transfer-approval-modal .drop-search-tab {
  width: 100%;
}
.ds-transfer-approval-modal .rule {
  padding: 20px 50px;
  margin-bottom: 10px;
  background-color: white;
}
.ds-transfer-approval-modal .rule .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.ds-transfer-approval-modal .rule .row:not(:first-child) {
  margin-top: 10px;
}
.ds-transfer-approval-modal .rule div {
  padding-left: 0px;
  padding-right: 0px;
}
.ds-transfer-approval-modal .rule table {
  margin-bottom: 0px;
  background: #F7F8FA;
}
.ds-transfer-approval-modal .rule table th,
.ds-transfer-approval-modal tr {
  background: transparent;
  color: #8F9EA6;
  font-weight: 500;
  line-height: 15px;
  font-style: normal;
}
.ds-transfer-approval-modal .rule table td {
  color: #393939;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  vertical-align: middle;
}
.ds-transfer-approval-modal .rule table td:not(.narrow) {
  text-transform: none;
  font-weight: 600;
  text-align: justify;
}
.ds-transfer-approval-modal .rule table .narrow {
  width: 100px !important;
  text-transform: uppercase;
}
.ds-transfer-approval-modal .rule label {
  margin-bottom: 0px;
  color: #3C3C3C;
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  font-style: normal;
}
.ds-transfer-approval-modal .rule .type-badge {
  background: linear-gradient(270deg, #8F9EA6 0%, #9394A1 100%);
  border-radius: 3px;
  width: 123px;
  min-height: 16px;
  padding: 0px 10px;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 15px;
}
.ds-transfer-approval-modal .comment-box {
  background-color: #F7F8FA;
  font-weight: 500;
  padding: 10px !important;
}
.ds-transfer-approval-modal .rule .comment-box {
  font-weight: normal;
  font-size: 12px;
}
.ds-transfer-approval-modal .rule-footer {
  margin-top: 15px !important;
  color: #8F9EA6;
  font-size: 10px;
  font-weight: normal;
  line-height: 15px;
}
.ds-transfer-approval-modal .rule-footer p {
  margin: 0px;
}
.ds-transfer-approval-modal #history_table > thead > tr > th {
  font-size: 10px !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  padding-bottom: 10px !important;
  color: #333 !important;
}
.ds-transfer-approval-modal .utc-title {
  font-weight: 600;
}
.ds-transfer-approval-modal .section-label {
  display: flex;
  justify-content: left;
  padding: 0px 5px 20px;
  font-weight: 600;
  color: #3c3c3c;
}
.ds-transfer-approval-modal .ui-select-choices-group .ui-select-choices-row {
  padding: 0 !important;
}
.ds-transfer-approval-modal .ui-select-choices-group .ui-select-choices-row .ui-select-list-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px !important;
}
.ds-transfer-approval-modal .ui-select-choices-group .ui-select-choices-row .ui-select-list-item .input-verified {
  width: auto;
  position: unset;
  line-height: 0;
}
.team-member-tile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.team-member-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  width: 100%;
}
.ui-select-list-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.ui-select-list-item .input-verified {
  width: auto;
  position: unset;
  line-height: 0;
}
.infinite-scroll-dropdown .ui-select-choices-row:hover {
  background-color: #f1f4f9 !important;
}
.infinite-scroll-dropdown .ui-select-choices.ui-select-choices-content .ui-select-choices-row {
  padding: 0px !important;
}
.infinite-scroll-dropdown .ui-select-choices.ui-select-choices-content .ui-select-choices-row:hover {
  background-color: transparent !important;
}
.infinite-scroll-dropdown .ui-select-list-item {
  padding: 7px 10px !important;
  position: relative;
  gap: 0;
}
.infinite-scroll-dropdown .ui-select-list-item .input-verified {
  top: 25px;
  right: 18px;
}
.infinite-scroll-dropdown .ui-select-choices-row:last-child {
  border-bottom: none;
}
.infinite-scroll-dropdown .fa-spinner {
  font-size: 1.5em;
}
.infinite-scroll-dropdown .infinite-scroll-footer {
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 650px) {
  .ds-pop-over .modal-header {
    padding: 0 15px;
  }
  .ds-pop-over .modal-body {
    padding: 0 15px 20px !important;
  }
  .ds-pop-over .modal-body .bg-light {
    padding: 15px;
  }
  .ds-pop-over .modal-body .wrap-tabbing {
    padding: 0;
  }
  .ds-pop-over .modal-footer {
    padding: 32px 15px;
  }
  .ds-transfer-approval-modal {
    border-radius: 5px 5px 0px 0px;
  }
  .ds-transfer-approval-modal .card-box-shadow {
    padding: 0 !important;
  }
}
.transfer-request .inputs-table input {
  color: #393939 !important;
  border-radius: 2px !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  font-weight: 400;
}
.transfer-request .inputs-table table thead tr {
  height: 0 !important;
}
.transfer-request .inputs-table table tr {
  height: 38px !important;
}
.transfer-request .inputs-table table tbody td {
  vertical-align: middle !important;
}
.transfer-request .no-rules {
  color: #9F9F9F;
}
.transfer-request table thead tr th {
  color: #8B8B98 !important;
}
.transfer-request table tbody td {
  vertical-align: middle !important;
}
.transfer-request table tbody td.syllabus-code {
  color: #3775B9;
  cursor: pointer;
}
.transfer-request .ui-select-toggle {
  margin: 0 !important;
}
.transfer-request .existent-courses {
  background: #FFF7E6;
  border-radius: 3px;
}
.transfer-request .existent-courses .courses-alert {
  gap: 5px;
}
.transfer-request .existent-courses .courses-alert img {
  height: 14px;
  width: 14px;
}
.transfer-request .existent-courses .courses-alert span {
  color: #3C3C3C;
  line-height: normal;
}
.transfer-request .existent-courses .courses-wrapper {
  gap: 5px;
}
.transfer-request .existent-courses .courses-list {
  border-radius: 30px;
  border: 1px solid rgba(255, 168, 0, 0.2);
  background: #FFF;
  padding: 5px 10px;
  min-height: 30px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 100px auto 70px;
  gap: 10px ;
}
.transfer-request .existent-courses .courses-list span {
  line-height: normal !important;
}
.transfer-request .manually-entered .existent-courses .courses-wrapper .courses-list {
  border: 1px solid #F2CE61 !important;
}
.transfer-request .manually-entered .existent-courses .courses-wrapper .btn {
  min-width: unset !important;
}
.ds-open-syllabus .course-items,
.ds-open-syllabus .coursework {
  gap: 5px;
}
.ds-open-syllabus .sending-year,
.ds-open-syllabus .receiving-year {
  max-width: 177.5px;
  width: 100%;
}
.ds-open-syllabus .remove-circle {
  width: 18px;
  height: 18px;
  margin-left: -1px;
}
@media (max-width: 500px) {
  .ds-pop-over .rule {
    padding: 20px 20px;
  }
  .ds-pop-over .modal-header {
    flex-direction: column;
    height: auto;
    padding: 10px 15px;
  }
  .ds-pop-over .modal-header .student-profile {
    margin-top: 5px;
  }
  .ds-pop-over .modal-body .bg-light .form-group .col {
    width: calc(100% - 140px);
  }
  .ds-pop-over .modal-body .bg-light .form-group .control-label {
    width: 140px;
  }
  .ds-pop-over .modal-footer .btn {
    margin-right: 0;
  }
}
@media (max-width: 740px) {
  .ds-pop-over .btn-info-xs-visible {
    display: flex !important;
  }
  .ds-pop-over .btn-info-md-visible {
    display: none !important;
  }
  .ds-pop-over .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group {
    flex-direction: column;
  }
  .ds-pop-over .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label,
  .ds-pop-over .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .status-buttons-wrapper .btn-group label:first-child,
  .ds-pop-over .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .status-buttons-wrapper .btn-group label:last-child {
    border-radius: 0 !important;
    border: 1px solid #3C51B9 !important;
  }
  .ds-pop-over .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group .btn-approved.active {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 320px) {
  .ds-pop-over .rule {
    padding: 20px 20px;
  }
  .ds-pop-over .modal-header .modal-title {
    font-size: 14px;
  }
  .ds-pop-over .modal-body .bg-light .form-group {
    flex-direction: column;
  }
  .ds-pop-over .modal-body .bg-light .form-group .control-label {
    margin-bottom: 3px;
  }
  .ds-pop-over .modal-body .bg-light .form-group .control-label,
  .ds-pop-over .modal-body .bg-light .form-group .col {
    width: 100%;
  }
  .ds-pop-over .modal-footer .btn {
    min-width: 10px;
  }
}
.recommendation-popup.tooltip {
  position: fixed !important;
  z-index: 999999;
}
.flex-row,
.ds-new-rule-modal .modal-header,
.ds-new-rule-modal .modal-footer,
.ds-patch-review .modal-header,
.ds-patch-review .modal-footer {
  display: flex;
  flex-direction: row;
}
.ds-new-rule-modal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ds-new-rule-modal .modal-header .modal-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
}
.ds-new-rule-modal .modal-header button.close {
  width: 30px;
}
.ds-new-rule-modal .modal-body {
  flex: 1;
  font-size: 10px;
  margin-bottom: 0px;
  /*background-color: white;*/
  padding: 24px 40px 20px 40px;
}
.ds-new-rule-modal .modal-body .new-rule-description-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.ds-new-rule-modal .modal-body .new-rule-description-content {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #8F9EA6;
}
.ds-new-rule-modal .modal-body hr.divider {
  color: #e5e5e5;
}
.ds-new-rule-modal .modal-body .center-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
}
.ds-new-rule-modal .modal-body .center-content .adding-equivalency {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.ds-new-rule-modal .modal-body .center-content .table-legend {
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
}
.ds-new-rule-modal .modal-body .center-content .course-table {
  background: #F9FAFF;
  box-shadow: none;
  border: 1px solid #E7EDF3;
  padding: 15px 20px;
  margin-top: 10px;
}
.ds-new-rule-modal .modal-body .center-content .course-table .table {
  margin-bottom: 0;
}
.ds-new-rule-modal .modal-body .center-content .course-table .table thead th {
  text-transform: none;
  color: #8f9ea6;
  background-color: #f9faff;
  border-bottom: none;
  padding: 0px 8px;
}
.ds-new-rule-modal .modal-body .center-content .course-table .table thead th:first-of-type {
  width: 140px;
}
.ds-new-rule-modal .modal-body .center-content .course-table .table tbody td {
  background-color: #f9faff;
  vertical-align: middle;
}
.ds-new-rule-modal .modal-body .school {
  padding: 0 0 15px 8px;
}
.ds-new-rule-modal .modal-body .school .school-name-modal {
  color: #393939;
  font-weight: 500;
  font-size: 12px;
}
.ds-new-rule-modal .modal-body .school .school-location {
  color: #8F9EA6;
}
.ds-new-rule-modal .modal-footer {
  justify-content: center;
  gap: 40px;
}
.ds-new-rule-modal .course-between {
  gap: 5px;
}
.ds-new-rule-modal .course-between .course-between-date {
  background: #fff;
  border: 1px solid #C4D4D9FF;
}
.ds-create-course-modal .course-table {
  /*padding: 15px 20px;
    background: #F9FAFF;
    border: 1px solid #E7EDF3;*/
}
.ds-create-course-modal .input-list-field .input-label {
  color: #8F9EA6;
  font-size: 12px;
  padding-bottom: 5px;
}
.ds-create-course-modal .acknowledgement .header {
  text-align: center;
  font-weight: 500;
  color: #8F9EA6;
}
.ds-create-course-modal .acknowledgement .text {
  text-align: center;
  font-weight: 500;
  color: #333333;
}
.ds-create-course-modal .info-text {
  padding: 10px 20px;
  background: #ECF6FF;
  border-radius: 10px;
}
.ds-dashboard {
  height: auto;
}
.ds-dashboard .body-content {
  min-height: calc(100vh - 55px);
}
.ds-dashboard .mb-1 {
  margin-bottom: 10px;
}
.ds-dashboard .pl-2 {
  padding-left: 20px;
}
.ds-dashboard .content-left {
  padding: 0px 0 15px 15px;
}
.ds-dashboard .content-left .left_fixed {
  max-width: 250px;
  height: calc(100% - 0px);
  position: fixed;
  overflow-y: auto;
  padding-bottom: 85px;
  padding-top: 20px;
  min-width: 250px;
  border: none;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04), 0px 3px 3px rgba(0, 0, 0, 0.0006);
  border-radius: 0px;
  background: #FFFFFF;
}
.ds-dashboard .content-left ul {
  padding-left: 20px;
}
.ds-dashboard .content-left ul li a {
  border-radius: 5px 0 0 5px;
  padding: 10px 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #393939;
  border: 1px solid #fff;
  border-right: none;
}
.ds-dashboard .content-left ul li a:hover {
  border: 1px solid #3C51B9;
  color: #3C51B9;
  border-right: none;
}
.ds-dashboard .content-left ul li a small {
  font-size: 10px;
  font-weight: 400;
  color: #8B8B98;
}
.ds-dashboard .content-left ul li .active {
  border: 1px solid #3C51B9;
  color: #3C51B9;
  border-right: none;
}
.ds-dashboard .content-left .collapsible-left-content .transclude ::-webkit-scrollbar-thumb,
.ds-dashboard .content-left .collapsible-left-content .transclude ::-webkit-scrollbar-track {
  background-color: inherit !important;
}
.ds-dashboard .content-left .collapsible-left-content .transclude:hover ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.ds-dashboard .content-right {
  width: calc(100% - 325px);
  padding: 15px;
  background-color: #F4F8FB;
}
.ds-dashboard .content-right ::-webkit-scrollbar-thumb,
.ds-dashboard .content-right ::-webkit-scrollbar-track {
  background-color: inherit !important;
}
.ds-dashboard .content-right:hover ::-webkit-scrollbar-thumb {
  background-color: #58585B !important;
}
.ds-dashboard .content-right .border-right {
  border-right: 1px solid #ddd;
}
.ds-dashboard .content-right sub {
  bottom: 0;
}
.ds-dashboard .content-right .text-dark-gray {
  color: #333;
}
.ds-dashboard .content-right .das_graph_sec .inner_g_box {
  padding: 8px 15px;
  border-right: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ds-dashboard .content-right .das_graph_sec .inner_g_box p {
  color: #8B8B98;
}
.ds-dashboard .content-right .das_graph_sec .inner_g_box:first-child {
  padding-left: 0;
}
.ds-dashboard .content-right .das_graph_sec .inner_g_box:last-child {
  border: none;
  padding-right: 0;
}
.ds-dashboard .content-right .das_graph_sec .inner_g_box img {
  width: 100%;
  max-width: 150px;
}
.ds-dashboard .content-right .content-fluid .table-responsive .row-hover {
  background: #F7F8FA !important;
}
.ds-dashboard .content-right .sorting_asc:after {
  content: '';
  background-image: url(../assets-new/images/sort_as.png) !important;
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 0px !important;
  padding-left: 15px !important;
}
.ds-dashboard .content-right .sorting_desc:after {
  content: '';
  background-image: url(../assets-new/images/sort_des.png) !important;
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 0px !important;
  padding-left: 15px !important;
}
.ds-dashboard .content-right .dashboard-kpi-chart {
  max-width: 300px;
  height: 67px;
  min-width: 160px;
}
.ds-dashboard .content-right .content-table {
  overflow-y: auto;
}
@media screen and (min-width: 1800px) {
  .ds-dashboard .content-left .left_fixed {
    height: calc(100vh - 0px);
  }
}
.tq-notify-student-tooltip .tooltip-arrow {
  right: 2px !important;
}
.tq-notify-student-tooltip .tooltip-inner {
  max-width: unset;
}
.ds-students.ds-dashboard .content-heading .summary-count {
  color: #5B5B5B;
}
.ds-students.ds-dashboard .content-heading saved-views {
  padding-left: 15px;
  align-self: end;
  overflow: hidden;
  width: 100%;
  user-select: none;
}
.ds-students.ds-dashboard .content-heading saved-views arrow-left {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ds-students.ds-dashboard .content-heading saved-views .left-arrow {
  grid-column-start: 1;
  grid-column-end: 2;
}
.ds-students.ds-dashboard .content-heading saved-views .right-arrow {
  transform: rotate(180deg);
  grid-column-start: 3;
}
.ds-students.ds-dashboard .content-heading > div {
  flex: unset;
}
.ds-students.ds-dashboard .status-pills .pills .pill {
  gap: 3px;
  padding: 2px 10px;
  align-items: center;
  user-select: none;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), #FFF;
}
.ds-students.ds-dashboard .status-pills .pills .pill .pill-counter {
  gap: 4px;
}
.ds-students.ds-dashboard .status-pills .clear-filters {
  background: transparent;
  border: none;
  outline: none;
}
.ds-students.ds-dashboard .status-pills .clear-filters:disabled {
  background-color: transparent !important;
}
.ds-students.ds-dashboard .queue-content {
  gap: 0 !important;
  padding-left: 3px;
}
.ds-students.ds-dashboard .queue-content .saved-views-wrapper {
  flex: unset;
}
.ds-students.ds-dashboard .queue-content .content-fluid {
  box-shadow: unset;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ds-students.ds-dashboard .tabs-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 24px 1fr 24px auto;
}
.ds-students.ds-dashboard .tabs-wrapper .save {
  grid-column-start: 4;
}
.ds-students.ds-dashboard .saved-views {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
  grid-column-start: 2;
  grid-column-end: 3;
}
.ds-students.ds-dashboard .saved-views .nav-tabs {
  flex-wrap: nowrap !important;
  display: flex;
  border-bottom: unset;
  border-radius: 5px 5px 0px 0px;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li {
  border: unset;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a {
  padding: 0 !important;
  margin: 0 !important;
  border-color: transparent;
  color: #333;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill {
  cursor: pointer;
  padding: 6px 20px;
  border-radius: 5px 5px 0px 0px;
  gap: 5px;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill .sort-arrows .sort-left-arrow,
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill .sort-arrows .sort-right-arrow {
  transform: rotate(-90deg);
  cursor: pointer;
  color: #00B8E4;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill close-svg,
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill pencil-svg {
  cursor: pointer;
  width: 0;
  transition: width 0.5s ease;
  will-change: width;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill > input[type="text"] {
  field-sizing: content;
  max-width: 157px;
  border-radius: 3px;
  height: unset;
  padding: 0 2px !important;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill:hover close-svg,
.ds-students.ds-dashboard .saved-views .nav-tabs > li > a .tab-pill:hover pencil-svg {
  animation-name: icon-opacity;
  animation-duration: 0.5s;
  width: 16px;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li.active > a {
  font-weight: 500 !important;
  border: unset;
  color: #3c51b9;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li.active > a .tab-pill {
  border-radius: 5px 5px 0px 0px;
  border-top: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  background: #FFF;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li:first-child > a .tab-pill {
  padding-left: 0 !important;
}
.ds-students.ds-dashboard .saved-views .nav-tabs > li:first-child > a .tab-pill.selected {
  padding-left: 20px !important;
}
.ds-students.ds-dashboard .saved-views .save {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  align-self: start;
}
.ds-students.ds-dashboard .saved-views .save .line {
  width: 1px;
  height: 21px;
  background: rgba(0, 0, 0, 0.1);
}
.ds-students.ds-dashboard .saved-views .save .tab-pill.save-pill {
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: 5px;
  align-items: center;
  flex: unset;
  cursor: pointer;
  padding: 6px 20px;
  color: #5B5B5B;
}
.ds-students.ds-dashboard .saved-views .save .tab-pill.save-pill plus-svg {
  display: flex;
}
.ds-students.ds-dashboard .status-filter {
  gap: 5px;
}
.ds-students.ds-dashboard .status-filter input[type="checkbox"],
.ds-students.ds-dashboard .status-filter label {
  margin: 0 !important;
}
.ds-students.ds-dashboard .status-filter input[type="checkbox"] {
  accent-color: #3c51b9;
  min-height: 13px !important;
}
.ds-students.ds-dashboard.ds-transfers-queue .content-heading > div {
  padding-bottom: 0 !important;
  height: 33px;
  justify-content: center;
}
.ds-alert.limit-reached {
  align-self: start;
  flex: unset;
}
.ds-alert.limit-reached span {
  font-size: 14px !important;
}
@keyframes icon-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ds-patch-review .modal-header {
  background-color: red;
  padding: 10px 10px 10px 40px;
  justify-content: space-between;
}
.ds-patch-review .modal-header .modal-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
}
.ds-patch-review .modal-header button.close {
  width: 30px;
}
.ds-patch-review .modal-body {
  font-size: 10px;
  margin-bottom: 0px;
}
.ds-patch-review .modal-body hr.divider {
  color: #e5e5e5;
}
.ds-patch-review .modal-body .section-header {
  color: #393939 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.ds-patch-review .modal-body .group-wrapper {
  padding: 10px;
}
.ds-patch-review .modal-body .school-name {
  padding-bottom: 10px;
}
.ds-patch-review .modal-body .match-details {
  padding: 10px 0px;
}
.ds-patch-review .modal-body .match-details .transcripts-table {
  background: #F9FAFF !important;
  box-shadow: none;
}
.ds-patch-review .modal-body .match-details .transcripts-table th {
  text-transform: uppercase;
  color: #8f9ea6;
  background: #F9FAFF !important;
}
.ds-patch-review .modal-body .match-details .transcripts-table th:first-of-type {
  width: 140px;
}
.ds-patch-review .modal-body .match-details .transcripts-table tbody td {
  vertical-align: middle;
}
.ds-patch-review .modal-footer {
  justify-content: center;
  gap: 40px;
}
.placeholder-select-modal .course-list-wrapper {
  padding-bottom: 35px;
}
.placeholder-select-modal .course-list-wrapper .search-wrapper {
  padding-bottom: 20px;
}
.placeholder-create-modal .modal-body {
  padding-bottom: 165px !important;
}
.placeholder-create-modal .step-wrapper {
  padding-bottom: 20px;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  line-height: 25px;
}
.placeholder-create-modal .course-list-wrapper {
  padding-bottom: 35px;
  width: 100%;
  margin: auto;
  display: flow-root;
}
.placeholder-create-modal .thinned-hr {
  margin-top: 10px;
  margin-bottom: 30px;
}
.placeholder-create-modal .create-outer-wrapper .course-list-name-input {
  border-radius: 4px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  margin-bottom: 30px;
  max-width: 400px;
}
.placeholder-create-modal .create-outer-wrapper .added-courses {
  display: block;
  min-height: 50px;
  color: #555555;
  list-style: none;
  margin-bottom: 30px;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.placeholder-create-modal .create-outer-wrapper .added-courses .added-courses-list {
  padding: 0px !important;
  margin-bottom: 0 !important;
}
.placeholder-create-modal .create-outer-wrapper .added-courses .added-course {
  background-color: #187086;
  color: #ffffff;
  padding: 5px 10px;
  list-style: none;
  min-width: 90px;
  margin: 5px;
  border-radius: 4px;
  display: inline-flex;
}
.placeholder-create-modal .create-outer-wrapper .added-courses .added-course .fa {
  margin-left: 10px;
  line-height: 18px;
}
.placeholder-create-modal .create-outer-wrapper .added-courses .added-course:hover {
  background-color: rgba(5, 192, 226, 0.7);
}
.placeholder-create-modal .create-outer-wrapper .added-courses .added-course:hover .fa {
  color: white;
}
.placeholder-create-modal .create-outer-wrapper .table-results-wrapper {
  margin-bottom: 30px;
  margin-top: 10px;
}
.ds-plan-review .content-right {
  width: 100%;
}
.ds-plan-review .no-submissions {
  pointer-events: none;
  text-align: center;
  font-style: italic;
  cursor: auto;
}
.ds-plan-review .no-submissions td {
  padding-top: 20px !important;
}
.wizard-centered-text,
.ds-intro-wizard .title-outer-wrapper .title,
.ds-intro-wizard .title-outer-wrapper .sub-title,
.ds-intro-wizard .body-wrapper .question-number,
.ds-intro-wizard .body-wrapper .question-wrapper .question-text,
.ds-intro-wizard .body-wrapper .exit-link,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .title,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .sub-title,
.ds-pop-over-wizard .right-column-wrapper .question-number,
.ds-pop-over-wizard .right-column-wrapper .question-wrapper .question-text,
.ds-pop-over-wizard .right-column-wrapper .exit-link {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.wizard-font,
.user-profile-wrapper select,
.user-profile-wrapper select option,
.user-profile-wrapper input,
.ds-intro-wizard select,
.ds-intro-wizard select option,
.ds-intro-wizard input,
.ds-intro-wizard .title-outer-wrapper .title,
.ds-intro-wizard .title-outer-wrapper .sub-title,
.ds-intro-wizard .body-wrapper .question-wrapper .question-text,
.ds-intro-wizard .body-wrapper .question-wrapper label,
.ds-pop-over-wizard select,
.ds-pop-over-wizard select option,
.ds-pop-over-wizard input,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .title,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .sub-title,
.ds-pop-over-wizard .right-column-wrapper .question-number,
.ds-pop-over-wizard .right-column-wrapper .question-wrapper .question-text,
.ds-pop-over-wizard .right-column-wrapper .question-wrapper label,
.ds-pop-over-wizard .right-column-wrapper .exit-link {
  font-family: 'Poppins', sans-serif !important;
}
.back-arrow {
  padding: 10px;
  cursor: pointer;
}
.ds-onboarding-intro-wizard .light_g {
  color: #B9B9B9;
}
.ds-onboarding-intro-wizard .f-700 {
  font-weight: 700;
}
.ds-onboarding-intro-wizard .f-400 {
  font-weight: 400;
}
.ds-onboarding-intro-wizard .top_transcript .steps_script {
  min-width: 150px;
}
.ds-onboarding-intro-wizard .bottom_transcript {
  /*min-height: 450px;*/
  min-height: 600px;
}
.ds-onboarding-intro-wizard .bottom_transcript h1 {
  color: #3C51B9;
  line-height: 54px;
  margin: 0 0 5px;
  display: block;
  clear: both;
}
.ds-onboarding-intro-wizard .bottom_transcript h2 {
  line-height: 30px;
  color: #3C3C3C;
  margin: 0;
}
.ds-onboarding-intro-wizard .bottom_transcript .user_img_step {
  cursor: pointer;
  width: 88px;
  height: 88px;
  border-radius: 100%;
  color: #fff;
  font-size: 36px;
  font-weight: 400;
  line-height: 88px;
}
.ds-onboarding-intro-wizard .bottom_transcript .user_img_step img {
  border-radius: 100%;
  width: 88px;
  height: 88px;
}
.ds-onboarding-intro-wizard .bottom_transcript .bg-gradient-yellow {
  background: linear-gradient(136.23deg, rgba(216, 91, 0, 0.75) 38.36%, rgba(231, 143, 12, 0.5325) 75.94%), #EBE32C;
}
.ds-onboarding-intro-wizard .bottom_transcript .question-text {
  color: #4f4f4f;
}
.ds-onboarding-intro-wizard .bottom_transcript .second-step .question-text {
  margin: 0 0 10px;
  color: #3C3C3C;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.ds-onboarding-intro-wizard .bottom_transcript .set-type h2 {
  font-size: 20px !important;
}
.button-submit {
  margin: 0 auto;
  display: block;
  background: transparent;
  color: #3C51B9;
  line-height: 27px;
  font-weight: 500;
  font-size: 18px;
  border: 1px solid #3C51B9;
  min-width: 230px;
  transition: all 0.5s ease;
}
.button-submit:hover,
.button-submit:focus {
  background: #3C51B9;
  color: #ffffff;
}
.type-choice {
  margin-top: 64px;
}
.d-block {
  display: block;
}
.second-step,
.third-step {
  margin: -30px 0 0;
}
.second-step .button-submit,
.third-step .button-submit {
  display: inline-block;
  min-width: auto;
  border: 1px solid transparent;
  box-shadow: none;
  outline: 0;
  padding: 6px 23px;
}
.second-step .button-submit.transparent-bg:hover,
.third-step .button-submit.transparent-bg:hover,
.second-step .button-submit.transparent-bg:focus,
.third-step .button-submit.transparent-bg:focus {
  color: #ffffff;
  border: 1px solid #3C51B9;
  background-color: #3C51B9;
}
.second-step .button-submit.full-bg,
.third-step .button-submit.full-bg {
  background-color: #3C51B9;
  color: #ffffff;
  border: 1px solid #3C51B9;
}
.second-step .button-submit.full-bg:hover,
.third-step .button-submit.full-bg:hover,
.second-step .button-submit.full-bg:focus,
.third-step .button-submit.full-bg:focus {
  background-color: #ffffff;
  color: #3C51B9;
}
.you-have-credits-hold .button-submit {
  display: inline-block;
  min-width: auto;
  box-shadow: none;
  outline: 0;
  padding: 6px 23px;
}
.you-have-credits-hold .button-submit.transparent-bg:hover,
.you-have-credits-hold .button-submit.transparent-bg:focus {
  color: #ffffff;
  border: 1px solid #3C51B9;
  background-color: #3C51B9;
}
.you-have-credits-hold .button-submit.full-bg {
  background-color: #3C51B9;
  color: #ffffff;
  border: 1px solid #3C51B9;
}
.you-have-credits-hold .button-submit.full-bg:hover,
.you-have-credits-hold .button-submit.full-bg:focus {
  background-color: #ffffff;
  color: #3C51B9;
}
.inner-content-wrap {
  max-width: 640px;
  width: 100%;
  clear: both;
  margin: 32px auto 0;
}
.inner-content-wrap .form-control {
  border: 1px solid #00000080 !important;
  border-radius: 5px;
  padding: 9px 15px;
  height: auto;
  line-height: 1;
  color: #000000;
}
.inner-content-wrap .form-control:focus {
  box-shadow: 0px 0px 5px #dddddd99 !important;
  border: 1px solid #00000080 !important;
}
.form-control.education-level,
.form-control.approval-select {
  border: 1px solid #00000080 !important;
  border-radius: 5px;
  width: 100%;
  display: block;
  height: auto;
  line-height: 1.55;
  padding: 9px 30px 9px 15px;
}
.form-control.education-level:focus,
.form-control.approval-select:focus {
  box-shadow: 0px 0px 5px #dddddd99 !important;
  border: 1px solid #00000080 !important;
}
.form-control.approval-select {
  max-width: none;
  margin: 0;
  width: 98%;
}
.dd-arrow-right-overlay.approval-select {
  max-width: none;
  min-width: 75px;
  width: auto;
}
span.info-description {
  color: #000;
  opacity: 0.5;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 16px;
  display: block;
  font-weight: 400;
}
.you-have-credits-hold .inner-content-wrap > p {
  color: #3C3C3C;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-weight: 400;
  margin: 16px 0;
}
.ds-intro-wizard {
  width: 100%;
  height: 100vh;
  max-width: 100%;
  display: flex;
  position: relative;
}
.ds-intro-wizard .content-wrapper {
  max-width: 510px;
  display: block;
  position: relative;
}
.ds-intro-wizard select {
  font-weight: 500;
  height: 30px;
  background-color: #F9F9F9;
  border: 1px solid #D7D7D7;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  width: 335px;
  padding: 0 10px;
  margin-bottom: 20px;
}
.ds-intro-wizard select option {
  font-weight: 500;
  background-color: #F9F9F9;
}
.ds-intro-wizard button {
  min-width: 150px !important;
  margin: 5px 20px;
  height: 35px;
  color: white;
}
.ds-intro-wizard button:hover {
  color: white;
}
.ds-intro-wizard .title-outer-wrapper {
  display: flex;
  padding: 35px 0 25px;
  margin: auto;
}
.ds-intro-wizard .title-outer-wrapper .title-inner-wrapper {
  background: linear-gradient(130deg, rgba(0, 184, 228, 0.65) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7;
  width: 100%;
  border-radius: 40px 30px 75px 20px;
}
.ds-intro-wizard .title-outer-wrapper .title {
  font-weight: 600;
  font-size: 18px !important;
  padding: 25px 0 10px;
  color: white;
}
.ds-intro-wizard .title-outer-wrapper .sub-title {
  font-weight: 500;
  padding-bottom: 15px;
  color: white;
}
.ds-intro-wizard .body-wrapper {
  display: flex;
  background-color: #ffffff;
  width: 100%;
}
.ds-intro-wizard .body-wrapper hr {
  margin: 0 100px 25px;
  border-color: #BFBFBF;
}
.ds-intro-wizard .body-wrapper .question-number {
  color: #B9B9B9;
}
.ds-intro-wizard .body-wrapper .question-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 300px);
  max-height: 450px;
  width: 100%;
}
.ds-intro-wizard .body-wrapper .question-wrapper .question-text {
  font-weight: 600;
  padding-bottom: 25px;
  padding-top: 15px;
  color: #4F4F4F;
}
.ds-intro-wizard .body-wrapper .question-wrapper .input-group {
  display: flex;
  max-width: 330px;
}
.ds-intro-wizard .body-wrapper .question-wrapper .form-control {
  border: none;
  box-shadow: 0px 0px 3px 1px rgba(57, 111, 192, 0.4);
  border-radius: 5px;
  background-color: white !important;
}
.ds-intro-wizard .body-wrapper .question-wrapper label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
  color: #686868;
  width: 200px;
  line-height: 30px;
}
.ds-intro-wizard .body-wrapper .btn-parent {
  background-color: #00B8E4;
}
.ds-intro-wizard .body-wrapper .btn-parent:active {
  background-color: #0197bb;
}
.ds-intro-wizard .body-wrapper .btn-student {
  background-color: #3C51B9;
}
.ds-intro-wizard .body-wrapper .btn-student:active {
  background-color: #263a9a;
}
.ds-intro-wizard .body-wrapper .exit-link {
  position: absolute !important;
  bottom: 75px;
  cursor: pointer;
  font-size: 14px;
  color: #0584a2;
  text-decoration: none;
  font-weight: 600;
  font-family: unset;
}
.ds-intro-wizard .body-wrapper .final-button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 20px;
  margin: auto;
}
.ds-intro-wizard .body-wrapper .final-button-wrapper .inactive {
  color: #7B7B7B;
  background-color: #E8E8E8;
  cursor: default;
}
.chat-fixed-btn {
  position: fixed;
  bottom: 50px;
  max-width: 210px;
  transition: all 0.3s ease;
  right: -168px;
  padding-left: 43px;
  text-align: left;
}
.chat-fixed-btn .chat-icon {
  text-align: left !important;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 20px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px 0 0 4px;
  opacity: 1;
  transition: all 0.3s ease;
}
.chat-fixed-btn > p {
  margin: 0;
}
.chat-fixed-btn > p .chat-info {
  display: block;
  background: rgba(0, 0, 0, 0.7);
  color: #fff !important;
  padding: 5px;
}
.chat-fixed-btn .btn-primary {
  margin: 10px 0 0;
}
.chat-fixed-btn:hover {
  right: 0;
}
.chat-fixed-btn:hover .chat-icon {
  opacity: 0;
}
/* Responsive view for Log in to chat popup */
@media (max-width: 991px) {
  .login-to-chat .modal-content > .row {
    display: block;
  }
  .login-to-chat .modal-content .mid_sign_text > .row {
    display: block;
  }
}
/*Responsive view syles for intro*/
@media screen and (max-width: 768px) {
  .ds-onboarding-intro-wizard .bottom_transcript {
    min-height: auto;
    padding: 20px 6%;
  }
  .type-choice {
    margin-top: 20px;
  }
  button.button-submit {
    margin: 0 auto 25px!important;
    min-width: unset;
  }
  .second-step,
  .third-step,
  .you-have-credits-hold {
    margin: 0;
  }
  .form-group.row.actions-row {
    margin: 20px auto!important;
  }
  div .chat-fixed-btn {
    position: fixed;
    bottom: 20px;
    text-align: center;
    /*right: 20px;*/
    max-width: 210px;
  }
  div .chat-fixed-btn.btn_sec > p {
    margin: 0;
    color: #000000 !important;
  }
  div .chat-fixed-btn.btn_sec .btn-primary {
    margin: 10px 0 0;
  }
  /* Responsive view for Log in to chat popup */
  .login-to-chat {
    margin: 10px auto;
  }
  .transcript-info-dt {
    margin: 0 auto;
  }
  .transcript-info-dt .img_sec.align-items-center {
    margin: 0 auto!important;
  }
}
/*  Thinning down the vertical and horizontal spacing for phones  */
@media (max-width: 750px) {
  .ds-intro-wizard button {
    min-width: 125px !important;
    margin: 5px 5px;
  }
  .ds-intro-wizard .body-wrapper .question-wrapper {
    margin-top: 10px;
  }
}
div.students-onboarding {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: #FAFAFA;
}
div.students-onboarding form.ng-submitted .ng-invalid,
div.students-onboarding form.ng-submitted .ng-invalid .ui-select-toggle {
  border-color: #D44950 !important;
}
div.students-onboarding .d-flex.flex-column.standard-gap {
  gap: 30px;
}
div.students-onboarding h4,
div.students-onboarding h5 {
  margin: 0;
  color: #3C3C3C;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
}
div.students-onboarding div.navigation-content {
  overflow-y: auto;
  height: 100%;
  justify-content: center;
  align-items: start;
  padding: 40px;
  scrollbar-width: thin;
}
div.students-onboarding div.navigation-content.no-scroll {
  overflow: hidden !important;
}
div.students-onboarding div.sticky-footer > div,
div.students-onboarding div.step {
  max-width: 1100px;
}
div.students-onboarding div.step > div:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
div.students-onboarding div.step > div:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.students-onboarding div.step {
  background: transparent;
  padding: 0;
  margin: 0;
  min-height: 550px;
}
div.students-onboarding div.step .bg_schools_details {
  background: none;
}
div.students-onboarding div.step div.step-header {
  height: 90px;
  padding: 0 40px;
  background: #FBFBFB;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: space-between;
}
div.students-onboarding div.step div.step-header img.steps-indicator {
  width: 200px;
  height: 30px;
}
@media (max-width: 500px) {
  div.students-onboarding div.step div.step-header {
    justify-content: unset;
  }
  div.students-onboarding div.step div.step-header * {
    margin: auto;
  }
}
div.students-onboarding div.step div.step-body {
  flex: 1;
  padding: 20px;
}
div.students-onboarding div.step div.step-body.exam {
  display: flex;
  height: 100%;
  overflow-y: unset;
  padding: 0px;
  background-color: transparent;
}
div.students-onboarding div.step div.step-body.college {
  background-color: white;
}
div.students-onboarding div.step div.step-body > * {
  width: 100%;
}
div.students-onboarding div.step.exam {
  min-height: 550px;
  background-color: transparent;
}
div.students-onboarding div.step.exam form {
  margin: 0px;
}
div.students-onboarding div.step.exam .row {
  margin: 0;
  height: 100%;
  max-height: 600px;
  min-height: 600px;
  flex-wrap: nowrap;
}
div.students-onboarding div.step.exam .row .vertical-border {
  height: 100% !important;
}
div.students-onboarding div.step.exam .row::before,
div.students-onboarding div.step.exam .row::after {
  content: unset;
}
div.students-onboarding div.step.exam div.search-panel,
div.students-onboarding div.step.exam div.selected-exams-panel {
  background: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
}
div.students-onboarding div.step.exam div.search-panel {
  flex: 0.4;
}
div.students-onboarding div.step.exam div.search-panel label {
  margin-bottom: 3px;
}
div.students-onboarding div.step.exam div.search-panel .available-exams {
  overflow-y: auto;
  max-height: 500px;
}
div.students-onboarding div.step.exam div.search-panel .available-exams > div {
  padding: 5px;
  align-items: start;
  line-height: 32px;
  border-bottom: 1px solid #e7edf3;
}
div.students-onboarding div.step.exam div.search-panel .available-exams > div:hover {
  background: #E7EDF3;
}
div.students-onboarding div.step.exam div.search-panel .available-exams .title {
  flex: 1;
  color: #393939;
  font-size: 14px;
  font-weight: 400;
}
div.students-onboarding div.step.exam div.search-panel .available-exams div.selection-toggle {
  width: 30px;
  border: none;
  background: none;
  font-size: 12px;
  flex-shrink: 1;
}
div.students-onboarding div.step.exam div.search-panel span.no-exams-matched {
  color: #393939;
}
div.students-onboarding div.step.exam div.selected-exams-panel {
  flex: 0.6;
}
div.students-onboarding div.step.exam div.selected-exams-panel form {
  flex-grow: 1;
  scrollbar-gutter: stable both-edges;
}
div.students-onboarding div.step.exam div.selected-exams-panel table {
  border-collapse: collapse;
}
div.students-onboarding div.step.exam div.selected-exams-panel table thead th {
  position: sticky;
  top: -40px;
  z-index: 1;
}
div.students-onboarding div.step.exam div.selected-exams-panel table th.grade,
div.students-onboarding div.step.exam div.selected-exams-panel table td.grade {
  width: 70px;
}
div.students-onboarding div.step.exam div.selected-exams-panel table td {
  vertical-align: middle;
  word-wrap: break-word;
  white-space: normal;
}
div.students-onboarding div.step.exam div.selected-exams-panel table tr .active {
  display: block !important;
}
div.students-onboarding .select-credit-types .screen-icon {
  width: 100px;
  height: 77px;
}
div.students-onboarding .select-credit-types img {
  max-width: 100%;
  max-height: 100%;
}
div.students-onboarding .select-credit-types h4.title {
  color: #3C3C3C;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  font-style: normal;
  line-height: normal;
}
div.students-onboarding .select-credit-types div.exam-types {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: stretch;
  flex-shrink: 0;
  flex-wrap: wrap;
}
div.students-onboarding .select-credit-types div.exam-types button,
div.students-onboarding .select-credit-types div.exam-types button:disabled {
  display: flex;
  width: 122px;
  padding: 20px 24px;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid #34A8FF !important;
  background-color: white !important;
}
div.students-onboarding .select-credit-types div.exam-types button .icon,
div.students-onboarding .select-credit-types div.exam-types button:disabled .icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
div.students-onboarding .select-credit-types div.exam-types button span,
div.students-onboarding .select-credit-types div.exam-types button:disabled span {
  color: #3C51B9;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
}
div.students-onboarding .select-credit-types div.exam-types button.selected {
  background: #F0F9FF !important;
  box-shadow: 0 0 0 1px #34A8FF !important;
}
div.students-onboarding .select-credit-types div.exam-types .credit-wrapper.credit-coming button {
  position: inherit;
}
div.students-onboarding .select-credit-types div.exam-types .credit-wrapper.credit-coming button:disabled {
  opacity: 0.5;
}
div.students-onboarding .select-credit-types div.exam-types .credit-wrapper.credit-coming .coming-soon {
  left: 45px;
  top: 133px;
}
div.students-onboarding div.bg-white.box-shadow {
  margin: 0;
  min-height: unset;
}
div.students-onboarding div.bottom_transcript,
div.students-onboarding div.body-content.bg_schools_details {
  min-height: auto;
  height: auto;
}
div.students-onboarding div.bottom_transcript form,
div.students-onboarding div.body-content.bg_schools_details form,
div.students-onboarding div.bottom_transcript .second-step,
div.students-onboarding div.body-content.bg_schools_details .second-step {
  margin: 0;
}
div.students-onboarding div.bottom_transcript.main {
  min-height: 550px;
}
div.students-onboarding .set-profile-type div.type-choice-icon {
  display: inline-block;
  width: 235px;
  height: 193px;
}
div.students-onboarding .set-profile-type div.type-choice-icon .icon {
  height: 100%;
  width: 100%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
div.students-onboarding .set-profile-type div.type-choice-icon .icon.Student {
  background: url('../../assets-new/images/students-onboarding/student.png');
}
div.students-onboarding .set-profile-type div.type-choice-icon .icon.Parent {
  background: url('../../assets-new/images/intro/parent.png');
}
div.students-onboarding .set-profile-type div.type-choice-icon .icon.Counselor {
  background: url('../../assets-new/images/intro/councilor.png');
}
div.students-onboarding .set-profile-type .set-type {
  gap: 40px;
}
div.students-onboarding .set-profile-type .type-choice {
  gap: 65px;
  margin-top: 0;
}
div.students-onboarding .set-user-basic-profile .dd-phone-overlay label.invalid-phone {
  opacity: 0.5;
}
div.students-onboarding .set-user-basic-profile .dd-phone-overlay .phone-number-wrapper:after {
  top: 11px;
}
div.students-onboarding .confirm-and-submit .bg_schools_details .container {
  width: 100%;
  padding: 0;
  margin: 0;
}
div.students-onboarding .confirm-and-submit .row {
  margin: 0;
}
div.students-onboarding .confirm-and-submit .summary-info {
  margin: 0;
  padding: 0;
  width: 100%;
}
div.students-onboarding .confirm-and-submit .summary-info > div {
  padding: 40px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
div.students-onboarding .confirm-and-submit .summary-credits {
  width: 100%;
  margin: 0;
  padding: 0;
}
div.students-onboarding .confirm-and-submit .summary-credits > div {
  width: 100%;
  max-width: unset;
}
div.students-onboarding select.grade {
  text-align: center;
}
div.students-onboarding .drop_search_tab {
  min-height: auto;
}
div.students-onboarding .ds-college .college-wrapper .primary-text {
  text-align: center;
  color: #3C3C3C;
}
div.students-onboarding .ds-college .college-wrapper .college-step-image {
  height: 100px;
  width: 100px;
}
div.students-onboarding .ds-college .college-wrapper .college-step-image.upload-transcript-mb {
  display: none;
  width: 130px;
  height: 133.756px;
}
div.students-onboarding .ds-college .college-wrapper .option-separator {
  width: 1px;
  height: 47px;
  background: #000;
}
div.students-onboarding .ds-college .college-wrapper .upload-btn {
  position: relative;
}
div.students-onboarding .ds-college .college-wrapper .upload-btn span {
  position: absolute;
  top: -13px;
  left: 5px;
  background-color: #00AAF0 !important;
}
div.students-onboarding.onboarding-left-menu {
  flex-direction: row !important;
}
div.students-onboarding .onboarding-content {
  display: flex;
  height: calc(100dvh - 55px - var(--ds-sticky-footer-height));
  width: 100%;
  overflow: hidden;
  position: relative;
}
div.students-onboarding .onboarding-content .exam-types .credit-wrapper {
  min-height: 142px;
}
div.students-onboarding .onboarding-content.hide-navbar {
  height: calc(100dvh - var(--ds-sticky-footer-height));
}
div.students-onboarding .onboarding-content.hide-sticky-footer {
  height: calc(100dvh - 55px);
}
div.students-onboarding .onboarding-content.hide-navbar.hide-sticky-footer {
  height: 100%;
}
div.students-onboarding .onboarding-content .content-select-credit-types .step,
div.students-onboarding .onboarding-content .content-college .step,
div.students-onboarding .onboarding-content .content-files-upload .step,
div.students-onboarding .onboarding-content .content-files-list .step,
div.students-onboarding .onboarding-content .content-college-schools .step,
div.students-onboarding .onboarding-content .content-college-courses .step,
div.students-onboarding .onboarding-content .content-ap .step,
div.students-onboarding .onboarding-content .content-clep .step,
div.students-onboarding .onboarding-content .content-ib .step,
div.students-onboarding .onboarding-content .content-enter-your-personal-info .step {
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 6px;
}
div.students-onboarding .onboarding-content .content-confirm-and-submit .step-header {
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 6px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.students-onboarding .font-80 {
  font-size: 80px !important;
}
div.students-onboarding .ds-transcript-request .panel-heading {
  padding-left: 0 !important;
}
div.students-onboarding .ds-transcript-request .panel-heading.active-school {
  padding-left: 15px !important;
  border-radius: 5px;
  background: linear-gradient(90deg, #3C51B9 0%, #00B8E4 100%);
}
div.students-onboarding .ds-transcript-request .panel-heading .panel-title.active-school {
  color: #fff !important;
}
div.students-onboarding .ds-transcript-request .panel-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
div.students-onboarding .ds-transcript-request .more-credits-open .table-responsive.flex-1 {
  height: 530px;
}
div.students-onboarding .ds-transcript-request .custom_table.table-multiselect.school-table .status-col {
  display: none;
}
div.students-onboarding .ds-transcript-request .custom_table.table-multiselect.school-table .status-col.show-status {
  display: table-cell;
}
div.students-onboarding .ds-exam-credits .ds-multiselect .search-results {
  max-height: 450px;
  min-height: 450px;
}
div.students-onboarding .ds-personal-info .persona-info-content {
  max-width: 411px;
  padding: 0 !important;
}
div.students-onboarding.bg_schools_details.ds-pdf .collapsible-left-content {
  overflow-y: hidden;
}
div.students-onboarding.bg_schools_details.ds-pdf .collapsible-left-content .ds-pdf-container {
  height: calc(100vh - 135px);
}
.college-schools div.top_transcript,
.college-courses div.top_transcript,
.enter-your-personal-info div.top_transcript,
.confirm-and-submit div.top_transcript {
  display: none !important;
}
.college-schools div.bg_schools_details,
.college-courses div.bg_schools_details,
.enter-your-personal-info div.bg_schools_details,
.confirm-and-submit div.bg_schools_details {
  background: none !important;
  min-height: unset !important;
}
.college-schools div.navigation,
.college-courses div.navigation,
.enter-your-personal-info div.navigation,
.confirm-and-submit div.navigation {
  display: none !important;
}
.college-schools div.box-shadow,
.college-courses div.box-shadow,
.enter-your-personal-info div.box-shadow,
.confirm-and-submit div.box-shadow {
  margin: 0 !important;
}
.college-schools div.bottom_transcript,
.college-courses div.bottom_transcript,
.enter-your-personal-info div.bottom_transcript,
.confirm-and-submit div.bottom_transcript {
  padding: 0px !important;
}
.ds-upload-transcript {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.ds-upload-transcript .upload-document {
  height: 100px;
  width: 100px;
  flex-shrink: 0;
}
.ds-upload-transcript .upload-text {
  color: #333;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 550px;
}
.ds-upload-transcript form .error-attachments {
  width: 100%;
  max-width: 90%;
}
.ds-upload-transcript .upload-alerts {
  display: none;
  max-width: 550px;
}
.ds-upload-transcript .files-wrapper,
.ds-sorting-images .files-wrapper {
  width: 90% !important;
}
.ds-upload-transcript .mb-files.files-wrapper,
.ds-sorting-images .mb-files.files-wrapper {
  gap: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  max-width: 578px;
  width: 100% !important;
}
.ds-upload-transcript .mb-files.files-wrapper .sort-item-wrapper .drag-line-wrapper,
.ds-sorting-images .mb-files.files-wrapper .sort-item-wrapper .drag-line-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  width: 98%;
}
.ds-upload-transcript .mb-files.files-wrapper .sort-item-wrapper .drag-line-wrapper .drag-line,
.ds-sorting-images .mb-files.files-wrapper .sort-item-wrapper .drag-line-wrapper .drag-line {
  width: 100%;
  height: 1px;
  background-color: #3c51b9;
  position: relative;
}
.ds-upload-transcript .mb-files.files-wrapper .sort-item-wrapper .drag-line-wrapper .drag-line::before,
.ds-sorting-images .mb-files.files-wrapper .sort-item-wrapper .drag-line-wrapper .drag-line::before {
  content: " ";
  width: 12px;
  height: 12px;
  background-color: #3c51b9;
  position: absolute;
  left: 0;
  top: -5px;
  border-radius: 50%;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper {
  padding: 10px !important;
  min-height: unset;
  grid-template-columns: 1fr auto auto !important;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper drag-handle-svg,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper drag-handle-svg {
  display: flex;
  grid-area: a;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper .file-name,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper .file-name {
  grid-area: a;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper .file-name .file-hash,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper .file-name .file-hash {
  line-height: 14.15px;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper.drag-handle,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper.drag-handle {
  grid-template-columns: auto 1fr auto auto !important;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper.drag-handle .file-name,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper.drag-handle .file-name {
  grid-area: b;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper .preview,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper .preview {
  height: 28px;
  width: 28px;
}
.ds-upload-transcript .mb-files.files-wrapper .file-wrapper .preview.pdf,
.ds-sorting-images .mb-files.files-wrapper .file-wrapper .preview.pdf {
  height: 23.5px;
}
.ds-upload-transcript .error-dragdrop,
.ds-sorting-images .error-dragdrop,
.ds-upload-transcript .alert-dragdrop,
.ds-sorting-images .alert-dragdrop {
  max-width: 550px;
}
.ds-attachments-wrapper {
  border: 1px dashed #000 !important;
  max-width: 550px;
}
.ds-attachments-wrapper .drag-drop-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 0;
}
.ds-attachments-wrapper .drag-drop-wrapper img {
  height: 57px;
  width: 57px;
}
.ds-attachments-wrapper .drag-drop-wrapper span {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 75%;
}
.ds-attachments-wrapper .drag-drop-wrapper span b {
  color: #231995;
  font-weight: 700;
}
.ds-attachments-wrapper .drag-drop-wrapper input[type="file"] {
  display: none;
}
.ds-attachments-wrapper .drag-drop-wrapper .mail-link {
  color: #3C51B9;
}
.ds-attachments-wrapper .drag-drop-wrapper .xs-input-file {
  display: none;
}
.ds-attachments-wrapper .drag-drop-wrapper add-photo-svg.upload-image {
  display: none;
}
.ds-attachments-wrapper.mobile {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #428bca;
  border-color: #357ebd;
  color: white !important;
  padding: 6px 10px;
  font-weight: 400;
  border: none !important;
  border-radius: 4px;
  min-width: 150px;
  width: fit-content;
  background: #3C51B9 !important;
  line-height: 0 !important;
  border: unset !important;
  color: #fff;
  padding: 5px 20px;
}
.ds-attachments-wrapper.mobile:focus,
.ds-attachments-wrapper.mobile:active:focus,
.ds-attachments-wrapper.mobile.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ds-attachments-wrapper.mobile:hover,
.ds-attachments-wrapper.mobile:focus {
  color: #333;
  text-decoration: none;
}
.ds-attachments-wrapper.mobile:active,
.ds-attachments-wrapper.mobile.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ds-attachments-wrapper.mobile.disabled,
.ds-attachments-wrapper.mobile[disabled],
fieldset[disabled] .ds-attachments-wrapper.mobile {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ds-attachments-wrapper.mobile:hover,
.ds-attachments-wrapper.mobile:focus,
.ds-attachments-wrapper.mobile:active,
.ds-attachments-wrapper.mobile.active,
.open .dropdown-toggle.ds-attachments-wrapper.mobile {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.ds-attachments-wrapper.mobile:active,
.ds-attachments-wrapper.mobile.active,
.open .dropdown-toggle.ds-attachments-wrapper.mobile {
  background-image: none;
}
.ds-attachments-wrapper.mobile.disabled,
.ds-attachments-wrapper.mobile[disabled],
fieldset[disabled] .ds-attachments-wrapper.mobile,
.ds-attachments-wrapper.mobile.disabled:hover,
.ds-attachments-wrapper.mobile[disabled]:hover,
fieldset[disabled] .ds-attachments-wrapper.mobile:hover,
.ds-attachments-wrapper.mobile.disabled:focus,
.ds-attachments-wrapper.mobile[disabled]:focus,
fieldset[disabled] .ds-attachments-wrapper.mobile:focus,
.ds-attachments-wrapper.mobile.disabled:active,
.ds-attachments-wrapper.mobile[disabled]:active,
fieldset[disabled] .ds-attachments-wrapper.mobile:active,
.ds-attachments-wrapper.mobile.disabled.active,
.ds-attachments-wrapper.mobile[disabled].active,
fieldset[disabled] .ds-attachments-wrapper.mobile.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.ds-attachments-wrapper.mobile .badge {
  color: #428bca;
  background-color: #fff;
}
.ds-attachments-wrapper.mobile:hover {
  background: #263a9a !important;
}
.ds-attachments-wrapper.mobile label {
  margin: 0 !important;
}
.ds-attachments-wrapper.mobile .drag-drop-wrapper {
  margin: 0 !important;
  flex-direction: row !important;
  justify-content: space-between;
  gap: 5px;
}
.ds-attachments-wrapper.mobile .drag-drop-wrapper img {
  height: 18px !important;
  width: 18px !important;
  content: url('../../../assets-new/images/cloud_upload_white.svg');
}
.ds-attachments-wrapper.mobile .drag-drop-wrapper .input-file-title,
.ds-attachments-wrapper.mobile .drag-drop-wrapper .input-file-type {
  display: none;
}
.ds-attachments-wrapper.mobile .drag-drop-wrapper .xs-input-file {
  display: block !important;
  color: #fff;
  width: unset;
}
.files-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.files-wrapper .file-wrapper {
  padding: 10px 24px;
  border-radius: 10px;
  border: 1px solid #CED3D8;
  width: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto 1fr auto auto;
  grid-template-areas: 'a b c d';
  grid-gap: 10px;
  align-items: center;
  min-height: 57px;
}
.files-wrapper .file-wrapper .file-name {
  grid-area: a;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 328px;
}
.files-wrapper .file-wrapper .search-wrapper {
  grid-area: b;
  justify-content: end;
}
.files-wrapper .file-wrapper .search-wrapper .input-group {
  max-width: 350px;
}
.files-wrapper .file-wrapper .search-wrapper input {
  max-width: 350px;
}
.files-wrapper .file-wrapper .search-wrapper .dropdown-menu {
  left: 0 !important;
  max-height: 200px;
  overflow-y: auto;
  display: grid !important;
  padding: 0;
}
.files-wrapper .file-wrapper .search-wrapper .dropdown-menu li {
  width: 100%;
}
.files-wrapper .file-wrapper .search-wrapper .school-text-search .input-group-btn {
  top: 9px !important;
}
.files-wrapper .file-wrapper .file-schools {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 300px;
  width: 100%;
}
.files-wrapper .file-wrapper .file-schools .dropdown-menu {
  left: 0 !important;
}
.files-wrapper .file-wrapper span {
  text-wrap: nowrap;
}
.files-wrapper .file-wrapper .courses-text {
  grid-area: c;
  min-width: 85px;
}
.files-wrapper .file-wrapper .upload-progress {
  width: 100%;
  justify-content: end;
}
.files-wrapper .file-wrapper .upload-progress .progress {
  max-width: 405px;
  width: 100%;
  margin-bottom: 0;
  border-radius: 5px;
  border-top: 1px solid #3C51B9;
  border-bottom: 1px solid #3C51B9;
  border-left: 1px solid #3C51B9;
  border-right: 1px solid #3C51B9;
  background: transparent !important;
}
.files-wrapper .file-wrapper .upload-progress .progress .progress-bar-file {
  background: linear-gradient(90deg, #1039E6 0%, #01B2E5 208.12%);
}
.files-wrapper .file-wrapper .upload-progress .preview-grid.upload-preview {
  display: none;
}
.files-wrapper .file-wrapper .tool_tip {
  text-align: end;
}
.files-wrapper .file-wrapper .tool_tip_box {
  text-wrap: wrap;
}
.files-wrapper .file-wrapper .delete-icon {
  grid-area: d;
}
div.students-onboarding.bg_schools_details > div.row {
  margin: 0;
  width: 100%;
}
.grade.ds-dropdown .ui-select-search {
  font-size: 12px;
  text-align: center;
}
.grade.ds-dropdown .ui-select-match-text {
  width: 100%;
  text-align: center;
}
.ds-dropdown.grade.ui-select-container {
  min-height: auto !important;
}
.ds-dropdown.grade.ui-select-container .ui-select-toggle {
  margin: 0px;
  height: 32px;
}
.grade.ds-dropdown.ui-select-container.open ul.ui-select-dropdown {
  max-height: 130px !important;
  padding: 0 !important;
}
.grade.ds-dropdown.ui-select-container.open ul.ui-select-dropdown .ui-select-choices-row {
  text-align: center;
}
.ds-grade.grade.ds-dropdown.ui-select-container.open ul.ui-select-dropdown {
  max-height: 300px !important;
}
.ds-select-school .input-group .dropdown-menu:not(.ng-hide) {
  display: grid !important;
}
.ds-select-school table th.action-col {
  min-width: 55px;
  max-width: 55px;
  width: 55px;
}
.ds-select-school table .school-actions {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 17px 37px;
}
.ds-select-school table .school-actions .remove-school {
  grid-column-start: 2;
}
.ds-select-school .find-your-school {
  display: none;
}
.students-onboarding .onboarding-content .school-data.active .credit-title.name .school-name,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.active .credit-title.name .school-name,
.ds-current-transcript .school-data.active .credit-title.name .school-name,
.students-onboarding .onboarding-content .school-data.panel-heading.panel-school.active .credit-title.name .school-name,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school.active .credit-title.name .school-name,
.ds-current-transcript .school-data.panel-heading.panel-school.active .credit-title.name .school-name,
.students-onboarding .onboarding-content .school-data.active-school .credit-title.name .school-name,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.active-school .credit-title.name .school-name,
.ds-current-transcript .school-data.active-school .credit-title.name .school-name,
.students-onboarding .onboarding-content .school-data.panel-heading.panel-school.active-school .credit-title.name .school-name,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school.active-school .credit-title.name .school-name,
.ds-current-transcript .school-data.panel-heading.panel-school.active-school .credit-title.name .school-name {
  color: #fff !important;
}
.students-onboarding .onboarding-content .school-data.active .credit-title.name .school-name > span,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.active .credit-title.name .school-name > span,
.ds-current-transcript .school-data.active .credit-title.name .school-name > span,
.students-onboarding .onboarding-content .school-data.panel-heading.panel-school.active .credit-title.name .school-name > span,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school.active .credit-title.name .school-name > span,
.ds-current-transcript .school-data.panel-heading.panel-school.active .credit-title.name .school-name > span,
.students-onboarding .onboarding-content .school-data.active-school .credit-title.name .school-name > span,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.active-school .credit-title.name .school-name > span,
.ds-current-transcript .school-data.active-school .credit-title.name .school-name > span,
.students-onboarding .onboarding-content .school-data.panel-heading.panel-school.active-school .credit-title.name .school-name > span,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school.active-school .credit-title.name .school-name > span,
.ds-current-transcript .school-data.panel-heading.panel-school.active-school .credit-title.name .school-name > span {
  color: #fff !important;
}
.students-onboarding .onboarding-content .school-data .credit-title.name .school-name > span,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data .credit-title.name .school-name > span,
.ds-current-transcript .school-data .credit-title.name .school-name > span,
.students-onboarding .onboarding-content .school-data.panel-heading.panel-school .credit-title.name .school-name > span,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school .credit-title.name .school-name > span,
.ds-current-transcript .school-data.panel-heading.panel-school .credit-title.name .school-name > span {
  color: #555555 !important;
}
.students-onboarding .onboarding-content .ds-flow-works .step-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .step-image,
.ds-current-transcript .ds-flow-works .step-image {
  width: 150px;
  height: 150px;
}
.students-onboarding .onboarding-content .ds-flow-works .stepper .step-circle,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .stepper .step-circle,
.ds-current-transcript .ds-flow-works .stepper .step-circle {
  width: 10px;
  height: 10px;
  border: 1px solid #A8A8A8;
  border-radius: 50%;
}
.students-onboarding .onboarding-content .ds-flow-works .stepper .step-circle.active,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .stepper .step-circle.active,
.ds-current-transcript .ds-flow-works .stepper .step-circle.active {
  background: #3c51b9;
  border: 1px solid #3c51b9;
  animation-name: step-circle-animation;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.students-onboarding .onboarding-content .ds-flow-works .btn.btn-bordered,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .btn.btn-bordered,
.ds-current-transcript .ds-flow-works .btn.btn-bordered {
  min-width: unset;
}
.students-onboarding .onboarding-content .ds-flow-works .btn.btn-bordered.last-step,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .btn.btn-bordered.last-step,
.ds-current-transcript .ds-flow-works .btn.btn-bordered.last-step {
  background: linear-gradient(90deg, #3C51B9 0%, #00B8E4 100%) !important;
  color: #fff !important;
  border: unset !important;
}
.students-onboarding .onboarding-content .ds-flow-works .description,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .description,
.ds-current-transcript .ds-flow-works .description {
  min-height: 70px;
}
.students-onboarding .onboarding-content .mb-files.files-preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview,
.ds-current-transcript .mb-files.files-preview,
.students-onboarding .onboarding-content .ds-sorting-images,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images,
.ds-current-transcript .ds-sorting-images,
.students-onboarding .onboarding-content .ds-upload-transcript,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript,
.ds-current-transcript .ds-upload-transcript {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.students-onboarding .onboarding-content .mb-files.files-preview .sorting-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .sorting-image,
.ds-current-transcript .mb-files.files-preview .sorting-image,
.students-onboarding .onboarding-content .ds-sorting-images .sorting-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .sorting-image,
.ds-current-transcript .ds-sorting-images .sorting-image,
.students-onboarding .onboarding-content .ds-upload-transcript .sorting-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .sorting-image,
.ds-current-transcript .ds-upload-transcript .sorting-image {
  width: 105px;
  height: 105px;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid,
.ds-current-transcript .mb-files.files-preview .preview-grid,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid,
.ds-current-transcript .ds-sorting-images .preview-grid,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid,
.ds-current-transcript .ds-upload-transcript .preview-grid {
  gap: 10px !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 156.5px));
  grid-auto-rows: 134px;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid .preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid .preview,
.ds-current-transcript .mb-files.files-preview .preview-grid .preview,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid .preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid .preview,
.ds-current-transcript .ds-sorting-images .preview-grid .preview,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid .preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid .preview,
.ds-current-transcript .ds-upload-transcript .preview-grid .preview {
  border-radius: 5px;
  border: 1px solid rgba(0, 184, 228, 0.2);
  padding: 3px;
  position: relative;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid .preview .close-wrapper,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid .preview .close-wrapper,
.ds-current-transcript .mb-files.files-preview .preview-grid .preview .close-wrapper,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid .preview .close-wrapper,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid .preview .close-wrapper,
.ds-current-transcript .ds-sorting-images .preview-grid .preview .close-wrapper,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid .preview .close-wrapper,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid .preview .close-wrapper,
.ds-current-transcript .ds-upload-transcript .preview-grid .preview .close-wrapper {
  position: absolute;
  right: -4px;
  top: -3px;
  border-radius: 53px;
  background: #FFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  width: 20px;
  height: 20px;
  z-index: 1;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid .preview .close-wrapper .close-icon,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid .preview .close-wrapper .close-icon,
.ds-current-transcript .mb-files.files-preview .preview-grid .preview .close-wrapper .close-icon,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid .preview .close-wrapper .close-icon,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid .preview .close-wrapper .close-icon,
.ds-current-transcript .ds-sorting-images .preview-grid .preview .close-wrapper .close-icon,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid .preview .close-wrapper .close-icon,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid .preview .close-wrapper .close-icon,
.ds-current-transcript .ds-upload-transcript .preview-grid .preview .close-wrapper .close-icon {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid .preview .preview-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid .preview .preview-image,
.ds-current-transcript .mb-files.files-preview .preview-grid .preview .preview-image,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid .preview .preview-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid .preview .preview-image,
.ds-current-transcript .ds-sorting-images .preview-grid .preview .preview-image,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid .preview .preview-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid .preview .preview-image,
.ds-current-transcript .ds-upload-transcript .preview-grid .preview .preview-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid .preview .preview-image.pdf,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid .preview .preview-image.pdf,
.ds-current-transcript .mb-files.files-preview .preview-grid .preview .preview-image.pdf,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid .preview .preview-image.pdf,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid .preview .preview-image.pdf,
.ds-current-transcript .ds-sorting-images .preview-grid .preview .preview-image.pdf,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid .preview .preview-image.pdf,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid .preview .preview-image.pdf,
.ds-current-transcript .ds-upload-transcript .preview-grid .preview .preview-image.pdf {
  right: 0;
  bottom: 0;
  width: 18px;
  height: 23.538px;
  position: absolute;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid .preview .canvas-wrapper,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid .preview .canvas-wrapper,
.ds-current-transcript .mb-files.files-preview .preview-grid .preview .canvas-wrapper,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid .preview .canvas-wrapper,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid .preview .canvas-wrapper,
.ds-current-transcript .ds-sorting-images .preview-grid .preview .canvas-wrapper,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid .preview .canvas-wrapper,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid .preview .canvas-wrapper,
.ds-current-transcript .ds-upload-transcript .preview-grid .preview .canvas-wrapper {
  position: relative;
  height: 100%;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid.sorting-pdf,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid.sorting-pdf,
.ds-current-transcript .mb-files.files-preview .preview-grid.sorting-pdf,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid.sorting-pdf,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid.sorting-pdf,
.ds-current-transcript .ds-sorting-images .preview-grid.sorting-pdf,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid.sorting-pdf,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid.sorting-pdf,
.ds-current-transcript .ds-upload-transcript .preview-grid.sorting-pdf {
  grid-template-columns: repeat(auto-fit, minmax(0, 224px));
  grid-auto-rows: 183px;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid.upload-preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid.upload-preview,
.ds-current-transcript .mb-files.files-preview .preview-grid.upload-preview,
.students-onboarding .onboarding-content .ds-sorting-images .preview-grid.upload-preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .preview-grid.upload-preview,
.ds-current-transcript .ds-sorting-images .preview-grid.upload-preview,
.students-onboarding .onboarding-content .ds-upload-transcript .preview-grid.upload-preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .preview-grid.upload-preview,
.ds-current-transcript .ds-upload-transcript .preview-grid.upload-preview {
  grid-template-columns: repeat(auto-fit, minmax(0, 98px));
  grid-auto-rows: 79px;
  justify-content: start;
}
.students-onboarding .onboarding-content .mb-files.files-preview .tab-text,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .tab-text,
.ds-current-transcript .mb-files.files-preview .tab-text,
.students-onboarding .onboarding-content .ds-sorting-images .tab-text,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images .tab-text,
.ds-current-transcript .ds-sorting-images .tab-text,
.students-onboarding .onboarding-content .ds-upload-transcript .tab-text,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .tab-text,
.ds-current-transcript .ds-upload-transcript .tab-text {
  color: #5B5B5B;
}
.students-onboarding .onboarding-content .mb-files.files-preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview,
.ds-current-transcript .mb-files.files-preview {
  max-width: 550px;
}
.students-onboarding .onboarding-content .mb-files.files-preview .preview-grid:not(.one-img),
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .mb-files.files-preview .preview-grid:not(.one-img),
.ds-current-transcript .mb-files.files-preview .preview-grid:not(.one-img) {
  grid-template-columns: repeat(2, 1fr);
}
.students-onboarding .files-preview-image,
.ds-submission-on-behalf.ds-transcript-on-behalf .files-preview-image {
  position: absolute;
  height: calc(100dvh - 55px);
  width: 100%;
  background-color: #fff;
  z-index: 10;
  overflow-y: auto;
  scrollbar-width: thin;
}
.students-onboarding .files-preview-image > div .header-text,
.ds-submission-on-behalf.ds-transcript-on-behalf .files-preview-image > div .header-text {
  padding: 20px 20px 0 20px;
  color: #000;
}
.students-onboarding .files-preview-image > div image-preview .ds-image-preview,
.ds-submission-on-behalf.ds-transcript-on-behalf .files-preview-image > div image-preview .ds-image-preview {
  padding-top: 0 !important;
}
.students-onboarding transcript-school-multiselect,
.ds-submission-on-behalf.ds-transcript-on-behalf transcript-school-multiselect {
  width: 100%;
  max-width: 578px;
}
.students-onboarding .ds-transcript-select-school .school-select,
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-select-school .school-select {
  height: 105px;
  width: 105px;
}
.students-onboarding .step-header-mobile,
.ds-submission-on-behalf.ds-transcript-on-behalf .step-header-mobile {
  padding: 10px 20px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  background-color: #fff !important;
}
.students-onboarding .step-header-mobile .mobile-stepper,
.ds-submission-on-behalf.ds-transcript-on-behalf .step-header-mobile .mobile-stepper {
  gap: 1px;
}
.students-onboarding .ds-transcript-pdf-bottom-sheet .ds-device-modal:not(.active),
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-pdf-bottom-sheet .ds-device-modal:not(.active),
.students-onboarding .ds-onboarding-pdf-bottom-sheet .ds-device-modal:not(.active),
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-onboarding-pdf-bottom-sheet .ds-device-modal:not(.active) {
  bottom: 140px;
}
.students-onboarding.ds-current-transcript .ds-transcript-pdf-bottom-sheet .ds-device-modal:not(.active),
.ds-submission-on-behalf.ds-transcript-on-behalf.ds-current-transcript .ds-transcript-pdf-bottom-sheet .ds-device-modal:not(.active) {
  bottom: 60px;
}
.students-onboarding .ds-transcript-exams-bottom-sheet .ds-device-modal,
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-exams-bottom-sheet .ds-device-modal,
.students-onboarding .ds-select-school-bottom-sheet .ds-device-modal,
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-select-school-bottom-sheet .ds-device-modal,
.students-onboarding .ds-transcript-course-bottom-sheet .ds-device-modal,
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-course-bottom-sheet .ds-device-modal {
  z-index: 10;
}
@media screen and (max-width: 995px) {
  .students-onboarding .set-profile-type .type-choice {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 850px) {
  .ds-upload-transcript .file-wrapper {
    grid-template-columns: 1fr auto !important;
    grid-gap: 10px !important;
  }
  .ds-upload-transcript .file-wrapper.grid-uploading {
    grid-template-rows: auto auto;
    grid-template-areas: 'a b' 'c c' !important;
  }
  .ds-upload-transcript .file-wrapper.grid-uploaded {
    grid-template-rows: repeat(3, auto) !important;
    grid-template-areas: 'a b' 'c c' 'e e' !important;
  }
  .ds-upload-transcript .file-wrapper .tool_tip {
    grid-area: b !important;
    text-align: end;
  }
  .ds-upload-transcript .file-wrapper .search-wrapper {
    grid-area: c !important;
  }
  .ds-upload-transcript .file-wrapper .search-wrapper .input-group {
    max-width: 100%;
  }
  .ds-upload-transcript .file-wrapper .search-wrapper .input-group .dropdown-menu {
    width: 100% !important;
  }
  .ds-upload-transcript .file-wrapper .search-wrapper input {
    max-width: 100% !important;
  }
  .ds-upload-transcript .file-wrapper .upload-progress {
    grid-area: c;
  }
  .ds-upload-transcript .file-wrapper .upload-progress .progress {
    max-width: 100% !important;
  }
  .ds-upload-transcript .file-wrapper .upload-progress .preview-grid.upload-preview {
    display: grid !important;
  }
  .ds-upload-transcript .file-wrapper .courses-text {
    grid-area: e !important;
    text-align: end !important;
  }
  .ds-upload-transcript .file-wrapper .file-name {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .content-ap .ds-exam-credits,
  .content-clep .ds-exam-credits,
  .content-ib .ds-exam-credits,
  .content-jst .ds-exam-credits {
    padding: 30px 20px !important;
    gap: 30px !important;
  }
  .content-ap .ds-exam-credits .exam-subtitle,
  .content-clep .ds-exam-credits .exam-subtitle,
  .content-ib .ds-exam-credits .exam-subtitle,
  .content-jst .ds-exam-credits .exam-subtitle,
  .content-ap .ds-exam-credits .exam-wrapper .ds-multiselect,
  .content-clep .ds-exam-credits .exam-wrapper .ds-multiselect,
  .content-ib .ds-exam-credits .exam-wrapper .ds-multiselect,
  .content-jst .ds-exam-credits .exam-wrapper .ds-multiselect {
    margin: 0 !important;
  }
  .content-ap .ds-exam-credits .exam-wrapper,
  .content-clep .ds-exam-credits .exam-wrapper,
  .content-ib .ds-exam-credits .exam-wrapper,
  .content-jst .ds-exam-credits .exam-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 30px !important;
  }
  .content-ap .ds-exam-credits .exam-wrapper .search-panel,
  .content-clep .ds-exam-credits .exam-wrapper .search-panel,
  .content-ib .ds-exam-credits .exam-wrapper .search-panel,
  .content-jst .ds-exam-credits .exam-wrapper .search-panel,
  .content-ap .ds-exam-credits .exam-wrapper .selected-exams-panel,
  .content-clep .ds-exam-credits .exam-wrapper .selected-exams-panel,
  .content-ib .ds-exam-credits .exam-wrapper .selected-exams-panel,
  .content-jst .ds-exam-credits .exam-wrapper .selected-exams-panel {
    padding: 0 !important;
  }
  .content-ap .ds-exam-credits .exam-wrapper .border-flex,
  .content-clep .ds-exam-credits .exam-wrapper .border-flex,
  .content-ib .ds-exam-credits .exam-wrapper .border-flex,
  .content-jst .ds-exam-credits .exam-wrapper .border-flex {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  table.transcripts-table tbody tr td.hidden-xs {
    display: none !important;
  }
}
@media screen and (max-width: 730px) {
  .students-onboarding .onboarding-content .step-header,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .step-header {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px !important;
    padding: 20px 10px !important;
    flex: unset !important;
    flex-wrap: unset !important;
    height: unset !important;
    border-radius: 0;
  }
  .students-onboarding .onboarding-content .step-header.step-header-mobile,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .step-header.step-header-mobile {
    padding: 20px !important;
  }
  .students-onboarding .onboarding-content .step-header .text-blue,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .step-header .text-blue {
    margin: 0 !important;
  }
}
@media screen and (max-width: 650px) {
  .ds-college .college-wrapper {
    margin: 10px !important;
  }
  .ds-college .college-wrapper .primary-text .bottom-text {
    width: 280px;
  }
  .ds-college .college-wrapper .college-options {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .ds-college .college-wrapper .college-options .separator-wrapper {
    flex-direction: row !important;
  }
  .ds-college .college-wrapper .college-options .separator-wrapper .option-separator {
    height: 1px !important;
    width: 47px !important;
  }
  div.step.exam .row {
    flex-direction: column;
  }
  div.step.exam .row .search-panel {
    width: 100%;
    flex: 1;
    max-height: 350px;
  }
  div.step.exam .row .selected-exams-panel {
    width: 100%;
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  .students-onboarding .search-panel {
    display: none !important;
  }
  .students-onboarding .ds-transcript-request.ds-onboarding .multiselect-wrapper {
    display: none !important;
  }
  .students-onboarding .ds-transcript-request.ds-onboarding .form-group.coursework-open {
    padding-bottom: 330px !important;
  }
  .students-onboarding .ds-exam-credits .exams-table.exams-sheet-active {
    padding-bottom: 330px !important;
  }
  .students-onboarding .ds-exam-credits .ds-onboarding-exams-bottom-sheet .ds-device-modal:not(.active) {
    bottom: 137px;
  }
  .students-onboarding .ds-exam-credits .ds-onboarding-exams-bottom-sheet .ds-device-modal.active {
    bottom: 79px;
  }
  .students-onboarding .onboarding-content .ds-multiselect,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-multiselect,
  .ds-select-school.ds-onboarding .ds-multiselect {
    max-height: 100% !important;
    min-height: 100% !important;
    min-width: unset !important;
  }
  .students-onboarding .onboarding-content .ds-multiselect .search-results,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-multiselect .search-results,
  .ds-select-school.ds-onboarding .ds-multiselect .search-results {
    max-height: unset !important;
    min-height: unset !important;
  }
  .students-onboarding .onboarding-content .ds-multiselect .Zebra_DatePicker,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-multiselect .Zebra_DatePicker,
  .ds-select-school.ds-onboarding .ds-multiselect .Zebra_DatePicker {
    top: 0 !important;
    position: fixed;
  }
  .students-onboarding .onboarding-content .ds-multiselect.ds-transcript-school-select .select-container .search-results,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-multiselect.ds-transcript-school-select .select-container .search-results,
  .ds-select-school.ds-onboarding .ds-multiselect.ds-transcript-school-select .select-container .search-results {
    max-height: 197px !important;
  }
  .students-onboarding .onboarding-content .find-your-school,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .find-your-school,
  .ds-select-school.ds-onboarding .find-your-school {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px !important;
    margin-top: 10px !important;
    width: 100%;
  }
  .students-onboarding .onboarding-content .find-your-school .ds-flex-centered-content,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .find-your-school .ds-flex-centered-content,
  .ds-select-school.ds-onboarding .find-your-school .ds-flex-centered-content {
    align-self: center;
  }
  .students-onboarding .onboarding-content .ds-select-school.bs-open,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school.bs-open,
  .ds-select-school.ds-onboarding .ds-select-school.bs-open {
    padding-bottom: 350px !important;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript,
  .ds-select-school.ds-onboarding .ds-upload-transcript {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper,
  .ds-select-school.ds-onboarding .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper {
    justify-content: center !important;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper .xs-input-file,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper .xs-input-file,
  .ds-select-school.ds-onboarding .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper .xs-input-file {
    color: #fff !important;
    display: block;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper .cloud-image,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper .cloud-image,
  .ds-select-school.ds-onboarding .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper .cloud-image {
    display: none;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper add-photo-svg.upload-image,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper add-photo-svg.upload-image,
  .ds-select-school.ds-onboarding .ds-upload-transcript .ds-attachments-wrapper .drag-drop-wrapper add-photo-svg.upload-image {
    display: block;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .ds-attachments-wrapper.btn,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .ds-attachments-wrapper.btn,
  .ds-select-school.ds-onboarding .ds-upload-transcript .ds-attachments-wrapper.btn {
    width: 100%;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .mb-files.files-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .mb-files.files-wrapper,
  .ds-select-school.ds-onboarding .ds-upload-transcript .mb-files.files-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .mb-files.files-wrapper .file-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .mb-files.files-wrapper .file-wrapper,
  .ds-select-school.ds-onboarding .ds-upload-transcript .mb-files.files-wrapper .file-wrapper {
    max-width: 550px;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .upload-alerts,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .upload-alerts,
  .ds-select-school.ds-onboarding .ds-upload-transcript .upload-alerts {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .ds-edit-transcript.add-credits-transcript .ds-multiselect,
  .ds-exam-credits .ds-onboarding-exams-bottom-sheet .ds-multiselect,
  .ds-onboarding-coursework-bottom-sheet .ds-multiselect,
  .ds-select-school.ds-onboarding .ds-multiselect {
    padding: 0 !important;
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .ds-edit-transcript.add-credits-transcript .ds-multiselect .select-container,
  .ds-exam-credits .ds-onboarding-exams-bottom-sheet .ds-multiselect .select-container,
  .ds-onboarding-coursework-bottom-sheet .ds-multiselect .select-container,
  .ds-select-school.ds-onboarding .ds-multiselect .select-container {
    gap: 5px;
  }
  .ds-edit-transcript.add-credits-transcript .ds-multiselect .select-container .type-container,
  .ds-exam-credits .ds-onboarding-exams-bottom-sheet .ds-multiselect .select-container .type-container,
  .ds-onboarding-coursework-bottom-sheet .ds-multiselect .select-container .type-container,
  .ds-select-school.ds-onboarding .ds-multiselect .select-container .type-container {
    display: block;
    gap: 0;
  }
  .ds-select-school .search-schools {
    display: none;
  }
  .students-onboarding .ds-transcript-select-school,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-select-school {
    padding: 30px 20px !important;
  }
  .students-onboarding .ds-transcript-select-school .college > img,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-select-school .college > img {
    width: 80px;
    height: 80px;
  }
  .students-onboarding .ds-transcript-select-school .add-school,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-select-school .add-school {
    display: flex;
    justify-content: center;
  }
  .students-onboarding .ds-transcript-select-school .add-school > button,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-select-school .add-school > button {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 10px !important;
    padding: 5px 20px;
    max-width: 586px;
  }
  .students-onboarding .ds-transcript-select-school .ds-select-school-bottom-sheet .ds-device-modal,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-select-school .ds-select-school-bottom-sheet .ds-device-modal {
    bottom: 47px;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .students-onboarding .ds-onboarding-exams-bottom-sheet .ds-device-modal.active,
  .ds-transcript-on-behalf.ds-submission-on-behalf .ds-onboarding-exams-bottom-sheet .ds-device-modal.active,
  .ds-select-school .ds-onboarding-exams-bottom-sheet .ds-device-modal.active,
  .students-onboarding .ds-transcript-exams-bottom-sheet .ds-device-modal.active,
  .ds-transcript-on-behalf.ds-submission-on-behalf .ds-transcript-exams-bottom-sheet .ds-device-modal.active,
  .ds-select-school .ds-transcript-exams-bottom-sheet .ds-device-modal.active,
  .students-onboarding .ds-transcript-course-bottom-sheet .ds-device-modal.active,
  .ds-transcript-on-behalf.ds-submission-on-behalf .ds-transcript-course-bottom-sheet .ds-device-modal.active,
  .ds-select-school .ds-transcript-course-bottom-sheet .ds-device-modal.active,
  .students-onboarding .ds-onboarding-pdf-bottom-sheet .ds-device-modal.active,
  .ds-transcript-on-behalf.ds-submission-on-behalf .ds-onboarding-pdf-bottom-sheet .ds-device-modal.active,
  .ds-select-school .ds-onboarding-pdf-bottom-sheet .ds-device-modal.active,
  .students-onboarding .ds-onboarding-coursework-bottom-sheet .ds-device-modal.active,
  .ds-transcript-on-behalf.ds-submission-on-behalf .ds-onboarding-coursework-bottom-sheet .ds-device-modal.active,
  .ds-select-school .ds-onboarding-coursework-bottom-sheet .ds-device-modal.active,
  .students-onboarding .ds-select-school-bottom-sheet .ds-device-modal.active,
  .ds-transcript-on-behalf.ds-submission-on-behalf .ds-select-school-bottom-sheet .ds-device-modal.active,
  .ds-select-school .ds-select-school-bottom-sheet .ds-device-modal.active {
    bottom: 79px;
  }
}
@media screen and (max-width: 576px) {
  .ds-submitted.ds-onboarding .col-md-12,
  .ds-coursework-submission .col-md-12,
  .ds-current-transcript .col-md-12,
  .edit-transcript-content .col-md-12,
  .ds-transcript-on-behalf .col-md-12,
  .ds-onboarding.home .col-md-12,
  .students-onboarding .col-md-12,
  .modal.modal-responsive .col-md-12,
  .ds-submitted-transcript.ds-program-evals-list .col-md-12,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-md-12,
  .ds-evals-intro.ds-evals-select .col-md-12,
  .ds-ap-credit.transcript-modal .col-md-12,
  .schools-view.ds-transcript-request.ds-profile .col-md-12,
  .ds-submitted.ds-onboarding .col-sm-12 .col-md-10,
  .ds-coursework-submission .col-sm-12 .col-md-10,
  .ds-current-transcript .col-sm-12 .col-md-10,
  .edit-transcript-content .col-sm-12 .col-md-10,
  .ds-transcript-on-behalf .col-sm-12 .col-md-10,
  .ds-onboarding.home .col-sm-12 .col-md-10,
  .students-onboarding .col-sm-12 .col-md-10,
  .modal.modal-responsive .col-sm-12 .col-md-10,
  .ds-submitted-transcript.ds-program-evals-list .col-sm-12 .col-md-10,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-sm-12 .col-md-10,
  .ds-evals-intro.ds-evals-select .col-sm-12 .col-md-10,
  .ds-ap-credit.transcript-modal .col-sm-12 .col-md-10,
  .schools-view.ds-transcript-request.ds-profile .col-sm-12 .col-md-10,
  .ds-submitted.ds-onboarding .col-lg-10,
  .ds-coursework-submission .col-lg-10,
  .ds-current-transcript .col-lg-10,
  .edit-transcript-content .col-lg-10,
  .ds-transcript-on-behalf .col-lg-10,
  .ds-onboarding.home .col-lg-10,
  .students-onboarding .col-lg-10,
  .modal.modal-responsive .col-lg-10,
  .ds-submitted-transcript.ds-program-evals-list .col-lg-10,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-lg-10,
  .ds-evals-intro.ds-evals-select .col-lg-10,
  .ds-ap-credit.transcript-modal .col-lg-10,
  .schools-view.ds-transcript-request.ds-profile .col-lg-10,
  .ds-submitted.ds-onboarding .col-xs-12,
  .ds-coursework-submission .col-xs-12,
  .ds-current-transcript .col-xs-12,
  .edit-transcript-content .col-xs-12,
  .ds-transcript-on-behalf .col-xs-12,
  .ds-onboarding.home .col-xs-12,
  .students-onboarding .col-xs-12,
  .modal.modal-responsive .col-xs-12,
  .ds-submitted-transcript.ds-program-evals-list .col-xs-12,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-xs-12,
  .ds-evals-intro.ds-evals-select .col-xs-12,
  .ds-ap-credit.transcript-modal .col-xs-12,
  .schools-view.ds-transcript-request.ds-profile .col-xs-12,
  .ds-submitted.ds-onboarding .col-md-2,
  .ds-coursework-submission .col-md-2,
  .ds-current-transcript .col-md-2,
  .edit-transcript-content .col-md-2,
  .ds-transcript-on-behalf .col-md-2,
  .ds-onboarding.home .col-md-2,
  .students-onboarding .col-md-2,
  .modal.modal-responsive .col-md-2,
  .ds-submitted-transcript.ds-program-evals-list .col-md-2,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-md-2,
  .ds-evals-intro.ds-evals-select .col-md-2,
  .ds-ap-credit.transcript-modal .col-md-2,
  .schools-view.ds-transcript-request.ds-profile .col-md-2,
  .ds-submitted.ds-onboarding .col-sm-1,
  .ds-coursework-submission .col-sm-1,
  .ds-current-transcript .col-sm-1,
  .edit-transcript-content .col-sm-1,
  .ds-transcript-on-behalf .col-sm-1,
  .ds-onboarding.home .col-sm-1,
  .students-onboarding .col-sm-1,
  .modal.modal-responsive .col-sm-1,
  .ds-submitted-transcript.ds-program-evals-list .col-sm-1,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-sm-1,
  .ds-evals-intro.ds-evals-select .col-sm-1,
  .ds-ap-credit.transcript-modal .col-sm-1,
  .schools-view.ds-transcript-request.ds-profile .col-sm-1,
  .ds-submitted.ds-onboarding .col-md-offset-1,
  .ds-coursework-submission .col-md-offset-1,
  .ds-current-transcript .col-md-offset-1,
  .edit-transcript-content .col-md-offset-1,
  .ds-transcript-on-behalf .col-md-offset-1,
  .ds-onboarding.home .col-md-offset-1,
  .students-onboarding .col-md-offset-1,
  .modal.modal-responsive .col-md-offset-1,
  .ds-submitted-transcript.ds-program-evals-list .col-md-offset-1,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-md-offset-1,
  .ds-evals-intro.ds-evals-select .col-md-offset-1,
  .ds-ap-credit.transcript-modal .col-md-offset-1,
  .schools-view.ds-transcript-request.ds-profile .col-md-offset-1,
  .ds-submitted.ds-onboarding .col-md-1m,
  .ds-coursework-submission .col-md-1m,
  .ds-current-transcript .col-md-1m,
  .edit-transcript-content .col-md-1m,
  .ds-transcript-on-behalf .col-md-1m,
  .ds-onboarding.home .col-md-1m,
  .students-onboarding .col-md-1m,
  .modal.modal-responsive .col-md-1m,
  .ds-submitted-transcript.ds-program-evals-list .col-md-1m,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-md-1m,
  .ds-evals-intro.ds-evals-select .col-md-1m,
  .ds-ap-credit.transcript-modal .col-md-1m,
  .schools-view.ds-transcript-request.ds-profile .col-md-1m,
  .ds-submitted.ds-onboarding .col-lg-1,
  .ds-coursework-submission .col-lg-1,
  .ds-current-transcript .col-lg-1,
  .edit-transcript-content .col-lg-1,
  .ds-transcript-on-behalf .col-lg-1,
  .ds-onboarding.home .col-lg-1,
  .students-onboarding .col-lg-1,
  .modal.modal-responsive .col-lg-1,
  .ds-submitted-transcript.ds-program-evals-list .col-lg-1,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-lg-1,
  .ds-evals-intro.ds-evals-select .col-lg-1,
  .ds-ap-credit.transcript-modal .col-lg-1,
  .schools-view.ds-transcript-request.ds-profile .col-lg-1,
  .ds-submitted.ds-onboarding .col-md-8,
  .ds-coursework-submission .col-md-8,
  .ds-current-transcript .col-md-8,
  .edit-transcript-content .col-md-8,
  .ds-transcript-on-behalf .col-md-8,
  .ds-onboarding.home .col-md-8,
  .students-onboarding .col-md-8,
  .modal.modal-responsive .col-md-8,
  .ds-submitted-transcript.ds-program-evals-list .col-md-8,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .col-md-8,
  .ds-evals-intro.ds-evals-select .col-md-8,
  .ds-ap-credit.transcript-modal .col-md-8,
  .schools-view.ds-transcript-request.ds-profile .col-md-8,
  .ds-submitted.ds-onboarding .row,
  .ds-coursework-submission .row,
  .ds-current-transcript .row,
  .edit-transcript-content .row,
  .ds-transcript-on-behalf .row,
  .ds-onboarding.home .row,
  .students-onboarding .row,
  .modal.modal-responsive .row,
  .ds-submitted-transcript.ds-program-evals-list .row,
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .row,
  .ds-evals-intro.ds-evals-select .row,
  .ds-ap-credit.transcript-modal .row,
  .schools-view.ds-transcript-request.ds-profile .row {
    padding: 0 !important;
    margin: 0 !important;
  }
  .container {
    padding: 0 !important;
  }
  .students-onboarding .ds-college,
  .students-onboarding .select-credit-types,
  .students-onboarding .ds-select-school,
  .students-onboarding .ds-exam-credits,
  .students-onboarding .ds-personal-info,
  .students-onboarding .ds-confirm-submit,
  .students-onboarding .onboarding-content .ds-upload-transcript {
    padding: 30px 20px !important;
  }
  .students-onboarding .content-set-profile-type,
  .students-onboarding .content-set-user-basic-profile {
    padding: 30px 10px !important;
    align-items: start !important;
  }
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .estimated-credits {
    padding: 10px 20px !important;
  }
  .students-onboarding .bottom_transcript,
  .students-onboarding .container .bottom_transcript.main,
  .students-onboarding .content-set-profile-type .profile-content,
  .students-onboarding .content-set-profile-type .profile-content .set-type,
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group .panel-heading,
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group .panel-body,
  .students-onboarding .content-confirm-and-submit .summary-info > div,
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .bottom_transcript .form-group {
    padding: 0 !important;
  }
  .students-onboarding .content-set-profile-type .profile-content .set-type {
    align-items: center;
    gap: 30px !important;
  }
  .students-onboarding .content-set-profile-type .profile-content .set-type .type-choice {
    gap: 30px !important;
    justify-content: left !important;
  }
  .students-onboarding .content-set-profile-type .profile-content .set-type .type-choice .type-choice-icon {
    width: 92px;
    height: 108px;
  }
  .students-onboarding .content-set-profile-type .profile-content .set-type .type-choice button.button-submit {
    min-width: unset;
  }
  .students-onboarding .content-set-user-basic-profile .second-step h1,
  .students-onboarding .content-set-user-basic-profile .row.form-group .col-md-6.col-xs-12.col-sm-6,
  .students-onboarding .content-set-user-basic-profile .row.form-group .col-md-12.col-xs-12.col-sm-12,
  .students-onboarding .content-college .ds-college .college-wrapper {
    margin: 0 !important;
  }
  .students-onboarding .content-set-profile-type .profile-content .set-type .type-choice .button-submit,
  .students-onboarding .content-college-schools .form-group .school-text-search .row.mb-3,
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group,
  .students-onboarding .content-enter-your-personal-info .form_transcript,
  .students-onboarding .content-confirm-and-submit .options .question-text:last-child,
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .bottom_transcript .school_box_table .table-responsive {
    margin-bottom: 0px !important;
  }
  .students-onboarding .content-set-profile-type .profile-content .set-type h1,
  .students-onboarding .content-set-profile-type .profile-content .set-type .type-choice .type-choice-icon,
  .students-onboarding .content-set-user-basic-profile .second-step img,
  .students-onboarding .content-set-user-basic-profile .row.form-group .col-md-6.col-xs-12.col-sm-6:first-child,
  .students-onboarding .content-select-credit-types .step-body .select-credit-types .screen-icon,
  .students-onboarding .content-college-schools .img_ap_wrapper,
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group .panel-body .custom_table .table-responsive,
  .students-onboarding .content-confirm-and-submit .confirm-main-text {
    margin-bottom: 10px !important;
  }
  .students-onboarding .content-set-profile-type .profile-content .set-type .type-choice .col-md-6.col-xs-12.col-sm-6:first-child,
  .students-onboarding .content-college .ds-college .college-wrapper .primary-text,
  .students-onboarding .content-college-courses .ds-transcript-request .transfer-main-text {
    margin-bottom: 30px !important;
    margin-bottom: 30px;
  }
  .students-onboarding .content-set-user-basic-profile .second-step .inner-content-wrap,
  .students-onboarding .content-college-schools .form-group .custom_table .table-responsive,
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group .panel,
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .bottom_transcript .school_box_table h3 {
    margin-top: 0px !important;
  }
  .students-onboarding .content-college-schools .form-group .custom_table,
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group .panel-body {
    margin-top: 10px !important;
  }
  .students-onboarding .content-set-user-basic-profile .second-step .inner-content-wrap .question-text {
    margin-top: 0.5rem !important;
    margin-top: 20px !important;
  }
  .students-onboarding .content-select-credit-types .step-body .select-credit-types .exam-types,
  .students-onboarding .content-college-schools .form-group .school-text-search,
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .bottom_transcript .school_box_table {
    margin-top: 30px !important;
  }
  .students-onboarding .content-select-credit-types.step-body .select-credit-types,
  .students-onboarding .content-college .ds-college .college-wrapper {
    gap: 0 !important;
  }
  .students-onboarding .content-select-credit-types.step-body .select-credit-types .exam-types,
  .students-onboarding .content-college .ds-college .college-wrapper .primary-text,
  .students-onboarding .content-college .ds-college .college-wrapper .college-options .options {
    gap: 10px !important;
  }
  .students-onboarding .content-college .ds-college .college-wrapper .college-options {
    gap: 20px !important;
  }
  .students-onboarding .content-set-profile-type .ds-onboarding-intro-wizard .set-type h1 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-set-profile-type .ds-onboarding-intro-wizard .set-type h2 {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-set-user-basic-profile .ds-onboarding-intro-wizard .second-step h1 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    margin-bottom: 10px !important;
  }
  .students-onboarding .content-set-user-basic-profile .ds-onboarding-intro-wizard .second-step .question-text {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-set-user-basic-profile .ds-onboarding-intro-wizard .form-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-select-credit-types h4.title {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-select-credit-types,
  .students-onboarding .content-college,
  .students-onboarding .content-college-schools,
  .students-onboarding .content-files-upload,
  .students-onboarding .content-enter-your-personal-info,
  .students-onboarding .content-confirm-and-submit,
  .students-onboarding .content-college-courses,
  .students-onboarding .content-files-list,
  .students-onboarding .content-ap,
  .students-onboarding .content-clep,
  .students-onboarding .content-ib,
  .students-onboarding .content-jst,
  .students-onboarding .content-transcript-select-school,
  .students-onboarding .content-how-flow-works,
  .students-onboarding .content-sorting-images {
    padding: 0 !important;
    background: #fff;
    align-items: start !important;
  }
  .students-onboarding .content-select-credit-types .step,
  .students-onboarding .content-college .step,
  .students-onboarding .content-college-schools .step,
  .students-onboarding .content-files-upload .step,
  .students-onboarding .content-enter-your-personal-info .step,
  .students-onboarding .content-confirm-and-submit .step,
  .students-onboarding .content-college-courses .step,
  .students-onboarding .content-files-list .step,
  .students-onboarding .content-ap .step,
  .students-onboarding .content-clep .step,
  .students-onboarding .content-ib .step,
  .students-onboarding .content-jst .step,
  .students-onboarding .content-transcript-select-school .step,
  .students-onboarding .content-how-flow-works .step,
  .students-onboarding .content-sorting-images .step {
    height: 100%;
  }
  .students-onboarding .content-select-credit-types .step-body,
  .students-onboarding .content-college .step-body,
  .students-onboarding .content-college-schools .step-body,
  .students-onboarding .content-files-upload .step-body,
  .students-onboarding .content-enter-your-personal-info .step-body,
  .students-onboarding .content-confirm-and-submit .step-body,
  .students-onboarding .content-college-courses .step-body,
  .students-onboarding .content-files-list .step-body,
  .students-onboarding .content-ap .step-body,
  .students-onboarding .content-clep .step-body,
  .students-onboarding .content-ib .step-body,
  .students-onboarding .content-jst .step-body,
  .students-onboarding .content-transcript-select-school .step-body,
  .students-onboarding .content-how-flow-works .step-body,
  .students-onboarding .content-sorting-images .step-body {
    padding: 0 !important;
    height: fit-content !important;
  }
  .students-onboarding .content-college .ds-college .college-wrapper .primary-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-college .ds-college .college-wrapper .primary-text br {
    display: none;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group .panel-title {
    padding: 5px;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .panel-group .panel-title .school-icons {
    align-items: center;
  }
  .students-onboarding .content-college-schools .ds-select-school .bottom_transcript .question-text {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-college-schools .ds-select-school .ds-search-input.form-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-college-schools .ds-select-school .table tr th {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-college-schools .ds-select-school .table tr td {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request {
    padding: 30px 0 30px 0 !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .transfer-main-text {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 0 20px !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .bottom_transcript .panel-heading {
    padding: 10px 20px !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .bottom_transcript .panel-heading .panel-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .bottom_transcript .panel-body .add-credits {
    padding: 0 20px !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .table-multiselect .table tr th {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .table-multiselect .table tr td {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .table-multiselect .table tr td .form-control,
  .students-onboarding .content-college-courses .ds-transcript-request .table-multiselect .table tr td .date-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .students-onboarding .content-college-courses .ds-transcript-request .table-multiselect .table tr td .code-text,
  .students-onboarding .content-college-courses .ds-transcript-request .table-multiselect .table tr td .course-code-input,
  .students-onboarding .content-college-courses .ds-transcript-request .table-multiselect .table tr td.course-title .form-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    font-style: italic !important;
    vertical-align: middle !important;
  }
  .students-onboarding .ds-transcript-request.ds-onboarding .custom_table.table-multiselect.school-table .status-col {
    display: table-cell;
  }
  .students-onboarding .content-ap .step-body.exam,
  .students-onboarding .content-clep .step-body.exam,
  .students-onboarding .content-ib .step-body.exam,
  .students-onboarding .content-jst .step-body.exam {
    overflow-y: unset !important;
  }
  .students-onboarding .content-ap .step-body.exam .exam-subtitle,
  .students-onboarding .content-clep .step-body.exam .exam-subtitle,
  .students-onboarding .content-ib .step-body.exam .exam-subtitle,
  .students-onboarding .content-jst .step-body.exam .exam-subtitle {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-ap .step-body.exam .search-panel,
  .students-onboarding .content-clep .step-body.exam .search-panel,
  .students-onboarding .content-ib .step-body.exam .search-panel,
  .students-onboarding .content-jst .step-body.exam .search-panel {
    padding: 0 !important;
    flex: unset !important;
  }
  .students-onboarding .content-ap .step-body.exam .search-panel h5,
  .students-onboarding .content-clep .step-body.exam .search-panel h5,
  .students-onboarding .content-ib .step-body.exam .search-panel h5,
  .students-onboarding .content-jst .step-body.exam .search-panel h5 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-ap .step-body.exam .search-panel .ds-multiselect,
  .students-onboarding .content-clep .step-body.exam .search-panel .ds-multiselect,
  .students-onboarding .content-ib .step-body.exam .search-panel .ds-multiselect,
  .students-onboarding .content-jst .step-body.exam .search-panel .ds-multiselect {
    margin-top: 0px !important;
  }
  .students-onboarding .content-ap .step-body.exam .search-panel .ds-multiselect .search-results,
  .students-onboarding .content-clep .step-body.exam .search-panel .ds-multiselect .search-results,
  .students-onboarding .content-ib .step-body.exam .search-panel .ds-multiselect .search-results,
  .students-onboarding .content-jst .step-body.exam .search-panel .ds-multiselect .search-results {
    min-height: 190px !important;
    max-height: 190px !important;
  }
  .students-onboarding .content-ap .step-body.exam .border-flex,
  .students-onboarding .content-clep .step-body.exam .border-flex,
  .students-onboarding .content-ib .step-body.exam .border-flex,
  .students-onboarding .content-jst .step-body.exam .border-flex {
    display: none;
  }
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel {
    padding: 0 !important;
  }
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel h5,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel h5,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel h5,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel h5 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel form,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel form,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel form,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel form {
    overflow: unset !important;
  }
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel form .exams-table,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel form .exams-table,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel form .exams-table,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel form .exams-table {
    margin-bottom: 0px !important;
  }
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel form .exams-table table tr th,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel form .exams-table table tr th,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel form .exams-table table tr th,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel form .exams-table table tr th {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel form .exams-table table tr td,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel form .exams-table table tr td,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel form .exams-table table tr td,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel form .exams-table table tr td {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-toggle,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-toggle,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-toggle,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-toggle,
  .students-onboarding .content-ap .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-choices-row,
  .students-onboarding .content-clep .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-choices-row,
  .students-onboarding .content-ib .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-choices-row,
  .students-onboarding .content-jst .step-body.exam .selected-exams-panel form .exams-table table tr td .ds-dropdown .ui-select-choices-row {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .students-onboarding .content-enter-your-personal-info .form_transcript {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px !important;
  }
  .students-onboarding .content-enter-your-personal-info .ds-personal-info .confirm-text {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-enter-your-personal-info .ds-personal-info .form_transcript .section-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-enter-your-personal-info .ds-personal-info .form_transcript .form-group label {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-enter-your-personal-info .ds-personal-info .form_transcript .form-group .form-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .estimated-credits {
    margin: 30px -20px 0 -20px !important;
  }
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .estimated-credits .your-coursework {
    display: none;
  }
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .estimated-credits .total-estimated {
    display: flex;
    justify-content: space-between;
    text-align: unset;
    align-items: center;
  }
  .students-onboarding .content-confirm-and-submit .summary-credits-shadow .estimated-credits .total-estimated .blue-card-wrapper {
    margin: unset;
    width: unset;
  }
  .students-onboarding .content-confirm-and-submit .bottom_transcript .confirm-main-text.question-text {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-confirm-and-submit .bottom_transcript .options .question-text {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .students-onboarding .content-confirm-and-submit .bottom_transcript .total-estimated > span {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-size: 14px !important;
  }
  .students-onboarding .content-confirm-and-submit .bottom_transcript .exam-type-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-confirm-and-submit .bottom_transcript .table-responsive table tr th {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .content-confirm-and-submit .bottom_transcript .table-responsive table tr td {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .students-onboarding .content-confirm-and-submit .bottom_transcript .table-responsive table tr td .course-code {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    font-style: italic !important;
    vertical-align: middle !important;
  }
  .students-onboarding .content-how-flow-works .ds-flow-works .btn.btn-bordered {
    font-size: 14px;
    padding: 6px 15px !important;
  }
  .students-onboarding .content-how-flow-works .ds-flow-works .btn.btn-bordered .btn-text {
    font-size: 14px !important;
  }
  .students-onboarding .ds-onboarding-pdf-bottom-sheet .ds-device-modal.active,
  .students-onboarding .ds-onboarding-coursework-bottom-sheet .ds-device-modal.active,
  .students-onboarding .ds-select-school .ds-select-school-bottom-sheet .ds-device-modal.active {
    bottom: 51px;
  }
  .students-onboarding .ds-exam-credits table > tbody > tr {
    height: unset;
  }
  .students-onboarding .ds-exam-credits table > tbody > tr td {
    padding: 8px 0 !important;
  }
  .students-onboarding .ds-exam-credits table > tbody > tr td .ds-dropdown .ui-select-match .ui-select-match-text.pull-left {
    height: unset !important;
    padding: 3px 5px !important;
  }
  .students-onboarding .ds-exam-credits table > tbody > tr td .ds-dropdown .ui-select-toggle {
    padding: 0 !important;
    height: 27px !important;
  }
  .students-onboarding .ds-exam-credits table > tbody > tr td .ds-dropdown input[type="search"] {
    height: 27px;
    min-height: 27px;
    padding: 3px 5px;
  }
  .students-onboarding .ds-exam-credits .ds-onboarding-exams-bottom-sheet .ds-device-modal:not(.active) {
    bottom: 111px;
  }
  .students-onboarding .ds-exam-credits .ds-onboarding-exams-bottom-sheet .ds-device-modal.active {
    bottom: 51px;
  }
  .students-onboarding .step .step-body {
    flex: unset !important;
  }
  .students-onboarding .ds-sorting-images {
    padding: 30px 20px !important;
  }
  .ds-personal-info .persona-info-content {
    max-width: unset !important;
    margin-top: 30px !important;
  }
  .students-onboarding .onboarding-content .navigation-content > div:nth-child(1),
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .navigation-content > div:nth-child(1),
  .ds-current-transcript .navigation-content > div:nth-child(1),
  .students-onboarding .onboarding-content .ds-select-school,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school,
  .ds-current-transcript .ds-select-school {
    margin: 0 !important;
  }
  .students-onboarding .onboarding-content .ds-files-list-items .files-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-files-list-items .files-wrapper,
  .ds-current-transcript .ds-files-list-items .files-wrapper {
    width: 100% !important;
  }
  .students-onboarding .onboarding-content .ds-files-list-items .file-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-files-list-items .file-wrapper,
  .ds-current-transcript .ds-files-list-items .file-wrapper {
    padding: 10px !important;
  }
  .students-onboarding .onboarding-content .ds-select-school .bottom_transcript,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school .bottom_transcript,
  .ds-current-transcript .ds-select-school .bottom_transcript {
    padding: 0 !important;
  }
  .students-onboarding .onboarding-content .ds-select-school .bottom_transcript .school-text-search > div:nth-child(1),
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school .bottom_transcript .school-text-search > div:nth-child(1),
  .ds-current-transcript .ds-select-school .bottom_transcript .school-text-search > div:nth-child(1) {
    margin: 10px 0 !important;
  }
  .students-onboarding .onboarding-content .ds-select-school .bottom_transcript .card-box-shadow.custom_table,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school .bottom_transcript .card-box-shadow.custom_table,
  .ds-current-transcript .ds-select-school .bottom_transcript .card-box-shadow.custom_table {
    box-shadow: unset !important;
  }
  .students-onboarding .onboarding-content .ds-select-school .bottom_transcript .table tr td,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school .bottom_transcript .table tr td,
  .ds-current-transcript .ds-select-school .bottom_transcript .table tr td {
    border: unset !important;
  }
  .students-onboarding .onboarding-content .ds-select-school .img_ap_wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school .img_ap_wrapper,
  .ds-current-transcript .ds-select-school .img_ap_wrapper {
    margin-bottom: 10px !important;
  }
  .students-onboarding .onboarding-content .ds-select-school .search-schools,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school .search-schools,
  .ds-current-transcript .ds-select-school .search-schools {
    margin-top: 0px !important;
  }
  .students-onboarding .onboarding-content .ds-select-school .custom_table,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school .custom_table,
  .ds-current-transcript .ds-select-school .custom_table {
    margin-top: 10px !important;
  }
  .students-onboarding .onboarding-content .school-data,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data,
  .ds-current-transcript .school-data,
  .students-onboarding .onboarding-content .school-data.panel-heading.panel-school,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school,
  .ds-current-transcript .school-data.panel-heading.panel-school {
    padding: 10px 20px !important;
  }
  .students-onboarding .onboarding-content .school-data.active,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.active,
  .ds-current-transcript .school-data.active,
  .students-onboarding .onboarding-content .school-data.panel-heading.panel-school.active,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school.active,
  .ds-current-transcript .school-data.panel-heading.panel-school.active,
  .students-onboarding .onboarding-content .school-data.active-school,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.active-school,
  .ds-current-transcript .school-data.active-school,
  .students-onboarding .onboarding-content .school-data.panel-heading.panel-school.active-school,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school.active-school,
  .ds-current-transcript .school-data.panel-heading.panel-school.active-school {
    border-radius: 0 !important;
  }
  .students-onboarding .onboarding-content .school-data .credit-title.name .school-name > span,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data .credit-title.name .school-name > span,
  .ds-current-transcript .school-data .credit-title.name .school-name > span,
  .students-onboarding .onboarding-content .school-data.panel-heading.panel-school .credit-title.name .school-name > span,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .school-data.panel-heading.panel-school .credit-title.name .school-name > span,
  .ds-current-transcript .school-data.panel-heading.panel-school .credit-title.name .school-name > span {
    font-size: 12px !important;
    font-weight: 400;
  }
  .students-onboarding .onboarding-content .add-credits,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .add-credits,
  .ds-current-transcript .add-credits,
  .students-onboarding .onboarding-content .add-exams,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .add-exams,
  .ds-current-transcript .add-exams {
    padding: 0 20px !important;
  }
  .students-onboarding .onboarding-content .add-credits .btn.btn-bordered,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .add-credits .btn.btn-bordered,
  .ds-current-transcript .add-credits .btn.btn-bordered,
  .students-onboarding .onboarding-content .add-exams .btn.btn-bordered,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .add-exams .btn.btn-bordered,
  .ds-current-transcript .add-exams .btn.btn-bordered {
    margin-top: 0px !important;
  }
  .students-onboarding .onboarding-content .custom_table.table-multiselect.exam-table,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.exam-table,
  .ds-current-transcript .custom_table.table-multiselect.exam-table,
  .students-onboarding .onboarding-content .custom_table.table-multiselect.school-table,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.school-table,
  .ds-current-transcript .custom_table.table-multiselect.school-table {
    margin-top: 0px !important;
  }
  .students-onboarding .onboarding-content .custom_table.table-multiselect.exam-table .status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.exam-table .status-col,
  .ds-current-transcript .custom_table.table-multiselect.exam-table .status-col,
  .students-onboarding .onboarding-content .custom_table.table-multiselect.school-table .status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.school-table .status-col,
  .ds-current-transcript .custom_table.table-multiselect.school-table .status-col {
    display: table-cell !important;
  }
  .students-onboarding .onboarding-content .custom_table.table-multiselect.exam-table .table-responsive.flex-1,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.exam-table .table-responsive.flex-1,
  .ds-current-transcript .custom_table.table-multiselect.exam-table .table-responsive.flex-1,
  .students-onboarding .onboarding-content .custom_table.table-multiselect.school-table .table-responsive.flex-1,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.school-table .table-responsive.flex-1,
  .ds-current-transcript .custom_table.table-multiselect.school-table .table-responsive.flex-1 {
    margin-bottom: 0px !important;
    max-height: unset !important;
  }
  .students-onboarding .onboarding-content .custom_table.table-multiselect.exam-table td .delete_icon_img img,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.exam-table td .delete_icon_img img,
  .ds-current-transcript .custom_table.table-multiselect.exam-table td .delete_icon_img img,
  .students-onboarding .onboarding-content .custom_table.table-multiselect.school-table td .delete_icon_img img,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .custom_table.table-multiselect.school-table td .delete_icon_img img,
  .ds-current-transcript .custom_table.table-multiselect.school-table td .delete_icon_img img {
    width: 18px;
    height: 18px;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .upload-text,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .upload-text,
  .ds-current-transcript .ds-upload-transcript .upload-text {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .students-onboarding .onboarding-content .ds-upload-transcript .error-attachments,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .error-attachments,
  .ds-current-transcript .ds-upload-transcript .error-attachments {
    max-width: 100%;
  }
  .students-onboarding .onboarding-content .ds-transcript-select-school .btn.btn-primary,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-transcript-select-school .btn.btn-primary,
  .ds-current-transcript .ds-transcript-select-school .btn.btn-primary,
  .students-onboarding .onboarding-content .ds-upload-transcript .btn.btn-primary,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .btn.btn-primary,
  .ds-current-transcript .ds-upload-transcript .btn.btn-primary,
  .students-onboarding .onboarding-content .ds-flow-works .btn.btn-primary,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .btn.btn-primary,
  .ds-current-transcript .ds-flow-works .btn.btn-primary,
  .students-onboarding .onboarding-content .ds-transcript-select-school .btn.ds-attachments-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-transcript-select-school .btn.ds-attachments-wrapper,
  .ds-current-transcript .ds-transcript-select-school .btn.ds-attachments-wrapper,
  .students-onboarding .onboarding-content .ds-upload-transcript .btn.ds-attachments-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .btn.ds-attachments-wrapper,
  .ds-current-transcript .ds-upload-transcript .btn.ds-attachments-wrapper,
  .students-onboarding .onboarding-content .ds-flow-works .btn.ds-attachments-wrapper,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .btn.ds-attachments-wrapper,
  .ds-current-transcript .ds-flow-works .btn.ds-attachments-wrapper,
  .students-onboarding .onboarding-content .ds-transcript-select-school .btn.btn-bordered,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-transcript-select-school .btn.btn-bordered,
  .ds-current-transcript .ds-transcript-select-school .btn.btn-bordered,
  .students-onboarding .onboarding-content .ds-upload-transcript .btn.btn-bordered,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript .btn.btn-bordered,
  .ds-current-transcript .ds-upload-transcript .btn.btn-bordered,
  .students-onboarding .onboarding-content .ds-flow-works .btn.btn-bordered,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-flow-works .btn.btn-bordered,
  .ds-current-transcript .ds-flow-works .btn.btn-bordered {
    font-size: 14px;
    padding: 6px 15px !important;
    font-size: 16px !important;
  }
  .students-onboarding .ds-transcript-pdf-bottom-sheet .ds-device-modal:not(.active),
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-transcript-pdf-bottom-sheet .ds-device-modal:not(.active),
  .students-onboarding .ds-onboarding-pdf-bottom-sheet .ds-device-modal:not(.active),
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-onboarding-pdf-bottom-sheet .ds-device-modal:not(.active) {
    bottom: 110px;
  }
}
.ds-onboarding .input-icon-right-wrapper {
  width: 0;
}
.ds-onboarding .input-icon-right-wrapper .input-icon {
  position: absolute;
  top: 0;
  right: -5px;
  line-height: 30px;
}
.ds-onboarding .w-100px {
  width: 100px !important;
  min-width: 100px !important;
}
.ds-onboarding input.ng-invalid,
.ds-onboarding select.ng-invalid,
.ds-onboarding input.ng-invalid:focus,
.side_modal_body.add_modal input.ng-invalid,
.side_modal_body.add_modal select.ng-invalid,
.side_modal_body.add_modal input.ng-invalid:focus {
  border: solid 1px #ff3b4a !important;
}
.ds-onboarding .ng-invalid-required option:first-child {
  background: white;
}
.ds-onboarding .ng-invalid-required > option {
  padding-left: 1rem;
}
.ds-onboarding .ng-invalid-required option:hover {
  color: white;
  background: hsl(206, 100%, 52%);
}
.ds-onboarding .blue-card-wrapper {
  width: 100%;
  max-width: 300px;
  min-width: 220px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
  border-radius: 5px 0px 0px 5px;
  padding: 2px;
  text-align: center;
  border: 1px solid #D6D6D6;
  margin: auto;
  max-height: 100px;
}
.ds-onboarding .blue-card-wrapper span {
  font-weight: 500;
  font-size: 48px;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.ds-onboarding .blue-card-wrapper p {
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
}
.ds-onboarding .white-card-wrapper {
  background: #fff;
  border-radius: 5px;
}
.ds-onboarding .white-card-wrapper h3 {
  color: #00B8E4;
}
.ds-onboarding .white-card-wrapper p {
  color: #00B8E4;
}
.ds-onboarding .bg-white.box-shadow {
  min-height: 600px;
  position: relative;
}
.ds-onboarding .whats-next-wrapper {
  max-width: 750px;
  margin: auto;
  display: inline-block;
}
.ds-onboarding .whats-next-wrapper .btn-primary {
  width: 290px;
}
.ds-onboarding .top_transcript {
  padding: 15px 40px !important;
  border-radius: 6px 6px 0 0;
  min-height: 70px;
  display: grid;
}
.ds-onboarding .top_transcript h4,
.main-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.ds-onboarding .top_transcript p {
  font-weight: 500;
  line-height: 24px;
}
.ds-onboarding .top_transcript .logo_half {
  padding-top: 20px !important;
}
.ds-onboarding .top_transcript .logo_sch img {
  width: 45px;
  margin-right: 10px;
}
.ds-onboarding .top_transcript .steps_script {
  width: 100%;
  max-width: 300px;
}
.ds-onboarding .top_transcript .steps_script img {
  float: right;
}
.ds-onboarding .bottom_transcript .img_ap_wrapper img {
  min-height: 120px;
}
.ds-onboarding .bottom_transcript .action-callout-text {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #3C51B9;
}
.ds-onboarding .bottom_transcript .question-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3C3C3C;
}
.ds-onboarding .bottom_transcript .form-group .row {
  padding: 20px 0px;
}
.ds-onboarding .bottom_transcript .table tr th {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.ds-onboarding .bottom_transcript .table tr td {
  font-size: 13px;
  border-bottom: 1px solid #f6f8fa !important;
  font-weight: 500;
  line-height: 28px;
  padding: 4px 4px;
  color: #393939;
}
.ds-onboarding .bottom_transcript .table tr td span a {
  color: #59595b;
}
.ds-onboarding .bottom_transcript .table tr td select.input-sm-table {
  padding-top: 1px;
  padding-left: 10px !important;
}
.ds-onboarding .bottom_transcript .table tr td .input-sm-table {
  height: 28px;
  line-height: 20px;
  font-size: 13px;
  color: #393939;
}
.ds-onboarding .bottom_transcript .table tr td .input-sm-table:focus {
  border: 1px solid #C4D4D9 !important;
}
.ds-onboarding .bottom_transcript .table tr td .input-sm-table ::placeholder {
  color: #393939;
}
.ds-onboarding .bottom_transcript .table tr td.course-code {
  font-weight: 500;
  min-width: 100px;
}
.ds-onboarding .bottom_transcript .table tr td.course-title {
  font-weight: 400;
}
.ds-onboarding .bottom_transcript .table tr td.completion-date .input-sm-table {
  max-width: 155px;
  color: #393939 !important;
  border-color: #ececec;
}
.ds-onboarding .bottom_transcript .custom_table {
  margin-top: 40px;
  position: relative;
}
.ds-onboarding .bottom_transcript .panel-group .panel-default > .panel-heading {
  background-color: transparent;
  border-color: transparent;
  padding: 10px;
}
.ds-onboarding .bottom_transcript .panel-group h4 a.collapsed .mdl2-ChevronUp::before {
  content: '\E70D';
}
.ds-onboarding .bottom_transcript .panel-group .mdl2-ChevronUp {
  font-size: 12px;
  color: #3C51B9;
}
.ds-onboarding .bottom_transcript .panel-group .panel-title {
  position: relative;
}
.ds-onboarding .bottom_transcript .panel-group .panel-title a:hover {
  text-decoration: none;
}
.ds-onboarding .bottom_transcript .panel-heading {
  padding: 10px 15px !important;
}
.ds-onboarding .bottom_transcript .panel-heading .panel-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #59595B;
}
.ds-onboarding .bottom_transcript .panel-body {
  border-top: none !important;
  min-height: 200px;
  padding: 10px 15px !important;
}
.ds-onboarding .bottom_transcript .panel-body .custom_table {
  margin-top: 0;
}
.ds-onboarding .bottom_transcript .panel {
  border-radius: 3px;
  border: none;
  margin-bottom: 30px;
  box-shadow: none !important;
}
.ds-onboarding .student_slide {
  background: url(/assets-new/images/rectangle_1.png) no-repeat left top;
  height: 487px;
  position: relative;
  background-size: cover;
}
.ds-onboarding .student_slide:after {
  content: "";
  width: 100%;
  height: 143px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: url(/assets-new/images/bg_slide_stu1.png) no-repeat left top;
  z-index: 99;
  background-size: cover;
}
.ds-onboarding .student_slide .img_text_stu {
  position: relative;
}
.ds-onboarding .student_slide .img_text_stu img {
  max-width: 550px;
  width: 100%;
  margin: 74px auto 0;
  display: block;
}
.ds-onboarding .students_title {
  width: 100%;
  position: absolute;
  top: 35%;
}
.ds-onboarding .students_title h5 {
  font-weight: bold;
  margin: 0;
}
.ds-onboarding .students_title h1 {
  font-size: 48px;
  font-weight: bold;
  color: #080F44;
  line-height: 72px;
  margin: 0;
}
.ds-onboarding .graduate_plan {
  margin-top: -27px;
  padding: 0 15px;
}
.ds-onboarding .graduate_plan h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  color: #080F44;
  margin-bottom: 40px;
}
.ds-onboarding .graduate_plan h5 {
  font-weight: normal;
  margin-bottom: 20px;
}
.ds-onboarding .graduate_plan p {
  font-size: 12px;
}
.ds-onboarding .graduate_plan .icons-icon {
  font-size: 20px;
}
.ds-onboarding .graduate_plan img {
  width: 40px;
}
.ds-onboarding .wait_list {
  padding: 40px 15px;
}
.ds-onboarding .wait_list h3 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 10px;
  margin-top: 0;
}
.ds-onboarding .wait_list label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #59595B;
}
.ds-onboarding .wait_list p {
  font-size: 12px;
}
.ds-onboarding .text-blue-gradient {
  background: linear-gradient(136.23deg, rgba(0, 184, 228, 0.75) 38.36%, #61129e 75.94%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ds-onboarding .back_bottom {
  position: absolute;
  bottom: 20px;
}
.ds-onboarding .back_bottom .btn-light {
  margin-left: 40px;
}
.ds-onboarding .tool_tip_t:not(.bottom_tool_tip) .tool_tip_box {
  top: 5px;
  right: 0%;
  border-top: none !important;
  border-bottom: 5px solid #3C51B9;
}
.ds-onboarding .tool_tip_t:not(.bottom_tool_tip) .tool_tip_box:before {
  content: unset !important;
}
.ds-onboarding .tool_tip_t:not(.bottom_tool_tip) .tool_tip_box:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  position: absolute;
  bottom: -7px;
  right: 45%;
  font-weight: 700;
  color: #3C51B9;
  font-size: 20px;
  line-height: 0;
}
.ds-onboarding .degree-ooltip {
  border-top: none !important;
  border-bottom: 5px solid #3C51B9;
}
.ds-onboarding .dbu_school_main {
  min-height: calc(100vh - 55px);
}
.ds-onboarding .dbu_school_main .cir_online {
  width: 12px;
  height: 12px;
  line-height: 12px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 100%;
  margin-right: 10px;
}
.ds-onboarding .dbu_school_main .bg-green {
  background: #11C37A;
}
.ds-onboarding .dbu_school_main .bg-gray {
  background: #D6D6D6;
}
.ds-onboarding .dbu_school_main .bg-white.box-shadow {
  min-height: auto;
  margin: 20px 0;
}
.ds-onboarding .dbu_school_main .title_top {
  padding-top: 35px;
  color: #fff;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec {
  min-height: auto;
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec .top_transcript h2 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 0;
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec .img_sec {
  width: 65px;
  height: 65px;
  margin-right: 15px;
  background: #FFFFFF;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 10px 25px rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  position: relative;
  text-align: center;
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec .img_sec a {
  margin: 0 auto;
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec .img_sec img {
  width: 50px;
  margin: 4px auto;
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec .img_sec .cir_online {
  width: 12px;
  height: 12px;
  line-height: 12px;
  border: 1px solid #fff;
  border-radius: 100%;
  position: absolute;
  bottom: 4px;
  right: 0px;
  margin: 0;
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec .blue-card-wrapper {
  width: 205px;
  min-width: fit-content;
  text-align: left;
  padding: 0 15px;
  margin-right: 15px;
}
.ds-onboarding .dbu_school_main .dbu_school_top_sec .blue-card-wrapper .price-per-hour {
  font-size: 48px;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1.1;
}
.ds-onboarding .dbu_school_main .text-dark-gray {
  color: #333;
}
.ds-onboarding .dbu_school_main .font-10 {
  font-size: 10px;
  line-height: 11px;
  font-weight: 400;
}
.ds-onboarding .dbu_school_main .text-light-gray {
  color: #8F9EA6;
}
.ds-onboarding .dbu_school_main .font-24 {
  font-size: 24px;
}
.ds-onboarding .dbu_school_main .text-white {
  color: #fff !important;
}
.ds-onboarding .dbu_school_main .bottom_transcript .title_bottom_1 h2 {
  line-height: 100%;
  text-align: center;
  color: #0B1930;
  margin-bottom: 25px;
}
.ds-onboarding .dbu_school_main .bottom_transcript .title_bottom_1 p {
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #0B1930;
}
.ds-onboarding .dbu_school_main .btn_sec p {
  color: #0B1930;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
}
.no-transcript {
  padding-left: 17px;
}
.visible-xs {
  display: none;
}
@media only screen and (max-width: 767px) {
  .ds-onboarding .whats-next-wrapper .btn-primary {
    width: auto;
  }
  .ds-onboarding .bg-white.box-shadow {
    margin-top: 1rem;
  }
  .ds-onboarding .body-content {
    height: 100%;
    display: block;
    padding: 0 0;
  }
  .ds-onboarding .back_bottom {
    bottom: 5px !important;
  }
  .ds-onboarding .top_transcript {
    padding: 20px 0px !important;
    text-align: center;
    justify-content: center;
  }
  .ds-onboarding .top_transcript .justify-content-between > span.d-flex {
    /*text-align: left;*/
  }
  .ds-onboarding .top_transcript > .d-flex {
    flex-direction: column;
  }
  .ds-onboarding .top_transcript .logo_sch {
    text-align: center;
    display: block !important;
  }
  .ds-onboarding .top_transcript .logo_sch img {
    width: 100px;
  }
  .ds-onboarding .top_transcript h4,
  .main-text {
    margin-top: 0px !important;
  }
  .ds-onboarding .top_transcript .steps_script img {
    float: none;
    margin: 0 auto;
  }
  .ds-onboarding .bottom_transcript {
    padding: 40px 15px 80px;
  }
  .ds-onboarding .bottom_transcript .row .col-md-12.full-width-md {
    width: 100%;
  }
  .ds-onboarding .panel-heading .panel-title .panel-title {
    font-size: 15px !important;
    line-height: 18px !important;
  }
  .ds-onboarding .white-card-wrapper {
    margin: 0 auto;
  }
  .dbu_school_main .bg-white.box-shadow {
    margin: 20px 20px !important;
  }
  .dbu_school_main .hidden-xs {
    display: none;
  }
  .dbu_school_main .visible-xs {
    display: block;
  }
  .dbu_school_main .title_top {
    padding-top: 0 !important;
  }
  .dbu_school_main .dbu_school_top_sec .top_transcript .logo_half {
    display: none;
  }
  .dbu_school_main .dbu_school_top_sec .top_transcript .flex-column-xs {
    flex-direction: column;
    padding: 0 10px 10px;
    text-align: center;
  }
  .dbu_school_main .dbu_school_top_sec .top_transcript .flex-column-xs h4 {
    margin: 20px 0 5px !important;
    line-height: 37px;
  }
  .dbu_school_main .dbu_school_top_sec .top_transcript .blue-card-wrapper {
    margin: 0 auto;
  }
  .dbu_school_main .btn_sec p {
    color: #fff !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .dbu_school_main .btn_sec p a {
    max-width: 160px;
  }
  .dbu_school_main .tool_tip_t .tool_tip_box {
    min-width: 218px !important;
    right: -11px !important;
    left: auto !important;
  }
}
span.existing-match-rule {
  color: #d74346;
  margin-left: 5px;
  text-wrap: nowrap;
}
.ds-dropdown.grade-dropdown.ui-select-container {
  display: inline-block !important;
  width: 40px !important;
}
.ds-dropdown.grade-dropdown.ui-select-container .ui-select-choices-row {
  color: #A3A3A3 !important;
  padding: 7px 20px !important;
}
.ds-dropdown.grade-dropdown.ui-select-container .ui-select-choices-row:not(.disabled):hover {
  background-color: #1e90ff !important;
  color: white !important;
}
.ds-dropdown.grade-dropdown.ui-select-container .ui-select-choices-row.disabled {
  background-color: #ebeef8 !important;
}
.ds-dropdown.equivalency-grade.ui-select-container .ui-select-choices-row {
  padding: 7px 15px !important;
}
.ds-dropdown.grade-dropdown.ui-select-container.open ul.dropdown-menu {
  padding: 0px !important;
  border-style: solid !important;
  border-width: 1.1px !important;
  border-radius: 3px !important;
  border-color: #c4d4d9 !important;
}
.ds-dropdown.grade-dropdown .ui-select-choices {
  position: absolute !important;
  max-width: 190px !important;
  min-height: auto !important;
  font-weight: normal !important;
}
.ds-dropdown.grade-dropdown .ui-select-match.ng-hide {
  display: block !important;
}
.ds-dropdown.grade-dropdown .ui-select-refreshing,
.ds-dropdown.grade-dropdown .ui-select-search {
  display: none !important;
}
@media screen and (max-width: 576px) {
  .ds-card {
    padding: 30px 20px !important;
    margin: 0 !important;
  }
}
.ds-transcript-request .bottom_transcript .school-text-search .input-group-btn {
  right: 12px;
}
.ds-transcript-request .bottom_transcript .school-text-search ul.dropdown-menu li a {
  font-weight: 400;
}
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-date .input-sm-table {
  border: 1px solid transparent;
  cursor: pointer;
  background: transparent!important;
  min-width: 155px;
  max-width: 100%;
}
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-date input[type="date"]::-webkit-inner-spin-button,
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-date input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-date:hover .input-sm-table {
  border: 1px solid #ececec;
  background: #ffffff !important;
}
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-date:hover input[type="date"]::-webkit-inner-spin-button,
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-date:hover input[type="date"]::-webkit-calendar-picker-indicator {
  display: initial;
  -webkit-appearance: auto;
}
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.course-title .input-sm-table {
  background: #fff !important;
  border: 1px solid #C4D4D9;
}
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-grade input.input-sm-table,
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-grade select.input-sm-table {
  border: 1px solid transparent;
  cursor: pointer;
  background: transparent!important;
  padding-left: 5px !important;
  max-width: 40px;
  color: #393939 !important;
}
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-grade:hover input.input-sm-table,
.ds-transcript-request.ds-onboarding .bottom_transcript .table tr td.completion-grade:hover select.input-sm-table {
  border: 1px solid #ececec;
  cursor: pointer;
  background: #ffffff !important;
}
.ds-transcript-request .school-icons {
  display: flex;
  gap: 5px;
  margin-left: 5px;
}
.ds-transcript-request .school-icons .customClass {
  z-index: 10;
}
.ds-transcript-request .school-icons .transcript-icon {
  height: 21px;
  width: 21px;
}
.ds-transcript-request .school-icons .delete-school {
  height: 20px;
  width: 20px;
}
.ds-transcript-request .school_action .delete_icon_img {
  width: 13px;
}
.ds-transcript-request .ds-spinner {
  font-size: 6em;
}
.ds-transcript-request .btn-bordered.add-more-credits {
  padding: 4px 12px;
}
.ds-review-target .bottom_transcript .panel-group .panel {
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 3px;
  border: none;
  margin-bottom: 15px;
}
.ds-review-target .bottom_transcript .panel-group .panel-default > .panel-heading {
  background-color: transparent ;
  border-color: transparent;
  padding: 10px;
}
.ds-review-target .bottom_transcript .panel-group h4 a.collapsed .mdl2-ChevronUp::before {
  content: '\E70D';
}
.ds-review-target .bottom_transcript .panel-group .mdl2-ChevronUp {
  font-size: 12px;
  color: #3C51B9;
}
.ds-review-target .bottom_transcript .panel-group .panel-title {
  position: relative;
}
.ds-review-target .bottom_transcript .panel-group .panel-title .text-blue {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #3C51B9;
}
.ds-review-target .bottom_transcript .panel-group .panel-title a:hover {
  text-decoration: none;
}
.ds-review-target .bottom_transcript .school-text-search .input-group-btn {
  right: 12px;
}
.ds-review-target .bottom_transcript .review_date_sec {
  display: flex;
  justify-content: space-between;
}
.ds-review-target .bottom_transcript .review_date_sec .text_credit {
  width: 100%;
  max-width: 520px;
}
.ds-review-target .bottom_transcript .review_date_sec .text_credit .font-12 {
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  line-height: 120%;
}
.ds-review-target .bottom_transcript .review_date_sec .text_credit .font-9 {
  font-size: 9px;
  color: #333333;
  font-weight: 300;
  line-height: 15px;
}
.ds-review-target .bottom_transcript .review_date_sec .blue-card-wrapper {
  width: 100%;
  max-width: 250px;
  min-width: 200px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
  border-radius: 5px;
  padding: 2px;
  text-align: center;
}
.ds-review-target .bottom_transcript .review_date_sec .blue-card-wrapper h3 {
  font-weight: 500;
  font-size: 48px;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.ds-review-target .bottom_transcript .review_date_sec .blue-card-wrapper p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
}
.ds-transcript-request .bottom_transcript .tool_tip_t {
  bottom: 0px;
  right: 0;
  top: auto;
}
.ds-transcript-request .bottom_transcript .tool_tip_t .tool_tip_box {
  bottom: 26px;
  min-width: 400px;
  top: auto;
  right: -194px;
  left: auto;
}
.ds-transcript-request .bottom_transcript .cir_help {
  background: #979799;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
}
.ds-transcript-request .bottom_transcript .form_transcript .form-group {
  position: relative;
  margin-bottom: 10px;
}
.ds-transcript-request .bottom_transcript .form_transcript .form-group label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #59595B;
}
.ds-transcript-request .bottom_transcript .form_transcript .form-group .cir_help {
  position: relative;
  left: auto;
  right: auto !important;
  top: auto;
  bottom: auto !important;
}
.ds-transcript-request .bottom_transcript .form_transcript .form-group .form-control {
  font-size: 12px;
  font-weight: 400;
  color: #393939;
  border: 1px solid #D2D2D2;
  border-radius: 3px;
}
.ds-transcript-request .bottom_transcript .form_transcript .form-group .icons-icon {
  position: absolute;
  right: 25px;
  bottom: 6px;
}
.ds-transcript-request .bottom_transcript .form_transcript .select_opt {
  position: relative;
}
.ds-transcript-request .bottom_transcript .form_transcript .select_opt .icons-icon {
  font-size: 11px;
  font-weight: bold;
  color: #222;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container {
  padding: 0 !important;
  height: auto;
  min-height: 32px !important;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container .dropdown-menu::before {
  display: none;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container input {
  background-color: #fff !important;
  background-clip: padding-box;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  font-size: 13px;
  height: auto;
  min-height: 32px;
  color: #A3A3A3;
  border-radius: 3px !important;
  box-shadow: none;
  width: 100% !important;
  border: none;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container input:focus {
  outline: none;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container .ui-select-choices {
  background: #fff;
  max-height: 250px;
  overflow: auto;
  min-height: 250px;
  width: 100%;
  top: 101% !important;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container .ui-select-choices-row:hover {
  background: #E7EDF3;
  color: #3C51B9 !important;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container .ui-select-match-item {
  outline: none;
}
.ds-transcript-request .bottom_transcript .form_transcript .ui-select-container .btn-default {
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.8) -2.67%, rgba(0, 184, 228, 0.8) 105.63%) !important;
  border-radius: 2px;
  font-weight: normal;
  font-size: 12px;
  border: none;
  padding: 2px 5px !important;
  margin: 2px;
  color: #FFFFFF;
  min-width: auto;
}
.ds-transcript-request .container {
  max-width: 1100px !important;
}
.ds-submitted-transcript {
  background-color: #FAFAFA;
}
.ds-submitted-transcript .submission-container .submission-max-container {
  max-width: 1100px;
  width: 100%;
}
.ds-submitted-transcript .white-bg {
  background: #fff;
}
.ds-submitted-transcript .mr-1 {
  margin-right: 10px;
}
.ds-submitted-transcript .main_view_collapse {
  background: transparent;
  box-shadow: none;
}
.ds-submitted-transcript .main_view_collapse .position-relative {
  position: relative;
}
.ds-submitted-transcript .main_view_collapse .blue-card-wrapper {
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
}
.ds-submitted-transcript .main_view_collapse .table_sec {
  padding: 10px 40px 20px;
}
.ds-submitted-transcript .main_view_collapse .sub_top .text-gray {
  color: #8F9EA6;
}
.ds-submitted-transcript .main_view_collapse .sub_top .view_details {
  padding: 15px 40px;
  text-align: center;
  background: #F7F8FA;
  border-radius: 0px 0px 6px 6px;
}
.ds-submitted-transcript .main_view_collapse .sub_top .view_details p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.ds-submitted-transcript .main_view_collapse .number {
  font-weight: 500;
  font-size: 36px;
  line-height: 54px;
  margin-right: 10px;
}
.ds-submitted-transcript .main_view_collapse .blue_sec_right {
  max-width: 230px;
}
.ds-submitted-transcript .main_view_collapse .blue_sec_right span {
  line-height: 1;
}
.ds-submitted-transcript .main_view_collapse .blue_sec_right .subtext {
  color: #8B8B98;
}
.ds-submitted-transcript .main_view_collapse .submitted-coursework-header {
  border-radius: 5px;
}
.ds-submitted-transcript .main_view_collapse .submitted-coursework-header.log_sec_padd {
  padding: 0 0 20px !important;
}
.ds-submitted-transcript .main_view_collapse .submitted-coursework-header a {
  text-decoration: none;
}
.ds-submitted-transcript .main_view_collapse .whats-next-wrapper-new {
  box-shadow: 0 0 35px rgba(88, 88, 91, 0.35);
  border-radius: 6px;
  width: 100%;
  display: inline-block;
  padding: 0 40px 40px;
  background-color: #fff;
  margin-bottom: 60px;
}
.ds-submitted-transcript .mr-2 {
  margin-right: 20px;
}
.ds-submitted-transcript .bottom_transcript .select_box_shadow:hover,
.ds-submitted-transcript .bottom_transcript .select_box_shadow:focus,
.ds-submitted-transcript .bottom_transcript .select_box_shadow.active {
  box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.35) !important;
}
.ds-submitted-transcript .bottom_transcript .m-auto {
  margin: 0 auto;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .sponsored {
  border-radius: 5px;
  background: #F2994A;
  color: #fff;
  padding: 4px 11px;
  text-transform: uppercase;
  margin-left: -52px;
  width: fit-content;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow {
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 40px;
  background: #fff;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details {
  background: #F7F8FA;
  border-radius: 0px 0px 6px 6px;
  padding: 5px 0 !important;
  height: 40px !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details .show-view-details,
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details .hide-view-details {
  display: flex;
  color: #404040;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details.show .show-view-details {
  display: none;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details.show .hide-view-details {
  display: flex;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details.show .hide-view-details arrow-drop-svg {
  transform: rotate(180deg);
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details.show.collapsed .show-view-details {
  display: flex;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details.show.collapsed .hide-view-details {
  display: none;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details.collapse {
  display: flex;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details:not(.show) .hide-view-details {
  display: none;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details a {
  color: #3C51B9;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .collapsed .view_details a::after {
  transform: rotate(0deg);
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .border-top {
  border-top: 1px solid #ddd;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .text-gray {
  color: #8F9EA6;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .bg-blue {
  background-color: #3C51B9;
  color: #fff;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .blue_sec {
  padding: 20px 40px !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .blue_sec .next-steps {
  color: #3C51B9;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .blue_sec p {
  font-size: 14px;
  line-height: 21px;
  color: #59595B;
  font-weight: 400;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .credit-limit-alert {
  padding: 40px !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .credit-limit-alert .warning-list {
  background: #FFF7E6;
  color: #4a4a4c;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .credit-limit-alert .warning-list .warning {
  display: flex;
  gap: 5px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .credit-limit-alert .warning-list .warning .alert-warning-icon {
  width: 16px;
  height: 16px;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .credit-limit-alert .warning-list .warning > span:nth-child(1) {
  display: flex;
  color: #FFA800;
  gap: 3px;
  font-size: 14px !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .credit-limit-alert .warning-list .warning > span:nth-child(2) {
  color: #3C3C3C !important;
  font-size: 14px !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .credit-limit-alert .warning-list .warning:not(:last-child) {
  border-bottom: 1px solid rgba(255, 168, 0, 0.25);
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse table .approval-status .chrome-yellow {
  font-size: 10px !important;
  line-height: 22px;
  font-weight: 400;
  font-weight: 600 !important;
  margin-top: -6px;
  margin-left: 3px;
  letter-spacing: 1px;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse table .approval-status .asterisk img {
  margin-top: -21px;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse table tr.hover {
  background: #F7F8FA !important;
}
.ds-submitted-transcript .bottom_transcript .listing_school .box-shadow {
  padding: 20px 0 20px 10px;
  position: relative;
}
.ds-submitted-transcript .bottom_transcript .listing_school .online-text {
  margin-top: 40px;
}
.ds-submitted-transcript .bottom_transcript .listing_school .posi_chat_btn {
  position: absolute;
  left: 125px;
  bottom: -20px;
  cursor: col-resize;
  z-index: 9;
}
.ds-submitted-transcript .bottom_transcript .listing_school .pb-0 {
  padding-bottom: 0;
}
.ds-submitted-transcript .bottom_transcript .listing_school .bg-light-blue {
  background: #EAF6FF;
}
.ds-submitted-transcript .bottom_transcript .first_col {
  display: flex;
  flex-direction: column;
}
.ds-submitted-transcript .bottom_transcript .first_col .img_sec {
  display: flex;
  flex-direction: column;
  max-width: 110px;
  text-align: center;
  justify-content: space-around;
}
.ds-submitted-transcript .bottom_transcript .first_col .img_sec .logo_submit,
.ds-program-evals-list .program-eval-heading .logo_submit {
  width: 65px;
  height: 65px;
  background: #F7F8FA;
  border-radius: 5px;
  padding: 2px;
  justify-content: center;
}
.ds-submitted-transcript .bottom_transcript .first_col .img_sec img,
.ds-program-evals-list .program-eval-heading .logo_submit img {
  width: 50px;
  margin: 0px auto 5px;
}
.ds-submitted-transcript .bottom_transcript .first_col .img_sec .online-text {
  color: #393939;
  align-items: center;
  text-align: center;
}
.ds-submitted-transcript .bottom_transcript .first_col .img_sec .online-text .fa-circle {
  color: #DADADA;
}
.ds-submitted-transcript .bottom_transcript .first_col .text-block p {
  margin: 0;
}
.ds-submitted-transcript .bottom_transcript .first_col .text-block p small {
  font-size: 12px;
  color: #A3A3A3;
}
.ds-submitted-transcript .bottom_transcript .first_col .text-block h4 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  margin-top: 0;
}
.ds-submitted-transcript .bottom_transcript .first_col .text-block h5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #3C51B9;
  margin-top: 0;
  margin-bottom: 10px;
}
.ds-submitted-transcript .bottom_transcript .first_col .col-school-details {
  display: flex;
  flex: 1;
  gap: 10px;
}
.ds-submitted-transcript .bottom_transcript .online-cir .fa-circle {
  color: #11C37B !important;
}
.ds-submitted-transcript .bottom_transcript .second_col {
  min-width: 220px;
  align-self: center;
}
.ds-submitted-transcript .bottom_transcript .second_col .blue-card-wrapper {
  display: block;
  border-radius: 5px 0 0 5px;
  padding: 0 10px;
}
.ds-submitted-transcript .bottom_transcript .btn {
  min-width: 200px;
}
.ds-submitted-transcript .bottom_transcript .btn-spacing {
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ds-submitted-transcript .bottom_transcript .btn-chat-default {
  background: transparent;
  color: #DADADA;
  border-color: #DADADA;
  height: 40px;
  min-width: 157px;
  padding: 10px 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
  cursor: no-drop;
}
.ds-submitted-transcript .bottom_transcript .btn-chat {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-width: 157px;
  padding: 10px 10px;
  font-weight: 500;
  border: 1px solid #3C51B9;
  font-size: 12px;
  line-height: 18px;
  color: #3C51B9;
  text-transform: capitalize;
}
.ds-submitted-transcript .bottom_transcript .btn-chat .ds-flex-centered-content {
  align-self: center;
}
.ds-submitted-transcript .bottom_transcript .btn-chat:hover {
  color: white;
  background: #3C51B9;
  box-sizing: border-box;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.04), 0px 20px 25px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease-in-out;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .ds-submitted-transcript .ds-submitted-transcript .blue-card-wrapper .price-percentage-inner span {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .ds-submitted-transcript .d-flex {
    padding-left: none !important;
  }
  .ds-submitted-transcript .blue-card-wrapper {
    border-radius: 5px !important;
  }
  .ds-submitted-transcript .blue-card-wrapper .mr-2 {
    margin-right: 0;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .whats-next-wrapper,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .whats-next-wrapper {
    padding: 0 15px;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .posi_chat_btn,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .posi_chat_btn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding-top: 20px;
    position: unset !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .first_col,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .first_col {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 30px 20px !important;
    align-items: start !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .first_col .img_sec,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .first_col .img_sec {
    max-width: 150px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .first_col .img_sec .ds-flex-centered-content,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .first_col .img_sec .ds-flex-centered-content {
    align-self: center;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .first_col .img_sec img,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .first_col .img_sec img {
    margin: 0px;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .first_col .text-block,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .first_col .text-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    text-align: left;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .box-shadow,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .box-shadow {
    flex-direction: column;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings {
    flex-direction: column;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .first_col,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .first_col {
    padding: 30px 20px !important;
    align-items: unset;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .first_col .col-school-details,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .first_col .col-school-details {
    gap: 10px;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .first_col .col-school-details .img_sec,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .first_col .col-school-details .img_sec {
    max-width: unset !important;
    width: unset;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .first_col .col-school-details .img_sec .logo_submit,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .first_col .col-school-details .img_sec .logo_submit {
    margin: 0 !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .first_col .col-school-details .text-block,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .first_col .col-school-details .text-block {
    text-align: left;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .first_col .col-school-details .school-name,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .first_col .col-school-details .school-name,
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .first_col .col-school-details .credits-approved,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .first_col .col-school-details .credits-approved {
    text-wrap: wrap;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .savings-details,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .savings-details {
    grid-auto-flow: row !important;
    grid-template-columns: 1fr !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .savings .second_col,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .savings .second_col {
    max-width: 100% !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper {
    max-width: 100%;
    border-radius: 0 !important;
    border: 0;
    padding: 0 !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner {
    justify-content: center;
    padding: 10px 0;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner .percentage-side,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner .percentage-side {
    padding: 0 20px 0 10px !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner .price-side,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner .price-side {
    padding: 0 10px 0 20px !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner .price-side > div,
  .ds-submitted-transcript.ds-onboarding.ds-submitted .main_view_collapse .listing_school .school-savings .savings .second_col .blue-card-wrapper .price-percentage-inner .price-side > div {
    text-align: center;
  }
  .ds-submitted-transcript .sponsored {
    top: -25px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center;
    min-width: fit-content;
  }
  .ds-submitted-transcript .online-text {
    display: none;
  }
  .ds-submitted-transcript .student-banner {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .ds-submitted-transcript .submission-screen .student-banner-header,
  .ds-submitted-transcript .submission-screen .student-banner-footer {
    display: none;
  }
  .ds-submitted-transcript .school-body .school-box-title {
    padding-left: 0 !important;
  }
}
.ds-submitted-transcript .student-banner {
  margin-right: -20px;
  margin-left: -20px;
}
.ds-submitted-transcript .student-banner-header,
.ds-submitted-transcript .student-banner-footer {
  width: 20px;
  height: 9px;
}
.ds-submitted-transcript.ds-coursework-submission,
.ds-submitted-transcript.ds-submitted {
  background-color: #FAFAFA;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .top_transcript,
.ds-submitted-transcript.ds-submitted .main_view_collapse .top_transcript {
  border-radius: 6px !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings {
  padding: 10px 40px 20px 40px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .savings-details,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .savings-details {
  padding-top: 0.5rem !important;
  padding-top: 20px !important;
  display: grid !important;
  grid-auto-flow: column;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .savings-details .savings,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .savings-details .savings {
  max-width: 301px;
  min-width: 301px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .savings-details .ds-alert.blue,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .savings-details .ds-alert.blue {
  padding: 5px 10px !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed {
  padding-top: 0.5rem !important;
  padding-top: 20px !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .savings-details,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .savings-details {
  grid-template-columns: minmax(0, 400px) 301px auto;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .savings-details .unofficial-estimate-row,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .savings-details .unofficial-estimate-row {
  display: none;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .savings-details.no-insights,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .savings-details.no-insights {
  grid-template-columns: minmax(0, 400px) 301px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings:not(.collapsed) .savings-details,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings:not(.collapsed) .savings-details {
  grid-template-columns: minmax(0, 400px) 301px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .unofficial-estimate,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .unofficial-estimate {
  position: relative;
  margin-left: -30px;
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .unofficial-estimate span,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .unofficial-estimate span {
  border-radius: 0px 5px 5px 0px;
  background-color: #D46E0E;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
  padding: 5px 20px;
  margin-left: -20px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .unofficial-estimate .unofficial-polygon,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .unofficial-estimate .unofficial-polygon {
  position: absolute;
  left: -20px;
  top: -9px;
  width: 10px;
  height: 10px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .first_col,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .first_col {
  padding: 0 !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .first_col .col-school-details .img_sec,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .first_col .col-school-details .img_sec {
  width: auto !important;
  align-self: flex-start;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .first_col .col-school-details .img_sec .logo_submit,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .first_col .col-school-details .img_sec .logo_submit {
  margin: 0 !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .first_col .col-school-details .apply-now,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .first_col .col-school-details .apply-now {
  padding: 5px 10px;
  min-width: unset;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col {
  padding: 0 !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .accepted,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .accepted {
  display: none;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .money-saved .money,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .money-saved .money {
  position: relative;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .money-saved .money info-svg,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .money-saved .money info-svg {
  position: absolute;
  top: 0;
  right: -15px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper {
  position: relative;
  width: 100%;
  height: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-bar,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-bar {
  position: absolute;
  border-radius: 5px;
  top: 0;
  height: 100%;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-progress-approved,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-progress-approved {
  background-color: #2E46B9;
  z-index: 3;
  height: 6px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-progress-pending,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-progress-pending {
  background-color: #CFD2E5;
  z-index: 1;
  height: 6px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-progress-denied,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .savings-progress .status-progress .status-progress-wrapper .status-progress-denied {
  background-color: #A6A6A6;
  z-index: 2;
  height: 6px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .second_col .unofficial-estimate-row,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .second_col .unofficial-estimate-row {
  display: none;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .find-degrees,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .find-degrees {
  display: none !important;
  background: linear-gradient(175deg, rgba(230, 255, 240, 0) 25.92%, #E6FFF0 77.5%);
  padding: 10px 16px;
  border-radius: 6px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .find-degrees .conic-progress,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .find-degrees .conic-progress {
  position: relative;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .find-degrees .conic-progress img,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .find-degrees .conic-progress img {
  width: 121px;
  height: 60px;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .find-degrees .conic-progress .conic-texts,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .find-degrees .conic-progress .conic-texts {
  position: absolute;
  left: 41px;
  top: 32px;
  text-align: center;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .sponsored.noinsight-nobanner,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .sponsored.noinsight-nobanner {
  background-color: #2F80ED;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .unofficial-estimate,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .unofficial-estimate {
  display: none !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .sponsored,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .sponsored {
  margin-left: -30px;
  margin-top: -30px;
  background-color: #2F80ED;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .find-degrees,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .find-degrees {
  display: flex !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .find-degrees .btn.btn-primary,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .find-degrees .btn.btn-primary {
  font-size: 12px !important;
  font-weight: 400;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .second_col .ds-alert.blue,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .second_col .ds-alert.blue {
  display: none;
}
.ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings:not(.collapsed) .sponsored,
.ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings:not(.collapsed) .sponsored {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.ds-submitted-transcript .submission-screen .course-transcripts .course-transcript-status {
  max-width: 40px;
  min-width: 40px;
  width: 40px;
}
.ds-submitted-transcript .submission-screen .program-wrapper {
  gap: 30px !important;
}
@media screen and (max-width: 1200px) {
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings .savings-details,
  .ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings .savings-details {
    grid-template-columns: minmax(0, 400px) 301px !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .main_view_collapse .school-savings.collapsed .find-degrees,
  .ds-submitted-transcript.ds-submitted .main_view_collapse .school-savings.collapsed .find-degrees {
    display: none !important;
  }
}
@media screen and (max-width: 576px) {
  .ds-submitted.ds-onboarding .ds-current-transcript .navigation-content .coursework-card .credits-wrapper,
  .ds-coursework-submission.ds-onboarding .ds-current-transcript .navigation-content .coursework-card .credits-wrapper,
  .ds-submitted.ds-onboarding .ds-transcript-on-behalf .edit-transcript-content .ds-edit-transcript,
  .ds-coursework-submission.ds-onboarding .ds-transcript-on-behalf .edit-transcript-content .ds-edit-transcript {
    padding: 30px 20px !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse,
  .ds-coursework-submission.ds-onboarding .main_view_collapse,
  .ds-submitted.ds-onboarding .ds-coursework-submission .main_view_collapse,
  .ds-coursework-submission.ds-onboarding .ds-coursework-submission .main_view_collapse,
  .ds-submitted.ds-onboarding .ds-current-transcript .navigation-content .coursework-card,
  .ds-coursework-submission.ds-onboarding .ds-current-transcript .navigation-content .coursework-card,
  .ds-submitted.ds-onboarding .ds-transcript-on-behalf .edit-transcript-content .ds-edit-transcript,
  .ds-coursework-submission.ds-onboarding .ds-transcript-on-behalf .edit-transcript-content .ds-edit-transcript {
    margin: 0 !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .sub_top,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .sub_top,
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript {
    padding: 0 !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .view_details,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .view_details,
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .student-banner .student-banner-body,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .student-banner .student-banner-body,
  .ds-submitted.ds-onboarding .ds-coursework-submission .main_view_collapse .sub_top .top-transcript .view_details,
  .ds-coursework-submission.ds-onboarding .ds-coursework-submission .main_view_collapse .sub_top .top-transcript .view_details {
    padding: 20px !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .sub_top .top_transcript .main-text,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .sub_top .top_transcript .main-text,
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript,
  .ds-submitted.ds-onboarding .ds-coursework-submission .main_view_collapse .bottom_transcript,
  .ds-coursework-submission.ds-onboarding .ds-coursework-submission .main_view_collapse .bottom_transcript {
    margin-top: 0px !important;
  }
  .ds-submitted.ds-onboarding .submission-container,
  .ds-coursework-submission.ds-onboarding .submission-container {
    padding: 30px 10px !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .sub_top .view_details,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .sub_top .view_details {
    border-radius: 0 !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .sub_top .view_details p.text-left,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .sub_top .view_details p.text-left {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    line-height: 15px !important;
    text-align: center;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .text-wrapper,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .text-wrapper {
    align-items: center;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .col-school-details .school-name,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .col-school-details .school-name {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .col-school-details .school-details,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .col-school-details .school-details {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .btn.btn-chat,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .btn.btn-chat {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .btn.btn-chat .ds-flex-centered-content,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-savings .btn.btn-chat .ds-flex-centered-content {
    align-self: center;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body small:nth-child(1),
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body small:nth-child(1) {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-size: 14px !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec {
    padding-bottom: 0 !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table {
    margin-bottom: 0px !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table h2,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table h2 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table h2 span,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table h2 span {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table table.transcripts-table tr th,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table table.transcripts-table tr th {
    font-weight: 400 !important;
    line-height: normal !important;
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    padding-left: 0 !important;
    padding: 3px 5px;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table table.transcripts-table tr td,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table table.transcripts-table tr td {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    padding: 0 !important;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table table.transcripts-table tr td span,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .school-body .card.card-body .table_sec .school_box_table table.transcripts-table tr td span {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
  }
  .ds-submitted.ds-onboarding .main_view_collapse .bottom_transcript .credit-limit-alert,
  .ds-coursework-submission.ds-onboarding .main_view_collapse .bottom_transcript .credit-limit-alert {
    padding: 30px 20px 0 20px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings {
    padding: 20px 16px 20px 16px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate {
    margin-left: -6px !important;
  }
  .ds-coursework-submission.ds-onboarding .main_view_collapse .sub_top .top_transcript .main-text {
    margin-bottom: 0px !important;
  }
  .ds-coursework-submission.ds-onboarding .main_view_collapse .sub_top .top_transcript .blue_sec_right {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .ds-submitted-transcript.ds-coursework-submission .savings-details,
  .ds-submitted-transcript.ds-submitted .savings-details {
    gap: 20px !important;
    flex-direction: column;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .savings,
  .ds-submitted-transcript.ds-submitted .savings-details .savings {
    flex: 1;
    max-width: unset !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .savings-progress .accepted,
  .ds-submitted-transcript.ds-submitted .savings-details .savings-progress .accepted {
    display: flex !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .savings-progress .approved-credits .value,
  .ds-submitted-transcript.ds-submitted .savings-details .savings-progress .approved-credits .value,
  .ds-submitted-transcript.ds-coursework-submission .savings-details .savings-progress .money-saved .value,
  .ds-submitted-transcript.ds-submitted .savings-details .savings-progress .money-saved .value {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #3c51b9 !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .savings-progress .approved-credits .title,
  .ds-submitted-transcript.ds-submitted .savings-details .savings-progress .approved-credits .title,
  .ds-submitted-transcript.ds-coursework-submission .savings-details .savings-progress .money-saved .title,
  .ds-submitted-transcript.ds-submitted .savings-details .savings-progress .money-saved .title {
    font-size: 12px !important;
    font-weight: 400;
    color: #444444 !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .savings-progress .status-progress,
  .ds-submitted-transcript.ds-submitted .savings-details .savings-progress .status-progress {
    display: none !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .second_col .ds-alert,
  .ds-submitted-transcript.ds-submitted .savings-details .second_col .ds-alert {
    width: 100%;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .second_col .unofficial-estimate-row,
  .ds-submitted-transcript.ds-submitted .savings-details .second_col .unofficial-estimate-row {
    border-radius: 3px;
    background-color: #D46E0E;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 5px 20px;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details .second_col .unofficial-estimate-row.insight-custom-banner,
  .ds-submitted-transcript.ds-submitted .savings-details .second_col .unofficial-estimate-row.insight-custom-banner {
    display: none !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .savings-details:not(.collapsed) .unofficial-estimate-row.noinsight-custom-banner,
  .ds-submitted-transcript.ds-submitted .savings-details:not(.collapsed) .unofficial-estimate-row.noinsight-custom-banner,
  .ds-submitted-transcript.ds-coursework-submission .savings-details:not(.collapsed) .unofficial-estimate-row.noinsight-nobanner,
  .ds-submitted-transcript.ds-submitted .savings-details:not(.collapsed) .unofficial-estimate-row.noinsight-nobanner {
    display: block;
  }
  .ds-submitted-transcript.ds-coursework-submission .school-savings,
  .ds-submitted-transcript.ds-submitted .school-savings {
    padding: 20px 16px !important;
  }
  .ds-submitted-transcript.ds-coursework-submission .school-savings .savings-details,
  .ds-submitted-transcript.ds-submitted .school-savings .savings-details {
    padding-top: 0.5rem !important;
    padding-top: 20px !important;
  }
  .ds-submitted.ds-onboarding .submitted-coursework-header,
  .ds-coursework-submission.ds-onboarding .submitted-coursework-header {
    padding: 20px 10px !important;
    border-radius: 5px !important;
  }
  .ds-submitted.ds-onboarding .submitted-coursework-header .coursework-header-wrapper,
  .ds-coursework-submission.ds-onboarding .submitted-coursework-header .coursework-header-wrapper {
    flex-wrap: wrap !important;
    gap: 20px !important;
  }
  .ds-submitted.ds-onboarding .submitted-coursework-header .coursework-header-wrapper .blue_sec_right,
  .ds-coursework-submission.ds-onboarding .submitted-coursework-header .coursework-header-wrapper .blue_sec_right {
    max-width: unset;
    width: 100%;
    text-align: center;
  }
  .ds-submitted.ds-onboarding .submitted-coursework-header .main-coursework-text,
  .ds-coursework-submission.ds-onboarding .submitted-coursework-header .main-coursework-text {
    font-size: 18px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .select_box_shadow,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .select_box_shadow {
    border-radius: 5px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details {
    margin-top: 0px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col {
    padding: 0 !important;
    width: 100%;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col .col-school-details,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col .col-school-details {
    flex-direction: column !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col .col-school-details .school-name,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col .col-school-details .school-name {
    font-size: 20px !important;
    font-weight: 500 !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col .col-school-details .school-details,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .first_col .col-school-details .school-details {
    font-size: 14px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .savings .money-saved .money info-svg,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .savings-details .savings .money-saved .money info-svg {
    display: none !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate {
    margin-top: -3px;
    margin-left: -6px;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate.noinsight-custom-banner,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate.noinsight-custom-banner,
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate.noinsight-nobanner,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate.noinsight-nobanner,
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate.noinsight-custom-banner,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings .unofficial-estimate.noinsight-custom-banner {
    display: none !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings:not(.collapsed) .sponsored,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings:not(.collapsed) .sponsored {
    margin-top: 15px !important;
    margin-left: 35px;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings.collapsed .sponsored,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-header .school-savings.collapsed .sponsored {
    margin-top: -20px !important;
    margin-left: 60px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-body .program-eval-banner,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-body .program-eval-banner,
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-body .coursework-policy,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-body .coursework-policy,
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-body .credit-limit-alert,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-body .credit-limit-alert,
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-body .table_sec,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-body .table_sec {
    padding: 30px 8px 0 8px !important;
  }
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-body .unofficial-informational,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-body .unofficial-informational,
  .ds-submitted.ds-onboarding .submission-screen .program-wrapper .school-body .student-banner,
  .ds-coursework-submission.ds-onboarding .submission-screen .program-wrapper .school-body .student-banner {
    padding: 0 8px !important;
  }
}
@media screen and (max-width: 420px) {
  .ds-submitted.ds-onboarding .school-header .school-savings .savings-details .savings,
  .ds-coursework-submission.ds-onboarding .school-header .school-savings .savings-details .savings {
    min-width: unset !important;
  }
  .ds-submitted.ds-onboarding .school-header .school-savings .savings-details .savings .ds-alert.blue span,
  .ds-coursework-submission.ds-onboarding .school-header .school-savings .savings-details .savings .ds-alert.blue span {
    text-wrap: wrap !important;
  }
  .ds-submitted.ds-onboarding .school-header .school-savings .savings-details .savings-progress-wrapper,
  .ds-coursework-submission.ds-onboarding .school-header .school-savings .savings-details .savings-progress-wrapper {
    gap: 5px !important;
    justify-content: space-between !important;
  }
  .ds-submitted.ds-onboarding .school-header .school-savings .savings-details .savings-progress-wrapper .approved-credits .title,
  .ds-coursework-submission.ds-onboarding .school-header .school-savings .savings-details .savings-progress-wrapper .approved-credits .title,
  .ds-submitted.ds-onboarding .school-header .school-savings .savings-details .savings-progress-wrapper .money-saved .title,
  .ds-coursework-submission.ds-onboarding .school-header .school-savings .savings-details .savings-progress-wrapper .money-saved .title {
    gap: 0 !important;
    flex-direction: column;
  }
}
.body-content {
  min-height: 100vh;
}
.mb-2 {
  margin-bottom: 20px !important;
}
.mb-4 {
  margin-bottom: 40px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mt-5 {
  margin-top: 50px !important;
}
.mt-3 {
  margin-top: 30px !important;
}
.mt-2 {
  margin-top: 20px !important;
}
.m-0 {
  margin: 0 !important;
}
.m-auto {
  margin: auto !important;
}
.p-2 {
  padding: 20px !important;
}
.font-7 {
  font-size: 7px !important;
}
.font-8 {
  font-size: 8px !important;
}
.font-10 {
  font-size: 10px !important;
  line-height: 22px;
  font-weight: 400;
}
.font-11 {
  font-size: 11px !important;
}
.font-12 {
  font-size: 12px !important;
  font-weight: 400;
}
.font-13 {
  font-size: 13px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-22 {
  font-size: 22px !important;
}
.font-24 {
  font-size: 24px !important;
}
.font-28 {
  font-size: 28px !important;
}
.font-30 {
  font-size: 30px !important;
}
.font-32 {
  font-size: 32px !important;
}
.font-36 {
  font-size: 36px !important;
}
.font-normal {
  font-weight: normal;
}
.font-bold {
  font-weight: bold;
}
.font-400 {
  font-weight: 400 !important;
}
.font-500 {
  font-weight: 500 !important;
}
.font-600 {
  font-weight: 600 !important;
}
.font-700 {
  font-weight: 700 !important;
}
.font-300 {
  font-weight: 300 !important;
}
.box-shadow {
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 6px;
}
.bg-white.box-shadow {
  margin: 3rem 0;
}
.logo_half img {
  width: 72px;
  margin-right: 10px;
  height: 100px;
}
.mt-7 {
  margin-top: 70px;
}
.mt-10 {
  margin-top: 100px;
}
.d-grid {
  display: grid;
}
.text-dark-blue-gray {
  color: #0B1930 !important;
}
.text-info {
  color: #39b3d7 !important;
}
.text-blue {
  color: #3C51B9 !important;
}
.text-green {
  color: #11C37B !important;
}
.text-brown {
  color: #E23A05 !important;
}
.text-dark-gray {
  color: #333 !important;
}
.text-shade-grey {
  color: #393939 !important;
}
.text-black {
  color: #000 !important;
}
.text-white {
  color: #fff !important;
}
.carbon-gray {
  color: #5B5B5B !important;
}
.text-dark-liver-gray {
  color: #4F4F4F !important;
}
.bg-light {
  background: #FBFBFB;
}
.bg-white {
  background: #fff;
}
.align-self-center,
.transfer-leads .submit-on-behalf-button {
  align-self: center;
}
.scroll_table {
  max-height: 200px;
  overflow: auto;
}
.form-control {
  border-color: #C4D4D9;
  border-radius: 3px !important;
  text-align: left;
}
.btn-spacing {
  letter-spacing: 3px;
  text-transform: uppercase;
}
.title_top {
  color: #0B1930;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
}
.courses_pill span {
  padding: 2px 8px;
  font-size: 12px;
  min-width: auto;
  border-radius: 6px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
}
.w-auto {
  width: auto !important;
}
.no-credit-1 .btn-primary {
  min-width: 135px;
  width: auto !important;
}
.bottom_transcript {
  padding: 80px 6% 40px 6%;
}
.bottom_transcript .w-img {
  margin: 0px auto;
  min-height: 205px;
}
.bottom_transcript .w-img img {
  width: 200px;
}
.bottom_transcript .mdl2-check-mark-legacy {
  background: #fff;
  color: #3C51B9;
  text-align: center;
  padding: 3px;
  border-radius: 100%;
}
.bottom_transcript h5 {
  color: #3C51B9;
}
.bottom_transcript .mdl2-LeftArrowKeyTime0,
.bottom_transcript .mdl2-RightArrowKeyTime0 {
  vertical-align: middle;
}
.bottom_transcript h5 {
  color: #3C51B9;
  font-size: 14px;
  font-weight: 400;
  line-height: 31px;
  margin-bottom: 20px;
}
.bottom_transcript .btn-info {
  font-size: 14px;
  letter-spacing: 3px;
  line-height: 21px;
  font-weight: 400;
}
.bottom_transcript .school-text-search .input-group {
  padding-bottom: 0;
}
.bottom_transcript .school-text-search .input-group-btn {
  font-size: 13px;
  right: 26px;
  z-index: 9;
  top: 2px;
  cursor: pointer;
}
.bottom_transcript .school-text-search .dropdown-menu > li:hover > a {
  background: transparent !important;
}
.bottom_transcript .school-text-search .dropdown-menu::before {
  display: none;
}
.bottom_transcript .school-text-search ul.dropdown-menu {
  background: #fff !important;
  width: 98%;
  border: none;
  margin: 0;
  top: 36px !important;
  max-height: 500px;
  overflow: scroll;
}
.bottom_transcript .school-text-search ul.dropdown-menu li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E7EDF3;
  line-height: 18px;
  margin: 2px;
  height: 30px;
  border-radius: 5px;
}
.bottom_transcript .school-text-search ul.dropdown-menu li.active,
.bottom_transcript .school-text-search ul.dropdown-menu li:hover {
  background: #E7EDF3;
}
.bottom_transcript .school-text-search ul.dropdown-menu li.active a,
.bottom_transcript .school-text-search ul.dropdown-menu li:hover a {
  color: #3C51B9 !important;
  background: transparent !important;
}
.bottom_transcript .school-text-search ul.dropdown-menu li a {
  color: #393939;
  font-weight: 600;
  font-size: 12px;
  padding-top: 0;
  line-height: 28px !important;
}
.bottom_transcript .school-text-search ul.dropdown-menu li a.pull-right {
  font-weight: normal;
}
.noResults {
  background: #E7EDF3;
  padding: 9px;
  font-size: 11px;
  border-radius: 5px;
  text-align: center;
}
.noResults b {
  font-weight: 600;
  margin-right: 2px;
  text-transform: capitalize !important;
  box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.35);
}
.no-transcript-icon {
  margin-left: 18px;
}
@media only screen and (min-width: 1500px) {
  .ds-onboarding .container {
    width: 1470px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bottom_transcript {
    padding: 40px 40px;
  }
  .bottom_transcript .form-group.row {
    display: block;
  }
}
.ds-dropdown.ui-select-container.open {
  border: none !important;
  box-shadow: none;
  padding: 0 0px 15px 0px;
}
.ds-dropdown.ui-select-container.open input {
  margin-bottom: 0 !important;
}
.ds-dropdown.ui-select-container.open ul.dropdown-menu {
  padding: 0px 15px 15px !important;
  border: none !important;
  max-height: 195px !important;
  box-shadow: 0px 0px 5px #dddddd99 !important;
  min-height: 50px;
}
.ds-dropdown.ui-select-container.open .ui-select-no-choice.dropdown-menu {
  padding: 10px 15px !important;
}
.ds-dropdown.ui-select-container.open:before {
  display: none;
}
.ui-select-container .form-control {
  height: 32px;
  line-height: 24px;
}
.ui-select-container .form-control:focus {
  box-shadow: none !important;
  border: 1px solid #C4D4D9 !important;
}
.ui-select-container .ui-select-choices-row {
  padding: 7px 10px !important;
  border-bottom: 1px solid #E7EDF3;
  color: #393939;
  line-height: 18px;
}
.ui-select-container .ui-select-focusser,
.ui-select-container .ui-select-focusser.ui-select-offscreen {
  visibility: hidden;
  display: none !important;
}
.price-percentage-div .blue-card-wrapper {
  padding: 0px 10px;
  height: 87px;
}
.price-percentage-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100%;
}
.price-percentage-inner p {
  min-height: 26px;
}
.blue-card-wrapper .price-percentage-inner span {
  font-size: 36px;
}
.percentage-side {
  border-right: 2px solid #fff;
  padding-right: 10px;
  text-align: left;
  height: 100%;
}
.price-side {
  padding-left: 10px;
  text-align: left;
}
.btn_ico {
  float: right;
}
.btn_ico a {
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
}
.btn_ico a:hover {
  text-decoration: none;
}
.tick_ico {
  float: right;
}
.tick_ico i {
  width: 20px;
  height: 20px;
  line-height: 18px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
  color: #fff;
  border-radius: 100%;
  padding: 0;
  font-size: 20px;
  display: inline-block;
  text-align: center;
}
.tick_ico i::before {
  margin-left: -3px;
}
input.ds-search-course {
  text-transform: uppercase;
}
input.ds-search-course::placeholder {
  text-transform: none;
}
.course_td {
  padding: 1rem 0 0 1.5rem !important;
}
.course_select {
  color: black!important;
  border: none!important;
}
.main-modal-header {
  font-size: 12px !important;
  font-weight: 600;
}
.text-truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.overflow-auto {
  overflow: auto !important;
}
.ds-pdf .left-container {
  position: relative;
  left: 0;
}
.ds-pdf .collapsible-left-content {
  overflow-y: hidden !important;
}
.ds-pdf .content-left {
  min-height: auto !important;
  height: 100%;
  max-width: 650px;
  min-width: 650px;
  margin-right: 0 !important;
}
.ds-pdf .left-nav-column-right-edge {
  left: 645px;
}
.ds-pdf .left-nav-column-right-edge.closed {
  left: 14px;
}
.ds-pdf .arrow-black {
  fill: #333;
}
.ds-pdf .arrow-gray {
  fill: #C4D4D9;
}
.bg-transparent {
  background: transparent !important;
}
.text-end {
  text-align: end !important;
}
.overflow-hidden {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ds-pdf .left-container {
    transform: translateX(-150%);
    position: absolute !important;
  }
  .ds-pdf .content-left.closed {
    max-width: 650px !important;
    min-width: 650px !important;
  }
  .ds-pdf .content-left.closed > div {
    display: block !important;
  }
  .ds-pdf .ds-transcript-request .panel-heading.active {
    background: #3C51B9 !important;
  }
  .student-banner-body {
    flex-direction: column !important;
    box-shadow: none !important;
  }
  .student-banner-text {
    text-align: center;
  }
}
.border-flex {
  display: flex;
  align-items: center;
}
.border-flex .vertical-border {
  border-left: 1px solid #E0E0E0;
  height: 90%;
  margin: 0 20px;
  border-radius: 3px;
}
button.btn.btn-outline-blue {
  border: 1px solid #3C51B9;
  background-color: transparent;
  color: #3C51B9 !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.sorting:after {
  content: '';
  background-image: url(../assets-new/images/sort.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 0px !important;
  padding-left: 15px !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.flex-1 {
  flex: 1 !important;
}
.text-wrp {
  text-wrap: wrap !important;
}
.text-nowrap {
  text-wrap: nowrap !important;
}
.power-blue {
  color: #3C51B9 !important;
}
.dusty-gray {
  color: #979797 !important;
}
.ds-remove-school .rm-content > div {
  gap: 33px;
}
.text-liver-gray {
  color: #4F4F4F !important;
}
.bg_gradient_card {
  background: linear-gradient(to right, #3c51b9, #00b8e4) !important;
}
.blue-indigo {
  color: #3c51b9 !important;
}
.bg-blue-indigo {
  background: #3c51b9 !important;
}
.text-start {
  text-align: start !important;
}
.shade-gray {
  color: #393939 !important;
}
.chrome-yellow {
  color: #FFA800 !important;
}
.font-italic {
  font-style: italic !important;
}
.dark-charcoal {
  color: #363636 !important;
}
.ds-transfer-request-panel .collapsible-right-content:not(.active) {
  width: 0 !important;
}
.ds-transfer-request-panel .collapsible-right-content:not(.active) .left-nav-column-right-edge.closed {
  display: none !important;
}
.ds-transfer-request-panel .left-nav-column-right-edge {
  display: none !important;
}
.ds-transfer-request-panel .ds-transfer-content {
  background: #FAFAFA !important;
}
.cancel-link {
  display: flex;
  padding: 5px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #3C51B9 !important;
}
.ds-bg-shake {
  background: linear-gradient(90deg, #3c51b9 0%, #00B8E4 30%, transparent 60%);
  background-size: 400% 100%;
  animation: gradient 1s ease-out;
  background-position-x: 100%;
}
.line-height-normal {
  line-height: normal !important;
}
.question-color {
  color: #3C3C3C !important;
}
.denim-dark-blue {
  color: #231995 !important;
}
.text-titles {
  color: #4B4B4B !important;
}
.text-subtitles {
  color: #404040 !important;
}
.text-caption {
  color: #444444 !important;
}
.dark-gray {
  color: #555 !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-0-1 {
  gap: 1px !important;
}
.gap-0-2 {
  gap: 2px !important;
}
.gap-0-3 {
  gap: 3px !important;
}
.gap-0-4 {
  gap: 4px !important;
}
.gap-0-5 {
  gap: 5px !important;
}
.gap-0-8 {
  gap: 8px !important;
}
.gap-1 {
  gap: 10px !important;
}
.gap-1-5 {
  gap: 15px !important;
}
.gap-1-6 {
  gap: 16px !important;
}
.gap-2 {
  gap: 20px !important;
}
.gap-2-4 {
  gap: 24px !important;
}
.gap-3 {
  gap: 30px !important;
}
.gap-4 {
  gap: 40px !important;
}
.gap-5 {
  gap: 50px !important;
}
.align-items-start {
  align-items: start !important;
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.sorting:after {
  content: '';
  background-image: url(../assets-new/images/sort.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 0px !important;
  padding-left: 15px !important;
}
.sorting_asc:after {
  content: '';
  background-image: url(../assets-new/images/sort_as.png) !important;
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 0px !important;
  padding-left: 15px !important;
}
.sorting_desc:after {
  content: '';
  background-image: url(../assets-new/images/sort_des.png) !important;
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 0px !important;
  padding-left: 15px !important;
}
.legalize {
  font-size: 10px !important;
  line-height: 22px;
  line-height: 15px !important;
  color: #5B5B5B;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-self: stretch;
}
.custom_table.table-multiselect.school-table td.xs-date-col,
.table.transcripts-table td.xs-date-col {
  display: none !important;
}
.custom_table.table-multiselect.school-table th.course-code,
.table.transcripts-table th.course-code,
.custom_table.table-multiselect.school-table td.course-code,
.table.transcripts-table td.course-code {
  min-width: 125px;
  width: 125px;
  max-width: 125px;
}
.custom_table.table-multiselect.school-table th.status-col,
.table.transcripts-table th.status-col {
  max-width: 30px;
  min-width: 30px;
  width: 30px;
}
.custom_table.table-multiselect.school-table th.action-col,
.table.transcripts-table th.action-col {
  min-width: 55px;
  width: 55px;
  max-width: 55px;
}
.custom_table.table-multiselect.school-table .empty-col,
.table.transcripts-table .empty-col {
  display: none;
  border-bottom: unset !important;
  min-width: 20px;
  width: 20px;
  max-width: 20px;
}
.custom_table.table-multiselect.exam-table th.course-title {
  width: 100%;
}
.custom_table.table-multiselect.exam-table th.action-col {
  min-width: 55px;
  width: 55px;
  max-width: 55px;
}
.school-text-search.ds-school-search .custom-template-name {
  text-wrap: wrap !important;
  font-size: 12px !important;
  font-weight: 400;
}
.school-text-search.ds-school-search .add-school-right-icon {
  padding-right: 5px !important;
  align-self: center;
}
.school-text-search.ds-school-search ul.dropdown-menu {
  max-height: 300px;
  border-radius: 6px !important;
  overflow-y: auto;
}
.school-text-search.ds-school-search ul.dropdown-menu li {
  margin: 0 !important;
  height: unset !important;
  min-height: 30px;
  padding: 8px 10px;
}
.school-text-search.ds-school-search ul.dropdown-menu .add-plus-icon {
  display: none;
}
.school-text-search.ds-school-search ul.dropdown-menu .btn_ico.add-to-list {
  line-height: normal !important;
}
.ds-dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.p-fixed {
  position: fixed !important;
}
.p-absolute {
  position: absolute !important;
}
.p-relative {
  position: relative !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.ds-alert {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-self: center;
  gap: 5px;
  border-radius: 3px;
  padding: 10px;
}
.ds-alert img {
  height: 18px;
  width: 18px;
}
.ds-alert span,
.ds-alert strong {
  line-height: normal !important;
  font-size: 12px;
  color: #3C3C3C;
}
.ds-alert.yellow {
  background: rgba(255, 168, 0, 0.1);
}
.ds-alert.red {
  background: rgba(226, 58, 5, 0.1);
}
.ds-alert.blue {
  background: rgba(0, 184, 228, 0.1);
}
.ds-alert.green {
  background-color: #E6FFF0;
}
.ds-alert.light-blue {
  background: #CCF5FF;
}
.ds-alert.light-blue-2 {
  background: #E6F8FD;
}
.disable-section {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}
.fit-content {
  width: fit-content !important;
}
.break-word {
  word-break: break-word !important;
}
.bt-unset {
  border-top: unset !important;
}
@media screen and (max-width: 576px) {
  .custom_table.table-multiselect.school-table td.completion-date .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon,
  .custom_table.table-multiselect.exam-table td.completion-date .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon,
  .table.transcripts-table td.completion-date .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon {
    display: none;
  }
  .custom_table.table-multiselect.school-table th.course-code,
  .custom_table.table-multiselect.exam-table th.course-code,
  .table.transcripts-table th.course-code,
  .custom_table.table-multiselect.school-table td.course-code,
  .custom_table.table-multiselect.exam-table td.course-code,
  .table.transcripts-table td.course-code {
    min-width: 90px;
    max-width: 90px;
    width: 90px;
  }
  .custom_table.table-multiselect.school-table th.date-col,
  .custom_table.table-multiselect.exam-table th.date-col,
  .table.transcripts-table th.date-col,
  .custom_table.table-multiselect.school-table th.ce-col,
  .custom_table.table-multiselect.exam-table th.ce-col,
  .table.transcripts-table th.ce-col,
  .custom_table.table-multiselect.school-table th.grade-col,
  .custom_table.table-multiselect.exam-table th.grade-col,
  .table.transcripts-table th.grade-col {
    max-width: 50px;
    width: 50px;
  }
  .custom_table.table-multiselect.school-table td.date-col,
  .custom_table.table-multiselect.exam-table td.date-col,
  .table.transcripts-table td.date-col {
    display: none !important;
  }
  .custom_table.table-multiselect.school-table td.xs-date-col,
  .custom_table.table-multiselect.exam-table td.xs-date-col,
  .table.transcripts-table td.xs-date-col {
    display: table-cell !important;
  }
  .custom_table.table-multiselect.school-table td span.Zebra_DatePicker_Icon_Wrapper input[type="text"].date-control,
  .custom_table.table-multiselect.exam-table td span.Zebra_DatePicker_Icon_Wrapper input[type="text"].date-control,
  .table.transcripts-table td span.Zebra_DatePicker_Icon_Wrapper input[type="text"].date-control {
    padding-right: 5px !important;
    width: 50px;
  }
  .custom_table.table-multiselect.school-table .empty-col,
  .custom_table.table-multiselect.exam-table .empty-col,
  .table.transcripts-table .empty-col {
    display: table-cell !important;
  }
  .school-text-search ul.dropdown-menu .add-to-list {
    display: none;
  }
  .school-text-search ul.dropdown-menu .add-plus-icon {
    display: block !important;
  }
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}
.ui-select-container .subject-list {
  min-height: unset !important;
}
.subject-ui-select .ui-select-match .ui-select-match-item {
  text-wrap: wrap !important;
}
.rounded-10 {
  border-radius: 10px !important;
}
.ds-confirm-submit .bg-light {
  border-radius: 5px 5px 0 0;
}
.ds-confirm-submit .bg-white.box-shadow {
  min-height: auto;
  margin: auto;
}
.ds-confirm-submit .max-w-800 {
  max-width: 800px;
}
.ds-confirm-submit .m-t-3 {
  margin-top: 30px;
}
.ds-confirm-submit .no-border {
  border: none;
}
.ds-confirm-submit .blue-badge {
  padding: 4px 15px;
  color: #fff !important;
  border-radius: 5px;
  min-width: 30px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
}
.ds-confirm-submit .top_transcript .p-2 {
  padding: 20px !important;
}
.ds-confirm-submit .top_transcript .steps_script {
  width: 100%;
  max-width: 300px;
}
.ds-confirm-submit .bottom_transcript .cir_small {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #0ED678;
  color: #fff;
  margin-right: 7px;
  vertical-align: middle;
}
.ds-confirm-submit .bottom_transcript h6 .btn-primary {
  min-width: 240px;
}
.ds-confirm-submit .bottom_transcript .custom_table {
  padding-left: 30px;
  padding-right: 30px;
}
.ds-confirm-submit .bottom_transcript .table tr th {
  padding: 7px 5px !important;
  font-size: 10px;
}
.ds-confirm-submit .bottom_transcript .table tr td {
  text-align: left;
  padding: 10px 15px !important;
  font-size: 12px;
  line-height: 12px !important;
}
.ds-confirm-submit .bottom_transcript .text-gray {
  color: #DADADA;
}
.ds-confirm-submit .bottom_transcript .bottom_titile {
  font-weight: normal;
  font-size: 14px;
  color: #333333;
  line-height: 21px;
}
.ds-confirm-submit .bottom_transcript .school_box_table h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #3C51B9;
}
.ds-confirm-submit .bottom_transcript .school_box_table .font-14 {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #A3A3A3;
}
.ds-confirm-submit .bottom_transcript .btn-spacing {
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ds-confirm-submit .bottom_transcript .chat_with_school {
  position: fixed;
  right: 72px;
  bottom: 100px;
  left: auto;
}
.ds-confirm-submit .bottom_transcript h5.exam-type-title {
  color: #000;
  font-weight: 500;
  font-size: 18px;
}
.ds-confirm-submit .bottom_transcript h3.exam-credits,
.ds-confirm-submit .bottom_transcript h5.exam-type-title {
  margin-left: 15px;
  margin-right: 15px;
}
.ds-confirm-submit .container {
  max-width: 1100px !important;
}
@media screen and (max-width: 576px) {
  .ds-confirm-submit {
    background: #fff;
  }
  .ds-confirm-submit .summary-credits .estimated-credits {
    padding: 10px 20px !important;
  }
  .ds-confirm-submit .summary-info > div,
  .ds-confirm-submit .bottom_transcript .form-group.d-flex {
    padding: 0 !important;
  }
  .ds-confirm-submit .summary-info > div {
    box-shadow: none !important;
  }
  .ds-confirm-submit .summary-credits .estimated-credits .your-coursework {
    display: none;
  }
  .ds-confirm-submit .summary-credits .estimated-credits .total-estimated {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ds-confirm-submit .summary-credits .estimated-credits .total-estimated .blue-badge {
    width: unset !important;
    margin: unset !important;
  }
  .ds-confirm-submit .summary-credits .bottom_transcript .form-group.d-flex .exam-type-title {
    margin: 0 0 10px 0 !important;
  }
  .ds-confirm-submit .summary-credits .bottom_transcript .form-group.d-flex .school_box_table {
    margin-bottom: 30px !important;
    margin-bottom: 30px;
  }
  .ds-confirm-submit .summary-credits .bottom_transcript .form-group.d-flex .school_box_table .table-responsive {
    margin-bottom: 0px !important;
  }
  .ds-confirm-submit .summary-credits .bottom_transcript .form-group.d-flex .school_box_table h3 {
    margin-top: 0px !important;
  }
  .ds-confirm-submit .summary-credits .bg-white.box-shadow {
    box-shadow: unset !important;
  }
  .ds-confirm-submit .table-responsive table tbody tr td .course-code {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .ds-confirm-submit .exam-table.school_box_table .table tr td {
    padding: 8px 5px 5px 5px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content {
    background: #fff;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .bg-white .bottom_transcript {
    padding: 30px 20px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .enter-your-personal-info form[name="personalInfo"] {
    margin-top: 0px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .enter-your-personal-info form[name="personalInfo"] .form_transcript {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-confirm-submit .summary-credits-shadow.d-flex,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-confirm-submit .bg-white.box-shadow {
    box-shadow: none !important;
  }
}
.ds-transcript-submission .bottom_transcript .school_box_table h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #3C51B9;
  margin-top: 30px;
}
.ds-transcript-submission .bottom_transcript .school_box_table .font-14 {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #A3A3A3;
}
.ds-transcript-submission .bottom_transcript .btn-spacing {
  letter-spacing: 3px;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
}
.ds-transcript-submission .bottom_transcript .chat_with_school {
  position: fixed;
  right: 72px;
  bottom: 100px;
  left: auto;
}
.blue-container-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #EAF6FF;
  margin: 0 -72px;
  padding: 32px 72px;
  font-size: 0;
  display: block;
  /*To Be added correctly margin*/
  margin-top: -80px;
}
.blue-container-wrap .col-md {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}
.blue-container-wrap .col-md .next-steps {
  color: #3C51B9;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin: 0 0 8px;
}
.blue-container-wrap .col-md p {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #59595B;
  margin: 0;
}
.blue-container-wrap .col-sm {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  text-align: right;
}
.blue-container-wrap .col-sm .button-submit {
  min-width: auto;
  width: 100%;
  display: inline-block;
  margin: 0;
  max-width: 250px;
}
.ds-onboarding .top_transcript h4,
.main-text {
  margin: 0 0 5px 0;
}
.ds-onboarding .top_transcript p {
  margin: 0;
}
.ds-onboarding .top_transcript .logo_sch img {
  margin-right: 15px;
}
.blue-card-wrapper .percentage-side {
  text-align: center;
  padding-top: 6px;
  min-width: 100px;
}
.blue-card-wrapper .price-side {
  height: 100%;
  padding-top: 6px;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow {
  padding-top: 20px;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details a {
  padding: 5px;
  display: block;
  transition: all 0.3s ease;
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details a:after {
  /*transform: translateZ(0deg);*/
  /*transition: all .3s ease;*/
}
.ds-submitted-transcript .bottom_transcript .listing_school.view_collapse .select_box_shadow .view_details a.collapsed:after {
  /*transform: translateZ(-180deg);*/
}
.ds-submitted-transcript .bottom_transcript .listing_school .school-name {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  line-height: 30px;
  margin-top: 0;
  text-transform: unset;
  margin: 0;
}
.ds-submitted-transcript .bottom_transcript .listing_school .credits-approved {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #3C51B9;
  margin-top: 0;
  margin-bottom: 10px;
}
.ds-edit-transcript {
  background-image: none !important;
  background-color: #fff !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ds-edit-transcript .coursework-body .search-action {
  z-index: 1;
  padding: 9px !important;
  padding-left: 16px !important;
  pointer-events: none;
}
.ds-edit-transcript .coursework-body .ui-select-container .btn-default {
  margin: 0 !important;
}
.ds-edit-transcript .coursework-body .ui-select-container .ui-select-toggle {
  height: 36px !important;
  line-height: 28px !important;
  padding-left: 50px !important;
}
.ds-edit-transcript .coursework-body .ui-select-container.open input {
  padding: 0px 10px 0px 50px !important;
  height: 36px !important;
}
.ds-edit-transcript .coursework-body table tr td {
  padding-left: 8px !important;
  padding-right: 8px !important;
  vertical-align: middle !important;
}
.ds-edit-transcript .coursework-body .row-border {
  border-bottom: 1px solid #EDF2F680 !important;
}
.ds-edit-transcript .coursework-body .delete-school {
  height: 18px;
  width: 18px;
}
.ds-edit-transcript .coursework-body .transcript-icon {
  height: 22px;
  width: 22px;
}
.ds-edit-transcript .coursework-body .customClass {
  z-index: 10;
}
.ds-edit-transcript .ds-spinner {
  font-size: 1em;
}
.ds-edit-transcript .school-text-search input[type="search"] {
  border: 1px solid #C4D4D9 !important;
}
.ds-edit-transcript .school-text-search input[type="search"]:hover {
  outline: 1px solid #C4D4D9 !important;
}
.ds-edit-transcript .school-text-search .dropdown-menu {
  width: 100%;
}
.ds-edit-transcript .drop_search_tab .btn_ico a {
  font-size: 12px !important;
  color: #393939;
}
.ds-edit-transcript .drop_search_tab .ui-select-container .ui-select-choices-row {
  padding: 7px 5px !important;
}
.ds-edit-transcript .drop_search_tab .ui-select-list-item {
  margin: -4px -3px -6px !important;
}
.ds-edit-transcript .drop_search_tab .ui-select-list-item:hover {
  background: #E7EDF3 !important;
  border-radius: 5px;
}
.ds-edit-transcript .drop_search_tab .ui-select-list-item:hover span {
  color: #3C51B9 !important;
}
.ds-edit-transcript .ds-dropdown.ui-select-container.open ul.dropdown-menu {
  padding: 5px 0 !important;
}
.ds-edit-transcript .ds-multiselect .type-container {
  gap: 0 !important;
}
.ds-pdf .school-data,
.ds-pdf .school-header {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 10px 15px !important;
}
.ds-pdf .school-data.active,
.ds-pdf .school-header.active {
  border-radius: 5px;
  background: linear-gradient(90deg, #3C51B9 0%, #00B8E4 100%);
}
.ds-pdf .school-data.active .credit-title.name .school-name,
.ds-pdf .school-header.active .credit-title.name .school-name {
  color: #fff !important;
}
.ds-pdf .school-data .credit-title.name .school-name,
.ds-pdf .school-header .credit-title.name .school-name {
  color: #333;
  color: #333 !important;
  gap: 3px;
}
.ds-pdf .school-data .credit-title.name .school-name > span,
.ds-pdf .school-header .credit-title.name .school-name > span {
  font-size: 16px !important;
}
.ds-pdf .collapsible-left-content {
  overflow-y: hidden;
}
.ds-pdf .collapsible-left-content .ds-pdf-container {
  height: calc(100vh - 135px);
}
.ds-submission-on-behalf.ds-transcript-on-behalf {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  height: 100%;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .content-right {
  overflow: auto;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content {
  max-width: 1165px;
  min-width: 679px;
  min-height: 640px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content .current-step .ds-upload-transcript {
  background-color: #fff;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content .current-step .ds-upload-transcript .upload-document {
  margin-top: 40px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content .current-step .ds-select-school {
  background-color: #fff;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content .current-step .ds-upload-transcript,
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content .current-step .ds-upload-transcript,
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content .current-step .ds-select-school {
  min-height: 494px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content .current-step .enter-your-personal-info .persona-info-content {
  max-width: 411px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content.no-scroll {
  overflow: hidden !important;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .coursework-header {
  padding: 10px 20px;
  background-color: #FBFBFB;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .coursework-header .user-info img {
  height: auto;
  width: 56px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .coursework-header .user-info .user-name {
  color: #393939;
  font-size: 16px;
  font-weight: 700;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .coursework-header .user-info .user-state {
  color: #3C3C3C;
  font-size: 12px;
  font-weight: 400;
  max-width: 230px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .coursework-header .colleges-exams span {
  background: transparent;
  border: 1px solid #3C51B9;
  padding: 10px 15px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .coursework-header .colleges-exams span img {
  height: auto;
  width: 16px !important;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .college-schools .row .onboarding-card,
.ds-submission-on-behalf.ds-transcript-on-behalf .college-courses .row .onboarding-card {
  border-radius: unset;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .college-schools .body-content .container,
.ds-submission-on-behalf.ds-transcript-on-behalf .college-courses .body-content .container {
  margin: 0 !important;
  background: #fff;
  padding: 0;
  width: 100%;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .step {
  max-width: 1165px;
  flex: 1;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .step-header {
  height: 90px;
  padding: 0 40px;
  background: #FBFBFB;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: start;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .step-header.mobile {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .stop-body {
  padding: 40px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .onboarding-card {
  min-height: 460px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .undo-black {
  color: #000;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content {
  overflow: hidden;
  height: calc(100vh - 55px - var(--ds-sticky-footer-height));
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-pdf-container {
  height: calc(100vh - 215px);
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-upload-transcript,
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-transcript-select-school {
  padding: 30px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-transcript-select-school {
  min-height: 494px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-select-school {
  margin-bottom: 50px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .bottom_transcript {
  padding: 20px !important;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content span.h4 {
  margin-bottom: 0 !important;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .ds-sorting-images {
  padding: 30px 20px !important;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-confirm-submit .summary-credits-shadow {
  box-shadow: 0px 0px 5px #dddddd99 !important;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-confirm-submit .summary-info > div {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 4px 6px rgba(221, 221, 221, 0.4), 0 2px 4px rgba(221, 221, 221, 0.4);
  padding: 40px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .coursework-step-header {
  border-radius: 6px 6px 0 0;
  box-shadow: 0px 0px 5px #dddddd99 !important;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .dd-phone-overlay:after {
  top: 5px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .custom_table.table-multiselect.exam-table.more-credits-open .table-responsive.flex-1,
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .custom_table.table-multiselect.school-table.more-credits-open .table-responsive.flex-1 {
  max-height: 530px;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .custom_table.table-multiselect.exam-table .status-col,
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .custom_table.table-multiselect.school-table .status-col {
  display: none;
}
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .custom_table.table-multiselect.exam-table .status-col.show-status,
.ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .custom_table.table-multiselect.school-table .status-col.show-status {
  display: table-cell;
}
.ds-submission-on-behalf.ds-current-transcript {
  flex-direction: row !important;
  overflow: hidden;
}
.ds-submission-on-behalf.ds-current-transcript .user-state {
  margin-top: 5px;
}
.ds-submission-on-behalf.ds-current-transcript .school-header {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ds-submission-on-behalf.ds-current-transcript table tr td {
  vertical-align: middle !important;
  border-top: none !important;
}
.ds-submission-on-behalf.ds-current-transcript .customClass {
  z-index: 10;
}
.ds-submission-on-behalf.ds-create-transcript .ds-edit-transcript {
  filter: none !important;
}
.input-group .ds-input {
  height: 36px !important;
  border-radius: 3px !important;
  border: 1px solid #C4D4D9 !important;
}
.colleges-exams .credit-wrapper,
.exam-types .credit-wrapper {
  position: relative;
}
.colleges-exams .credit-wrapper button.action-button,
.exam-types .credit-wrapper button.action-button {
  border: 1px solid #3c51b9 !important;
}
.colleges-exams .credit-wrapper button.action-button:disabled,
.exam-types .credit-wrapper button.action-button:disabled {
  opacity: 0.5;
  border: 1px solid #3c51b9 !important;
  background: transparent !important;
}
.colleges-exams .credit-wrapper .coming-soon,
.exam-types .credit-wrapper .coming-soon {
  position: absolute;
  left: 52px;
  top: 28px;
}
.ds-coursework-submission .matched-course-col > div,
.ds-submitted-transcript.ds-submitted .matched-course-col > div {
  display: none;
}
.ds-coursework-submission .comments-col,
.ds-submitted-transcript.ds-submitted .comments-col {
  display: none !important;
  width: 5%;
}
.program-eval-banner-container {
  padding: 20px 120px;
  border-radius: 3px;
  background: linear-gradient(90deg, #EBEDF8 -2.67%, #E6F8FC 105.63%);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
  margin: 0px -12px;
}
.program-eval-banner-container .conic-progress {
  position: relative;
}
.program-eval-banner-container .conic-progress .conic-texts {
  position: absolute;
  left: 70px;
  top: 50px;
  text-align: center;
}
.program-eval-banner-container .banner-action .banner-titles .sub-text {
  color: #59595B;
}
.program-eval-banner-container .banner-action .btn.btn-primary {
  height: 40px;
  padding: 5px 10px;
  min-width: unset;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
  line-height: 30px !important;
}
.program-eval-banner-container .text-title {
  text-align: center;
  color: #4B4B4B;
}
.program-eval-banner-container .text-sub {
  color: #595959;
}
@media screen and (max-width: 1500px) {
  .blue-container-wrap {
    margin: 0px -57px;
    padding: 32px 57px;
  }
}
@media screen and (max-width: 1200px) {
  .blue-container-wrap {
    margin: 0px -47px;
    padding: 32px 47px;
  }
}
@media screen and (max-width: 1024px) {
  .blue-container-wrap {
    margin: 0px -40px;
    padding: 32px 40px;
  }
}
@media screen and (max-width: 767px) {
  .blue-container-wrap {
    margin: 0px -15px;
    padding: 20px 15px;
  }
  .blue-container-wrap .col-sm .button-submit {
    margin: 0!important;
    white-space: normal;
  }
  .ds-onboarding .blue-card-wrapper {
    border-radius: 5px;
  }
  .ds-onboarding .top_transcript h4,
  .main-text {
    margin-top: 10px!important;
  }
  .ds-onboarding .top_transcript .logo_sch div p {
    margin-bottom: 10px;
  }
  .ds-submitted-transcript .sponsored {
    top: -10px !important;
  }
}
@media screen and (max-width: 640px) {
  .blue-container-wrap .col-md {
    width: 100%;
    padding: 0 0 20px;
    text-align: center;
  }
  .blue-container-wrap .col-sm {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .ds-submission-on-behalf.ds-transcript-on-behalf .coursework-header {
    flex-direction: column;
    gap: 10px;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-device-modal.active {
    bottom: 80px;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf.ds-current-transcript .ds-device-modal {
    bottom: 0;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .navigation-content {
    min-width: unset;
  }
  .ds-edit-transcript.add-credits-transcript .ds-edit-transcript-exam-ms,
  .ds-edit-transcript.add-credits-transcript .ds-edit-transcript-course-ms {
    display: none !important;
  }
}
.ds-coursework-submission .coursework-bottom-sheet hr,
.ds-submitted-transcript.ds-submitted .coursework-bottom-sheet hr,
.ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet hr,
.ds-evals-intro.ds-evals-results .coursework-bottom-sheet hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ds-coursework-submission .coursework-bottom-sheet .coursework-list .disabled,
.ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-list .disabled,
.ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-list .disabled,
.ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-list .disabled {
  opacity: 0.5;
}
.ds-coursework-submission .coursework-bottom-sheet .coursework-list .inputs-grid,
.ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-list .inputs-grid,
.ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-list .inputs-grid,
.ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-list .inputs-grid {
  display: grid;
  grid-auto-flow: column;
  gap: 10px !important;
}
.ds-coursework-submission .coursework-bottom-sheet .coursework-list.matches .code-compare-arrows img,
.ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-list.matches .code-compare-arrows img,
.ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-list.matches .code-compare-arrows img,
.ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-list.matches .code-compare-arrows img {
  height: 16px;
  width: 16px;
}
.ds-coursework-submission .coursework-bottom-sheet .coursework-status .status-square,
.ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-status .status-square,
.ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-status .status-square,
.ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-status .status-square {
  padding: 5px 10px;
}
.ds-coursework-submission .coursework-bottom-sheet .coursework-comments .comment-box,
.ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-comments .comment-box,
.ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-comments .comment-box,
.ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-comments .comment-box {
  background: #E9EDF3;
  border-radius: 3px;
}
.ds-device-modal.coursework-sheet .device-content > div:nth-child(2) {
  overflow-y: auto;
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .ds-coursework-submission .coursework-bottom-sheet .coursework-list .inputs-grid,
  .ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-list .inputs-grid,
  .ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-list .inputs-grid,
  .ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-list .inputs-grid {
    grid-template-columns: 130px 1fr auto;
  }
}
@media screen and (max-width: 576px) {
  .ds-current-transcript .navigation-content .coursework-card,
  .ds-coursework-submission .main_view_collapse,
  .ds-coursework-submission .main_view_collapse .bottom_transcript {
    margin: 0 !important;
  }
  .ds-coursework-submission .main_view_collapse {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .ds-coursework-submission .main_view_collapse .sub_top .top_transcript {
    padding: 30px 20px 20px 20px !important;
    border-radius: 0;
  }
  .ds-coursework-submission .main_view_collapse .sub_top .top_transcript > span {
    gap: 10px !important;
  }
  .ds-coursework-submission .main_view_collapse .sub_top .view_details {
    border-radius: 0;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-header,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-header,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-header,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-header,
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .next-steps h2.next-steps,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .next-steps h2.next-steps,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .next-steps h2.next-steps,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .next-steps h2.next-steps,
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row {
    padding: 0 !important;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .next-steps,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .next-steps,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .next-steps,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .next-steps {
    padding: 20px !important;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row .school_box_table h2,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row .school_box_table h2,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row .school_box_table h2,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row .school_box_table h2 {
    margin-top: 0px !important;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row .school_box_table:last-child,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row .school_box_table:last-child,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row .school_box_table:last-child,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row .school_box_table:last-child,
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row .school_box_table .table-responsive,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row .school_box_table .table-responsive,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row .school_box_table .table-responsive,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row .school_box_table .table-responsive,
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow {
    margin-bottom: 0px !important;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .next-steps h2.next-steps,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .next-steps h2.next-steps,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .next-steps h2.next-steps,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .next-steps h2.next-steps {
    margin-bottom: 10px !important;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .next-steps p,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .next-steps p,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .next-steps p,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .next-steps p {
    margin-bottom: 20px !important;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .steps-wrapper,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .steps-wrapper,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .steps-wrapper,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .steps-wrapper {
    text-align: center;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .next-steps,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .next-steps,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .next-steps,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .next-steps {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row > div:nth-child(1),
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .school-body .table_sec .form-group.row > div:nth-child(1),
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row > div:nth-child(1),
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .school-body .table_sec .form-group.row > div:nth-child(1) {
    max-width: unset !important;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow {
    box-shadow: none;
  }
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow:focus,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow:focus,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow:focus,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow:focus,
  .ds-submitted.ds-onboarding .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow:hover,
  .ds-coursework-submission .bg-white.box-shadow.main_view_collapse .box-shadow.select_box_shadow:hover,
  .ds-submitted.ds-onboarding .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow:hover,
  .ds-coursework-submission .bottom_transcript .listing_school.view_collapse .box-shadow.select_box_shadow:hover {
    box-shadow: none !important;
  }
  .ds-submitted.ds-onboarding .blue-card-wrapper .percentage-side span,
  .ds-coursework-submission .blue-card-wrapper .percentage-side span,
  .ds-submitted.ds-onboarding .blue-card-wrapper .price-side span,
  .ds-coursework-submission .blue-card-wrapper .price-side span {
    font-size: 32px !important;
  }
  .ds-submitted.ds-onboarding .course-title-col,
  .ds-coursework-submission .course-title-col,
  .ds-submitted.ds-onboarding .transfer-status-col,
  .ds-coursework-submission .transfer-status-col {
    display: none !important;
  }
  .ds-submitted.ds-onboarding .submission-course-col,
  .ds-coursework-submission .submission-course-col {
    width: 65px;
    max-width: 65px;
  }
  .ds-submitted.ds-onboarding .matched-course-col,
  .ds-coursework-submission .matched-course-col {
    max-width: 110px;
    width: 110px;
  }
  .ds-submitted.ds-onboarding .matched-course-col .matched-courses,
  .ds-coursework-submission .matched-course-col .matched-courses {
    display: none;
  }
  .ds-submitted.ds-onboarding .matched-course-col .transfer-status,
  .ds-coursework-submission .matched-course-col .transfer-status {
    min-width: unset !important;
  }
  .ds-submitted.ds-onboarding .matched-course-col .transfer-status .match-square,
  .ds-coursework-submission .matched-course-col .transfer-status .match-square {
    display: block !important;
  }
  .ds-submitted.ds-onboarding .matched-course-col > div,
  .ds-coursework-submission .matched-course-col > div {
    display: flex;
    flex-direction: row;
    flex: 1;
  }
  .ds-submitted.ds-onboarding .comments-col,
  .ds-coursework-submission .comments-col {
    display: table-cell !important;
  }
  .ds-submitted.ds-onboarding .coursework-bottom-sheet .coursework-list .inputs-grid,
  .ds-coursework-submission .coursework-bottom-sheet .coursework-list .inputs-grid {
    grid-template-columns: 100px 1fr auto;
  }
  .ds-submitted.ds-onboarding .transfer-title,
  .ds-coursework-submission .transfer-title {
    max-width: 290px;
  }
  .ds-coursework-submission .coursework-bottom-sheet .coursework-list .inputs-grid,
  .ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-list .inputs-grid,
  .ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-list .inputs-grid,
  .ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-list .inputs-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 3px !important;
  }
  .ds-coursework-submission .coursework-bottom-sheet .coursework-list .inputs-grid > span:nth-child(2),
  .ds-submitted-transcript.ds-submitted .coursework-bottom-sheet .coursework-list .inputs-grid > span:nth-child(2),
  .ds-submitted-transcript.ds-program-evals-list .coursework-bottom-sheet .coursework-list .inputs-grid > span:nth-child(2),
  .ds-evals-intro.ds-evals-results .coursework-bottom-sheet .coursework-list .inputs-grid > span:nth-child(2) {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .ds-coursework-submission .submitted-coursework-header,
  .ds-submitted-transcript.ds-submitted .submitted-coursework-header,
  .ds-submitted-transcript.ds-program-evals-list .submitted-coursework-header,
  .ds-evals-intro.ds-evals-results .submitted-coursework-header {
    border-radius: 0;
  }
  .ds-current-transcript .navigation-content,
  .edit-transcript-content .navigation-content,
  .ds-current-transcript .navigation-content .current-step,
  .edit-transcript-content .navigation-content .current-step {
    padding: 0 !important;
  }
  .ds-current-transcript .navigation-content .coursework-header,
  .edit-transcript-content .navigation-content .coursework-header {
    padding: 10px !important;
    align-items: center;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper,
  .ds-current-transcript .navigation-content .current-step .credits-form,
  .edit-transcript-content .navigation-content .current-step .credits-form {
    gap: 30px !important;
    margin: 0 !important;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1),
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1),
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1),
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1),
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1),
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1),
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1),
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1),
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1),
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1),
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1),
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) {
    margin-bottom: 0px !important;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px !important;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type h2,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type h2,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type h2,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type h2,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course h2,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course h2,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course h2,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course h2,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap h2,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap h2,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap h2,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap h2,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) h2,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) h2,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) h2,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) h2,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) h2,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) h2,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) h2,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) h2,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) h2,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) h2,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) h2,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) h2,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .credit-title,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .credit-title,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .credit-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr th,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr th,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr th {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td input,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td input,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td .form-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.course-code .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.course-title .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.completion-date .form-control,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.completion-date .form-control {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .exam-type .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-form .exam-type .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper .transfer-course .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-form .transfer-course .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ap .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-form #ap .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-form #ap .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #clep > div:nth-child(1) .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-form #clep > div:nth-child(1) .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #ib > div:nth-child(1) .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-form #ib > div:nth-child(1) .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-wrapper #jst > div:nth-child(1) .table-responsive table tr td.course-code span,
  .ds-current-transcript .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.course-code span,
  .edit-transcript-content .navigation-content .current-step .credits-form #jst > div:nth-child(1) .table-responsive table tr td.course-code span {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .ds-current-transcript .navigation-content .coursework-card .credits-wrapper,
  .edit-transcript-content .navigation-content .coursework-card .credits-wrapper {
    padding: 30px 0 100px 0;
  }
  .ds-current-transcript .navigation-content .coursework-card .credits-wrapper .exam-type,
  .edit-transcript-content .navigation-content .coursework-card .credits-wrapper .exam-type,
  .ds-current-transcript .navigation-content .coursework-card .credits-wrapper .custom_table.table-multiselect.school-table,
  .edit-transcript-content .navigation-content .coursework-card .credits-wrapper .custom_table.table-multiselect.school-table {
    padding: 0 20px !important;
  }
  .ds-current-transcript .navigation-content > div,
  .edit-transcript-content .navigation-content > div {
    box-shadow: unset;
  }
  .ds-current-transcript .ds-upload-transcript,
  .edit-transcript-content .ds-upload-transcript {
    padding: 30px 20px !important;
  }
  .ds-current-transcript .ds-upload-transcript .upload-document,
  .edit-transcript-content .ds-upload-transcript .upload-document {
    margin-top: 0px !important;
  }
  .ds-current-transcript .content-right,
  .edit-transcript-content .content-right {
    display: block !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-device-modal.active {
    bottom: 51px;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf.ds-current-transcript .ds-device-modal.active {
    bottom: 0;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf.ds-current-transcript .coursework-card .current-step .no-total-courses {
    padding: 30px 20px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf.ds-current-transcript .content-right {
    background: #fff;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf.ds-current-transcript .content-right .coursework-card {
    box-shadow: unset;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript {
    padding: 30px 0 !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .credits-form > div {
    margin-bottom: 0px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .add-credits,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .add-exams {
    padding: 0 20px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .add-credits .btn.btn-bordered,
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-edit-transcript .add-exams .btn.btn-bordered {
    margin-top: 0px !important;
  }
  .ds-submission-on-behalf.ds-transcript-on-behalf .ds-confirm-submit .bottom_transcript .options .question-text {
    font-size: 14px !important;
  }
  .program-eval-banner-container {
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 20px 16px;
  }
  .program-eval-banner-container .find-degrees-wrapper {
    justify-content: center;
  }
}
@media screen and (max-width: 530px) {
  .ds-coursework-submission .transfer-title {
    max-width: 230px;
  }
}
@media screen and (max-width: 470px) {
  .ds-coursework-submission .transfer-title {
    max-width: 120px;
  }
}
@media screen and (max-width: 378px) {
  .ds-coursework-submission .transfer-title {
    max-width: 80px;
  }
}
.ds-submission-on-behalf h3 {
  font-weight: 500;
  font-size: 18px;
}
.ds-submission-on-behalf h1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  color: #59595B;
}
.ds-submission-on-behalf .form-control {
  border: none;
  font-size: 12px;
  background-color: transparent !important;
  height: 25px;
}
.ds-submission-on-behalf .form-control:hover,
.ds-submission-on-behalf .form-control:focus {
  outline: 1px solid #C4D4D9 !important;
}
.ds-submission-on-behalf .form-control.show-outline {
  outline: 1px solid #C4D4D9 !important;
}
.ds-submission-on-behalf .custom_table {
  margin-top: 20px;
  gap: 20px;
}
.ds-submission-on-behalf .transcript-view {
  max-width: 997px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.ds-submission-on-behalf .transcript-view2 {
  margin-top: 0px!important;
}
.ds-submission-on-behalf .transcript-view2 .transcript-inner-wrap {
  background-image: linear-gradient(40deg, #ffffff 98.5%, #FFFFFF00 85%);
  background-color: transparent;
  filter: drop-shadow(0px 0px 5px #9ca6af99);
  box-shadow: none!important;
}
.ds-submission-on-behalf .transcript-view2 .bg-white.box-shadow {
  margin-top: 0px;
}
.ds-submission-on-behalf .transcript-view2 form {
  margin-top: 0px;
}
.ds-submission-on-behalf .student_search .add-credits-transcript {
  box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15);
  min-height: 420px;
}
.ds-submission-on-behalf .student_search .transcript-inner-wrap.add-credits-transcript {
  background-image: linear-gradient(40deg, #ffffff 98.5%, #FFFFFF00 85%);
  background-color: transparent;
  filter: drop-shadow(0px 0px 5px #DBDBDB);
  box-shadow: none!important;
}
.ds-submission-on-behalf .student_search .transcript-popup {
  justify-content: center;
}
.ds-submission-on-behalf .student_search .transcript-popup .action-section {
  display: flex;
}
.ds-submission-on-behalf .student_search .transcript-popup .transcript-title {
  text-align: center;
}
.ds-submission-on-behalf .student_search .transcript-popup .action-button {
  line-height: 21px;
  min-height: 48px;
  min-width: 300px;
}
.ds-submission-on-behalf .student_search .top_transcript {
  background: white;
  padding: 11px 20px 11px 10px;
  position: sticky;
  width: 100%;
  z-index: 10;
  top: 55px;
  height: 100%;
  box-shadow: 0px 4px 10px rgba(120, 120, 120, 0.15);
}
.ds-submission-on-behalf .student_search .top_transcript .student-img-small {
  float: left;
}
.ds-submission-on-behalf .student_search .top_transcript .personal-transcript-info {
  padding: 9px 0 0 94px;
}
.ds-submission-on-behalf .student_search .top_transcript .blue-card-wrapper button {
  float: right;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
  border-radius: 5px;
  width: 206px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 24px;
  gap: 16px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.ds-submission-on-behalf .transcript-inner-wrap {
  min-height: 600px;
  position: relative;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript {
  border-bottom: 1px solid #00000040;
  padding: 0 0 58px;
  margin: 0 0 48px;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .transcript-popup {
  width: 46%;
  margin-bottom: 0px;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .personal-transcript-wrap {
  font-size: 0;
  display: block;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .personal-transcript-wrap > img {
  display: inline-block;
  vertical-align: middle;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .personal-transcript-wrap .personal-transcript-info {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 24px;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .personal-transcript-wrap .personal-transcript-info p {
  margin: 0;
  color: #8F9EA6;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .bottom_transcript .btn-bordered.add-more-credits {
  padding: 4px 12px;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .bottom_transcript .btn-bordered.cancel-btn {
  width: auto;
  height: auto;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #3C51B9;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 21px;
  text-transform: none;
  padding: 0;
  margin: 5px 0 0;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .bottom_transcript .custom_table .input-group-wrapper .input-group {
  width: 88%;
  margin: 0 3% 0 0;
  display: inline-block;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .bottom_transcript .custom_table .input-group-wrapper .input-group .input-group-btn {
  width: 32px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .bottom_transcript .custom_table .cancel-hold {
  display: inline-block;
  vertical-align: top;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript table > tbody > tr > td {
  border: 0!important;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .school_box_table .active {
  display: block;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .school_box_table .add-row {
  height: 20px;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .school_box_table table {
  margin-bottom: 0px;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .school_box_table .tick_ico i {
  background-color: lightgray;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .school_box_table .ui-select-list-item.active:hover {
  color: #3C51B9;
  background: #E7EDF3;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .school_box_table .ui-select-list-item.active a:hover {
  color: #3C51B9;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .school_box_table .ui-select-list-item.inactive {
  color: darkgrey;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .form-group.search-wrap .search-action {
  position: absolute;
  left: 0;
  top: 0;
  padding: 11px 8px 11px 19px;
  cursor: pointer;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .form-group.search-wrap .search-action:before {
  content: "";
  background: url('../../assets-new/images/transcript-on-behalf/search-icon.png') no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}
.ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .form-group.search-wrap input.form-control {
  padding: 10px 10px 10px 48px;
  height: auto;
}
.ds-submission-on-behalf .bottom_transcript > .row > div {
  position: initial;
}
.ds-submission-on-behalf .student-img {
  max-height: 90px;
  width: 108px;
}
.ds-submission-on-behalf .student-img-small {
  width: 85px;
  height: 70px;
}
.ds-submission-on-behalf .header {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 54px;
  text-align: center;
  color: #3C51B9;
}
.ds-submission-on-behalf .header-subtext {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #A0A0A0;
  margin: 0 !important;
}
.ds-submission-on-behalf .question-text {
  color: #3C3C3C;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 10px;
}
.ds-submission-on-behalf .question-text b {
  font-weight: 500;
}
.ds-submission-on-behalf .form-horizontal .form-control.email-input {
  max-width: 365px;
  margin: auto;
  margin-bottom: 2rem;
}
.ds-submission-on-behalf .form-horizontal > span {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  opacity: 0.5;
  text-align: center;
}
.ds-submission-on-behalf .action-row {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, -5%);
  min-width: 210px;
  width: 60%;
}
.ds-submission-on-behalf .action-row button.btn {
  min-width: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 6px 0;
  background: transparent;
  color: #3C51B9;
}
.ds-submission-on-behalf .action-row button.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ds-submission-on-behalf .action-row button.btn.button-submit {
  background: #3C51B9;
  border-radius: 4px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  padding: 5px 23px;
  height: 40px;
}
.ds-submission-on-behalf .action-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  background: #F0F9FF;
  border: 1px solid #34A8FF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50px;
  color: #3C51B9;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  height: 35px;
}
.ds-submission-on-behalf .action-button > img {
  padding: 0 15px 0 0;
}
.ds-submission-on-behalf .action-button img.action_icon {
  height: 16px;
}
.ds-submission-on-behalf .btn-bordered.add-more-credits {
  padding: 4px 12px;
}
.ds-submission-on-behalf .btn-bordered.cancel-btn {
  width: auto;
  height: auto;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #3C51B9;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-transform: none;
  padding: 0;
  margin: 10px 0 0;
}
.ds-submission-on-behalf form#createTranscriptForm input.ng-invalid,
.ds-submission-on-behalf form#createTranscriptForm input.ng-invalid:focus,
.ds-submission-on-behalf form#createTranscriptForm select.ng-invalid,
.ds-submission-on-behalf form#createTranscriptForm select.ng-invalid:focus {
  border: solid 1px #ff3b4a !important;
}
.ds-submission-on-behalf form#createTranscriptForm select.ng-invalid {
  border: solid 1px #ff3b4a !important;
  background-color: #fff5f5 !important;
}
.ds-submission-on-behalf .enter-your-personal-info .form-control {
  height: 32px;
}
.custom_table {
  margin-top: 40px;
  position: relative;
}
.custom_table table {
  margin-bottom: 0px;
}
.pull-right,
.transfer-leads .submit-on-behalf-button {
  float: right !important;
}
.popups-btns {
  margin-bottom: 45px;
}
.transcript-modal .action-row {
  justify-content: space-between;
}
.transcript-modal .action-row .button-submit {
  margin: initial;
}
.transcript-modal .headline-wrap h1 {
  color: #3C51B9;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 54px;
  text-align: center;
  margin: 0 0 16px;
}
.transcript-modal .headline-wrap h2 {
  color: #3C3C3C;
  align-items: center;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 40px;
}
.transcript-modal .form-group.search-wrap {
  position: relative;
  margin-bottom: 20px;
}
.transcript-modal .form-group.search-wrap .search-action {
  position: absolute;
  left: 0;
  top: 0;
  padding: 11px 8px 11px 19px;
  cursor: pointer;
}
.transcript-modal .form-group.search-wrap .search-action:before {
  content: "";
  background: url('../../assets-new/images/transcript-on-behalf/search-icon.png') no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}
.transcript-modal .form-group.search-wrap input.form-control {
  padding: 10px 10px 10px 48px;
  height: auto;
}
.transcript-modal table > tbody > tr > td {
  padding: 7px 8px 6px 8px !important;
}
.table-responsive.transcript-table {
  margin-bottom: 135px;
}
@media only screen and (max-device-width: 1200px) {
  .ds-submission-on-behalf .transcript-inner-wrap {
    padding: 40px 30px 100px;
  }
}
@media only screen and (max-device-width: 991px) {
  .ds-submission-on-behalf .top_transcript .blue-card-wrapper {
    padding: 8px 0px 0px 0px!important;
  }
  .ds-submission-on-behalf .top_transcript .blue-card-wrapper button {
    margin-bottom: 6px!important;
    float: unset!important;
  }
  .ds-submission-on-behalf .top_transcript .justify-content-between .student-img-small {
    margin: 12px 0 0 0;
  }
  .ds-submission-on-behalf .top_transcript .transcript-header {
    flex-wrap: wrap;
    justify-content: center!important;
  }
  .ds-submission-on-behalf .transcript-title {
    width: 100%;
    text-align: center!important;
  }
  .ds-submission-on-behalf .transcript-popup {
    margin-top: 21rem!important;
  }
  .ds-submission-on-behalf .transcript-popup .action-section {
    display: block!important;
  }
  .ds-submission-on-behalf .transcript-popup .pull-left {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
  }
  .ds-submission-on-behalf .transcript-view2 .transcript-inner-wrap {
    background-color: white!important;
  }
  .ds-submission-on-behalf .transcript-view .question-text {
    text-align: center;
  }
  .ds-submission-on-behalf .transcript-view .col-xs-12 {
    padding: 0px;
  }
  .ds-submission-on-behalf .transcript-view .popups-btns .action-button {
    justify-content: flex-start;
  }
  .ds-submission-on-behalf .transcript-view .popups-btns .pull-right,
  .ds-submission-on-behalf .transcript-view .popups-btns .pull-left {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
  .ds-submission-on-behalf .transcript-view .popups-btns .pull-left {
    float: left!important;
  }
  .ds-submission-on-behalf .transcript-view .popups-btns .col-md-6 {
    padding: 0px;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript {
    padding: 30px 30px 50px 30px;
  }
}
@media only screen and (max-device-width: 768px) {
  .action-row {
    bottom: 0%;
    transform: unset;
  }
  .action-row button.btn.button-submit {
    margin: 0!important;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript {
    background-color: white !important;
    background-image: unset !important;
    padding-top: 0px;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript {
    padding: 0 0 30px;
    margin: 0px 0 40px;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .d-flex {
    flex-flow: row wrap;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .d-flex .col-md-8,
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .d-flex .col-md-4 {
    width: 100%;
    flex: 0 0 100%;
    flex-flow: row wrap;
    padding: 10px 0;
    text-align: center;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .top_transcript .personal-transcript-wrap .personal-transcript-info {
    text-align: left;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .bottom_transcript {
    padding: 0;
  }
  .ds-submission-on-behalf .transcript-inner-wrap.add-credits-transcript .bottom_transcript .table-responsive {
    margin: 0 auto;
  }
  .transcript-modal .action-row {
    bottom: 10%;
    transform: unset;
    min-width: 260px;
  }
  .transcript-modal .action-row button.btn.button-submit {
    margin: 0!important;
  }
}
div.custom_table.table-multiselect {
  gap: 20px;
}
div.custom_table.table-multiselect div.ds-multiselect {
  max-width: 350px;
  min-width: 350px;
  max-height: 530px;
  min-height: 530px;
}
div.custom_table.table-multiselect div.ds-multiselect .type-container {
  gap: 0 !important;
}
div.custom_table.table-multiselect div.ds-multiselect .search-coursework {
  min-width: 274px;
}
div.custom_table.table-multiselect div.ds-multiselect .search-results {
  max-height: 460px;
}
div.custom_table.table-multiselect .table-responsive table {
  border-collapse: unset !important;
}
div.custom_table.table-multiselect .table-responsive table tr td {
  border-top: unset !important;
  border-bottom: unset !important;
}
div.custom_table.table-multiselect th.course-code > div,
div.custom_table.table-multiselect td.course-code > div {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-template-columns: 1fr;
}
div.custom_table.table-multiselect th.course-code .course-transcript,
div.custom_table.table-multiselect td.course-code .course-transcript {
  grid-template-columns: 14px 100px;
}
div.custom_table.table-multiselect th.course-code .course-transcript .transcript-icon,
div.custom_table.table-multiselect td.course-code .course-transcript .transcript-icon {
  grid-column-start: 1;
}
div.custom_table.table-multiselect th.course-code .course-transcript .course-code-input,
div.custom_table.table-multiselect td.course-code .course-transcript .course-code-input,
div.custom_table.table-multiselect th.course-code .course-transcript .code-text,
div.custom_table.table-multiselect td.course-code .course-transcript .code-text,
div.custom_table.table-multiselect th.course-code .course-transcript .course-code-text,
div.custom_table.table-multiselect td.course-code .course-transcript .course-code-text {
  grid-column-start: 2;
}
div.custom_table.table-multiselect th.course-code img,
div.custom_table.table-multiselect td.course-code img {
  margin-right: 5px;
  height: 8px;
  width: 8px;
}
div.custom_table.table-multiselect th.course-status,
div.custom_table.table-multiselect td.course-status {
  min-width: 25px;
  max-width: 25px;
  width: 25px;
}
div.custom_table.table-multiselect th.date-col,
div.custom_table.table-multiselect td.date-col {
  max-width: 105px;
  width: 105px;
}
div.custom_table.table-multiselect th.ce-col,
div.custom_table.table-multiselect td.ce-col {
  max-width: 70px;
  width: 70px;
}
div.custom_table.table-multiselect th.grade-col,
div.custom_table.table-multiselect td.grade-col {
  max-width: 60px;
  width: 60px;
}
div.custom_table.table-multiselect td.completion-date span.Zebra_DatePicker_Icon_Wrapper input[type="text"] {
  padding-right: 26px !important;
  width: 90px;
}
div.custom_table.table-multiselect.more-credits-open.course th.course-title,
div.custom_table.table-multiselect.more-credits-open.course td.course-title {
  max-width: 196px;
  min-width: 196px;
  width: 196px;
}
div.custom_table.table-multiselect:not(.more-credits-open) .table-responsive {
  max-height: unset;
}
div.custom_table.table-multiselect tr.xs-course-title {
  display: none;
}
.submit-transcript-modal .modal-dialog {
  width: fit-content;
}
.submit-transcript-modal .modal-dialog .ds-confirm-transcript-modal {
  width: 750px;
}
.submit-transcript-modal .modal-dialog .ds-confirm-transcript-modal.notify-student {
  width: 950px;
}
.submit-transcript-modal .modal-dialog .ds-confirm-transcript-modal.notify-student .modal-body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 500px;
}
.submit-transcript-modal .modal-dialog .ds-confirm-transcript-modal.notify-student .modal-body .ds-flex-centered-content {
  align-self: center;
}
.submit-transcript-modal .modal-dialog .ds-confirm-transcript-modal .notify-actions > button.medium-button {
  font-size: 14px !important;
  font-weight: 400 !important;
}
.ds-confirm-transcript-modal .modal-header {
  flex-wrap: nowrap !important;
  flex-direction: row !important;
}
.ds-confirm-transcript-modal .modal-header .close-btn {
  margin-top: 0px !important;
  height: 12px;
  width: 12px;
}
.ds-confirm-transcript-modal .confirm-transcript-stepper {
  margin: 0 60px;
}
.ds-confirm-transcript-modal .confirm-transcript-stepper .rectangle {
  width: 100%;
  max-width: 200px;
  height: 8px;
}
.ds-confirm-transcript-modal .confirm-transcript-stepper .step-wrapper {
  position: relative;
}
.ds-confirm-transcript-modal .confirm-transcript-stepper .step-wrapper .step-title {
  top: -20px;
  left: -35px;
}
.ds-confirm-transcript-modal .notify-student-wrapper {
  margin-top: 30px !important;
}
.ds-confirm-transcript-modal .modal-body {
  padding: 0 !important;
}
.ds-confirm-transcript-modal .modal-body .current-action {
  padding: 6px 8px;
  border-radius: 3px;
  background: rgba(0, 184, 228, 0.1);
  gap: 3px;
}
.ds-confirm-transcript-modal .modal-body .current-action .wrap-tabbing h4 {
  color: #5B5B5B;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-wrapper .fix-all {
  border-radius: 3px;
  border: 1px solid #f4a329;
  background: linear-gradient(0deg, #f5a200 0%, #f5a200 100%), #fff;
  padding: 5px 12px;
  color: #fff;
  min-width: unset;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-wrapper .revert {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #f4a329 !important;
  color: #f4a329 !important;
  min-width: unset;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list {
  padding: 8px 40px 8px 0;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .header {
  border-bottom: 1px solid #E7EDF3;
  padding-bottom: 5px;
  margin-left: 40px;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .title {
  color: #555;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper {
  max-height: 265px;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course-wrapper {
  cursor: pointer;
  padding: 8px 10px 8px 0;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course-wrapper .course-label {
  padding-left: 14px;
  user-select: none;
  cursor: pointer;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course-wrapper.selected {
  background: #F4F7F9;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course-wrapper.selected .course {
  border-radius: 10px;
  border: 1px solid #3C51B9;
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.1) 0%, rgba(0, 184, 228, 0.1) 100%), #FFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course {
  border-radius: 10px;
  border: 1px solid #ADADAD;
  background: #FFF;
  padding: 10px 15px;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course .your-coursework {
  grid-template-columns: 80px auto 14px;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course .your-coursework .suffix,
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course .your-coursework .title-yellow {
  color: #F5A200;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course .your-coursework .title-yellow {
  font-weight: 600 !important;
}
.ds-confirm-transcript-modal .modal-body .same-courses .same-courses-list .courses-list-wrapper .course .found-course {
  grid-template-columns: 80px auto;
}
.ds-confirm-transcript-modal .modal-body .run-equivalencies .ds-alert span {
  font-size: 14px !important;
}
.ds-confirm-transcript-modal .modal-body.submit-coursework {
  padding: 30px 40px 0 40px !important;
}
.ds-confirm-transcript-modal .modal-body.submit-coursework .bg-light {
  padding: 0 !important;
}
.ds-confirm-transcript-modal .modal-footer {
  padding: 30px 40px 40px 40px !important;
  border-top: unset;
}
.ds-confirm-transcript-modal .modal-footer .next-institution {
  gap: 8px;
}
.ds-confirm-transcript-modal .modal-footer button {
  min-width: unset !important;
  padding: 8px 15px !important;
}
.ds-confirm-transcript-modal .modal-footer::before,
.ds-confirm-transcript-modal .modal-footer::after {
  content: unset;
}
@media screen and (max-width: 970px) {
  div.custom_table.table-multiselect {
    flex-direction: column;
  }
  div.custom_table.table-multiselect .ds-multiselect {
    max-width: unset !important;
  }
  div.custom_table.table-multiselect > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .add-credits-transcript.ds-edit-transcript.ms-bottom-sheet {
    margin-bottom: 330px !important;
  }
}
@media only screen and (max-device-width: 600px) {
  .ds-submission-on-behalf .bottom_transcript {
    padding: 25px 20px 0 20px;
  }
}
.responsive-table-coursework table > tbody > tr {
  height: 30px;
}
.responsive-table-coursework table > tbody > tr:hover td {
  background-color: transparent !important;
}
.responsive-table-coursework table > tbody > tr td {
  padding: 8px 5px 5px 5px !important;
}
.responsive-table-coursework .course-title.title-col {
  display: none;
}
.responsive-table-coursework td.completion-date.course-title.title {
  padding: 0 !important;
  font-weight: 400 !important;
}
.responsive-table-coursework td.completion-date.course-title.title input.form-control {
  font-weight: 400 !important;
  font-style: italic !important;
}
.responsive-table-coursework th.course-code,
.responsive-table-coursework td.course-code {
  width: 100% !important;
}
.responsive-table-coursework th.course-code div span.new-existent,
.responsive-table-coursework td.course-code div span.new-existent {
  padding-left: 7.5px;
}
.responsive-table-coursework .course-title.title-col {
  display: none;
}
.responsive-table-coursework tr.xs-course-title {
  display: table-row;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title,
.responsive-table-coursework tr.xs-course-title td.action {
  padding-top: 0 !important;
  border-bottom: 1px solid #EDF2F6 !important;
  padding-bottom: 8px !important;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title {
  padding: 0 5px 5px 5px !important;
  vertical-align: middle;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title > div {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title > div .course-code-input,
.responsive-table-coursework tr.xs-course-title td.course-title.title > div .course-title-input,
.responsive-table-coursework tr.xs-course-title td.course-title.title > div .code-text,
.responsive-table-coursework tr.xs-course-title td.course-title.title > div .title-text {
  grid-column-start: 1;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title > div.new-existent {
  padding-left: 7.5px;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title.course-transcript > div {
  grid-template-columns: 14px 1fr;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon {
  grid-column-start: 1;
}
.responsive-table-coursework tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
.responsive-table-coursework tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
.responsive-table-coursework tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
.responsive-table-coursework tr.xs-course-title td.course-title.title.course-transcript > div .title-text {
  grid-column-start: 2;
}
@media screen and (max-width: 1175px) {
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr {
    height: 30px;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr:hover td,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr:hover td,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr:hover td,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr:hover td,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr:hover td {
    background-color: transparent !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr td,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr td,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr td,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr td,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open table > tbody > tr td {
    padding: 8px 5px 5px 5px !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col {
    display: none;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title {
    padding: 0 !important;
    font-weight: 400 !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title input.form-control,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title input.form-control,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title input.form-control,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title input.form-control,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open td.completion-date.course-title.title input.form-control {
    font-weight: 400 !important;
    font-style: italic !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open th.course-code,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open th.course-code,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open th.course-code,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open th.course-code,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open th.course-code,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open td.course-code,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.course-code,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.course-code,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open td.course-code,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open td.course-code {
    width: 100% !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open th.course-code div span.new-existent,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open th.course-code div span.new-existent,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open th.course-code div span.new-existent,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open th.course-code div span.new-existent,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open th.course-code div span.new-existent,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open td.course-code div span.new-existent,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.course-code div span.new-existent,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open td.course-code div span.new-existent,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open td.course-code div span.new-existent,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open td.course-code div span.new-existent {
    padding-left: 7.5px;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open .course-title.title-col {
    display: none;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title {
    display: table-row;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.action,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.action,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.action,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.action,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.action {
    padding-top: 0 !important;
    border-bottom: 1px solid #EDF2F6 !important;
    padding-bottom: 8px !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title {
    padding: 0 5px 5px 5px !important;
    vertical-align: middle;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-code-input,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-title-input,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .code-text,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .code-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .code-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .code-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .code-text,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .title-text,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .title-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .title-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .title-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div .title-text {
    grid-column-start: 1;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div.new-existent,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div.new-existent,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div.new-existent,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div.new-existent,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title > div.new-existent {
    padding-left: 7.5px;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div {
    grid-template-columns: 14px 1fr;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon {
    grid-column-start: 1;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .students-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table.more-credits-open tr.xs-course-title td.course-title.title.course-transcript > div .title-text {
    grid-column-start: 2;
  }
}
@media screen and (max-width: 865px) {
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table table > tbody > tr,
  .students-onboarding .custom_table.table-multiselect.school-table table > tbody > tr,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table table > tbody > tr,
  .ds-current-transcript .custom_table.table-multiselect.school-table table > tbody > tr,
  .ds-edited-coursework .custom_table.table-multiselect.school-table table > tbody > tr {
    height: 30px;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table table > tbody > tr:hover td,
  .students-onboarding .custom_table.table-multiselect.school-table table > tbody > tr:hover td,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table table > tbody > tr:hover td,
  .ds-current-transcript .custom_table.table-multiselect.school-table table > tbody > tr:hover td,
  .ds-edited-coursework .custom_table.table-multiselect.school-table table > tbody > tr:hover td {
    background-color: transparent !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table table > tbody > tr td,
  .students-onboarding .custom_table.table-multiselect.school-table table > tbody > tr td,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table table > tbody > tr td,
  .ds-current-transcript .custom_table.table-multiselect.school-table table > tbody > tr td,
  .ds-edited-coursework .custom_table.table-multiselect.school-table table > tbody > tr td {
    padding: 8px 5px 5px 5px !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table .course-title.title-col,
  .students-onboarding .custom_table.table-multiselect.school-table .course-title.title-col,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table .course-title.title-col,
  .ds-current-transcript .custom_table.table-multiselect.school-table .course-title.title-col,
  .ds-edited-coursework .custom_table.table-multiselect.school-table .course-title.title-col {
    display: none;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table td.completion-date.course-title.title,
  .students-onboarding .custom_table.table-multiselect.school-table td.completion-date.course-title.title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table td.completion-date.course-title.title,
  .ds-current-transcript .custom_table.table-multiselect.school-table td.completion-date.course-title.title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table td.completion-date.course-title.title {
    padding: 0 !important;
    font-weight: 400 !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table td.completion-date.course-title.title input.form-control,
  .students-onboarding .custom_table.table-multiselect.school-table td.completion-date.course-title.title input.form-control,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table td.completion-date.course-title.title input.form-control,
  .ds-current-transcript .custom_table.table-multiselect.school-table td.completion-date.course-title.title input.form-control,
  .ds-edited-coursework .custom_table.table-multiselect.school-table td.completion-date.course-title.title input.form-control {
    font-weight: 400 !important;
    font-style: italic !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table th.course-code,
  .students-onboarding .custom_table.table-multiselect.school-table th.course-code,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table th.course-code,
  .ds-current-transcript .custom_table.table-multiselect.school-table th.course-code,
  .ds-edited-coursework .custom_table.table-multiselect.school-table th.course-code,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table td.course-code,
  .students-onboarding .custom_table.table-multiselect.school-table td.course-code,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table td.course-code,
  .ds-current-transcript .custom_table.table-multiselect.school-table td.course-code,
  .ds-edited-coursework .custom_table.table-multiselect.school-table td.course-code {
    width: 100% !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table th.course-code div span.new-existent,
  .students-onboarding .custom_table.table-multiselect.school-table th.course-code div span.new-existent,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table th.course-code div span.new-existent,
  .ds-current-transcript .custom_table.table-multiselect.school-table th.course-code div span.new-existent,
  .ds-edited-coursework .custom_table.table-multiselect.school-table th.course-code div span.new-existent,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table td.course-code div span.new-existent,
  .students-onboarding .custom_table.table-multiselect.school-table td.course-code div span.new-existent,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table td.course-code div span.new-existent,
  .ds-current-transcript .custom_table.table-multiselect.school-table td.course-code div span.new-existent,
  .ds-edited-coursework .custom_table.table-multiselect.school-table td.course-code div span.new-existent {
    padding-left: 7.5px;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table .course-title.title-col,
  .students-onboarding .custom_table.table-multiselect.school-table .course-title.title-col,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table .course-title.title-col,
  .ds-current-transcript .custom_table.table-multiselect.school-table .course-title.title-col,
  .ds-edited-coursework .custom_table.table-multiselect.school-table .course-title.title-col {
    display: none;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title {
    display: table-row;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.action,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.action,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.action,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.action,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.action {
    padding-top: 0 !important;
    border-bottom: 1px solid #EDF2F6 !important;
    padding-bottom: 8px !important;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title {
    padding: 0 5px 5px 5px !important;
    vertical-align: middle;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-code-input,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-code-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-title-input,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .course-title-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .code-text,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .code-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .code-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .code-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .code-text,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .title-text,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .title-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .title-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .title-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div .title-text {
    grid-column-start: 1;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div.new-existent,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div.new-existent,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div.new-existent,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div.new-existent,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div.new-existent {
    padding-left: 7.5px;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div {
    grid-template-columns: 14px 1fr;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .transcript-icon {
    grid-column-start: 1;
  }
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-code-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .course-title-input,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .code-text,
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .students-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .ds-current-transcript .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .title-text,
  .ds-edited-coursework .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title.course-transcript > div .title-text {
    grid-column-start: 2;
  }
}
@media screen and (max-width: 576px) {
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect.school-table tr.xs-course-title td.course-title.title > div span {
    padding-right: 0 !important;
  }
  .students-onboarding .onboarding-content .edit-transcript-step .custom_table.table-multiselect.school-table th.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edit-transcript-step .custom_table.table-multiselect.school-table th.status-col,
  .ds-edited-coursework.modal-body .edit-transcript-step .custom_table.table-multiselect.school-table th.status-col,
  .students-onboarding .onboarding-content .edited-coursework-modal .custom_table.table-multiselect.school-table th.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edited-coursework-modal .custom_table.table-multiselect.school-table th.status-col,
  .ds-edited-coursework.modal-body .edited-coursework-modal .custom_table.table-multiselect.school-table th.status-col,
  .students-onboarding .onboarding-content .transfer-req-coursework .custom_table.table-multiselect.school-table th.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .transfer-req-coursework .custom_table.table-multiselect.school-table th.status-col,
  .ds-edited-coursework.modal-body .transfer-req-coursework .custom_table.table-multiselect.school-table th.status-col,
  .students-onboarding .onboarding-content .edit-transcript-step .custom_table.table-multiselect.exam-table th.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edit-transcript-step .custom_table.table-multiselect.exam-table th.status-col,
  .ds-edited-coursework.modal-body .edit-transcript-step .custom_table.table-multiselect.exam-table th.status-col,
  .students-onboarding .onboarding-content .edited-coursework-modal .custom_table.table-multiselect.exam-table th.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edited-coursework-modal .custom_table.table-multiselect.exam-table th.status-col,
  .ds-edited-coursework.modal-body .edited-coursework-modal .custom_table.table-multiselect.exam-table th.status-col,
  .students-onboarding .onboarding-content .transfer-req-coursework .custom_table.table-multiselect.exam-table th.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .transfer-req-coursework .custom_table.table-multiselect.exam-table th.status-col,
  .ds-edited-coursework.modal-body .transfer-req-coursework .custom_table.table-multiselect.exam-table th.status-col {
    padding: 0 !important;
    border-bottom: unset !important;
    min-width: 20px;
    width: 20px;
    max-width: 20px;
  }
  .students-onboarding .onboarding-content .edit-transcript-step .custom_table.table-multiselect.school-table td.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edit-transcript-step .custom_table.table-multiselect.school-table td.status-col,
  .ds-edited-coursework.modal-body .edit-transcript-step .custom_table.table-multiselect.school-table td.status-col,
  .students-onboarding .onboarding-content .edited-coursework-modal .custom_table.table-multiselect.school-table td.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edited-coursework-modal .custom_table.table-multiselect.school-table td.status-col,
  .ds-edited-coursework.modal-body .edited-coursework-modal .custom_table.table-multiselect.school-table td.status-col,
  .students-onboarding .onboarding-content .transfer-req-coursework .custom_table.table-multiselect.school-table td.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .transfer-req-coursework .custom_table.table-multiselect.school-table td.status-col,
  .ds-edited-coursework.modal-body .transfer-req-coursework .custom_table.table-multiselect.school-table td.status-col,
  .students-onboarding .onboarding-content .edit-transcript-step .custom_table.table-multiselect.exam-table td.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edit-transcript-step .custom_table.table-multiselect.exam-table td.status-col,
  .ds-edited-coursework.modal-body .edit-transcript-step .custom_table.table-multiselect.exam-table td.status-col,
  .students-onboarding .onboarding-content .edited-coursework-modal .custom_table.table-multiselect.exam-table td.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edited-coursework-modal .custom_table.table-multiselect.exam-table td.status-col,
  .ds-edited-coursework.modal-body .edited-coursework-modal .custom_table.table-multiselect.exam-table td.status-col,
  .students-onboarding .onboarding-content .transfer-req-coursework .custom_table.table-multiselect.exam-table td.status-col,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .transfer-req-coursework .custom_table.table-multiselect.exam-table td.status-col,
  .ds-edited-coursework.modal-body .transfer-req-coursework .custom_table.table-multiselect.exam-table td.status-col {
    padding: 0 !important;
    text-align: center;
  }
  .students-onboarding .onboarding-content .edit-transcript-step .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edit-transcript-step .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .ds-edited-coursework.modal-body .edit-transcript-step .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .students-onboarding .onboarding-content .edited-coursework-modal .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edited-coursework-modal .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .ds-edited-coursework.modal-body .edited-coursework-modal .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .students-onboarding .onboarding-content .transfer-req-coursework .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .transfer-req-coursework .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .ds-edited-coursework.modal-body .transfer-req-coursework .custom_table.table-multiselect.school-table td.status-col .fa.fa-minus-circle,
  .students-onboarding .onboarding-content .edit-transcript-step .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edit-transcript-step .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .ds-edited-coursework.modal-body .edit-transcript-step .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .students-onboarding .onboarding-content .edited-coursework-modal .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edited-coursework-modal .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .ds-edited-coursework.modal-body .edited-coursework-modal .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .students-onboarding .onboarding-content .transfer-req-coursework .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .transfer-req-coursework .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle,
  .ds-edited-coursework.modal-body .transfer-req-coursework .custom_table.table-multiselect.exam-table td.status-col .fa.fa-minus-circle {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
  }
  .students-onboarding .onboarding-content .edited-coursework-modal .school-name,
  .ds-submission-on-behalf.ds-transcript-on-behalf .edit-transcript-content .edited-coursework-modal .school-name,
  .ds-edited-coursework.modal-body .edited-coursework-modal .school-name {
    margin-left: 28px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .confirm-transcript-stepper {
    padding-top: 30px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .step-wrapper .step-title {
    display: none;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-text {
    padding: 0 !important;
    margin-top: 0px !important;
    text-align: center !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .ds-alert.yellow {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-courses-wrapper {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-courses-wrapper .school-wrapper {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-courses-wrapper .same-courses-list {
    padding-right: 0 !important;
    margin-left: -20px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-courses-wrapper .courses-list-wrapper .course .your-coursework {
    grid-template-columns: auto 14px;
    grid-template-rows: 1fr 1fr;
    gap: 0 !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-courses-wrapper .courses-list-wrapper .course .your-coursework .title {
    grid-row-start: 2;
    grid-column-start: 1;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-courses-wrapper .courses-list-wrapper .course .your-coursework arrow-right-svg {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .transcript-on-behalf.SAME_COURSES .modal-body .same-courses .same-courses-wrapper .courses-list-wrapper .course .found-course {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0 !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .modal-body .notify-student-wrapper {
    margin-top: 0px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .modal-body .run-equivalencies {
    padding: 0 !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .modal-footer {
    padding: 20px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .ds-confirm-transcript-modal .modal-footer button {
    font-size: 12px !important;
    font-weight: 400;
  }
}
@media screen and (max-width: 410px) {
  .ds-edit-transcript.add-credits-transcript .custom_table.table-multiselect td.course-code .course-transcript,
  .students-onboarding .custom_table.table-multiselect td.course-code .course-transcript,
  .ds-confirm-submit.ds-onboarding .custom_table.table-multiselect td.course-code .course-transcript,
  .ds-current-transcript .custom_table.table-multiselect td.course-code .course-transcript,
  .ds-edited-coursework .custom_table.table-multiselect td.course-code .course-transcript {
    grid-template-columns: 14px 80px;
  }
}
.warning-icon {
  font-size: 18px;
  align-self: center;
  padding-right: 10px;
  color: #f4a329;
}
.patch-affected-row {
  font-weight: 500 !important;
  background-color: #EFF4FF !important;
}
.inline-warning-wrapper {
  transition: 0.6s;
  padding-bottom: 0px;
}
.manage-config .dropdown-menu {
  display: grid;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  align-self: flex-start;
}
.manage-config a:hover,
.manage-config a:focus {
  color: #2C2C37;
  cursor: pointer;
}
.manage-config .max-100 {
  max-width: 100% !important;
}
.manage-config .w-100 {
  width: 100% !important;
}
.manage-config .text-light-gray {
  color: #a3a3a3;
}
.manage-config .content-left .school_name {
  padding-left: 30px;
}
.manage-config .content-left .school_name img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.manage-config .content-right .bot-page-height {
  height: calc(100vh - 90px);
}
.manage-config .content-right .heading {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.manage-config .content-right label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #59595B;
}
.manage-config .content-right .btn {
  min-width: 106px;
  width: auto;
  min-height: 30px;
  height: 30px;
  padding: 5px 15px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400 !important;
}
.manage-config .content-right .btn-primary-gradient.btn-default {
  width: auto;
}
.manage-config .content-right .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.manage-config .form_transcript {
  padding-bottom: 30px;
}
.manage-config .form_transcript ul {
  padding: 0 !important;
  height: auto;
  min-height: 32px !important;
  font-size: 12px;
  font-weight: 400;
  color: #393939;
  border: 1px solid #D2D2D2;
}
.manage-config .form_transcript ul input {
  background-color: #fff !important;
  background-clip: padding-box;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  font-size: 13px;
  height: auto;
  min-height: 32px;
  color: #A3A3A3;
  border-radius: 3px !important;
  box-shadow: none;
  width: 100% !important;
  border: none;
}
.manage-config .form_transcript ul .btn-default {
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.8) -2.67%, rgba(0, 184, 228, 0.8) 105.63%) !important;
  border-radius: 2px;
  font-weight: normal;
  font-size: 12px;
  border: none;
  padding: 2px 5px;
  margin: 2px;
  color: #FFFFFF;
  min-width: auto;
}
.manage-config .form_transcript ul .ui-select-match-item {
  outline: none;
}
.manage-config .form_transcript ul.dropdown-menu {
  background: #fff;
  max-height: 250px;
  overflow: auto;
  min-height: 250px;
  width: 100%;
}
.manage-config .form_transcript ul.dropdown-menu li {
  padding: 0px 0px !important;
  border-bottom: 1px solid #E7EDF3;
  height: auto;
}
.manage-config .form_transcript ul.dropdown-menu li a {
  line-height: 17px;
  color: #393939;
  font-weight: 600;
  line-height: 18px;
  line-height: 17px !important;
  padding: 10px 16px;
}
.manage-config .form_transcript ul.dropdown-menu li a:last-child {
  display: none;
}
.manage-config .search-result {
  display: flex;
}
.manage-config .search-result span {
  background-color: #E7EDF3;
  border-radius: 3px;
  padding: 0px 10px 0px 10px;
  margin-right: 1rem;
  color: #333333;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  min-width: 104px;
  height: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.manage-config .search-result span a {
  font-size: 7px;
  margin-right: 5px;
  line-height: 21px;
}
.manage-config .wrap-table tr th {
  border: none !important;
}
.manage-config .wrap-table tr td:nth-child(6) {
  border-left: 1px solid #E7EDF3 !important;
}
.manage-config .bot-page .wrap-table tr th {
  border: none !important;
}
.manage-config .bot-page .wrap-table tr th .input-group {
  width: 240px;
  margin-bottom: 2rem;
  margin-top: 1rem;
  position: relative;
}
.manage-config .bot-page .wrap-table tr th .input-group span {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 6px;
  font-size: 14px;
}
.manage-config .bot-page .wrap-table tr td:nth-child(6),
.manage-config .bot-page .wrap-table tr td:last-child {
  border-left: 1px solid #E7EDF3 !important;
  border-right: 1px solid #E7EDF3 !important;
}
.manage-config .bot-page .wrap-table tr td {
  border-bottom: 1px solid #dddddd !important;
}
.manage-config .bot-page .wrap-table tr td .edit-icon {
  margin-left: 5px;
  color: #3C51B9;
}
.manage-config .switch {
  margin-top: 5px;
}
.modal_right_user .btn {
  min-width: 120px;
  width: auto !important;
}
.citzn {
  position: relative;
}
.citzn a:hover {
  text-decoration: underline !important;
}
.citzn:hover .edit_ic {
  display: block !important;
}
.citzn .edit_ic {
  display: none;
  position: absolute;
  right: 0;
  right: -15px;
  bottom: 3px;
}
.pr-2 {
  padding-right: 20px !important;
}
#update-setting .modal-header {
  height: 45px;
  padding: 8px 20px;
  background: linear-gradient(270deg, #00B8E4 0%, #3C51B9 100%) !important;
}
#update-setting .modal-header .modal-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  color: white !important;
}
#update-setting .modal-header .close:hover {
  color: #ddd;
}
.ds-personal-email-config .body-content .content-right {
  background: unset;
}
.ds-personal-email-config section {
  padding: 30px 64px;
  margin-right: 20px !important;
}
.ds-personal-email-config section hr {
  margin: 30px 0;
}
.ds-personal-email-config section .section-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #8B8B98;
  margin-bottom: 20px;
}
.ds-personal-email-config section .section-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #231995;
  margin-bottom: 8px;
}
.ds-personal-email-config section .section-label.label-gray {
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 8px;
  color: #59595B;
}
.ds-personal-email-config section .section-label.label-gray span {
  font-weight: 700;
}
.ds-personal-email-config .notifications-box {
  display: grid;
  grid-template-columns: 1fr 100px;
}
.ds-personal-email-config .notifications-box p {
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
}
.ds-personal-email-config .notifications-box img {
  grid-row: 1;
  grid-column: 2 / span 2;
}
.ds-personal-email-config .email-label {
  font-weight: 500;
  color: #231995;
}
.ds-personal-email-config .email-label:hover {
  text-decoration: none;
  color: #231995;
}
.ds-personal-email-config .vertical-checkbox-group,
.ds-personal-email-config .horizontal-checkbox-group {
  flex-wrap: wrap;
  align-items: center;
  margin: auto auto 20px 30px;
  gap: 10px;
}
.ds-personal-email-config .vertical-checkbox-group .divider,
.ds-personal-email-config .horizontal-checkbox-group .divider {
  grid-row: 1 / span 2;
  height: 55px;
  width: 1px;
  border-left: 1px solid #E2E2E2;
}
.ds-personal-email-config .vertical-checkbox-group label,
.ds-personal-email-config .horizontal-checkbox-group label,
.ds-personal-email-config .vertical-checkbox-group input[type="checkbox"],
.ds-personal-email-config .horizontal-checkbox-group input[type="checkbox"] {
  margin: 0px;
}
.ds-personal-email-config .vertical-checkbox-group label.auto-selected,
.ds-personal-email-config .horizontal-checkbox-group label.auto-selected,
.ds-personal-email-config .vertical-checkbox-group input[type="checkbox"].auto-selected,
.ds-personal-email-config .horizontal-checkbox-group input[type="checkbox"].auto-selected {
  appearance: none;
  background: #C4D4D9;
  padding-bottom: 0px !important;
  transform: scale(1.15, 0.85);
  width: 15px !important;
  border-radius: 3px;
  border: solid 1px #fff;
}
.ds-personal-email-config .vertical-checkbox-group label.auto-selected:hover,
.ds-personal-email-config .horizontal-checkbox-group label.auto-selected:hover,
.ds-personal-email-config .vertical-checkbox-group input[type="checkbox"].auto-selected:hover,
.ds-personal-email-config .horizontal-checkbox-group input[type="checkbox"].auto-selected:hover {
  border: solid 1px #aeb7ba;
}
.ds-personal-email-config .vertical-checkbox-group label,
.ds-personal-email-config .horizontal-checkbox-group label {
  margin-right: 20px;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  text-transform: capitalize;
  height: 25px;
}
.ds-personal-email-config .vertical-checkbox-group {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 65px 30px repeat(auto-fill, minmax(100px, 1fr));
  overflow-x: auto;
}
.ds-personal-email-config .horizontal-checkbox-group {
  display: flex;
  overflow-x: auto;
}
.ds-personal-email-config .page-subheader {
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #8F9EA6;
}
.ds-personal-email-config .time-control {
  width: unset;
}
.ds-personal-email-config .time-control.ng-invalid {
  border: solid 1px #bd362f;
}
body::-webkit-scrollbar-thumb {
  background: #cacad5 !important;
  border-radius: 100px;
}
.left-nav-plus-content .body-content .content-left .left-top-section .select-item-list-wrapper ul::-webkit-scrollbar-thumb,
.ds-dashboard .content-left .left_fixed::-webkit-scrollbar-thumb {
  background: #cacad5 !important;
  border-radius: 100px;
}
.equivalency-partner {
  height: auto;
}
.equivalency-partner .body-content {
  height: 100%;
  display: flex;
}
.equivalency-partner .text-danger {
  color: #C10000;
}
.equivalency-partner .text-warning {
  color: #C10000;
}
.equivalency-partner .text-light-table {
  color: #BFBFBF;
}
.equivalency-partner .btn {
  font-size: 12px;
  height: auto;
  padding: 5px 20px;
}
.equivalency-partner .btn-light {
  color: #8F9EA6;
}
.equivalency-partner .btn-light:hover,
.equivalency-partner .btn-light:focus {
  color: #8F9EA6;
}
.equivalency-partner .plus_icon_cir {
  height: 20px;
  vertical-align: middle;
}
.equivalency-partner .plus_icon_cir::before {
  content: '\ecc8';
}
.equivalency-partner .btn-primary {
  background: #3C51B9;
  border-radius: 5px;
  font-weight: normal;
  line-height: 21px;
  color: #FFFFFF;
}
.equivalency-partner .content-left {
  background: #FFFFFF;
  width: 325px;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.equivalency-partner .content-left .left_fixed {
  max-width: 325px;
  min-width: 325px;
  height: calc(100vh - 10px);
  position: fixed;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04), 0px 3px 3px rgba(0, 0, 0, 0.0006);
  border-radius: 0px;
  background: #FFFFFF;
}
.equivalency-partner .content-left .left_list {
  height: calc(100% - 125px);
}
.equivalency-partner .content-left .left_list .box_add_sch {
  max-width: 280px;
  margin: 0 auto;
}
.equivalency-partner .content-left .left_list .box_add_sch .info {
  width: 25px;
  border: 1px solid #11C37B;
  height: 25px;
  display: inline-table;
  text-align: center;
  vertical-align: middle;
  line-height: 23px;
  border-radius: 100%;
}
.equivalency-partner .content-left .left_list .box_add_sch .add_school_box {
  border-radius: 6px;
}
.equivalency-partner .content-left .left_list .box_add_sch .btn {
  min-width: 180px;
}
.equivalency-partner .content-left .left_list .btn-bottom.ml-2 {
  margin-left: 10px;
}
.equivalency-partner .content-left .left_list ul {
  padding-left: 20px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.equivalency-partner .content-left .left_list ul li a {
  border-radius: 5px 0 0 5px;
  padding: 15px 15px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #393939;
  border: 1px solid #fff;
  border-right: none;
}
.equivalency-partner .content-left .left_list ul li a:hover {
  border: 1px solid #3C51B9;
  color: #3C51B9;
  border-right: none;
}
.equivalency-partner .content-left .left_list ul li a small {
  font-size: 10px;
  font-weight: 400;
  color: #8B8B98;
}
.equivalency-partner .content-left .left_list ul li .active {
  border: 1px solid #3C51B9;
  color: #3C51B9;
  border-right: none;
}
.equivalency-partner .content-right {
  width: calc(100% - 325px);
  padding: 15px;
  background-color: #F4F8FB;
}
.equivalency-partner .content-right .school_not_found {
  height: calc(100vh - 65px);
  align-items: self-start;
}
.equivalency-partner .content-right .middle_scr {
  margin: 1.5rem auto;
  width: 92%;
  max-width: 1350px;
}
.equivalency-partner .content-right .content-heading h4 {
  color: #8B8B98;
  font-weight: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.equivalency-partner .content-right .btn-secondary {
  background: #E0E0E0;
  color: #fff;
}
.equivalency-partner .content-right .content-fluid {
  box-shadow: 0px 0px 5px #dddddd99;
  background-color: #ffffff;
  padding: 20px;
  margin-top: 15px;
  border-radius: 5px;
  width: 100%;
  height: calc(100% - 20px);
}
.equivalency-partner .content-right .table-responsive {
  max-height: 100% !important;
  overflow: initial;
}
.equivalency-partner .content-right .table-responsive .m-width-120 {
  min-width: 120px;
}
.equivalency-partner .content-right .table-responsive .action_drop .dropdown a .ellips-dot:hover,
.equivalency-partner .content-right .table-responsive .action_drop .dropdown a .ellips-dot:focus {
  width: 18px;
  height: 18px;
  border: 1px solid #3c51b9;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  line-height: 16px;
}
.equivalency-partner .content-right .sort_icon {
  display: none;
}
.equivalency-partner .content-right .sorting {
  background-image: url(../assets-new/images/sort_both.png);
  background-repeat: no-repeat;
  background-position: center right;
}
.equivalency-partner .content-right .sorting_asc {
  background-image: url(../assets-new/images/sort_asc.png) !important;
  background-repeat: no-repeat;
  background-position: center right;
}
.equivalency-partner .content-right .sorting_desc {
  background-image: url(../assets-new/images/sort_desc.png) !important;
  background-repeat: no-repeat;
  background-position: center right;
}
.equivalency-partner .content-right table tr th {
  white-space: nowrap;
  border: none;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  color: #8B8B98;
  font-weight: normal;
  vertical-align: middle;
  outline: none;
}
.equivalency-partner .content-right table tr td {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
}
.equivalency-partner .content-right table tr td b {
  color: #393939;
  font-weight: 600;
}
.equivalency-partner .content-right .dataTables_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: hidden;
}
.equivalency-partner .content-right .dataTables_wrapper .dataTables_length {
  display: none;
}
.equivalency-partner .content-right .dataTables_wrapper .dataTables_paginate {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
  width: 100%;
}
.equivalency-partner .content-right .dataTables_wrapper .dataTables_paginate .paginate_button {
  font-size: 12px;
  line-height: 14px;
  color: #3C51B9;
  padding: 0 8px;
}
.equivalency-partner .content-right .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  font-weight: 900;
}
.equivalency-partner .content-right .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  font-size: 18px;
}
.equivalency-partner .content-right .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  font-size: 18px;
}
.equivalency-partner .content-right .drop_td small.dropdown-show.show .btn-stroke-exsmall {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.equivalency-partner .content-right .drop_td .dropdown-menu {
  top: 5px !important;
  min-width: 130px;
  right: 0 !important;
  left: -5px !important;
}
.equivalency-partner .content-right .drop_td small.dropdown-show.show .dropdown-menu::before {
  color: #3C51B9;
  right: 55%;
  top: -12px;
}
.equivalency-partner .content-right .drop_td .active small .icons-icon {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.equivalency-partner .content-right .drop_td small .dropdown-menu .icons-icon {
  color: #3C51B9;
}
.equivalency-partner .content-right .drop_td .text-wrap {
  flex-direction: column;
}
.equivalency-partner .content-right .drop_td .text-wrap span.name {
  width: 65%;
}
.equivalency-partner .content-right .drop_td small {
  position: relative;
}
.equivalency-partner .content-right .drop_td .active-text small.dropdown-show {
  bottom: 10px;
}
.equivalency-partner .content-right .drop_td span.dropdown-item {
  cursor: pointer;
  justify-content: start;
  color: #3C51B9;
  display: flex;
}
.equivalency-partner .content-right .drop_td span.dropdown-item .icons-icon {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.equivalency-partner .content-right .drop_td small .icons-icon {
  font-size: 14px;
}
.equivalency-partner .content-right .height_mid {
  height: calc(100vh - 180px);
}
.equivalency-partner .content-right .height_mid .btn {
  min-width: 160px;
}
.equivalency-partner .content-right .upload_sec {
  margin-bottom: 10px;
}
.equivalency-partner .content-right .upload_sec .trash_icon .mdl2-add {
  background: #90909C;
  color: #fff;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  text-align: center;
  border-radius: 100%;
  line-height: 20px;
  margin-left: 20px;
  transform: rotate(45deg);
  font-size: 11px;
  cursor: pointer;
  display: inline-block;
}
.equivalency-partner .content-right .upload_sec #image_droped.visible {
  padding: 15px;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #6B6B6B;
}
.equivalency-partner .content-right .upload_sec .upload_text {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #6B6B6B;
}
.equivalency-partner .content-right .upload_sec .upload_file_sec input[type="file"] {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.equivalency-partner .content-right .upload_sec .upload_file_sec .inner_btn {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F7F7F7;
  border: 1px dashed #D0D0D0;
  border-radius: 5px;
  width: 100%;
}
.equivalency-partner .content-right .upload_sec .upload_file_sec label {
  display: inline-block;
  position: relative;
  min-height: 168px;
  width: 100%;
}
.equivalency-partner .content-right .upload_sec .upload_file_sec div.dragover {
  background-color: #aaa;
}
.equivalency-partner .content-right .upload_sec .upload_btn a span {
  vertical-align: middle;
}
.equivalency-partner .content-right .equiv_file_sec .dataTables_wrapper {
  height: auto;
}
.equivalency-partner .content-right .equiv_file_sec.height_mid {
  height: calc(97vh - 180px);
}
.equivalency-partner .holder_default {
  width: 100%;
  height: 168px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-color: #fff;
  border-radius: 5px;
}
.equivalency-partner #holder.hover:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.equivalency-partner #holder.hover {
  position: relative;
  width: 100%;
  height: 168px;
  background: #FFFDFD;
  border-radius: 5px;
}
.equivalency-partner .font-24 {
  font-size: 24px;
}
.equivalency-partner .text-blue {
  color: #3C51B9 !important;
}
.equivalency-partner .text-light-gray {
  color: #8B8B98;
}
.equivalency-partner .mt-4 {
  margin-top: 40px !important;
}
.equivalency-partner .mt-3 {
  margin-top: 30px !important;
}
.equivalency-partner .mb-3 {
  margin-bottom: 30px !important;
}
.equivalency-partner .mr-2 {
  margin-right: 20px;
}
.equivalency-partner .mr-1 {
  margin-right: 10px;
}
.equivalency-partner .m-auto {
  margin: 0 auto;
}
.equivalency-partner .hidden {
  visibility: hidden;
}
.equivalency-partner .visible {
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .equivalency-partner .flex-xs-column {
    flex-direction: column;
  }
  .equivalency-partner .body-content {
    flex-direction: column;
  }
  .equivalency-partner .content-left {
    position: unset;
    left: unset;
    left: 10px;
    z-index: 2;
    width: 98%;
    position: relative;
    top: 0;
    height: auto;
    max-height: 380px;
  }
  .equivalency-partner .content-left .left_list {
    height: calc(100% - 40px);
  }
  .equivalency-partner .content-right .dataTables_wrapper {
    overflow: auto;
  }
  .equivalency-partner .content-right .dataTables_wrapper .dataTables_paginate {
    bottom: 13px;
    width: 80%;
  }
  .equivalency-partner .content-right .height_mid {
    height: auto;
  }
  .equivalency-partner .content-right .content-fluid {
    height: auto;
  }
  .equivalency-partner .content-right .e-steps {
    margin-top: 15px;
  }
  .equivalency-partner .content-right .upload_btn .btn {
    min-width: auto;
  }
  .equivalency-partner .content-right .equiv_file_sec.height_mid {
    height: auto;
  }
}
.equivalency-course-request.admin-pages .btn-primary {
  border: 1px solid #3c51b9 !important;
  font-size: 14px !important;
}
@media screen and (max-width: 1399px) {
  .equivalency-course-request .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 5px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 36px;
    gap: 0 !important;
  }
  .equivalency-course-request .btn .btn-label {
    display: none !important;
  }
  .equivalency-course-request .btn .icons-icon {
    margin-right: 0 !important;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    text-align: center;
  }
  .equivalency-course-request .book-icon::before,
  .equivalency-course-request .plus-circle-icon::before {
    display: block;
    width: 100%;
    height: 100%;
  }
}
#add_school .btn-secondary {
  background: #E0E0E0;
  color: #fff;
}
#add_school .school-text-search .input-group {
  padding-bottom: 0;
}
#add_school .school-text-search .input-group-btn {
  font-size: 13px;
  right: 26px;
  z-index: 9;
  top: 2px;
  cursor: pointer;
}
#add_school .school-text-search .dropdown-menu > li:hover > a {
  background: transparent !important;
}
#add_school .school-text-search .dropdown-menu::before {
  display: none;
}
#add_school .school-text-search ul.dropdown-menu {
  background: #fff !important;
  width: 98%;
  border: none;
  margin: 0;
  top: 36px !important;
}
#add_school .school-text-search ul.dropdown-menu li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E7EDF3;
  line-height: 18px;
  margin: 2px;
  height: 30px;
  border-radius: 5px;
}
#add_school .school-text-search ul.dropdown-menu li:hover {
  background: #E7EDF3;
}
#add_school .school-text-search ul.dropdown-menu li a {
  color: #393939;
  font-size: 12px;
  padding-top: 0;
  line-height: 28px !important;
}
#add_school .school-text-search ul.dropdown-menu li a:hover {
  background: transparent;
}
#add_school .school-text-search ul.dropdown-menu li a.pull-right {
  font-weight: normal;
}
.school-text-search .input-group {
  padding-bottom: 0;
}
.school-text-search .input-group-btn {
  font-size: 13px;
  right: 26px;
  z-index: 9;
  top: 2px;
  cursor: pointer;
}
.school-text-search .dropdown-menu::before {
  display: none;
}
.school-text-search ul.dropdown-menu {
  background: #fff !important;
  width: 98%;
  border: none;
  margin: 0;
  top: 36px !important;
}
.school-text-search ul.dropdown-menu li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E7EDF3;
  line-height: 18px;
  margin: 2px;
  height: 30px;
  border-radius: 5px;
}
.school-text-search ul.dropdown-menu li:hover,
.school-text-search ul.dropdown-menu li.active {
  background: #E7EDF3;
}
.school-text-search ul.dropdown-menu li:hover a,
.school-text-search ul.dropdown-menu li.active a {
  background: transparent !important;
  color: #3C51B9 !important;
}
.school-text-search ul.dropdown-menu li a {
  color: #393939;
  font-size: 12px;
  padding-top: 0;
  line-height: 28px !important;
}
.school-text-search ul.dropdown-menu li a:hover {
  background: transparent;
}
.school-text-search ul.dropdown-menu li a.pull-right {
  font-weight: normal;
}
.side_modal_body .form-body-wrap .bottom_sec {
  left: 0;
  padding: 0 30px;
}
.form-body-wrap .top_sec label {
  font-size: 13px;
  font-weight: 500;
}
.form-body-wrap .top_sec .table-responsive .table thead tr th {
  padding: 5px 10px;
}
.form-body-wrap .top_sec .table-responsive .table tbody tr td {
  padding: 5px 10px !important;
}
.transfer-equivalencies .table tr.hover > td {
  background-color: #F7F8FA;
}
.ds-select-network .bg-transparent {
  background: transparent !important;
}
.ds-select-network .h-auto {
  height: auto !important;
}
.ds-select-network .no-radius {
  border-radius: 0 !important;
}
.ds-select-network .content-left .tab-content ul .content-wrap:last-child li {
  margin-bottom: 15px;
}
.ds-select-network .content-right table .no-border-top {
  border-top: none !important;
}
.ds-select-network .content-right table .no-border {
  border: none !important;
}
.ds-select-network .content-right .content-welcome2 {
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #ffffff;
}
.ds-select-network .content-right .content-welcome2 .ml-2 {
  margin-left: 20px;
}
.ds-select-network .content-right .content-welcome2 .ml-3 {
  margin-left: 30px;
}
.ds-select-network .content-right .content-welcome2 .bg-light {
  background: #F7F8FA !important;
}
.ds-select-network .content-right .content-welcome2 .text-decoration {
  text-decoration: underline;
}
.ds-select-network .content-right .content-welcome2 .left_welcom_net {
  max-width: 530px;
  width: 100%;
}
.ds-select-network .content-right .content-welcome2 .left_welcom_net p {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #8B8B98;
}
.ds-select-network .content-right .content-welcome2 .left_welcom_net p small {
  font-size: 10px;
  line-height: 15px;
}
.ds-select-network .content-right .content-welcome2 .right_welcom_net {
  min-width: 300px;
  max-width: 400px;
  width: 100%;
  padding: 30px;
}
.ds-select-network .content-right .content-welcome2 .right_welcom_net .f-600 {
  font-weight: 600;
}
.ds-select-network .content-right .content-welcome2 .right_welcom_net .font-32 {
  font-size: 32px;
}
.ds-select-network .content-right .content-welcome2 .right_welcom_net .text-light-blue {
  color: #00B8E4;
}
.ds-select-network .content-right .content-welcome2 .right_welcom_net .btn-border {
  border: 1px solid #3C51B9;
  background-color: transparent;
  color: #3C51B9;
  min-width: 140px;
  font-size: 12px;
  font-weight: 400;
}
.ds-select-network .content-right .inner-wrapper {
  padding: 20px;
  min-height: calc(100vh - 250px);
}
.ds-select-network .content-right .inner-wrapper .pos-abso {
  position: relative;
  z-index: 999;
}
.ds-select-network .content-right .inner-wrapper .pos-abso img {
  top: -8px;
}
.ds-select-network .content-right .inner-wrapper .min-h-208 {
  min-height: 270px;
}
.ds-select-network .content-right .inner-wrapper .border-gradient {
  height: 5px;
  background: linear-gradient(277.85deg, #00C2FF 3.07%, #3D50FB 100.9%);
  border-radius: 5px;
  width: 100px;
  display: block;
}
.ds-select-network .content-right .inner-wrapper .in_netwrok {
  padding: 25px 40px;
}
.ds-select-network .content-right .inner-wrapper .my-5 {
  margin-top: 50px;
  margin-bottom: 50px !important;
}
.ds-select-network .content-right .inner-wrapper .second_st {
  width: 66%;
  margin: 40px auto 20px;
  max-width: 500px;
}
.ds-select-network .content-right .inner-wrapper .main-net {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.ds-select-network .content-right .inner-wrapper .main-net .heading_data {
  margin-bottom: 10px;
}
.ds-select-network .content-right .inner-wrapper .main-net .rotate-1 {
  position: absolute;
  transform: rotate(12deg);
  top: -22px;
}
.ds-select-network .content-right .inner-wrapper .main-net .rotate-2 {
  position: absolute;
  transform: rotate(26deg);
  top: -41px;
  left: -4px;
}
.ds-select-network .content-right .inner-wrapper .main-net .rotate-3 {
  position: absolute;
  transform: rotate(35deg);
  top: -56px;
  left: -14px;
  width: 153px;
}
.ds-select-network .content-right .inner-wrapper .main-net .rotate-3.border-dash {
  width: 153px;
}
.ds-select-network .content-right .inner-wrapper .main-net .school_tab {
  max-width: 180px;
  width: 100%;
  text-align: center;
  position: relative;
  min-width: 150px;
}
.ds-select-network .content-right .inner-wrapper .main-net .border-dash {
  border-bottom: 2px dashed #C4D4D9;
  height: 24px;
  width: 130px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-select-network .content-right .inner-wrapper .main-net .mt-0 {
  margin-top: 0 !important;
}
.ds-select-network .content-right .inner-wrapper .main-net .text_net {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #3C3C3C;
}
.ds-select-network .content-right .inner-wrapper .main-net .strip_net {
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 600;
  min-width: 119px;
  margin: 10px 5px;
  line-height: 20px;
}
.ds-select-network .content-right .inner-wrapper .main-net .strip_net_gray {
  background: #DDE2F9;
  color: #3C51B9;
}
.ds-select-network .content-right .inner-wrapper .main-net .strip_net_blue {
  background: #3D50FB;
  color: #fff;
}
.ds-select-network .content-right .inner-wrapper .main-net .w-140 {
  width: 140px;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe {
  margin: 25px auto 10px;
  width: 87%;
  justify-content: center;
  display: flex;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .school_tab {
  width: 100%;
  min-width: 140px;
  max-width: 150px;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .text_net {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #3C3C3C;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .strip_net {
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 14px;
  font-weight: 600;
  min-width: 119px;
  margin: 10px 5px;
  line-height: 20px;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .strip_net_gray {
  background: #DDE2F9;
  color: #3C51B9;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .strip_net_blue {
  background: #3D50FB;
  color: #fff;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .w-140 {
  width: 140px;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .border-dash {
  border-bottom: 2px dashed #C4D4D9;
  height: 24px;
  width: 119px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-select-network .content-right .inner-wrapper .mid_network_globe .mt-0 {
  margin-top: 0 !important;
}
.ds-select-network .content-right .arrow_tranfer img {
  border: none;
  cursor: pointer;
}
.ds-select-network .content-right .net_table__top_data {
  flex-flow: wrap;
}
.ds-select-network .content-right .net_table__top_data a {
  display: flex;
  align-items: center;
}
.ds-select-network .content-right .net_table__top_data a:hover,
.ds-select-network .content-right .net_table__top_data a:focus {
  color: #222;
}
.ds-select-network .content-right .net_table__top_data .search-result {
  display: flex;
}
.ds-select-network .content-right .net_table__top_data .search-result span {
  background-color: #F4F8FB;
  border-radius: 3px;
  padding: 3px 10px 2px 10px;
  margin-right: 1rem;
  color: #333333;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  height: 32px;
  display: flex;
  align-items: center;
  flex-flow: row-reverse;
  width: max-content;
}
.ds-select-network .content-right .net_table__top_data .search-result span a {
  font-size: 7px;
  margin-left: 5px;
  line-height: 21px;
}
.ds-select-network .content-right .net_table__top_data .input-group {
  width: 240px;
  padding-bottom: 0;
  position: relative;
  margin-left: auto;
}
.ds-select-network .content-right .net_table__top_data .input-group span {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 6px;
  font-size: 14px;
}
.ds-select-network .content-right .net_table__top_data .btn-border {
  height: 31px;
  border: 1px solid #3C51B9;
  background-color: transparent;
  color: #3C51B9;
  min-width: 140px;
  font-size: 12px;
  font-weight: 400;
}
.ds-select-network .content-right .view-partners-wrapper {
  margin-left: 30px;
}
.ds-select-network .content-right .stackable {
  margin: 5px 0;
}
@media only screen and (max-width: 767px) {
  .ds-select-network .content-welcome2 {
    flex-direction: column;
  }
  .ds-select-network .right_welcom_net {
    flex-direction: column;
    min-width: 200px !important;
    padding: 10px 20px 20px !important;
  }
  .ds-select-network .net_table__top_data {
    flex-flow: column !important;
    margin: auto;
    padding: 0 0 20px 0 !important;
  }
  .ds-select-network .view-partners-wrapper {
    margin-left: unset !important;
  }
  .ds-select-network .search-result span {
    width: unset !important;
  }
  .ds-select-network .stackable {
    margin: 0 0 10px !important;
  }
}
.modal_transfer_network .border {
  border: 1px solid #ddd;
}
.modal_transfer_network .ml-3 {
  margin-left: 30px;
}
.modal_transfer_network .no-visible {
  visibility: hidden;
}
.modal_transfer_network .modal-header {
  padding: 15px;
  background: linear-gradient(270deg, #00B8E4 0%, #3C51B9 100%);
}
.modal_transfer_network .modal-header .close:hover {
  color: #f1f1f1;
}
.modal_transfer_network .modal-body .scroll_table {
  max-height: 300px;
  border-bottom: 1px solid #ddd;
}
.modal_transfer_network .modal-body .scroll_table table {
  border-bottom: none;
}
.modal_transfer_network .modal-body .scroll_table table tr td {
  width: 24%;
}
.modal_transfer_network .modal-body .scroll_table table tr td:first-child {
  width: 50%;
}
.modal_transfer_network .modal-body .scroll_table table tr td label {
  cursor: pointer;
}
.modal_transfer_network .modal-body table th {
  color: #8B8B98;
  width: 24.5%;
}
.modal_transfer_network .modal-body table th:first-child {
  width: 50%;
}
.modal_transfer_network .modal-body .min-h-208 {
  min-height: 270px;
}
.ds-evals-intro {
  overflow: hidden;
}
.ds-evals-intro .evals-intro-bg {
  height: calc(100dvh - 55px - var(--ds-sticky-footer-height));
  overflow-y: auto;
}
.ds-evals-intro .evals-container .evals-scroll-container {
  max-width: 1100px;
  width: 100%;
}
.ds-evals-intro .bottom_transcript {
  padding: 30px 40px;
}
.ds-evals-intro .bottom_transcript h2 {
  margin: 40px 0 0;
}
.ds-evals-intro .bottom_transcript .type-choice {
  margin: 10px 0 0;
}
.ds-evals-intro .bottom_transcript .intro-wrap > img {
  display: block;
  margin: 0 auto;
}
.ds-evals-intro .head-component-section {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
}
.ds-evals-intro .head-component-section h1 {
  float: left;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #3C51B9;
}
.ds-evals-intro.ds-evals-results .container {
  width: 100% !important;
  max-width: 1100px !important;
}
.ds-evals-intro.ds-evals-results .bg-white-wrap {
  border-top-right-radius: 100px;
}
.ds-evals-intro.ds-evals-results .top-cut-corner {
  position: relative;
  z-index: 1;
  margin: 0 0 -35px;
}
.ds-evals-intro.ds-evals-results .top-cut-corner img {
  width: 100%;
}
.ds-evals-intro.ds-evals-results .ds-student-details-left-panel,
.ds-evals-intro.ds-evals-results .collapsible-right-content {
  transition: unset !important;
}
.ds-evals-intro.ds-evals-results .bottom_transcript {
  position: relative;
  z-index: 2;
  padding: 15px 40px 30px 40px;
}
.ds-evals-intro.ds-evals-results .bottom_transcript h2 {
  margin: 80px auto 0;
  max-width: 740px;
}
.ds-evals-intro.ds-evals-results .bottom_transcript .sub-text {
  max-width: 840px;
  margin: 25px auto 30px;
  clear: both;
}
.ds-evals-intro.ds-evals-results .qualification-box {
  background: #fff;
  padding-right: 0;
  position: relative;
  padding: 32px 0px 50px 32px;
}
.ds-evals-intro.ds-evals-results .qualification-box .image-hold {
  width: 12%;
  padding-right: 30px;
}
.ds-evals-intro.ds-evals-results .qualification-box .qualification-requirements {
  width: 53%;
}
.ds-evals-intro.ds-evals-results .qualification-box .percentages-completion {
  display: inline-block;
  width: 35%;
  font-size: 16px;
  vertical-align: middle;
}
.ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul {
  font-size: 0;
  padding: 0;
  list-style-type: none;
  margin: 0;
  background: linear-gradient(90deg, #12B740 -2.67%, #00C193 105.63%);
  border-radius: 5px 0px 0px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  padding: 13px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li b {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
}
.ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li span {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
}
.ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li.percentage {
  width: 40%;
  border-right: 2px solid #fff;
}
.ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li.completion {
  width: 60%;
}
.ds-evals-intro.ds-evals-results .qualification-box .view_details {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
  font-size: 16px;
  position: absolute;
  left: 0;
  bottom: 13px;
}
.ds-evals-intro.ds-evals-results .qualification-box .view_details a {
  position: relative;
  padding: 0 25px 0 0;
}
.ds-evals-intro.ds-evals-results .qualification-box .view_details a:after {
  content: "";
  background: url('../assets-new/images/program-evals/details-dd-arr.png') no-repeat;
  width: 13px;
  height: 8px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 9px;
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ds-evals-intro.ds-evals-results .qualification-box .view_details a:hover {
  text-decoration: none;
}
.ds-evals-intro.ds-evals-results .qualification-box .view_details.collapsed a:after {
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ds-evals-intro.ds-evals-results .qualification-box .collapse {
  padding: 0 32px;
  margin: 25px 0 0 -32px;
  border-top: 1px solid #E0E0E0;
}
.ds-evals-intro.ds-evals-results .qualification-box .collapse .next-steps-wrapper {
  margin: 25px -32px;
  padding: 32px 32px;
}
.ds-evals-intro.ds-evals-results .qualification-box .collapse .program-description-wrap {
  margin-top: 25px;
}
.ds-evals-intro.ds-evals-results .qualification-box .collapse .program-description-wrap h3 {
  margin: 0 0 15px;
  color: #59595B;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
.ds-evals-intro.ds-evals-results .qualification-box .collapse .program-description-wrap p {
  color: #59595B;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
}
.ds-evals-intro.ds-evals-results .qualification-box .collapse .card-body {
  clear: both;
  padding: 40px 0 0;
}
.ds-evals-intro.ds-evals-results .qualification-box .collapse .file-download {
  margin-bottom: 25px;
  display: none;
}
.ds-evals-intro.ds-evals-results .file-download {
  position: relative;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #3C51B9;
  padding: 0 0 0 25px;
  float: right;
  text-decoration: none;
}
.ds-evals-intro.ds-evals-results .file-download:before {
  content: "";
  background: url('../assets-new/images/program-evals/download-arr.png') no-repeat;
  width: 15px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 0;
}
.ds-evals-intro .left-nav-column-right-edge .line-fixed:hover {
  border-left: unset !important;
  cursor: default !important;
}
.ds-unused-courses .course-coursework {
  animation: coursework-slide-add 0.3s forwards;
}
.ds-unused-courses .course-coursework.deleting {
  animation: coursework-slide-delete 0.3s forwards;
}
.ds-evals-select {
  background-color: #FAFAFA;
}
.ds-evals-select .program-selection-container {
  max-width: 1100px;
}
.ds-evals-select .program-selection-container .program-selection .credits .approved-credits .text,
.ds-evals-select .program-selection-container .program-selection .credits .estimated-savings .text,
.ds-evals-select .program-selection-container .program-selection .credits .submitted-credits .text {
  color: #737380;
}
.ds-evals-select .program-selection-container .program-selection .filters .dropdown-filters .degree-type-filter {
  min-width: 243px;
}
.ds-evals-select .program-selection-container .program-selection .filters .dropdown-filters .degree-len-filter {
  min-width: 205px;
}
.ds-evals-select .program-selection-container .program-selection .filters .dropdown-filters .location-type-filter {
  min-width: 197px;
}
.ds-evals-select .program-selection-container .program-selection .filters .dropdown-filter {
  padding: 3px 16px !important;
}
.ds-evals-select .program-selection-container .program-selection .filters .dropdown-filter:focus {
  border: 1px solid transparent !important;
}
.ds-evals-select .program-selection-container .program-selection .md-wrapper .markdown-preview .markdown-text {
  border-radius: 4px;
  background: #F9FAFB;
}
.ds-evals-select .program-selection-container .program-selection .programs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card {
  position: relative;
  cursor: pointer;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-type {
  color: #6B7280;
  line-height: 24px;
  border: 1px solid transparent;
  padding: 4px 8px;
  width: fit-content;
  border-radius: 2px;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-type.purple {
  color: #9B51E0;
  border-color: #9B51E0;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-type.orange {
  color: #a84300;
  border-color: #a84300;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-type.green {
  color: #007b76;
  border-color: #007b76;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-type.blue {
  color: #007da3;
  border-color: #007da3;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-type.green-2 {
  color: #06800D;
  border-color: #06800D;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-title {
  line-height: 28px;
  word-wrap: break-word;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-select-description {
  line-height: 20px;
  color: #666;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .more-info-description {
  display: none;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .program-data {
  color: #666;
  line-height: 20px;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card .selected-program {
  display: none;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card.selected {
  border-radius: 10px;
  border-color: #00B8E4;
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.1) 0%, rgba(0, 184, 228, 0.1) 100%);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card.selected .selected-program {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}
.ds-evals-select .program-selection-container .program-selection .programs .program-card:hover {
  border-color: #93c5fd;
}
.ds-evals-select .program-selection-container .program-selection .school-logo img {
  width: 30px;
  height: 30px;
}
.credits-estimations-wrap {
  padding: 18px 0;
  list-style-type: none;
  background: linear-gradient(90deg, #04CB54 -2.67%, #008639 105.63%);
  border-radius: 5px;
  display: block;
  font-size: 0;
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 770px;
  margin: 0 auto 40px;
  width: 100%;
  text-align: center;
}
.credits-estimations-wrap li {
  color: #fff;
  font-size: 14px;
  width: 33.3333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-right: 1px solid #fff;
  padding: 0 10px;
}
.credits-estimations-wrap li:last-child {
  border: 0;
}
.credits-estimations-wrap li span {
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  display: block;
  margin: 0 0 5px;
}
.credits-estimations-wrap li b {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.eval-details.table {
  margin-bottom: 0 !important;
}
.eval-details.table .svg-close {
  display: none;
}
.eval-details.table thead.row-collapsed .svg-close {
  display: block;
}
.eval-details.table thead.row-collapsed .svg-open {
  display: none;
}
.eval-details.table .nested.active thead.row-collapsed th:first-child {
  border-bottom-left-radius: 5px;
}
.eval-details.table th {
  text-transform: capitalize;
}
.eval-details.table td,
.eval-details.table th {
  vertical-align: middle !important;
  font-style: normal;
  font-weight: 400;
  font-size: 12px !important;
  height: 45px;
  border: none !important;
}
.eval-details.table .half-table-header {
  color: #393939;
  background-color: #F1F1F1 !important;
  white-space: normal;
}
.eval-details.table .half-table-header.parent {
  background-color: #E9EDF3 !important;
}
.eval-details.table .half-table-header.left {
  min-width: 350px;
  width: 50%;
}
.eval-details.table .half-table-header.right {
  width: 50%;
  padding-left: 0 !important;
}
.eval-details.table .half-table-header .icon {
  width: 40px;
}
.eval-details.table .half-table-header .header-left {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}
.eval-details.table .half-table-header .limit-elective {
  color: #58585B;
  margin-right: 5px;
}
.eval-details.table td.requirement-eval {
  padding: 0 !important;
}
.eval-details.table .checkmarks-points {
  /*float: left;*/
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  min-width: 55px;
  margin: 0 15px 0 0;
  text-transform: lowercase;
  align-self: center;
}
.eval-details.table .checkmarks-points .checkmark-red {
  color: #E23A05;
}
.eval-details.table .credits-applied {
  color: #58585B;
  text-transform: none;
  gap: 5px;
}
.eval-details.table .requirement-info {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: minmax(300px, 1fr) 1fr;
  justify-content: space-between;
}
.eval-details.table .requirement-info.limits {
  grid-template-columns: minmax(300px, 1fr) 110px;
}
.eval-details.table .requirement-info.preconditions {
  grid-template-columns: minmax(300px, 1fr) 180px;
}
.eval-details.table .requirement-info.limits-preconditions {
  grid-template-columns: minmax(300px, 1fr) 250px;
}
.eval-details.table .requirement-info .icons-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto auto 40px;
  justify-content: end;
}
.eval-details.table .requirement-info .icons-wrapper .req-limit {
  grid-column-start: 1;
}
.eval-details.table .requirement-info .icons-wrapper .pre-conditions {
  grid-column-start: 2;
}
.eval-details.table .requirement-info .icons-wrapper .req-limit,
.eval-details.table .requirement-info .icons-wrapper .pre-conditions {
  padding: 4px 6px !important;
}
.eval-details.table .requirement-info .icons-wrapper .exemption-wrapper {
  grid-column-start: 3;
  width: auto;
}
.eval-details.table .requirement-info .icons-wrapper .exemption-wrapper .comment {
  justify-content: center;
}
.eval-details.table .progress-bar-wrapper {
  display: grid;
}
.eval-details.table .table-progress-bar {
  /*float: left;*/
  width: 100%;
  min-width: 100px;
  max-width: 100px;
  height: 6px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
}
.eval-details.table .table-progress-bar .progress-bar-show {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
  /*background-size: 300% 100%;*/
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 0;
}
.eval-details.table table {
  margin-bottom: 0px !important;
}
.eval-details.table table th {
  border-bottom: none;
}
.eval-details.table table:hover tr td {
  background-color: transparent !important;
}
.eval-details.table .requirement-eval td.matched-course .show-more-requirements {
  color: #3C51B9;
}
.eval-details.table .requirement-eval td.matched-course .icon {
  width: 40px;
}
.eval-details.table .requirement-eval td.matched-course .text-exempt {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 80px 1fr auto;
  grid-template-rows: 30px;
  align-items: center;
  gap: 5px;
  border-radius: 30px;
  padding: 0 7px;
  border: 1px solid transparent;
}
.eval-details.table .requirement-eval td.matched-course .text-exempt img {
  display: none;
}
.eval-details.table .requirement-eval td.matched-course .text-exempt .remove-elective {
  animation-name: scale-animation;
  animation-duration: 0.3s;
}
.eval-details.table .requirement-eval td.matched-course > div {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 40px 1fr;
}
.eval-details.table .requirement-eval td.matched-course.show-more .pagination li {
  display: inline-block !important;
}
.eval-details.table .requirement-eval td.matched-course.show-more .pagination li a {
  font-size: 12px !important;
  font-weight: 400;
}
.eval-details.table .collapsed-content .comment,
.eval-details.table .requirement-row .comment {
  position: relative;
  pointer-events: all !important;
}
.eval-details.table .collapsed-content .comment:not(.show-comment),
.eval-details.table .requirement-row .comment:not(.show-comment) {
  display: none !important;
}
.eval-details.table .collapsed-content .comment:not(.show-comment) svg path,
.eval-details.table .requirement-row .comment:not(.show-comment) svg path {
  fill: #D9D9D9;
}
.eval-details.table .collapsed-content .comment:not(.show-comment),
.eval-details.table .requirement-row .comment:not(.show-comment) {
  pointer-events: all !important;
  display: none !important;
}
.eval-details.table .collapsed-content .comment:not(.show-comment) svg path,
.eval-details.table .requirement-row .comment:not(.show-comment) svg path {
  fill: #D9D9D9;
}
.eval-details.table .collapsed-content .switch .slider,
.eval-details.table .requirement-row .switch .slider {
  background-color: #FFFFFF !important;
  border: 1px solid #D9D9D9;
}
.eval-details.table .collapsed-content .switch .slider::before,
.eval-details.table .requirement-row .switch .slider::before {
  background-color: #D9D9D9 !important;
  height: 12px !important;
  width: 12px !important;
  top: 1px !important;
}
.eval-details.table .collapsed-content .exemption-wrapper,
.eval-details.table .requirement-row .exemption-wrapper {
  grid-auto-flow: column;
  display: grid !important;
  grid-template-columns: 16px 30px 16px;
  grid-template-rows: 30px;
  align-self: start;
  width: fit-content;
}
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals) .comment:not(.show-comment),
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals) .comment:not(.show-comment),
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals) .switch-exempt,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals) .switch-exempt {
  display: none !important;
  align-self: center;
  pointer-events: all !important;
}
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals) .comment:not(.show-comment) .slider.round,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals) .comment:not(.show-comment) .slider.round,
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals) .switch-exempt .slider.round,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals) .switch-exempt .slider.round {
  position: relative;
  display: block;
  width: 32px !important;
  height: 16px !important;
}
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .comment,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .comment,
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .switch-exempt,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .switch-exempt {
  display: flex !important;
}
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .comment .switch input:checked + .slider,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .comment .switch input:checked + .slider,
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .switch-exempt .switch input:checked + .slider,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .switch-exempt .switch input:checked + .slider {
  background-color: #979797 !important;
  border: 1px solid #979797 !important;
}
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .comment .switch input:checked + .slider::before,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .comment .switch input:checked + .slider::before,
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .switch-exempt .switch input:checked + .slider::before,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .switch-exempt .switch input:checked + .slider::before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='check' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z'%3E%3C/path%3E%3C/svg%3E%0A");
  background-color: #fff !important;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .comment.group-switch .switch input:checked + .slider,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .comment.group-switch .switch input:checked + .slider,
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .switch-exempt.group-switch .switch input:checked + .slider,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .switch-exempt.group-switch .switch input:checked + .slider {
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .comment.group-switch .switch input:checked + .slider::before,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .comment.group-switch .switch input:checked + .slider::before,
.eval-details.table .collapsed-content .exemption-wrapper:not(.student-evals).exempt .switch-exempt.group-switch .switch input:checked + .slider::before,
.eval-details.table .requirement-row .exemption-wrapper:not(.student-evals).exempt .switch-exempt.group-switch .switch input:checked + .slider::before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='check' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z'%3E%3C/path%3E%3C/svg%3E%0A");
  background-color: #979797 !important;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.eval-details.table .collapsed-content .exemption-wrapper .manually-match,
.eval-details.table .requirement-row .exemption-wrapper .manually-match {
  display: none;
  grid-column: 3;
  align-self: center;
}
.eval-details.table .collapsed-content .exemption-wrapper .manually-match.manually-overriden,
.eval-details.table .requirement-row .exemption-wrapper .manually-match.manually-overriden {
  display: block;
}
.eval-details.table .collapsed-content .req-limit,
.eval-details.table .requirement-row .req-limit,
.eval-details.table .collapsed-content .pre-conditions,
.eval-details.table .requirement-row .pre-conditions {
  padding: 4px 6px !important;
  width: fit-content;
}
.eval-details.table .collapsed-content .req-limit.blue,
.eval-details.table .requirement-row .req-limit.blue,
.eval-details.table .collapsed-content .pre-conditions.blue,
.eval-details.table .requirement-row .pre-conditions.blue {
  background: rgba(0, 184, 228, 0.2) !important;
}
.eval-details.table .collapsed-content .match,
.eval-details.table .requirement-row .match {
  gap: 10px;
}
.eval-details.table .collapsed-content .match.fulfillment .add-input .add-grant,
.eval-details.table .requirement-row .match.fulfillment .add-input .add-grant {
  display: none !important;
}
.eval-details.table .collapsed-content .match.fulfillment .inputs-wrapper,
.eval-details.table .requirement-row .match.fulfillment .inputs-wrapper {
  grid-column-start: 2;
  grid-column-end: 4;
}
.eval-details.table .collapsed-content .match .inputs,
.eval-details.table .requirement-row .match .inputs {
  gap: 5px;
}
.eval-details.table .collapsed-content .match .inputs.nocoursework-inputs .input-match-pill,
.eval-details.table .requirement-row .match .inputs.nocoursework-inputs .input-match-pill {
  min-width: 371px;
}
.eval-details.table .collapsed-content .match .inputs.nocoursework-inputs span.click-coursework-text,
.eval-details.table .requirement-row .match .inputs.nocoursework-inputs span.click-coursework-text {
  opacity: 0;
  transition: opacity 0.1s;
}
.eval-details.table .collapsed-content .match .inputs.nocoursework-inputs:hover span.click-coursework-text,
.eval-details.table .requirement-row .match .inputs.nocoursework-inputs:hover span.click-coursework-text {
  opacity: 1;
}
.eval-details.table .collapsed-content .match .remove-input,
.eval-details.table .requirement-row .match .remove-input {
  width: 18px;
  height: 18px;
}
.eval-details.table .collapsed-content .match .select-coursework .ui-select-choices,
.eval-details.table .requirement-row .match .select-coursework .ui-select-choices {
  margin-bottom: 10px;
  display: grid;
}
.eval-details.table .collapsed-content .match .select-coursework .dropdown-menu,
.eval-details.table .requirement-row .match .select-coursework .dropdown-menu {
  min-height: unset;
}
.eval-details.table .collapsed-content .match .select-coursework .dropdown-menu .ui-select-choices-group,
.eval-details.table .requirement-row .match .select-coursework .dropdown-menu .ui-select-choices-group {
  padding: 0 !important;
  width: 100%;
}
.eval-details.table .collapsed-content .match .select-coursework .dropdown-menu .ui-select-choices-group .ui-select-choices-row.active,
.eval-details.table .requirement-row .match .select-coursework .dropdown-menu .ui-select-choices-group .ui-select-choices-row.active {
  display: block !important;
}
.eval-details.table .collapsed-content .match .select-coursework.ui-select-container .form-control,
.eval-details.table .requirement-row .match .select-coursework.ui-select-container .form-control {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 10px !important;
  margin: 0 !important;
  line-height: 21px !important;
}
.eval-details.table .collapsed-content .match .select-coursework.ui-select-container .form-control .caret,
.eval-details.table .requirement-row .match .select-coursework.ui-select-container .form-control .caret {
  display: none !important;
}
.eval-details.table .collapsed-content .match .select-coursework .ui-select-choices-group,
.eval-details.table .requirement-row .match .select-coursework .ui-select-choices-group {
  width: fit-content;
}
.eval-details.table .collapsed-content .match .eval-input,
.eval-details.table .requirement-row .match .eval-input {
  position: relative;
  align-items: start;
  padding-left: 7.5px;
}
.eval-details.table .collapsed-content .match .eval-input .dropdown-menu,
.eval-details.table .requirement-row .match .eval-input .dropdown-menu {
  position: absolute !important;
  left: unset !important;
  width: 100%;
  padding: 0 !important;
  max-height: 280px;
  overflow-y: auto;
}
.eval-details.table .collapsed-content .match .eval-input .dropdown-menu li,
.eval-details.table .requirement-row .match .eval-input .dropdown-menu li {
  padding: 5px 10px !important;
  line-height: 25px !important;
}
.eval-details.table .collapsed-content .match .eval-input .dropdown-menu li.active,
.eval-details.table .requirement-row .match .eval-input .dropdown-menu li.active {
  display: block !important;
}
.eval-details.table .collapsed-content .match .credits.text-exempt,
.eval-details.table .requirement-row .match .credits.text-exempt {
  height: 45px;
  align-self: start;
}
.eval-details.table .collapsed-content .match .credits.text-exempt .checkmark-red,
.eval-details.table .requirement-row .match .credits.text-exempt .checkmark-red {
  color: #E23A05;
}
.eval-details.table .collapsed-content .match .inputs-wrapper,
.eval-details.table .requirement-row .match .inputs-wrapper {
  align-self: start;
}
.eval-details.table .collapsed-content .match .sync,
.eval-details.table .requirement-row .match .sync {
  border-radius: 3px;
  padding: 3px;
  height: 20px;
  min-width: 21px !important;
}
.eval-details.table .collapsed-content .match .add-input,
.eval-details.table .requirement-row .match .add-input {
  height: 20px;
  width: 20px;
  justify-content: center;
}
.eval-details.table .collapsed-content .match.input-fulfillment .add-input,
.eval-details.table .requirement-row .match.input-fulfillment .add-input,
.eval-details.table .collapsed-content .match.elective .add-input,
.eval-details.table .requirement-row .match.elective .add-input {
  display: flex !important;
  margin-left: 0 !important;
}
.eval-details.table .collapsed-content .match.input-fulfillment .inputs-wrapper,
.eval-details.table .requirement-row .match.input-fulfillment .inputs-wrapper,
.eval-details.table .collapsed-content .match.elective .inputs-wrapper,
.eval-details.table .requirement-row .match.elective .inputs-wrapper {
  grid-column-start: unset;
  grid-column-end: unset;
}
.eval-details.table .collapsed-content .match .text-exempt,
.eval-details.table .requirement-row .match .text-exempt {
  width: 20px;
}
.eval-details.table .collapsed-content .match-pill,
.eval-details.table .requirement-row .match-pill {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 16px 80px 1fr 34px 16px;
  border-radius: 30px;
  border: 1px solid transparent;
  padding: 5px 10px;
  width: fit-content;
  min-width: 295px;
  width: 100%;
  height: 30px;
}
.eval-details.table .collapsed-content .match-pill .remove-grant,
.eval-details.table .requirement-row .match-pill .remove-grant {
  display: none;
  align-self: center;
}
.eval-details.table .collapsed-content .match-pill .icon,
.eval-details.table .requirement-row .match-pill .icon {
  width: 16px;
  align-self: center;
}
.eval-details.table .collapsed-content .match-pill.fulfillment,
.eval-details.table .requirement-row .match-pill.fulfillment {
  grid-template-columns: 16px 80px 1fr 34px;
}
.eval-details.table .collapsed-content .match-pill.fulfillment .remove-grant,
.eval-details.table .requirement-row .match-pill.fulfillment .remove-grant {
  display: none !important;
}
.eval-details.table .collapsed-content .match-pill.fade-coursework > span,
.eval-details.table .requirement-row .match-pill.fade-coursework > span {
  opacity: 0.5;
}
.eval-details.table .collapsed-content .input-match-pill,
.eval-details.table .requirement-row .input-match-pill {
  padding: 0 7px;
  border: 1px solid transparent;
  height: 30px;
  border-radius: 30px;
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 20px auto 20px;
}
.eval-details.table .collapsed-content .input-match-pill .match-pill,
.eval-details.table .requirement-row .input-match-pill .match-pill {
  padding: unset !important;
  grid-template-columns: 16px 80px 1fr 34px !important;
}
.eval-details.table .collapsed-content .input-match-pill .remove-grant,
.eval-details.table .requirement-row .input-match-pill .remove-grant {
  display: none;
}
.eval-details.table .collapsed-content .input-match-pill:hover .remove-grant,
.eval-details.table .requirement-row .input-match-pill:hover .remove-grant {
  display: block;
}
.eval-details.table .collapsed-content.exempt,
.eval-details.table .requirement-row.exempt {
  background-color: #F1F1F1;
}
.eval-details.table .collapsed-content.exempt .text-exempt,
.eval-details.table .requirement-row.exempt .text-exempt {
  color: #58585B;
}
.eval-details.table .collapsed-content.exempt .input-match-pill,
.eval-details.table .requirement-row.exempt .input-match-pill {
  grid-template-columns: 1fr !important;
  animation: unset !important;
}
.eval-details.table .collapsed-content.group-exempt .half-table-header.parent,
.eval-details.table .requirement-row.group-exempt .half-table-header.parent {
  background-color: #979797 !important;
  border-radius: 0 !important;
}
.eval-details.table .collapsed-content.group-exempt .half-table-header.parent .requirement-text,
.eval-details.table .requirement-row.group-exempt .half-table-header.parent .requirement-text,
.eval-details.table .collapsed-content.group-exempt .half-table-header.parent .checkmarks-points,
.eval-details.table .requirement-row.group-exempt .half-table-header.parent .checkmarks-points,
.eval-details.table .collapsed-content.group-exempt .half-table-header.parent .credits-applied,
.eval-details.table .requirement-row.group-exempt .half-table-header.parent .credits-applied {
  color: #fff !important;
}
.eval-details.table .collapsed-content.group-exempt .half-table-header.parent .comment svg path,
.eval-details.table .requirement-row.group-exempt .half-table-header.parent .comment svg path,
.eval-details.table .collapsed-content.group-exempt .half-table-header.parent .icon.add svg path,
.eval-details.table .requirement-row.group-exempt .half-table-header.parent .icon.add svg path {
  fill: #fff;
}
.eval-details.table .collapsed-content.group-exempt .half-table-header.parent svg.check path,
.eval-details.table .requirement-row.group-exempt .half-table-header.parent svg.check path {
  fill: #fff;
}
.eval-details.table .collapsed-content.group-exempt .progress-bar-show,
.eval-details.table .requirement-row.group-exempt .progress-bar-show {
  width: 100% !important;
}
.eval-details.table .collapsed-content td {
  padding: 0 !important;
}
.eval-details.table .collapsed-content .last-req {
  padding-bottom: 5px !important;
}
.eval-details.table .collapsed-content .last-header-req {
  border-bottom-left-radius: 5px !important;
}
.eval-details.table .collapsed-content .before-child-open {
  border-top-left-radius: 5px !important;
}
.eval-details.table .collapsed-content .match-row {
  padding: 3px 20px 3px 0 !important;
  height: unset !important;
}
.eval-details.table .collapsed-content.exempt .switch input:checked + .slider {
  background-color: #3C51B9 !important;
  border: 1px solid #3C51B9 !important;
}
.eval-details.table .collapsed-content.exempt .switch input:checked + .slider::before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='check' viewBox='0 0 24 24'%3E%3Cpath d='M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z'%3E%3C/path%3E%3C/svg%3E%0A") !important;
  background-color: #979797 !important;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.eval-details.table .collapsed-content.exempt .grant-pill:hover,
.eval-details.table .collapsed-content.exempt .input-match-pill:hover {
  background: #fff;
}
.eval-details.table .collapsed-content.single-row .remove-input {
  align-self: start;
  margin-top: 6px;
}
.eval-details.table .collapsed-content.single-row .student-evals {
  gap: 20px;
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 1fr 40px;
}
.eval-details.table .collapsed-content.single-row .student-evals .match-pill {
  grid-template-columns: 16px 80px 1fr 34px !important;
}
.eval-details.table .collapsed-content.single-row .form-control {
  min-width: 335px;
}
.eval-details.table .collapsed-content.single-row .grant-pill,
.eval-details.table .collapsed-content.single-row .input-match-pill {
  transition: border 0.1s, box-shadow 0.1s;
}
.eval-details.table .collapsed-content.single-row .grant-pill .add-grant.add-coursework,
.eval-details.table .collapsed-content.single-row .input-match-pill .add-grant.add-coursework {
  transition: transform 0.5s;
}
.eval-details.table .collapsed-content.single-row .grant-pill:hover,
.eval-details.table .collapsed-content.single-row .input-match-pill:hover {
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
.eval-details.table .collapsed-content.single-row:hover .exemption-wrapper:not(.student-evals) .comment,
.eval-details.table .collapsed-content.single-row:hover .exemption-wrapper:not(.student-evals) .switch-exempt {
  display: flex !important;
}
.eval-details.table .collapsed-content.single-row:hover .match .add-grant,
.eval-details.table .collapsed-content.single-row:hover .match .remove-elective {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.eval-details.table .collapsed-content.single-row:hover .match-pill,
.eval-details.table .collapsed-content.single-row:hover .grant-pill {
  border: 1px solid #EBEBEB;
}
.eval-details.table .collapsed-content.single-row:hover .match-pill .remove-grant,
.eval-details.table .collapsed-content.single-row:hover .grant-pill .remove-grant {
  display: block;
}
.eval-details.table .collapsed-content.single-row:hover .input-match-pill {
  border: 1px solid #ebebeb;
  border-radius: 30px;
  animation: pillWidth 0.3s;
}
.eval-details.table .collapsed-content.single-row:hover .input-match-pill .match-pill {
  border: 1px solid transparent !important;
}
.eval-details.table .collapsed-content.single-row:hover .input-match-pill .add-grant.add-coursework {
  transform: rotate(90deg);
}
.eval-details.table .collapsed-content.single-row .switch .slider::before {
  bottom: 1px !important;
}
.eval-details.table .collapsed-content .add-more-credits {
  color: #3C51B9;
  background: transparent !important;
  border: none !important;
}
.eval-details.table .collapsed-content .collapsed-child {
  padding: 0 0 0 20px !important;
}
.eval-details.table .pre-conditions-wrapper {
  padding: 16px 20px;
  border-radius: 0px 0px 5px 5px;
  border-right: 1px solid rgba(60, 81, 185, 0.1);
  border-bottom: 1px solid rgba(60, 81, 185, 0.1);
  border-left: 1px solid rgba(60, 81, 185, 0.1);
  background: #F8FAFD;
  gap: 16px;
  width: 100%;
}
.eval-details.table .pre-conditions-wrapper .ds-alert.yellow {
  border: 1px solid #F2C94C;
  padding: 4px 8px !important;
}
.eval-details.table .pre-conditions-wrapper .conditions-wrapper {
  padding: 0 24px;
}
.eval-details.table .exemption-wrapper.student-evals {
  display: grid;
  grid-template-columns: 1fr !important;
}
.eval-details.table .exemption-wrapper.student-evals .exemption-wrapper {
  padding-right: 0 !important;
  width: 100%;
}
.eval-details.table .exemption-wrapper.student-evals .exemption-wrapper .comment {
  justify-content: center;
}
.eval-details.table .exemption-wrapper.student-evals .comment.show-comment {
  display: flex !important;
  pointer-events: all !important;
}
.eval-details.table .requirement-row:hover .exemption-wrapper.single-row:not(.student-evals) .comment,
.eval-details.table .requirement-row:hover .exemption-wrapper.single-row:not(.student-evals) .switch-exempt {
  display: flex !important;
}
.eval-details.table .requirement-help {
  gap: 3px;
}
.eval-details.table .requirements-remaining {
  background: #3c51b9;
}
.eval-details.table .requirements-remaining td:nth-child(1) {
  padding: 10px 10px 10px 40px !important;
  min-width: 300px;
  width: 50%;
}
.eval-details.table .requirements-remaining td:nth-child(2) {
  padding: 10px 20px 10px 0 !important;
  width: 100;
  min-width: 490px;
}
.eval-details.table .requirements-remaining td:nth-child(2) .divider {
  width: 1px;
  height: 22px;
  background: #DDD;
}
.eval-details.table .requirements-remaining td:nth-child(2) .remaining-help {
  gap: 3px;
}
.eval-details.table .requirements-user {
  background: #F1F1F1;
}
.eval-details.table .requirements-user td:nth-child(1) {
  padding: 5px 0 5px 40px !important;
  min-width: 350px;
  width: 50%;
}
.eval-details.table .requirements-user td:nth-child(2) {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr;
  align-items: center;
  padding: 5px 0 !important;
}
.eval-details.table .requirements-user td:nth-child(2).limits {
  grid-template-columns: minmax(405px, 1fr);
}
.eval-details.table .requirements-user td:nth-child(2).preconditions {
  grid-template-columns: minmax(490px, 1fr);
}
.eval-details.table .requirements-user td:nth-child(2).limits-preconditions {
  grid-template-columns: minmax(560px, 1fr);
}
.eval-details.table .requirements-user .credits-coursework {
  gap: 30px;
}
.eval-details.table .requirements-user:hover td {
  background: inherit !important;
}
.eval-details.table .exemption-wrapper-row.exemption-wrapper {
  padding: 10px 0;
  width: 100% !important;
}
.eval-details.table .exemption-wrapper-row.exemption-wrapper .comment {
  justify-content: center;
}
.eval-details.table .requirement-free-text td {
  padding: 0 20px 10px 20px !important;
}
.eval-details.table .requirement-free-text .free-text-wrapper {
  border-radius: 0px 0px 5px 5px;
  border-right: 1px solid rgba(60, 81, 185, 0.1);
  border-bottom: 1px solid rgba(60, 81, 185, 0.1);
  border-left: 1px solid rgba(60, 81, 185, 0.1);
  height: 100%;
}
.eval-details.table .pre-conditions-row.markdown-wrapper .markdown-text {
  padding: 0 !important;
  border: unset;
}
.limit-reached-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.limit-reached-wrapper .limit-reached {
  padding-bottom: 2px;
}
.limit-reached-wrapper .limit-reached .reached {
  color: #00B8E4;
}
.ds-program-eval-comment .modal-dialog {
  color: #242424;
  width: 300px !important;
}
.ds-program-eval-comment .modal-dialog .form-control {
  resize: none !important;
  min-height: 89px !important;
  width: 100%;
}
.ds-program-eval-comment .modal-dialog .footer {
  border-top: none !important;
  padding-top: 0 !important;
}
.ds-program-eval-comment .modal-dialog .footer .cancel {
  min-width: auto !important;
  border: transparent !important;
  padding-left: 0 !important;
  color: #242424 !important;
}
.ds-program-eval-comment .modal-dialog .footer .cancel:hover {
  background-color: transparent !important;
}
.program-course-coursework-tooltip .course-fade {
  background: rgba(255, 168, 0, 0.1);
  border-radius: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*.eval-details.table tbody tr {
	&.dd-option {
		position: relative;
		transition:  all .3s ease;
		&:after {
			content: "+";
			width: 13px;
			height: 7px;
			position: absolute;
			left: 3px;
			font-size:25px;
			top: 7px !important;
			transition:  all .3s ease;
		}

		&.collapse-active {
			transition:  all .3s ease;
			&:after {
				content: "-";
			}
		}
	}

	.collapsed-content {
		!*display: none;*!
		visibility: hidden;
		transition:  all .3s ease;
		height: 0;
	}

	&.collapse-active {
		transition:  all .3s ease;

		.collapsed-content {
			display: table-row;
			margin: 15px 0 0;
			height: 100%;
			transition:  all .3s ease;
		}
	}
}*/
.eval-details.table b {
  font-weight: 600;
  line-height: 20px;
}
.other-courses-table {
  font-size: 12px;
}
.other-courses-table > h4 {
  color: #3C3C3C;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}
.other-courses-table .program-drescription h3 {
  margin-bottom: 5px;
  font-size: 20px;
}
.other-courses-table table thead tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.other-courses-table table thead tr th {
  height: unset !important;
  color: #666672 !important;
  text-transform: uppercase;
  padding: 10px 0;
}
.other-courses-table table thead tr th.status {
  width: 5%;
}
.other-courses-table table tbody::before {
  line-height: 15px;
  content: "\200C";
  display: block;
}
.other-courses-table table tbody .match-input {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 70px auto;
}
.other-courses-table table tbody .match-input span {
  color: #393939;
}
.other-courses-table table tbody .match-row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 16px 70px auto;
}
.other-courses-table table tbody .xs-school-name {
  display: none;
}
.other-courses-table .arrows-icon {
  width: 16px;
}
.program-holder h3 {
  color: #3C3C3C;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 15px;
}
.program-holder p {
  color: #59595B;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
}
.program-holder .search-filtering-section {
  max-width: 100%;
  padding: 0;
}
.program-holder .completion-status-wrap {
  position: relative;
  display: none !important;
}
.program-holder .completion-status-wrap:after {
  content: "";
  background: url('../assets-new/images/program-evals/select-down-arr.png') no-repeat;
  width: 13px;
  height: 7px;
  position: absolute;
  right: 8px;
  top: 13px;
  transition: all 0.3s ease;
}
.program-holder .completion-status-wrap .completion-status {
  background: #F7F8FA;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 6px 23px 6px 15px;
  outline: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
}
.interchange-action {
  background: url('../assets-new/images/program-evals/revert.png') no-repeat center;
  height: 12px;
  display: inline-block;
  margin: 0 10px;
}
.interchange-action.disabled {
  background: transparent;
  width: auto;
  height: auto;
}
.expansion-collapse {
  float: right;
  color: #3C51B9;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  text-decoration: none;
}
.expansion-collapse .collapse-icon {
  transform: rotate(180deg);
}
.expansion-collapse:hover {
  text-decoration: none;
}
.expansion-collapse .expand-all {
  transform: rotate(180deg);
}
.top-belt-wrap {
  padding: 10px 15px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #4079E7 105.63%);
}
.top-belt-wrap .col-md-6 > span {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #ffffff;
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: middle;
}
.top-belt-wrap .col-md-6 > p {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.top-belt-wrap .col-md-6 > p > img {
  padding: 7px;
  background: #F7F8FA;
  border-radius: 5px;
  display: inline-block;
}
.top-belt-wrap .col-md-6 > p span {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}
.top-belt-wrap .col-md-8 > p {
  display: inline-block;
  margin: 0 14% 0 0;
}
.top-belt-wrap .col-md-8 > p img {
  max-width: 100%;
  max-height: 30px;
  margin: 0 10px 0 0;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 5px;
}
.top-belt-wrap .col-md-8 > p span {
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
}
.top-belt-wrap .breadcrumbs {
  padding: 0;
  list-style-type: none;
  font-size: 0;
  margin: 9px 0 0;
  float: left;
}
.top-belt-wrap .breadcrumbs li {
  position: relative;
  display: inline-block;
  font-size: 10px;
  line-height: 15px;
  color: #ffffff;
  font-weight: 400;
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
}
.top-belt-wrap .breadcrumbs li:after {
  content: "";
  background: url('../assets-new/images/program-evals/right-arr.png') no-repeat;
  width: 4px;
  height: 7px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
}
.top-belt-wrap .breadcrumbs li a,
.top-belt-wrap .breadcrumbs li span {
  text-decoration: none;
  color: #fff;
}
.top-belt-wrap .breadcrumbs li:last-child {
  margin: 0;
  padding: 0;
}
.top-belt-wrap .breadcrumbs li:last-child:after {
  display: none;
}
.top-belt-wrap .numbered-results {
  list-style-type: none;
  padding: 0;
  display: block;
  font-size: 0;
  margin: 5px 0 0;
  vertical-align: middle;
  text-align: right;
}
.top-belt-wrap .numbered-results li {
  display: inline-block;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 15px 0 0;
}
.top-belt-wrap .numbered-results li span,
.top-belt-wrap .numbered-results li p {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.top-belt-wrap .numbered-results li span {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  margin: 0 5px 0 0;
}
.top-belt-wrap .numbered-results li p {
  margin: 0;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.top-belt-wrap .numbered-results li:last-child {
  margin: 0;
}
.progress-loader-component {
  float: right;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}
.progress-loader-component li {
  display: inline-block;
  /*font-size: 10px;*/
  /*width: 26px;*/
  /*height: 26px;*/
  /*background: #C4D4D9;*/
  /*position: relative;*/
  /*border-radius: 100%;*/
  margin: 0 38px 0 0;
  /*border: 5px solid #ffffff;*/
  display: none;
  margin: 0;
  /*&:after {
			content: "";
			width: 18px;
			height: 5px;
			border-radius: 8px;
			background: #C4D4D9;
			display: inline-block;
			position: absolute;
		    right: -34px;
		    top: 6px;
		}*/
  /*&.passed-progress {
			background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);

			&:after {
				background: #2972c7;
			}
		}*/
}
.progress-loader-component li:last-child {
  margin: 0;
}
.progress-loader-component li.active-progress {
  /*background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
			border: 5px solid #a6e6f6;
			background: #05afe0;
    		border: 5px solid #a6e6f6;*/
  display: block;
}
.search-filtering-section {
  max-width: 100%;
}
.search-filtering-section .search-section .form-control {
  padding: 10px 10px 9px 36px;
  height: auto;
}
.search-filtering-section .search-section .mdl2-Search {
  position: absolute;
  left: 9px;
  top: 11px;
}
.search-filtering-section .search-section .mdl2-Search:before {
  content: "";
  background: url('../assets-new/images/program-evals/evals-search-icon.png') no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.search-filtering-section .select-section {
  text-align: left;
  font-size: 0;
  display: none;
}
.search-filtering-section .select-section .select-wrap {
  background: #F7F8FA;
  position: relative;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0 16px 0 0;
}
.search-filtering-section .select-section .select-wrap:after {
  content: '';
  background: url('../assets-new/images/program-evals/select-down-arr.png') no-repeat;
  position: absolute;
  top: 13px;
  right: 10px;
  width: 13px;
  height: 7px;
  display: inline-block;
}
.search-filtering-section .select-section .select-wrap.opt1:before {
  content: 'Time to finish';
  display: inline-block;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  top: 7px;
  left: 15px;
}
.search-filtering-section .select-section .select-wrap.opt2:before {
  content: 'On campus or remote';
  display: inline-block;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  top: 7px;
  left: 15px;
}
.search-filtering-section .select-section .select-wrap.opt3:before {
  content: 'Mid-career Salary';
  display: inline-block;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  top: 7px;
  left: 15px;
}
.search-filtering-section .select-section .select-wrap select {
  border: 0;
  outline: 0;
  box-shadow: none;
  /*background: #F7F8FA;*/
  font-weight: 600;
}
.search-filtering-section .select-section .select-wrap .form-control {
  background: transparent!important;
  display: inline-block;
  padding: 5px 30px 5px 160px;
  color: #000000;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.qualification-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  font-size: 0;
  margin: 16px 0 0;
  transition: all 0.3s ease;
}
.qualification-box:hover {
  box-shadow: 0px 0px 25px rgba(88, 88, 91, 0.35);
}
.qualification-box .checkbox-section,
.qualification-box .image-hold {
  display: inline-block;
  font-size: 14px;
  /*width: 20%;*/
  vertical-align: middle;
}
.qualification-box .checkbox-section {
  width: 12%;
}
.qualification-box .checkbox-section input[type="checkbox"] {
  width: 24px;
  height: 24px;
  margin: 0;
}
.qualification-box .image-hold {
  width: 13%;
  text-align: center;
}
.qualification-box .image-hold span {
  display: block;
  margin: 5px 0 0;
  color: #2F2F2F;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}
.qualification-box .qualification-requirements {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  text-align: left;
}
.qualification-box .qualification-requirements h2 {
  color: #333333;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 9px;
  text-align: left;
  display: block;
}
.qualification-box .qualification-requirements .qualifications-dt {
  padding: 0;
  list-style-type: none;
  font-size: 0;
  margin: 0 0 17px;
  display: block;
}
.qualification-box .qualification-requirements .qualifications-dt li {
  display: inline-block;
  font-size: 12px;
  margin: 0 30px 0 0;
}
.qualification-box .qualification-requirements .qualifications-dt li:last-child {
  margin: 0;
}
.qualification-box .qualification-requirements .qualifications-dt li img,
.qualification-box .qualification-requirements .qualifications-dt li p {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.qualification-box .qualification-requirements .qualifications-dt li p span {
  font-weight: bold;
  color: #000;
}
.qualification-box .qualification-requirements .qualifications-dt li p b {
  color: #278232;
}
.qualification-box .qualification-requirements > p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #8F9EA6;
  margin: 0;
}
.hidden-desktop {
  display: none!important;
}
.type-choice .button-submit {
  display: inline-block;
  height: 40px;
  line-height: unset;
}
.type-choice .button-submit.back-btn {
  border: 0;
  padding: 0;
  min-width: auto;
  box-shadow: none;
  margin: 0 70px 0 0;
}
.type-choice .button-submit.back-btn:hover {
  background: transparent;
  color: #3C51B9;
}
.type-choice .button-submit.disabled {
  color: grey;
  border: none;
  background: #cfcfcf;
}
.type-choice .button-submit.disabled:hover {
  background: unset;
  color: grey;
}
.certificate-icon {
  background: url('../assets-new/images/program-evals/certificate-icon.png') no-repeat;
  width: 75px;
  height: 51px;
  display: inline-block;
}
.graduation-cap {
  background: url('../assets-new/images/program-evals/graduation-cap.png') no-repeat;
  width: 42px;
  height: 43px;
  display: inline-block;
}
@media screen and (max-width: 1200px) {
  .ds-evals-intro.ds-evals-results .top-cut-corner {
    margin: 0 0 -1px;
  }
  .ds-evals-select .program-selection-container .program-selection .filters {
    flex-wrap: wrap;
    width: 100%;
  }
  .ds-evals-select .program-selection-container .program-selection .filters .search-programs {
    min-width: 305px;
  }
  .ds-evals-select .program-selection-container .program-selection .filters .dropdown-filters,
  .ds-evals-select .program-selection-container .program-selection .filters .btn-group.dropdown {
    width: 100%;
  }
}
@media screen and (max-width: 1030px) {
  .ds-evals-intro.ds-evals-select .program-selection-container .program-title-wrapper .credits {
    width: 100%;
    justify-content: space-around !important;
  }
}
@media screen and (max-width: 991px) {
  .top-belt-wrap .col-md-6 {
    width: 100%;
    text-align: center;
  }
  .top-belt-wrap .numbered-results {
    text-align: center;
  }
  .top-belt-wrap .row {
    margin: 0;
    width: 100%;
    display: block;
    font-size: 0;
  }
  .top-belt-wrap .row .col-md-8,
  .top-belt-wrap .row .col-md-4 {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
  }
  .top-belt-wrap .row .col-md-8 {
    text-align: left;
  }
  .top-belt-wrap .row .col-md-8 .breadcrumbs {
    margin: 0 0 10px;
  }
  .top-belt-wrap .row .col-md-8 > p {
    margin: 0;
    clear: both;
    display: block;
  }
  .top-belt-wrap .row .col-md-8 > p span {
    vertical-align: middle;
  }
  .top-belt-wrap .row .col-md-4 .numbered-results {
    margin: 0;
    text-align: center;
  }
  .top-belt-wrap .row .col-md-4 .numbered-results li {
    margin: 0 0 5px 15px;
  }
  .top-belt-wrap .row .col-md-4 .numbered-results li span {
    font-size: 16px;
  }
  .hidden-desktop {
    display: inline-block !important;
  }
  .search-filtering-section .select-section .select-wrap {
    display: block;
    max-width: 60%;
  }
  .search-filtering-section .select-section .select-wrap select {
    float: none;
  }
  .search-filtering-section .select-section .select-wrap .form-control {
    padding: 5px 30px 5px 185px;
  }
  .search-filtering-section .search-section {
    display: block;
    max-width: 60%;
  }
  .search-filtering-section .search-section .form-control {
    max-width: 100%;
  }
  .qualification-box {
    position: relative;
  }
  .qualification-box .image-hold {
    padding: 0 0 0 0;
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto;
  }
  .qualification-box .image-hold span {
    margin: -5px 0 0;
  }
  .qualification-box .qualification-requirements {
    width: 85%;
  }
  .qualification-box .qualification-requirements h2 {
    padding: 0 60px 0 0;
  }
  .qualification-box .checkbox-section {
    width: 15%;
    text-align: left;
    padding: 0 0 0 15px;
  }
  .ds-evals-intro.ds-evals-results .qualification-box {
    padding: 32px 0px 50px 0px;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .image-hold {
    position: initial;
    width: 100%;
    text-align: center;
    padding: 0 0 25px 0;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .qualification-requirements {
    width: 55%;
    padding: 0 0 0 20px;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion {
    width: 45%;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .collapse {
    margin: 25px 0 0 0px;
  }
  .program-holder .search-filtering-section .search-section {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ds-evals-select .program-selection-container .program-selection .program-title-wrapper .credits {
    gap: 10px !important;
  }
  .ds-evals-select .program-selection-container .program-selection .filters .dropdown-filters {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 850px) {
  .ds-evals-select .program-selection-container .program-selection .programs.grid-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .ds-evals-intro .bottom_transcript .type-choice .col-md-12 {
    width: 100%;
  }
  .credits-estimations-wrap {
    display: table;
  }
  .credits-estimations-wrap li {
    display: table-cell;
  }
  .interchange-action {
    margin: 5px 0px !important;
  }
}
@media screen and (max-width: 600px) {
  .top-belt-wrap {
    background: #3C51B9;
  }
  .top-belt-wrap .row .col-md-8,
  .top-belt-wrap .row .col-md-4 {
    width: 100%;
    padding: 0;
  }
  .top-belt-wrap .row .col-md-8 {
    text-align: left;
    margin: 0 0 15px !important;
    padding: 0 20px 15px !important;
    border-bottom: 1px solid #5067D9;
    position: relative;
  }
  .top-belt-wrap .row .col-md-8:after {
    content: "";
    background: url('../assets-new/images/program-evals/dd-arr.png') no-repeat;
    width: 13px;
    height: 7px;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 25px;
  }
  .top-belt-wrap .row .col-md-8 > p span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
  }
  .top-belt-wrap .row .col-md-8 .breadcrumbs {
    display: block;
    width: 100%;
  }
  .top-belt-wrap .row .col-md-4 {
    padding: 0 20px;
  }
  .top-belt-wrap .row .col-md-4 .numbered-results {
    text-align: center;
  }
  .top-belt-wrap .row .col-md-4 .numbered-results li {
    margin: 0 15px 5px 0;
  }
  .ds-evals-intro .head-component-section h1 {
    width: 100%;
    margin: 0 0 20px;
  }
  .ds-evals-intro .bottom_transcript {
    padding: 30px 20px;
  }
  .ds-evals-intro .bottom_transcript h2 {
    margin: 40px 0 0;
  }
  .ds-evals-intro.ds-evals-results:not(.ds-view-student) .top-belt-wrap .row .col-md-8.text-right {
    padding: 0 0 15px !important;
    margin: 0 0 15px !important;
  }
  .progress-loader-component {
    width: 100%;
    margin: 0;
  }
  .qualification-box {
    padding: 90px 20px 30px 20px;
  }
  .qualification-box .image-hold {
    top: 5px;
    right: 0;
    width: 100%;
  }
  .qualification-box .checkbox-section {
    width: auto;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
  }
  .qualification-box .qualification-requirements {
    width: 100%;
    text-align: center;
  }
  .qualification-box .qualification-requirements h2 {
    padding: 0;
    text-align: center;
  }
  .qualification-box .qualification-requirements .qualifications-dt li {
    margin: 0 5px 5px 5px;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .qualification-requirements {
    width: 100%;
    padding: 0;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .qualification-requirements .qualifications-dt {
    margin: 0 10px 15px;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion {
    width: 100%;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul {
    border-radius: 5px;
    margin: 0 20px;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li.percentage {
    width: 50%;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li.completion {
    width: 50%;
  }
  .credits-estimations-wrap {
    display: table;
  }
  .credits-estimations-wrap li {
    display: table-cell;
  }
}
@media screen and (max-width: 480px) {
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li {
    vertical-align: top;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li.percentage {
    border: 0;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .percentages-completion ul li.completion {
    border-left: 2px solid #fff;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .collapse {
    padding: 0 20px;
  }
  .ds-evals-intro.ds-evals-results .qualification-box .collapse .next-steps-wrapper {
    margin: 25px -20px;
  }
  .credits-estimations-wrap {
    padding: 15px 0;
    display: block;
  }
  .credits-estimations-wrap li {
    display: block;
    width: 92%;
    border-right: 0;
    border-bottom: 1px solid #fff;
    padding: 0 10px 10px 10px;
    margin: 0 4% 10px;
  }
  .credits-estimations-wrap li:last-child {
    margin: 0;
    padding-bottom: 0;
  }
  .program-holder .completion-status-wrap {
    max-width: 210px;
    display: block;
    clear: both;
    margin: 0 auto 20px;
  }
  .program-holder .completion-status-wrap .completion-status {
    width: 100%;
  }
  .expansion-collapse {
    float: none;
    margin: 0 auto;
    display: table;
    text-align: center;
  }
}
.requirement-popup {
  position: fixed !important;
}
.requirement-popup.tooltip.top .tooltip-inner {
  max-width: 290px !important;
}
.requirement-popup .tool_tip_box {
  border-top: none !important;
  border-bottom: 5px solid #3C51B9;
}
.used-coursework-popup {
  z-index: 99999999;
}
.used-coursework-popup .count-text {
  line-height: 15px;
}
span.tool_tip_box.comment_box {
  gap: 20px;
  font-size: 12px;
}
div.ds-program-evals-comment {
  position: absolute;
  background: #FFFFFF;
  padding: 20px !important;
  z-index: 9999;
}
.overriden-tooltip {
  position: fixed !important;
}
.overriden-tooltip .tooltip-inner {
  min-width: 240px !important;
}
.template-inputs .inputs-grid {
  display: grid !important;
  grid-template-columns: 240px;
}
.template-inputs .inputs-grid span {
  line-height: 15px !important;
}
.template-inputs .ui-select-list-item.has-grants {
  display: grid !important;
  grid-auto-flow: column;
}
.template-inputs .ui-select-list-item.has-grants .match-square,
.template-inputs .ui-select-list-item.has-grants .grant-check {
  opacity: 0.5;
}
.template-inputs .ui-select-list-item.has-grants .grant-check {
  width: 12px;
  height: 12px;
}
.template-inputs .check-circle {
  opacity: 0.5;
  width: 19px;
  height: 19px;
}
div.tooltip.status-tooltip {
  z-index: 9999;
}
div.tooltip.top.program-course-tooltip {
  position: fixed !important;
}
div.tooltip.top.program-course-tooltip div.tooltip-inner {
  max-width: unset !important;
}
div.tooltip.top.program-course-tooltip div.tooltip-inner span.tool_tip_box {
  border: none !important;
  border-bottom: 5px solid #3C51B9 !important;
}
div.tooltip.top.program-course-tooltip div.divider {
  height: 18px;
  width: 1px;
  background: #EBEBEB;
}
div.tooltip.top.program-course-tooltip div.h-divider {
  height: 1px;
  width: 100%;
  background: #EBEBEB;
}
div.tooltip.top.program-course-tooltip span.dark-text {
  color: #3C3C3C;
}
div.tooltip.top.program-course-tooltip span.credits-granted {
  color: #979797;
}
div.tooltip.top.program-course-tooltip span.printed-spec {
  font-size: 13px;
}
div.tooltip.top.program-course-tooltip.program-tooltip div.tooltip-inner {
  max-width: 362px !important;
}
.ds-apply-overrides {
  gap: 40px;
}
.ds-apply-overrides .description {
  gap: 5px;
}
.ds-apply-overrides .description span:last-child {
  max-width: 480px;
}
.ds-apply-overrides .ds-matches {
  max-width: 866px;
  display: grid;
  grid-template-rows: auto auto 1fr;
}
.ds-apply-overrides .ds-matches .match-check span {
  color: #3C3C3C;
  line-height: 14px;
}
.ds-apply-overrides .ds-matches .match-check input[type="checkbox"] {
  margin-top: 0 !important;
}
.ds-apply-overrides .ds-matches .matches-list {
  width: 100%;
  user-select: none;
  border-bottom: 1px solid #D9D9D9;
}
.ds-apply-overrides .ds-matches .matches-list .match-row {
  min-width: min-content;
}
.ds-apply-overrides .ds-matches .matches-list .match-row .course-coursework {
  padding: 10px 15px !important;
  min-width: 350px;
}
.ds-apply-overrides .ds-matches .matches-list .match-row .course-coursework .course > span {
  line-height: normal;
}
.ds-apply-overrides .ds-matches .matches-list .match-row .current-record {
  flex: 0.9;
}
.ds-apply-overrides .ds-matches .matches-list .match-row .current-record,
.ds-apply-overrides .ds-matches .matches-list .match-row .new-record {
  gap: 5px;
}
.ds-apply-overrides .ds-matches .matches-list .match-row .current-record .records,
.ds-apply-overrides .ds-matches .matches-list .match-row .new-record .records {
  gap: 5px;
}
.ds-apply-overrides .ds-matches .matches-list .match-row .record-arrow {
  flex: 0.2;
}
.ds-apply-overrides .ds-matches .matches-list .match-row.selected {
  background: rgba(233, 237, 243, 0.5);
}
.ds-apply-overrides .ds-matches .matches-list .match-row.selected .current-record .course-coursework {
  opacity: 0.5;
}
.ds-apply-overrides .ds-matches .matches-list .match-row.selected .new-record .course-coursework {
  border: 1px solid #00B8E4;
  background: linear-gradient(90deg, rgba(60, 81, 185, 0.1) 0%, rgba(0, 184, 228, 0.1) 100%);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}
.ds-apply-overrides .ds-matches .matches-list .match-row.selected .new-record .course-coursework .match-square:not(.DENIED, .IN_REVIEW, .PENDING, .GENERAL_ELECTIVE) {
  background: #fff;
}
.ds-apply-overrides .ds-matches .matches-list .match-row:not(.selected):hover {
  background: #F1F1F1;
}
.ds-apply-overrides .ds-matches .matches-list .match-row .grant {
  grid-template-columns: 18px 105px;
}
.overrides-stepper .step-circle .step .gray-circle {
  width: 15.698px;
  height: 15.698px;
  flex-shrink: 0;
  margin-top: 5px;
}
.overrides-stepper .step-circle .step .active-step {
  position: relative;
}
.overrides-stepper .step-circle .step .active-step svg:nth-child(1) {
  opacity: 0.35;
  width: 26px;
  height: 26px;
}
.overrides-stepper .step-circle .step .active-step svg:nth-child(2) {
  position: absolute;
  left: 5px;
  top: 5.211px;
  width: 15.698px;
  height: 15.698px;
}
.overrides-stepper .step-circle .step .active-step svg:nth-child(2) path {
  fill: url(#activeStepGradient);
}
.overrides-stepper .stroke {
  align-self: end;
  margin-bottom: 15px;
  margin-left: -30px;
  margin-right: -20px;
  max-width: 100%;
}
div.tooltip.program-tooltip {
  position: fixed !important;
  opacity: 1;
}
.calculate-electives-tooltip .tool_tip_box {
  min-width: 305px;
  max-width: 305px;
}
.calculate-electives-tooltip .elective-counts {
  gap: 5px;
}
.calculate-electives-tooltip .elective-counts .count-list-item {
  gap: 5px;
  align-items: start;
}
.calculate-electives-tooltip .elective-counts .count-list-item img {
  margin-top: 5px;
}
.electives-limit-tooltip .tool_tip_box {
  min-width: 305px;
  max-width: 305px;
}
.remaining-tooltip .tool_tip_box {
  min-width: 361px;
  max-width: 361px;
}
@media screen and (max-width: 576px) {
  .program-eval-details .student-banner-body {
    padding: 20px !important;
  }
  .program-eval-details td.matched-course > div {
    padding: 10px 0 !important;
    grid-template-columns: 25px 1fr !important;
  }
  .program-eval-details td.matched-course .text-exempt {
    grid-template-columns: 1fr auto !important;
  }
  .program-eval-details td.matched-course .text-exempt > span {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
  }
  .program-eval-details td.matched-course .text-exempt > span:nth-child(2) {
    display: none;
  }
  .program-eval-details .eval-details.table .half-table-header {
    padding: 5px 20px;
  }
  .program-eval-details .eval-details.table .half-table-header.left {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
    padding-left: 0;
  }
  .program-eval-details .eval-details.table .half-table-header.left .icon.add {
    width: 25px;
  }
  .program-eval-details .eval-details.table .half-table-header.left .icon.add.is-elective .svg-close,
  .program-eval-details .eval-details.table .half-table-header.left .icon.add.is-elective .svg-open {
    display: none !important;
  }
  .program-eval-details .eval-details.table .half-table-header.left .icon.add .svg-open {
    width: 16px;
    height: 16px;
  }
  .program-eval-details .eval-details.table .half-table-header.left .icon.add .svg-close {
    height: 9px;
    width: 9px;
  }
  .program-eval-details .eval-details.table .half-table-header.right {
    padding-right: 0 !important;
  }
  .program-eval-details .eval-details.table .half-table-header.right .requirement-info {
    grid-template-columns: 100px 1fr;
  }
  .program-eval-details .eval-details.table .half-table-header.right .requirement-info.limits,
  .program-eval-details .eval-details.table .half-table-header.right .requirement-info.pre-conditions {
    grid-template-columns: 100px 66px;
  }
  .program-eval-details .eval-details.table .half-table-header.right .requirement-info.limits-preconditions {
    grid-template-columns: 100px 67px;
  }
  .program-eval-details .eval-details.table .half-table-header.right .requirement-info .icons-wrapper {
    grid-template-columns: auto auto 25px !important;
  }
  .program-eval-details .eval-details.table .collapsed-content.single-row .student-evals {
    gap: 5px !important;
  }
  .program-eval-details .eval-details.table .collapsed-content.single-row .student-evals:not(.exemption-wrapper) {
    grid-template-columns: 1fr 25px !important;
  }
  .program-eval-details .eval-details.table .collapsed-content.single-row .student-evals.exemption-wrapper-row {
    grid-template-columns: 25px !important;
  }
  .program-eval-details .eval-details.table .collapsed-content.single-row .student-evals .match-pill {
    grid-template-columns: auto 1fr auto !important;
    min-width: unset;
  }
  .program-eval-details .eval-details.table .collapsed-content.single-row .student-evals .match-pill span {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
  }
  .program-eval-details .eval-details.table .collapsed-content.single-row .student-evals .match-pill span:nth-child(3) {
    display: none;
  }
  .program-eval-details .eval-details.table .collapsed-content .match {
    margin-left: 0px !important;
  }
  .program-eval-details .eval-details.table .requirements-user td > span > span {
    display: none;
  }
  .program-eval-details .eval-details.table .requirements-user td:nth-child(1) {
    padding-left: 20px !important;
    min-width: 180px;
  }
  .program-eval-details .eval-details.table .requirements-user td:nth-child(2).limits,
  .program-eval-details .eval-details.table .requirements-user td:nth-child(2).preconditions {
    grid-template-columns: 100px 50px;
  }
  .program-eval-details .eval-details.table .requirements-user td:nth-child(2).limits-preconditions {
    grid-template-columns: 100px 67px;
  }
  .program-eval-details .eval-details.table .pre-conditions-row {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .program-eval-details .eval-details.table .pre-conditions-row .conditions {
    padding: 0 !important;
  }
  .program-eval-details .page-content {
    padding: 20px 10px !important;
  }
  .ds-evals-select .evals-container {
    padding: 0 !important;
  }
  .ds-evals-select .program-selection-container {
    margin-top: 0px !important;
  }
  .ds-evals-select .program-selection-container .program-selection {
    padding: 0 !important;
    gap: 0 !important;
  }
  .ds-evals-select .program-selection-container .program-selection .filters .search-programs {
    min-width: unset;
  }
  .ds-evals-select .program-selection-container .program-selection .program-title-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 30px 20px !important;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
  }
  .ds-evals-select .program-selection-container .program-selection .program-title-wrapper .school-logo span {
    text-wrap: wrap !important;
  }
  .ds-evals-select .program-selection-container .program-selection .program-title-wrapper h1 {
    font-size: 24px !important;
  }
  .ds-evals-select .program-selection-container .program-selection .programs-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 30px 20px !important;
    border-radius: 0 !important;
    box-shadow: unset !important;
  }
  .ds-evals-select .program-selection-container .program-selection .credits .approved-credits .title,
  .ds-evals-select .program-selection-container .program-selection .credits .estimated-savings .title,
  .ds-evals-select .program-selection-container .program-selection .credits .submitted-credits .title {
    font-size: 18px !important;
  }
  .ds-evals-select .program-selection-container .program-selection .credits .approved-credits .text,
  .ds-evals-select .program-selection-container .program-selection .credits .estimated-savings .text,
  .ds-evals-select .program-selection-container .program-selection .credits .submitted-credits .text {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    text-wrap: wrap !important;
    line-height: normal !important;
    text-align: center;
  }
  .ds-evals-select .program-selection-container .programs .program-card .program-select-description {
    display: none;
  }
  .ds-evals-select .program-selection-container .programs .program-card .program-data {
    display: grid !important;
    grid-auto-flow: column;
    align-items: start !important;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 20px !important;
    row-gap: 10px !important;
  }
  .ds-evals-select .program-selection-container .programs .program-card .program-data .location,
  .ds-evals-select .program-selection-container .programs .program-card .program-data .time,
  .ds-evals-select .program-selection-container .programs .program-card .program-data .degree {
    align-items: start !important;
  }
  .ds-evals-select .program-selection-container .programs .program-card .more-info-description {
    display: flex !important;
  }
}
@media screen and (max-width: 370px) {
  .qualification-box .qualification-requirements .qualifications-dt li {
    margin: 0 0 5px;
  }
  .qualification-box .qualification-requirements .qualifications-dt li p {
    display: inline;
  }
}
@keyframes scale-animation {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes coursework-slide-add {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes coursework-slide-delete {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes pillWidth {
  from {
    min-width: 0;
  }
  to {
    min-width: 371px;
  }
}
.ds-evals-results {
  background-color: #FAFAFA;
}
.ds-evals-results.ds-view-student .content-right {
  overflow-y: auto !important;
}
.ds-evals-results .evals-results-container {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
@media screen and (max-width: 576px) {
  .ds-evals-results .program-header .credits {
    width: 100%;
  }
  .ds-evals-results .evals-results-container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .ds-evals-results .evals-results-container .program-evals-list .empty-reports {
    margin-top: 0px !important;
  }
}
.ds-program-evals-list {
  overflow-y: auto !important;
  overflow-x: hidden;
}
.ds-program-evals-list .sub_top .view_details {
  flex-direction: column;
  gap: 40px;
}
.ds-program-evals-list .sub_top .view_details p {
  font-size: 12px;
  line-height: 18px;
  max-width: 480px;
}
.ds-program-evals-list .program-eval-sponsored {
  background: #F4A329;
  color: #fff;
  padding: 4px 25px 4px 11px;
  border-radius: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.ds-program-evals-list .program-eval-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: 30px;
  row-gap: 10px;
  cursor: pointer;
  padding: 20px 40px;
  border-bottom: solid 1px #c4d4d9;
}
.ds-program-evals-list .program-eval-heading .first_col,
.ds-program-evals-list .program-eval-heading .last_col {
  grid-row: 1 / span 2;
}
.ds-program-evals-list .program-eval-heading .school-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0;
  color: #333333;
  text-align: center;
}
.ds-program-evals-list .program-eval-heading .program-eval-credits {
  flex-direction: column;
  color: #3C51B9;
  gap: 10px;
  font-size: 12pt;
  grid-column: 2;
  grid-row: 2;
}
.ds-program-evals-list .program-eval-heading .program-eval-credits div {
  gap: 5px;
  display: flex;
  align-items: center;
}
.ds-program-evals-list .program-eval-heading .program-eval-credits .value {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.ds-program-evals-list .program-eval-heading .program-eval-credits .description {
  /*font-weight: 500;
        font-size: 12px;
        line-height: 15px;*/
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #3C51B9;
}
.ds-program-evals-list .program-eval-heading .program-eval-caret {
  transition: all 0.3s ease-in-out;
  color: #3C51B9;
}
.ds-program-evals-list .program-eval-heading .program-school-logo-wrapper {
  display: none;
}
.ds-program-evals-list .program-eval-summary .program-summary {
  border-radius: 6px;
}
.ds-program-evals-list .program-eval-summary .qualification-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.ds-program-evals-list .program-eval-summary .qualification-box .program-eval-name {
  color: #3c3c3c;
  font-weight: 600;
  line-height: 27px;
}
.ds-program-evals-list .program-eval-summary .qualification-box .qualification-requirements {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  width: 100%;
}
.ds-program-evals-list .program-eval-summary .qualification-box .qualification-requirements > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ds-program-evals-list .program-eval-summary .qualification-box .qualification-requirements > div.program-level {
  text-transform: capitalize;
  color: #2F2F2F;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}
.ds-program-evals-list .program-eval-summary .qualification-box .qualification-requirements > div.program-level img {
  max-width: 42px;
}
.ds-program-evals-list .program-eval-summary .qualification-box .percentages-completion {
  grid-row: 1 / span 2;
  grid-column: 2;
}
.ds-program-evals-list .program-eval-summary .qualification-box .percentages-completion ul {
  border-radius: 5px;
}
.ds-program-evals-list .program-eval-bottom {
  align-items: center;
  background-color: #fff;
}
.ds-program-evals-list .pagination li {
  max-width: 36px;
  background-color: unset;
  margin: 0 2px;
}
.ds-program-evals-list .pagination li a {
  background-color: unset;
  border: 1px solid transparent;
}
.ds-program-evals-list .pagination li a:hover {
  border: 1px solid #3C51B9;
}
.ds-program-evals-list .eval-details .progress-bar-wrapper {
  display: grid;
}
.ds-program-evals-list .eval-details.table .half-table-header {
  font-style: normal;
  font-weight: 500;
  font-size: 14px!important;
  color: #393939;
  height: 45px;
}
.ds-program-evals-list .eval-details.table tbody tr td.half-table-header {
  font-style: normal;
  font-weight: 500;
  font-size: 14px!important;
  line-height: 21px;
}
.ds-program-evals-list .eval-details.table tbody tr.dd-option:after {
  top: 32px;
}
.ds-program-evals-list .eval-details.table .table-progress-bar {
  background: #E5E5E5;
  clear: both;
  display: block;
  max-width: 100px;
}
.ds-program-evals-list .eval-details.table .table-progress-bar .progress-bar-show {
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%);
  border-radius: 20px;
}
.ds-program-evals-list .eval-details.table .checkmarks-points {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  color: #393939;
  text-transform: lowercase;
}
.ds-program-evals-list .eval-details.table .credits-applied {
  font-size: 12px;
}
.ds-program-evals-list .eval-details.table .credits-applied .fulfill-close {
  display: none;
}
.collapsed .program-eval-caret {
  transform: rotate(180deg);
}
@media screen and (min-width: 641px) {
  .ds-program-evals-list .program-eval-heading .school-title {
    text-align: left;
  }
  .ds-program-evals-list .program-eval-heading .program-eval-credits {
    flex-direction: row;
  }
  .ds-program-evals-list .program-eval-heading .program-eval-credits div {
    min-width: 100px;
  }
  .ds-program-evals-list .program-eval-heading .program-eval-credits div + div {
    border-left: 1px solid #C4D4D9;
    padding-left: 20px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .ds-program-evals-list .program-eval-summary .qualification-box .qualification-requirements {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .ds-program-evals-list .sub_top .top_transcript {
    padding-right: 0px !important;
  }
  .ds-program-evals-list .sub_top .view_details {
    flex-direction: row;
  }
  .ds-program-evals-list .program-eval-sponsored {
    border-radius: 5px 0px 0px 5px;
  }
  .ds-program-evals-list .program-eval-summary .qualification-box .qualification-requirements {
    flex-direction: row;
    flex-wrap: unset;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ds-program-evals-list .program-eval-heading {
    display: grid;
    grid-template-columns: 65px 1fr 15px;
    grid-template-rows: 1fr 1fr;
  }
  .ds-program-evals-list .program-eval-heading .program-eval-credits {
    grid-column: 2;
    grid-row: 2;
  }
  .ds-program-evals-list .program-eval-heading .first_col,
  .ds-program-evals-list .program-eval-heading .last_col {
    grid-row: 1 / span 2;
  }
}
@media screen and (min-width: 1024px) {
  .ds-program-evals-list .program-eval-heading {
    display: grid;
    grid-template-columns: 65px 1fr 1fr 15px;
    grid-template-rows: unset;
  }
  .ds-program-evals-list .program-eval-heading .program-eval-credits {
    grid-column: unset;
    grid-row: unset;
    justify-content: end;
  }
  .ds-program-evals-list .program-eval-heading .first_col,
  .ds-program-evals-list .program-eval-heading .last_col {
    grid-row: unset;
  }
  .ds-program-evals-list .program-eval-summary .qualification-box {
    display: grid;
    grid-template-columns: 1fr 30%;
    grid-template-rows: 20px 1fr;
    padding: 16px 0px 18px 32px;
    gap: 20px;
  }
  .ds-program-evals-list .program-eval-summary .qualification-box .qualification-requirements {
    justify-content: start;
  }
  .ds-program-evals-list .program-eval-summary .qualification-box .percentages-completion {
    width: 100%;
  }
  .ds-program-evals-list .program-eval-summary .qualification-box .percentages-completion ul {
    border-radius: 5px 0 0 5px;
  }
}
.program-evals-list .program-eval-progress {
  margin-right: -10px;
}
.program-evals-list .program-eval-summary {
  border-radius: 0 !important;
  position: relative;
}
.program-evals-list .program-eval-summary .summary-polygon {
  position: absolute;
  bottom: -6px;
  right: 0;
}
.program-evals-list .program-properties {
  flex-wrap: wrap;
}
.program-evals-list .markdown-text {
  font-size: 14px !important;
  padding: 20px 40px;
}
.program-evals-list .empty-reports {
  background-color: #fff;
}
.program-eval {
  border: 1px solid #e2e6eb;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: white !important;
  padding: 0 !important;
  transition: all 0.3s ease;
  margin-top: 16px !important;
}
.program-eval:hover {
  box-shadow: 0px 0px 5px #dddddd99;
}
.program-eval div {
  padding: 0px;
  margin: 0px;
}
.program-eval > .row:not(:first-child) {
  margin-top: 15px;
}
.program-eval a,
.program-eval a:hover {
  text-decoration: none;
  font-size: 10px;
}
.program-eval .program-eval-summary {
  border: none;
}
.program-eval .program-eval-summary .program-summary {
  border-radius: 0 !important;
}
.program-eval .program-eval-summary .eval {
  padding: 10px 0 10px 40px;
  margin-right: 45px;
}
.program-eval .program-eval-summary .eval .program-properties {
  gap: 20px;
}
.program-eval .program-eval-summary .eval .program-properties .eval-info-title {
  color: #676767;
  text-align: left;
  line-height: normal;
  text-wrap: nowrap;
}
.program-eval .program-eval-summary .eval .program-properties .eval-info-value {
  color: #454545;
  text-align: left;
  text-wrap: nowrap;
}
.program-eval .program-eval-summary.collapsed .unofficial-estimate {
  display: none !important;
}
.program-eval .program-name {
  color: #3c3c3c;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}
.program-eval .program-level {
  text-transform: capitalize;
  font-weight: 500;
  min-width: 120px;
}
.program-eval .program-level img {
  max-width: 42px;
  border: 0;
}
.program-eval .student-eval {
  cursor: pointer;
}
.program-eval .unofficial-estimate {
  position: relative;
}
.program-eval .unofficial-estimate span {
  border-radius: 0px 5px 5px 0px;
  background-color: #D46E0E;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
  padding: 5px 20px;
  margin-left: -10px;
}
.program-eval .unofficial-estimate .unofficial-polygon {
  position: absolute;
  left: -10px;
  top: -9px;
}
.program-eval-progress {
  /*background: linear-gradient(90deg, #04CB54 -2.67%, #008639 105.63%);*/
  background: linear-gradient(89deg, #12D549 0.41%, #3AC79D 95.63%);
  padding: 10px 0px !important;
  height: auto;
  color: white;
  font-style: normal;
  position: relative;
}
.program-eval-progress.polygon {
  margin-top: -10px;
  margin-bottom: -10px;
  margin-right: -10px;
}
.program-eval-progress.polygon .summary-polygon {
  position: absolute;
  right: 0;
  bottom: -6px;
}
.program-eval-progress.polygon .summary-top-polygon,
.program-eval-progress.polygon .summary-bottom-polygon {
  position: absolute;
  left: -43px;
  width: 45px;
  height: 68px;
}
.program-eval-progress.polygon .summary-top-polygon {
  top: 0;
}
.program-eval-progress.polygon .summary-bottom-polygon {
  bottom: 0;
  transform: rotate(180deg) scaleX(-1);
}
.program-eval-progress.overall {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.program-eval-progress .progress-amount {
  /*font-size: 32px;
    font-weight: 500;
    line-height: 48px;*/
  font-style: normal;
  font-weight: 275;
  font-size: 26px;
  line-height: 48px;
}
.program-eval-progress .progress-label {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #fff;
  max-width: 120px;
  margin: 0 auto;
  height: 30px;
}
.program-eval-progress.credits {
  padding: 26px 0px !important;
  background: #F7F8FA;
  border-radius: 0;
}
.program-eval-progress.credits > div:not(:first-child) {
  border-color: #E7EDF3;
}
.program-eval-progress.credits .progress-label {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  text-transform: none;
  padding: 0 10px 0 30px;
  max-width: none;
  margin: 0;
  height: unset;
}
.program-eval-progress.credits .progress-amount {
  color: #3C51B9;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  padding: 0 10px 0 30px;
  margin-top: 5px;
}
.program-eval-progress > div:nth-child(5),
.program-eval-progress > div:nth-child(6) {
  border-left: 1px solid #D9D9D9;
}
.program-eval-progress p {
  padding: 0px 10px;
  margin: 0px;
}
.program-eval-details-toggle a {
  color: #6c6c78;
}
.program-eval-details-toggle a img {
  transform: rotate(90deg);
  height: 10px;
  width: 10px;
}
.program-eval-details-toggle.collapsed .show-view-details {
  display: flex;
}
.program-eval-details-toggle.collapsed .hide-view-details {
  display: none;
}
.program-eval-details-toggle:not(.collapsed) .hide-view-details {
  display: flex;
}
.program-eval-details-toggle:not(.collapsed) .hide-view-details arrow-drop-svg {
  transform: rotate(180deg);
}
.program-eval-details-toggle:not(.collapsed) .show-view-details {
  display: none;
}
.program-eval-details .next-steps-wrapper {
  padding: 32px;
}
.program-eval-details > .row:not(:first-child) {
  margin-top: 30px;
}
.program-eval-details .description-wrapper {
  grid-template-columns: 1fr auto;
}
.program-eval-details .description-wrapper .calculation-btn {
  grid-column-start: 2;
}
.program-eval-details .program-description {
  color: #3C3C3C;
}
.program-eval-details .program-description h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  margin-bottom: 10px;
  margin-top: 0 !important;
}
.program-eval-details .program-description p {
  text-align: justify;
  /*font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 21px;*/
  margin-bottom: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #59595B;
}
.program-eval-details .search-filtering-section {
  max-width: 290px;
}
.program-eval-details .search-filtering-section .search-title {
  color: #626262;
}
.program-eval-details .search-filtering-section .search-section .form-control {
  padding: 10px 36px 9px 10px;
  height: auto;
  width: 257px;
}
.program-eval-details .search-filtering-section .search-section .mdl2-Search {
  left: auto;
  right: 11px;
}
.program-eval-details .switch {
  width: 32px !important;
  min-width: 32px !important;
  height: 16px !important;
}
.program-eval-details .switch .slider::before {
  height: 14px !important;
  width: 14px  !important;
}
.program-eval-details .add-grant,
.program-eval-details .remove-elective {
  border-radius: 50%;
}
.program-eval-details .table-responsive {
  overflow-y: hidden;
}
.program-eval-details .table-responsive table tbody::before {
  line-height: 0 !important;
}
.program-eval-details .table-responsive .half-table-header:not(.parent) {
  padding-left: 20px !important;
}
.program-eval-details .student-banner {
  margin-right: -5px !important;
  margin-left: -5px !important;
}
.program-eval-details .student-banner-header.full-size,
.program-eval-details .student-banner-footer.full-size {
  width: 15px;
  display: none !important;
}
.program-eval-details .student-banner-header.small,
.program-eval-details .student-banner-footer.small {
  display: block !important;
}
.program-eval-details .calculation-btn {
  gap: 5px;
}
.program-eval-details .calculation-details {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
}
.program-eval-details .calculation-details .calculation-wrapper .calculation-breakdown {
  color: #5B5B5B;
}
.program-eval-details .calculation-details .calculation-wrapper .calculation-box .calculation {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 3px 8px;
  max-width: 100px;
  width: 100%;
  min-height: 31px;
}
.program-eval-details .calculation-details .calculation-wrapper .calculation-box .calculation-desc {
  color: #5B5B5B;
}
.program-eval-details .page-content {
  border: none;
}
.program-eval-details .custom-pages-wrapper {
  grid-template-columns: 24px auto 24px;
  user-select: none;
}
.program-eval-details .custom-pages-wrapper .right-arrow {
  transform: rotate(180deg);
}
.program-eval-details .custom-pages-wrapper .custom-page-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  grid-column-start: 2;
  grid-column-end: 3;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.program-eval-details .custom-pages-wrapper .custom-page-tabs::-webkit-scrollbar {
  display: none;
}
.program-eval-details .custom-pages-wrapper .custom-page-tabs .program-progress-tab {
  margin-left: 0px !important;
  border-bottom: 1px solid #ddd;
}
.program-eval-details .custom-pages-wrapper .custom-page-tabs .program-progress-tab.active-tab {
  border-bottom: unset;
}
.program-eval-details .custom-pages-wrapper .border-tab {
  border-bottom: 1px solid #ddd;
}
.program-eval-details .nav-tabs {
  border-bottom: none;
}
.program-eval-details .nav-tabs .nav-item:hover a {
  border-bottom: none !important;
}
.program-eval-details .nav-tabs > li {
  margin-bottom: 0px !important;
}
.program-eval-details .tab-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  color: #3c51b9 !important;
}
.program-eval-details .active-tab {
  border-radius: 5px 5px 0px 0px;
  border-top: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-bottom: none;
  background-color: white;
}
.program-eval-details .active-tab .tab-text {
  font-weight: 600 !important;
}
.program-eval-details .page-content-container {
  padding: 0px 10px 0px 10px;
}
.program-eval-details .nav.nav-tabs > li > a {
  border: unset !important;
}
.program-eval-details .nav.nav-tabs > li > a:hover {
  border: unset !important;
}
.ds-program-evals-list,
.ds-evals-intro.ds-evals-results {
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.ds-program-evals-list .program-evals-list-centered .program-evals-list-container,
.ds-evals-intro.ds-evals-results .program-evals-list-centered .program-evals-list-container {
  max-width: 1100px;
  width: 100%;
}
.ds-program-evals-list.has-reports,
.ds-evals-intro.ds-evals-results.has-reports {
  height: calc(100vh - 55px - var(--ds-sticky-footer-height));
}
.ds-program-evals-list .program-header,
.ds-evals-intro.ds-evals-results .program-header {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.ds-program-evals-list .program-header.private-label,
.ds-evals-intro.ds-evals-results .program-header.private-label {
  border-radius: 6px;
}
.ds-program-evals-list .program-header .school-logo img,
.ds-evals-intro.ds-evals-results .program-header .school-logo img {
  height: 30px;
  width: 30px;
}
.ds-program-evals-list .program-header .markdown-wrapper,
.ds-evals-intro.ds-evals-results .program-header .markdown-wrapper {
  background-color: #FAFAFA;
}
.ds-program-evals-list .program-header .markdown-wrapper .markdown-text,
.ds-evals-intro.ds-evals-results .program-header .markdown-wrapper .markdown-text {
  border: 1px solid #CCC;
}
.ds-program-evals-list .program-eval,
.ds-evals-intro.ds-evals-results .program-eval {
  border: unset !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 992px) {
  .program-eval-progress.polygon {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    justify-content: space-around !important;
  }
  .estimates-evals .program-eval-progress.polygon {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .program-evals-list .program-eval-progress.polygon .summary-top-polygon,
  .program-evals-list .program-eval-progress.polygon .summary-bottom-polygon {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .program-evals-list .program-eval-progress.polygon {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .program-evals-list .program-eval-progress.polygon .summary-top-polygon,
  .program-evals-list .program-eval-progress.polygon .summary-bottom-polygon {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .program-evals-list .program-eval-progress.polygon,
  .ds-evals-intro.ds-evals-results .program-eval-progress.polygon {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  .level-icon {
    width: 20px;
    height: 20px;
  }
  .program-evals-list bottom-sheet .ds-device-modal.active {
    bottom: 70px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list-container .program-header .credits-wrapper,
  .ds-evals-intro.ds-evals-results .program-evals-list-container .program-header .credits-wrapper {
    flex-direction: column;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list-container .program-header .credits-wrapper .credits,
  .ds-evals-intro.ds-evals-results .program-evals-list-container .program-header .credits-wrapper .credits {
    justify-content: space-around !important;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .program-location {
    max-width: 135px;
  }
}
@media screen and (max-width: 717px) {
  .program-evals-list .program-eval-progress.polygon,
  .ds-evals-intro.ds-evals-results .program-eval-progress.polygon {
    border-radius: 5px;
    margin: 10px 0 10px 0;
  }
  .program-evals-list .program-eval-progress.polygon .summary-polygon,
  .ds-evals-intro.ds-evals-results .program-eval-progress.polygon .summary-polygon {
    display: none;
  }
  .program-evals-list .program-eval-progress.polygon .summary-top-polygon,
  .ds-evals-intro.ds-evals-results .program-eval-progress.polygon .summary-top-polygon,
  .program-evals-list .program-eval-progress.polygon .summary-bottom-polygon,
  .ds-evals-intro.ds-evals-results .program-eval-progress.polygon .summary-bottom-polygon {
    display: none;
  }
}
@media screen and (max-width: 675px) {
  .ds-submitted-transcript.ds-program-evals-list,
  .program-evals-list .program-search .program-holder,
  .ds-evals-intro.ds-evals-results {
    flex-direction: column;
    gap: 10px;
  }
  .ds-submitted-transcript.ds-program-evals-list .collapse-all,
  .program-evals-list .program-search .program-holder .collapse-all,
  .ds-evals-intro.ds-evals-results .collapse-all {
    align-self: end;
  }
  .ds-submitted-transcript.ds-program-evals-list .search-filtering-section,
  .program-evals-list .program-search .program-holder .search-filtering-section,
  .ds-evals-intro.ds-evals-results .search-filtering-section {
    flex-direction: column;
    width: 100%;
    max-width: unset;
  }
  .ds-submitted-transcript.ds-program-evals-list .search-filtering-section .search-section input,
  .program-evals-list .program-search .program-holder .search-filtering-section .search-section input,
  .ds-evals-intro.ds-evals-results .search-filtering-section .search-section input {
    width: 100%;
  }
  .ds-submitted-transcript.ds-program-evals-list .search-filtering-section .search-title,
  .program-evals-list .program-search .program-holder .search-filtering-section .search-title,
  .ds-evals-intro.ds-evals-results .search-filtering-section .search-title {
    align-self: start;
  }
}
@media screen and (max-width: 480px) {
  .program-eval-progress {
    flex-direction: column;
  }
  .program-eval-progress > div {
    width: 100%;
  }
  .program-eval-progress > div:not(:first-child) {
    margin-top: 10px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 576px) {
  .ds-submitted-transcript.ds-program-evals-list .main_view_collapse,
  .ds-evals-intro.ds-evals-results .main_view_collapse,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .eval,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .eval {
    margin: 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .program-eval-progress.polygon > div,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .program-eval-progress.polygon > div,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table .program-description,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table .program-description {
    padding: 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top .top_transcript .program-eval-title,
  .ds-evals-intro.ds-evals-results .sub_top .top_transcript .program-eval-title,
  .ds-submitted-transcript.ds-program-evals-list .school-list,
  .ds-evals-intro.ds-evals-results .school-list,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .container-fluid.program-eval,
  .ds-evals-intro.ds-evals-results .program-evals-list .container-fluid.program-eval,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval-summary,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval-summary,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval-summary .program-summary,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval-summary .program-summary {
    margin-top: 0px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval-summary,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval-summary {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top,
  .ds-evals-intro.ds-evals-results .sub_top {
    padding: 30px 16px 0 16px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top .top_transcript,
  .ds-evals-intro.ds-evals-results .sub_top .top_transcript {
    border-radius: 0;
    padding: 30px 10px 10px 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top .top_transcript .program-eval-title,
  .ds-evals-intro.ds-evals-results .sub_top .top_transcript .program-eval-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top .view_details,
  .ds-evals-intro.ds-evals-results .sub_top .view_details {
    gap: 20px !important;
    border-radius: 0;
    padding: 0 10px 30px 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top .view_details p,
  .ds-evals-intro.ds-evals-results .sub_top .view_details p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top .view_details a.btn.btn-default,
  .ds-evals-intro.ds-evals-results .sub_top .view_details a.btn.btn-default {
    font-size: 16px !important;
    padding: 8px 20px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .sub_top .program-header,
  .ds-evals-intro.ds-evals-results .sub_top .program-header {
    border-radius: 5px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .school-list,
  .ds-evals-intro.ds-evals-results .school-list {
    border-radius: 0;
    box-shadow: none;
  }
  .ds-submitted-transcript.ds-program-evals-list .school-list .school-title,
  .ds-evals-intro.ds-evals-results .school-list .school-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .school-list .program-eval-credits .value,
  .ds-evals-intro.ds-evals-results .school-list .program-eval-credits .value {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .school-list .program-eval-credits .description,
  .ds-evals-intro.ds-evals-results .school-list .program-eval-credits .description {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-eval-heading,
  .ds-evals-intro.ds-evals-results .program-eval-heading {
    padding: 30px 10px 20px 10px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-eval-heading .program-school-logo-wrapper,
  .ds-evals-intro.ds-evals-results .program-eval-heading .program-school-logo-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-eval-heading .program-school-logo-wrapper .ds-flex-centered-content,
  .ds-evals-intro.ds-evals-results .program-eval-heading .program-school-logo-wrapper .ds-flex-centered-content {
    align-self: center;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-eval-heading .program-school-logo,
  .ds-evals-intro.ds-evals-results .program-eval-heading .program-school-logo,
  .ds-submitted-transcript.ds-program-evals-list .program-eval-heading .program-school-title.school-title,
  .ds-evals-intro.ds-evals-results .program-eval-heading .program-school-title.school-title {
    display: none !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-eval-heading .program-eval-credits,
  .ds-evals-intro.ds-evals-results .program-eval-heading .program-eval-credits {
    flex-wrap: wrap !important;
    width: 100%;
    flex-direction: row;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-eval-heading .program-eval-credits > div,
  .ds-evals-intro.ds-evals-results .program-eval-heading .program-eval-credits > div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-header,
  .ds-evals-intro.ds-evals-results .program-header {
    padding: 30px 10px !important;
    border-radius: 0;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list,
  .ds-evals-intro.ds-evals-results .program-evals-list {
    padding: 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports {
    gap: 30px !important;
    padding: 30px 16px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary {
    width: 100%;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .program-eval-progress > div,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .program-eval-progress > div {
    width: 100%;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .program-eval-progress.polygon,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .program-eval-progress.polygon {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin-top: 0px !important;
    padding: 12px 20px !important;
    border-radius: 0;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .program-eval-progress.polygon .progress-amount,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .program-eval-progress.polygon .progress-amount {
    font-size: 20px !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .program-eval-progress.polygon .progress-label,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .program-eval-progress.polygon .progress-label {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .eval,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .eval {
    padding: 20px 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .percent-summary .eval .program-properties,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .percent-summary .eval .program-properties {
    gap: 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-search,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-search {
    padding: 20px 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-search .search-title,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-search .search-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-search .search-section,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-search .search-section {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-search .search-section input[type="search"],
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-search .search-section input[type="search"] {
    padding: 3px 32px 3px 15px !important;
    height: 29px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-search .search-section input[type="search"]::placeholder,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-search .search-section input[type="search"]::placeholder {
    font-size: 12px !important;
    font-weight: 400;
    color: #58585B !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-search .search-section .icons-icon.mdl2-Search,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-search .search-section .icons-icon.mdl2-Search {
    top: 7px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-search .search-section .icons-icon.mdl2-Search::before,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-search .search-section .icons-icon.mdl2-Search::before {
    width: 15px;
    height: 23px;
    background-size: contain;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .expansion-collapse > span,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .expansion-collapse > span {
    margin-bottom: 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval {
    border-radius: 5px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval .eval > div:nth-child(1),
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval .eval > div:nth-child(1) {
    justify-content: center;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval .eval > div:nth-child(1) .program-name,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval .eval > div:nth-child(1) .program-name {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    font-size: 20px !important;
    text-align: center;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval .eval .program-properties,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval .eval .program-properties {
    display: grid !important;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval .eval .program-properties .row.flex-xs-column,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval .eval .program-properties .row.flex-xs-column {
    align-items: start !important;
    text-align: left;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval .eval .program-properties.two-row,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval .eval .program-properties.two-row {
    grid-template-rows: repeat(2, 1fr);
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-eval .program-eval-summary .program-summary,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-eval .program-eval-summary .program-summary {
    border-radius: 5px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .unofficial-estimate span,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .unofficial-estimate span {
    margin-left: -5px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .unofficial-estimate img.unofficial-polygon,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .unofficial-estimate img.unofficial-polygon {
    width: 5px;
    height: 5px;
    left: -5px;
    top: -4px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-summary,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-summary {
    background: #fff;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .reports .program-summary .eval,
  .ds-evals-intro.ds-evals-results .program-evals-list .reports .program-summary .eval {
    margin: 0 !important;
    padding: 20px 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .program-eval-details-toggle,
  .ds-evals-intro.ds-evals-results .program-evals-list .program-eval-details-toggle {
    margin: 20px 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .program-description,
  .ds-evals-intro.ds-evals-results .program-evals-list .program-description {
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table {
    padding: 0 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table .other-course-title,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table .other-course-title {
    display: none;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table .program-description h3,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table .program-description h3 {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table .program-description div span:nth-child(1),
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table .program-description div span:nth-child(1) {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tbody:not(:last-child),
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tbody:not(:last-child) {
    border-bottom: 10px solid transparent !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tr,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tr,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details td,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details td {
    height: unset;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tr th,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tr th {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: uppercase;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tr th th:nth-child(1),
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tr th th:nth-child(1) {
    width: unset !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tr td,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tr td {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tr td span,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tr td span {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tr td .match-input span,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tr td .match-input span {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table table.eval-details tbody:first-of-type tr:first-of-type td,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table table.eval-details tbody:first-of-type tr:first-of-type td {
    padding-top: 10px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table .xs-school-name,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table .xs-school-name {
    display: table-row;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table .xs-school-name .school-name-col,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table .xs-school-name .school-name-col {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .other-courses-table .xs-school-name .school-name-col > span,
  .ds-evals-intro.ds-evals-results .program-evals-list .other-courses-table .xs-school-name .school-name-col > span {
    font-size: 8px !important;
    vertical-align: top !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list table tr.requirements-user,
  .ds-evals-intro.ds-evals-results .program-evals-list table tr.requirements-user {
    height: unset !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list table tr.requirements-user td,
  .ds-evals-intro.ds-evals-results .program-evals-list table tr.requirements-user td {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    height: unset !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.left .requirement-text,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.left .requirement-text {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    vertical-align: middle !important;
    font-weight: 500 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .checkmarks-points,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .checkmarks-points {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .credits-applied,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .credits-applied {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 500 !important;
    display: none;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .credits-applied .fulfill-close,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .credits-applied .fulfill-close {
    display: block;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .icons-wrapper,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .icons-wrapper {
    padding-right: 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .icons-wrapper .exemption-wrapper,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .icons-wrapper .exemption-wrapper {
    padding-right: 0 !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .icons-wrapper .req-limit.blue,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .icons-wrapper .req-limit.blue,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .icons-wrapper .pre-conditions.yellow,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .icons-wrapper .pre-conditions.yellow {
    padding: 0 !important;
    background-color: transparent !important;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .icons-wrapper .req-limit.blue .text,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .icons-wrapper .req-limit.blue .text,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .half-table-header.parent.right .icons-wrapper .pre-conditions.yellow .text,
  .ds-evals-intro.ds-evals-results .program-evals-list .half-table-header.parent.right .icons-wrapper .pre-conditions.yellow .text {
    display: none;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list table td.matched-course span,
  .ds-evals-intro.ds-evals-results .program-evals-list table td.matched-course span,
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list table td .match-pill,
  .ds-evals-intro.ds-evals-results .program-evals-list table td .match-pill {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list bottom-sheet .ds-device-modal.active,
  .ds-evals-intro.ds-evals-results .program-evals-list bottom-sheet .ds-device-modal.active {
    bottom: 50px;
  }
  .ds-submitted-transcript.ds-program-evals-list .program-evals-list .program-eval-bottom,
  .ds-evals-intro.ds-evals-results .program-evals-list .program-eval-bottom {
    margin: 30px 16px !important;
  }
  .ds-evals-intro.ds-evals-results .bg-white-wrap.box-shadow.mt-5,
  .ds-evals-intro.ds-evals-select .bg-white-wrap.box-shadow.mt-5,
  .ds-evals-intro.ds-evals-results .bg-white.box-shadow.mt-5,
  .ds-evals-intro.ds-evals-select .bg-white.box-shadow.mt-5 {
    margin: 0 !important;
    border-radius: 0;
  }
  .ds-evals-intro.ds-evals-results .bg-white-wrap.box-shadow.mt-5 .top-cut-corner,
  .ds-evals-intro.ds-evals-select .bg-white-wrap.box-shadow.mt-5 .top-cut-corner,
  .ds-evals-intro.ds-evals-results .bg-white.box-shadow.mt-5 .top-cut-corner,
  .ds-evals-intro.ds-evals-select .bg-white.box-shadow.mt-5 .top-cut-corner {
    display: none;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript,
  .ds-evals-intro.ds-evals-select .bottom_transcript {
    padding: 0 !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .head-component-section,
  .ds-evals-intro.ds-evals-select .bottom_transcript .head-component-section {
    padding: 20px 10px !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .head-component-section h1,
  .ds-evals-intro.ds-evals-select .bottom_transcript .head-component-section h1 {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .head-component-section ul,
  .ds-evals-intro.ds-evals-select .bottom_transcript .head-component-section ul {
    margin-top: 10px !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .body-component-section,
  .ds-evals-intro.ds-evals-select .bottom_transcript .body-component-section {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 30px 20px !important;
    gap: 30px !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .body-component-section h2,
  .ds-evals-intro.ds-evals-select .bottom_transcript .body-component-section h2,
  .ds-evals-intro.ds-evals-results .bottom_transcript .body-component-section .sub-text,
  .ds-evals-intro.ds-evals-select .bottom_transcript .body-component-section .sub-text {
    margin: 0 !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .body-component-section h2,
  .ds-evals-intro.ds-evals-select .bottom_transcript .body-component-section h2 {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .body-component-section .sub-text,
  .ds-evals-intro.ds-evals-select .bottom_transcript .body-component-section .sub-text {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    font-size: 14px !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .select-programs,
  .ds-evals-intro.ds-evals-select .bottom_transcript .select-programs {
    padding: 30px 20px !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .select-programs > p,
  .ds-evals-intro.ds-evals-select .bottom_transcript .select-programs > p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0 !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .select-programs .search-filtering-section,
  .ds-evals-intro.ds-evals-select .bottom_transcript .select-programs .search-filtering-section {
    padding-left: 0 !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .select-programs .search-filtering-section .form-group.search-section,
  .ds-evals-intro.ds-evals-select .bottom_transcript .select-programs .search-filtering-section .form-group.search-section {
    margin: 0 !important;
    max-width: unset;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .select-programs .search-filtering-section .form-group.search-section input[type="search"],
  .ds-evals-intro.ds-evals-select .bottom_transcript .select-programs .search-filtering-section .form-group.search-section input[type="search"] {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .select-programs .qualification-box,
  .ds-evals-intro.ds-evals-select .bottom_transcript .select-programs .qualification-box {
    margin-top: 0.5rem !important;
    margin-top: 20px !important;
  }
  .ds-evals-intro.ds-evals-results .bottom_transcript .select-programs .qualification-box .qualification-requirements h2,
  .ds-evals-intro.ds-evals-select .bottom_transcript .select-programs .qualification-box .qualification-requirements h2 {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-submitted-transcript.ds-program-evals-list table.eval-details .matched-course .icon {
    width: 25px;
  }
  .ds-submitted-transcript.ds-program-evals-list table.eval-details .matched-course > div {
    grid-template-columns: 20px 1fr;
    width: 100%;
  }
  .ds-submitted-transcript.ds-program-evals-list table.eval-details .matched-course .text-exempt {
    padding: 0 !important;
    grid-template-columns: 1fr 30px !important;
  }
  .ds-submitted-transcript.ds-program-evals-list table.eval-details .matched-course .text-exempt span:nth-child(3) {
    text-align: end;
  }
  .ds-program-evals-list .program-evals-list-centered,
  .ds-evals-intro.ds-evals-results .program-evals-list-centered {
    padding: 0 !important;
  }
  .ds-program-evals-list .program-header,
  .ds-evals-intro.ds-evals-results .program-header {
    width: 100%;
  }
  .ds-program-evals-list .program-evals-list .empty-reports,
  .ds-evals-intro.ds-evals-results .program-evals-list .empty-reports {
    border-radius: 0 !important;
  }
  .ds-program-evals-list .program-eval,
  .ds-evals-intro.ds-evals-results .program-eval {
    border: unset !important;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  }
}
.main-container {
  padding: 20px 40px 0 40px;
}
.main-container .page-header {
  margin: 0 !important;
  padding-top: 0 !important;
}
.main-container .page-content {
  padding: 0 !important;
}
.main-container .section-title {
  font-size: 24px !important;
  margin-top: 10px !important;
}
.main-container .page-tab-title {
  font-size: 22px !important;
  margin-top: 10px !important;
  margin-bottom: -10px !important;
  color: #333 !important;
}
.main-container .page-tab-text {
  font-size: 22px !important;
  color: #333 !important;
}
.main-container .info-detailed {
  margin-top: 30px !important;
}
.integrations {
  /* MODAL */
}
.integrations .row {
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 0fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  padding-top: 20px;
}
.integrations .integration-item {
  min-width: 250px;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
  border: 1px solid #E8E8E8;
  border-radius: 10px;
}
.integrations .integration-item .item-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
}
.integrations .integration-item .item-content .logo {
  flex: none;
  flex-grow: 0;
  margin: 0 10px 0 0;
  align-self: center;
}
.integrations .integration-item .item-content .logo img {
  max-height: 60px;
  max-width: 60px;
}
.integrations .integration-item .item-content .title-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  row-gap: 5px;
}
.integrations .integration-item .item-content .title-button-wrapper .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #333333;
}
.integrations .integration-item .item-content .title-button-wrapper .int-btn {
  padding: 5px 15px;
  box-sizing: border-box;
  border-radius: 5px;
}
.integrations .integration-item .item-content .title-button-wrapper .int-btn.add {
  border: 1px solid #3C51B9 !important;
  background: white !important;
  color: #3C51B9 !important;
}
.integrations .integration-item .item-content .title-button-wrapper .int-btn.edit {
  background: #3C51B9 !important;
  color: white !important;
}
.integrations .integration-item .item-content .title-button-wrapper .int-btn.coming-soon {
  color: #11C37B !important;
}
.integrations .fa-ellipsis-h {
  cursor: pointer;
  color: #59595B;
}
.integrations .integration-modal .modal-dialog {
  height: 95%;
  height: calc(100vh - 3%);
  align-items: center;
  margin: 10px auto;
  max-width: 750px;
}
.integrations .integration-modal .modal-content {
  max-height: 100%;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 0!important;
  border: none;
}
.integrations .integration-modal .modal-header {
  color: #ffffff;
  text-align: center;
  background: #00669E;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 29px 30px 0 30px;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 29px 30px 0;
  display: flex;
  align-items: center;
  border-radius: 0;
}
.integrations .integration-modal .modal-header .modal-title {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  text-align: left;
}
.integrations .integration-modal .modal-header .modal-title .logo {
  display: inline-block;
  background: #fff;
  padding: 30px 25px;
  margin: 0 0 -19px;
  box-shadow: 0px 2px 2px rgba(142, 142, 142, 0.15);
  vertical-align: middle;
}
.integrations .integration-modal .modal-header .modal-title .logo img {
  margin: 0;
  display: block;
}
.integrations .integration-modal .modal-header .close .icons-icon {
  color: #ffffff;
  font-size: 18px;
}
.integrations .integration-modal .modal-header button.close {
  margin: -22px 0 0;
}
.integrations .integration-modal .modal-header button.close:focus {
  outline: none;
}
.integrations .integration-modal .modal-body {
  padding: 40px 35px;
  max-height: 100%;
  overflow-y: auto;
}
.integrations .integration-modal .modal-footer {
  width: 90%;
  margin: auto;
  border-color: #E7EDF3;
  justify-content: center;
  padding: 20px 0;
}
.integrations .integration-modal .modal-footer .btn {
  min-width: 146px;
  height: 32px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.integrations .integration-modal .modal-body-content-wrapper {
  padding: 30px 28px;
  border: 1px solid #E8E8E8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.integrations .integration-modal .modal-body-content-wrapper > div {
  margin: 0 0 10px;
}
.integrations .integration-modal .modal-body-content-wrapper > div:last-child {
  margin: 0;
}
.integrations .integration-modal .modal-body-content-wrapper > div > div table {
  width: 100%;
}
.integrations .integration-modal .title-headings {
  display: inline-block;
  width: 77%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 0 0 30px;
}
.integrations .integration-modal .title-headings p {
  margin: 0 0 5px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.integrations .integration-modal .title-headings span {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #FFFFFF;
  display: block;
  margin: 0;
}
.integrations .integration-modal .integration-name {
  margin: 0;
  color: #59595B;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
}
.integrations .integration-modal .integration-name:hover {
  background-color: transparent!important;
}
.integrations .integration-modal .integration-description:hover {
  background-color: transparent!important;
}
.integrations .integration-modal .integration-description label {
  font-size: 14px;
}
.integrations .integration-modal .section-label:hover {
  background-color: transparent!important;
}
.integrations .integration-modal .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
  width: 36px;
  height: 20px;
  margin: 0;
}
.integrations .integration-modal .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.integrations .integration-modal .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.integrations .integration-modal .switch .slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.integrations .integration-modal .switch .slider.round {
  border-radius: 34px;
}
.integrations .integration-modal .switch .slider.round:before {
  border-radius: 50%;
}
.integrations .integration-modal .switch input:checked + .slider {
  background-color: #3C51B9 !important;
}
.integrations .integration-modal .switch input:focus + .slider {
  box-shadow: 0 0 1px #3C51B9 !important;
}
.integrations .integration-modal .switch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.integrations .integration-modal .btn {
  min-width: 60px;
  height: 28px;
  border-radius: 5px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  text-transform: capitalize;
}
.integrations .integration-modal .form-display .form-group:last-child {
  margin-bottom: 20px;
}
.integrations .integration-modal .submit-and-test-buttons {
  margin-bottom: 20px;
}
.integrations .integration-modal .submit-and-test-buttons:hover {
  background-color: transparent !important;
}
.integrations .integration-modal.modal-open {
  overflow-y: hidden;
}
.integrations .sub-title {
  color: #3C51B9;
  font-weight: 500;
}
.integrations .sso-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, 1fr);
}
.integrations .sso-grid .sso-input {
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid #D2D2D2;
  max-width: 244px;
}
.integrations .sso-grid .sso-input::placeholder {
  color: #333 !important;
}
.integrations .integrations-toggle {
  padding: 3px;
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  width: fit-content;
}
.integrations .integrations-toggle .pill {
  cursor: pointer;
  padding: 4px 12px;
  border: 1px solid transparent;
  border-radius: 30px;
  display: grid !important;
  grid-template-columns: 1fr;
  user-select: none;
}
.integrations .integrations-toggle .pill check-svg {
  width: 0;
  max-width: 14px;
}
.integrations .integrations-toggle .pill .name {
  color: #333;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  grid-column-start: 2;
}
.integrations .integrations-toggle .pill.active {
  border-color: #3C51B9;
  background: linear-gradient(0deg, rgba(60, 81, 185, 0.1) 0%, rgba(60, 81, 185, 0.1) 100%), #FFF;
  transition: border 0.5s ease-in-out;
  grid-template-columns: 14px auto;
}
.integrations .integrations-toggle .pill.active check-svg {
  animation: widthAnimation 0.3s ease-in-out;
  animation-fill-mode: forwards;
}
.integrations .integrations-toggle .pill.active .name {
  font-weight: 500 !important;
  color: #3c51b9 !important;
  font-size: 14px !important;
  line-height: normal !important;
}
.integrations .workers .worker {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.integrations .workers .worker .info .scopes .scope {
  background-color: #e7e7ec;
  border-radius: 3px;
  padding: 5px;
}
.integrations .workers .worker .info .client-secret .show-client-secret {
  text-decoration: none;
}
.integrations .workers .worker .info .client-secret .show-client-secret:focus {
  outline: none;
  border: unset;
}
.integrations .workers .worker .info .date,
.integrations .workers .worker .info .last-event {
  color: #9F9F9F;
}
.integrations .workers .worker .actions .delete {
  width: 22px;
  height: 22px;
}
.integrations .create-worker.show {
  padding: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.integrations .add-worker .client-id {
  opacity: 0.5 !important;
}
.integrations .select-scopes .scopes-wrapper {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.integrations .saving-worker {
  width: fit-content;
}
.integrations .connection-details-section {
  margin: 20px 0;
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 10px;
}
.integrations .connection-details-section .section-label-new:hover {
  background-color: transparent!important;
}
.integrations .connection-details-section .section-label-new:hover label {
  background-color: transparent!important;
}
.integrations .connection-details-section .section-label-new label {
  color: #59595B;
  font-weight: 600;
  font-size: 12px;
}
.integrations .connection-details-section .section-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 20px;
}
.integrations .connection-details-section .connection-type-options {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.integrations .connection-details-section .connection-type-options .option {
  display: flex;
  align-items: center;
  gap: 8px;
}
.integrations .connection-details-section .connection-type-options .option input[type="radio"] {
  margin: 0;
}
.integrations .connection-details-section .connection-type-options .option input[type="radio"]:checked + label {
  color: #3C51B9;
  font-weight: 500;
}
.integrations .connection-details-section .connection-type-options .option label {
  margin: 0;
  font-size: 12px;
  color: #333333;
}
.integrations .connection-details-section .connection-form .section-label:hover {
  background-color: transparent!important;
}
.integrations .connection-details-section .connection-form .form-group {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
  padding-right: 40px;
}
.integrations .connection-details-section .connection-form .form-group label {
  margin: 0;
  font-size: 16px;
  color: #333333;
  text-align: left;
  flex-shrink: 0;
  width: 242px;
  height: 24px;
}
.integrations .connection-details-section .connection-form .form-group input,
.integrations .connection-details-section .connection-form .form-group textarea {
  flex: 1;
  float: right;
  width: 570px;
  height: 40px;
  border: 1px solid #E8E8E8;
  border-width: 1px;
  font-size: 12px;
  margin: 0;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
}
.integrations .connection-details-section .connection-form .form-group input:focus,
.integrations .connection-details-section .connection-form .form-group textarea:focus {
  outline: none;
  border-color: #3C51B9;
}
.integrations .connection-details-section .connection-form .form-group textarea {
  height: 100px;
  resize: vertical;
  padding: 12px 16px;
}
.integrations .connection-details-section .connection-form .form-group .text-danger {
  position: absolute;
  bottom: -20px;
  left: 275px;
  font-size: 12px;
}
.integrations .connection-details-section .connection-form .button-group {
  display: flex;
  gap: 48px;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
}
.integrations .connection-details-section .connection-form .button-group .btn {
  height: 30px;
  padding: 0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 44px;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  letter-spacing: 0.2px;
  padding: 6px;
}
.integrations .connection-details-section .connection-form .button-group .btn.test-btn {
  background: white;
  color: #3C51B9;
  border: 1px solid #3C51B9;
  font-size: 12px;
}
.integrations .connection-details-section .connection-form .button-group .btn.test-btn:hover {
  background: rgba(60, 81, 185, 0.05);
}
.integrations .connection-details-section .connection-form .button-group .btn.test-btn:active {
  transform: translateY(1px);
}
.integrations .connection-details-section .connection-form .button-group .btn.save-btn {
  background: #3C51B9;
  color: white;
  border: none;
  font-size: 12px;
}
.integrations .connection-details-section .connection-form .button-group .btn.save-btn:hover {
  background: #3649a6;
}
.integrations .connection-details-section .connection-form .button-group .btn.save-btn:active {
  transform: translateY(1px);
}
.integrations .connection-details-section .integration-header {
  cursor: pointer;
}
.integrations .connection-details-section .integration-header .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.integrations .connection-details-section .integration-header .header-content .integration-name {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  margin: 0;
  flex: 1;
}
.integrations .connection-details-section .integration-header .header-content .integration-name label {
  font-size: 18px;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .switch {
  margin: 0;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .switch input:checked + .slider {
  background-color: #3C51B9;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .switch input:checked + .slider:before {
  transform: translateX(16px);
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.2s;
  border-radius: 24px;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.2s;
  border-radius: 50%;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .up-down-arrow {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
  cursor: pointer;
}
.integrations .connection-details-section .integration-header .header-content .toggle-controls .up-down-arrow.flipped-vertical {
  transform: rotate(180deg);
}
.integrations .connection-details-section .integration-header:hover {
  background-color: rgba(60, 81, 185, 0.02);
}
.integrations .update-pading-top {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
}
.integrations .update-pading-bottom {
  border-top: 0px;
  margin: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.integrations .update-pading-middle {
  margin: 0px;
  border-bottom: 0px !important;
  border-top: 0px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 0px;
}
.integrations .remove-margin-bottom {
  margin-bottom: 0px !important;
}
.integrations .card-spacing {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .integrations.empty-td {
    display: none !important;
  }
  .integrations .integration-modal .modal-dialog {
    max-width: 360px !important;
    width: 100%;
  }
  .integrations .integration-modal .modal-dialog .modal-header {
    padding: 20px 15px 0;
    position: relative;
  }
  .integrations .integration-modal .modal-dialog .modal-header button.close {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 15px;
  }
  .integrations .integration-modal .modal-dialog .modal-body {
    padding: 35px 15px;
  }
  .integrations .integration-modal .title-headings {
    width: 62%;
    padding: 0 0 0 10px;
  }
  .integrations .integration-modal .title-headings p {
    line-height: 25px;
  }
  .integrations .integration-modal .title-headings span {
    line-height: 17px;
  }
  .integrations .connection-details-section .section-label-new:hover {
    background-color: transparent!important;
  }
  .integrations .connection-details-section .connection-form .section-label-new:hover {
    background-color: transparent!important;
  }
  .integrations .connection-details-section .connection-form .form-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .integrations .connection-details-section .connection-form .form-group label {
    min-width: auto;
  }
  .integrations .connection-details-section .connection-form .form-group input,
  .integrations .connection-details-section .connection-form .form-group textarea {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  .integrations .connection-details-section .connection-form .form-group .text-danger {
    position: static;
    margin: 4px 0 0;
  }
  .integrations .connection-details-section .connection-form .button-group {
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
  }
  .integrations .connection-details-section .connection-form .button-group .btn {
    width: 100%;
  }
  .integrations .connection-details-section .integration-header {
    padding: 12px;
  }
  .integrations .connection-details-section .integration-header .header-content {
    gap: 16px;
  }
  .integrations .connection-details-section .integration-header .header-content .integration-name {
    font-size: 13px;
  }
  .integrations .connection-details-section .integration-header .header-content .toggle-controls {
    gap: 12px;
  }
  .integrations .connection-details-section .integration-header .header-content .toggle-controls .switch {
    width: 36px;
    height: 20px;
  }
  .integrations .connection-details-section .integration-header .header-content .toggle-controls .switch .slider:before {
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
  }
  .integrations .connection-details-section .integration-header .header-content .toggle-controls .switch input:checked + .slider:before {
    transform: translateX(16px);
  }
  .integrations .connection-details-section .integration-header .header-content .toggle-controls .up-down-arrow {
    width: 14px;
    height: 14px;
  }
}
.add_school_rules .equivalency-form .form-group {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.add_school_rules .equivalency-form .form-input {
  flex: 0 0 300px;
}
.add_school_rules .equivalency-form .form-label {
  flex: 0 0 200px;
  font-size: 16px;
  text-align: right;
}
.articulations .articulations-disabled-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.articulations .articulations-disabled-text a {
  margin-top: 5px;
}
.equivalency-importer .btn-transparent {
  background: transparent !important;
  padding-left: 0;
}
.equivalency-importer .subtext {
  margin: 0 0 15px;
  color: #8F9EA6;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}
.equivalency-importer .job-status {
  display: flex;
  gap: 5px;
  text-wrap: nowrap;
  flex-direction: column;
}
.equivalency-importer .job-status .btn {
  width: auto;
}
.equivalency-importer .download-circle {
  margin-top: 20px;
}
.equivalency-importer .download-circle .loader-path {
  stroke: #333333;
}
.not-reconciled-institutions .modal-dialog {
  width: 800px;
}
.not-reconciled-institutions .modal-dialog .modal-body {
  overflow-x: auto;
}
.not-reconciled-institutions .modal-dialog .modal-body .text-secondary-color {
  color: #b2bbc1 !important;
  font-size: 12px;
}
.not-reconciled-institutions .modal-dialog .ds-pop-over {
  width: 800px;
}
.not-reconciled-institutions .institutions-table {
  display: table;
  width: 100%;
  overflow-x: auto;
}
.not-reconciled-institutions .institutions-table .table-row {
  display: table-row;
}
.not-reconciled-institutions .institutions-table .table-col {
  display: table-cell;
  padding: 10px;
  text-wrap: nowrap;
  font-size: 13px;
}
.not-reconciled-institutions .institutions-table .table-col.col-header {
  color: #8B8B98;
  font-size: 10px !important;
}
.not-reconciled-institutions .institutions-table .cell-border {
  border-top: 1px solid #E7EDF3;
}
.placeholder-course-modal .modal-header {
  border-bottom: 1px solid #E5E7EB;
}
.placeholder-course-modal .modal-header .modal-title {
  margin: 0;
  color: #333333;
}
.placeholder-course-modal .modal-header .close-btn {
  margin-top: 0px !important;
  width: 10px;
  height: 10px;
}
.placeholder-course-modal .modal-body {
  padding: 40px 40px 0 40px;
}
.placeholder-course-modal .modal-body .step .edit-course-step img {
  max-width: 400px;
  width: 100%;
}
.placeholder-course-modal .modal-body .step .curriculum-step img,
.placeholder-course-modal .modal-body .step .courses-step img {
  max-width: 600px;
  width: 100%;
}
.placeholder-course-modal .modal-footer {
  padding: 0 40px 40px 40px;
  text-align: center;
  border-top: unset;
}
.preliminary-accepted-gpa-modal {
  min-width: 502px;
  border-radius: 10px;
  position: relative;
}
.preliminary-accepted-gpa-modal .modal-header {
  height: 98px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #3C51B9 0%, #00B8E4 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.preliminary-accepted-gpa-modal .modal-header .conffeti {
  flex-shrink: 0;
  aspect-ratio: 1;
  background-repeat: repeat;
  background-image: url('../../../../../assets-new/images/conffeti.png');
  background-size: 115px 115px;
}
.preliminary-accepted-gpa-modal .profile-avatar {
  width: 98px;
  height: 98px;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 500px;
  outline: 1px rgba(0, 0, 0, 0.1) solid;
  outline-offset: -1px;
  z-index: 1;
}
.preliminary-accepted-gpa-modal .profile-avatar img {
  width: 70px;
  height: 70px;
  border-radius: 500px;
}
.preliminary-accepted-gpa-modal .modal-content-container .notification-section .notification-box {
  background: #FAFAFA;
  border-radius: 5px;
  color: #4F4F4F;
  word-break: break-all;
}
.preliminary-accepted-gpa-modal .modal-content-container .action-button {
  padding: 8px 20px;
  background: linear-gradient(90deg, #3C51B9 0%, #00B8E4 100%);
  border-radius: 3px;
  border: unset;
  outline: unset;
}
.preliminary-accepted-gpa-wrapper .modal-content {
  border-radius: 10px !important;
}
@media screen and (max-width: 576px) {
  .preliminary-accepted-gpa-wrapper .preliminary-accepted-gpa-modal {
    min-width: unset;
  }
}
.global-policies {
  min-height: 100%;
  display: flex;
}
.global-policies .global-policies-content {
  overflow-y: auto;
  height: calc(100dvh - 55px - var(--ds-sticky-footer-height));
}
.global-policies .bot-page-bg-left {
  padding: 40px 66px;
}
.global-policies h3.heading {
  margin: 0 0 30px;
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: block;
}
.global-policies h4.sub-title {
  margin: 0 0 5px;
  color: #3C51B9;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  display: block;
}
.global-policies .subtext {
  margin: 0 0 15px;
  color: #8F9EA6;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}
.global-policies .subtext span {
  margin: auto 0;
  color: #8F9EA6;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}
.global-policies .subtext a {
  text-decoration: underline;
  color: #231995;
}
.global-policies .subtext .form-control {
  max-width: 100px;
}
.global-policies select.selectbox-dd {
  background: url('../assets-new/images/select-dd-arr.svg') no-repeat;
  background-position: 93% 50%;
  max-width: 145px;
  width: 100%;
  padding-right: 25px;
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
}
.global-policies .action-row {
  margin-top: 30px;
}
.global-policies .btn {
  min-width: auto;
  text-transform: none;
  color: #3C51B9;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}
.global-policies .btn:hover {
  color: #fff;
}
.global-policies .btn-primary {
  min-width: auto;
}
.global-policies .large-text-input {
  width: 100%;
  margin: 15px 0 10px;
  padding: 0;
  list-style-type: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #D2D2D2;
  padding: 10px 15px;
}
.global-policies .large-text-input li {
  list-style-type: none;
  color: #393939;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}
.global-policies .large-text-input li.bp-header {
  margin: 0 0 30px;
}
.global-policies .filtering-radio-responsive {
  margin: 0 0 15px;
}
.global-policies .filtering-radio-responsive > span {
  text-align: justify;
}
.global-policies .filtering-radio-responsive > input.form-control {
  width: 70px;
  display: inline-block;
  text-align: center;
}
.global-policies .radio-row span {
  font-size: 12px;
}
.global-policies .radio-row input[type=radio] {
  margin-right: 5px;
}
.global-policies .radio-row label span {
  margin: 0 5px;
}
.global-policies .etp-input {
  max-width: 146px;
}
.global-policies .main-heading {
  padding: 25px 0px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.global-policies .main-heading h1 {
  color: #333333;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
}
.global-policies .main-heading p {
  margin: 0;
  color: #59595B;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 150%;
}
.global-policies .content-right {
  padding: 0;
  margin: 15px 15px;
  min-width: 315px;
  flex: 1;
}
.global-policies .content-left .left_list ul > li {
  border: 1px solid #C4D4D9;
  border-radius: 5px 0 0 5px;
  border-right: none;
  margin: 10px 0;
}
.global-policies .content-left .left_list ul > li a {
  padding: 15px;
  border: none;
}
.global-policies .content-left .left_list ul > li:hover {
  border: 1px solid #3C51B9;
  border-right: none;
}
.global-policies .content-left .left_list ul > li.active {
  border: 1px solid #3C51B9;
  border-right: none;
}
.global-policies .content-left .left_list ul > li.active a {
  color: #3C51B9;
}
.global-policies .update-wrapper {
  text-align: center;
  margin-bottom: 15px;
}
.global-policies .section-policies {
  padding: 40px !important;
  gap: 40px;
}
.global-policies .section-policies .section-title {
  color: #000;
  font-size: 22px;
}
.global-policies .section-policies hr {
  background: rgba(0, 0, 0, 0.5);
  height: 1px;
}
.global-policies .section-policies .electives {
  gap: 20px;
}
.global-policies .section-policies .electives .title {
  color: #979797;
}
.global-policies .section-policies .electives .code {
  color: #58585B;
}
.global-policies .section-policies .electives .btn-change {
  padding: 5px 20px;
  min-width: unset;
  border-radius: 3px;
  border: 1px solid #3C51B9 !important;
  background: #fff !important;
  color: #3C51B9 !important;
}
.global-policies .section-policies .search-electives .form-group {
  max-width: 474px;
}
.global-policies .section-policies .search-electives .form-group .icons-icon {
  position: absolute;
  right: 86px;
  bottom: 6px;
}
.global-policies .section-policies .search-electives .dropdown-menu {
  padding: 0 !important;
  width: 100%;
  box-shadow: none !important;
  border: 1px solid #E6E6E6;
  max-width: 404px;
}
.global-policies .section-policies .search-electives .dropdown-menu li {
  line-height: 24px !important;
  padding: 5px 10px;
  border-bottom: 1px solid #F0F0F0;
}
.global-policies .section-policies .search-electives .dropdown-menu li:hover {
  background: #F4F7F9;
}
.global-policies .info-detailed > label {
  display: table;
}
.global-policies .info-detailed > p {
  font-size: 11px;
}
.global-policies .info-detailed table thead tr th {
  color: #58585B;
  font-size: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 5px;
}
.global-policies .info-detailed table tbody .grade-wrapper,
.global-policies .info-detailed table tbody .grade-points-wrapper {
  gap: 3px;
}
.global-policies .info-detailed table tbody .grade-wrapper img,
.global-policies .info-detailed table tbody .grade-points-wrapper img {
  cursor: pointer;
  height: 14px;
  width: 14px;
}
.global-policies .info-detailed table tbody .grade-wrapper input[type="text"],
.global-policies .info-detailed table tbody .grade-points-wrapper input[type="text"] {
  border-radius: 3px;
  border: 1px solid #D2D2D2;
  width: 41px;
  padding: 0;
  font-size: 11px;
}
.global-policies .info-detailed table tbody .grade-wrapper .arrow-wrapper span,
.global-policies .info-detailed table tbody .grade-points-wrapper .arrow-wrapper span {
  color: #00B8E4;
  cursor: pointer;
}
.global-policies .info-detailed table tbody .grade-wrapper .error-grade,
.global-policies .info-detailed table tbody .grade-points-wrapper .error-grade {
  border: 1px solid red !important;
}
.global-policies .info-detailed table tbody .grade-points-wrapper {
  gap: 15px;
}
.global-policies .info-detailed .add-grade {
  color: #3C51B9;
}
.global-policies .info-detailed .reviewer-email-subtext {
  color: #797979;
}
.global-policies .info-detailed .global-limit-info {
  font-size: 11px;
  color: #393939;
}
.global-policies .info-detailed.global-limit .DENIED,
.global-policies .info-detailed.global-limit .CREDIT_NOT_GRANTED {
  min-width: auto !important;
}
.global-policies .info-detailed.prevent-duplicates .prevent-steps {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.global-policies .info-detailed.prevent-duplicates .prevent-steps .handle-duplicates-alert {
  border-radius: 5px;
  background: #F5FBFF;
  padding: 5px 20px;
}
.global-policies .info-detailed.prevent-duplicates .prevent-steps .duplicated-matches-options .status-badge {
  gap: 3px;
}
.global-policies .info-detailed.prevent-duplicates .prevent-steps .duplicated-matches-options .status-badge.PENDING,
.global-policies .info-detailed.prevent-duplicates .prevent-steps .duplicated-matches-options .status-badge.DENIED {
  color: #333;
}
.global-policies .info-detailed.prevent-duplicates .prevent-steps .add-electives-options .set-electives {
  width: fit-content;
}
.global-policies .info-detailed.prevent-duplicates .prevent-steps.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.global-policies .subtext .text-danger {
  margin-top: 3px;
}
.global-policies .ds-program-estimates .default-tooltip-text {
  border-radius: 5px;
  background: #F5FBFF;
}
.global-policies .ds-program-estimates .default-tooltip-text .default-text {
  border-left: 1px solid #808080;
}
.global-policies .ds-program-estimates .default-tooltip-text .default-text .default-subtext {
  line-height: 15px;
}
.global-policies .tooltip-markdown {
  gap: 20px;
}
.global-policies .tooltip-markdown span.title {
  color: #59595B;
}
.global-policies .tooltip-markdown .tooltip-textarea {
  position: relative;
}
.global-policies .tooltip-markdown .tooltip-textarea .large-text-input {
  min-height: 314px;
  min-width: 200px;
  resize: none;
}
.global-policies .tooltip-markdown .tooltip-textarea .counter {
  color: #555;
  position: absolute;
  bottom: 5px;
  right: 20px;
}
.global-policies .tooltip-markdown .preview {
  flex: unset;
}
.global-policies .credit-limit-desc {
  gap: 3px;
}
.global-policies .status-asterisk img {
  margin-top: -8px;
}
.global-policies .preliminary-accepted-gpa .preliminary-section {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.global-policies .preliminary-accepted-gpa .preliminary-section.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.global-policies .preliminary-accepted-gpa .criteria-section .section-title {
  color: #333;
  font-weight: 500;
}
.global-policies .preliminary-accepted-gpa .criteria-section .section-description {
  color: #333;
  font-weight: 400;
}
.global-policies .preliminary-accepted-gpa .criteria-section .input-label {
  color: #000;
  font-weight: 400;
}
.global-policies .preliminary-accepted-gpa .criteria-section .input-field {
  width: 84px;
  height: 27px;
  padding: 5px 15px;
}
.global-policies .preliminary-accepted-gpa .criteria-section .dropdown-select .ds-simple-dropdown .btn {
  width: 458px;
  padding: 5px 10px;
  border-radius: 4px;
  outline: 1px solid rgba(0, 0, 0, 0.5);
  outline-offset: -1px;
}
.global-policies .preliminary-accepted-gpa .criteria-section .dropdown-select .dropdown-text {
  color: #000;
  font-weight: 400;
}
.global-policies .preliminary-accepted-gpa .markdown-section .markdown-title {
  color: #333;
  font-weight: 500;
}
.global-policies .preliminary-accepted-gpa .markdown-section .markdown-description {
  color: #333;
  font-weight: 400;
}
.global-policies .preliminary-accepted-gpa .markdown-section .markdown-editor-label {
  color: #59595B;
  font-weight: 500;
  line-height: 21px;
}
.global-policies .preliminary-accepted-gpa .markdown-section .markdown-editor {
  border-radius: 3px;
}
.global-policies .preliminary-accepted-gpa .markdown-section .markdown-editor .markdown-content {
  color: #333;
  font-weight: 400;
}
.global-policies .preliminary-accepted-gpa .markdown-section .markdown-editor .markdown-counter {
  color: #555555;
  font-weight: 400;
}
.global-policies .preliminary-accepted-gpa .markdown-section .preview-container {
  background: #ECEEF8;
}
.global-policies .preliminary-accepted-gpa .markdown-section .preview-container .preview-card {
  background: white;
  border-radius: 10px;
}
.tooltip-elective-wrapper {
  background: #ECEEF8;
}
.tooltip-elective-wrapper .tool_tip_school .tool_tip_box,
.tooltip-elective-wrapper .tool_tip .tool_tip_box {
  margin: 0 !important;
  text-align: left;
  max-width: 400px !important;
  min-width: 400px !important;
}
.tooltip-elective-wrapper .tool_tip_school .tool_tip_box .tooltip-title,
.tooltip-elective-wrapper .tool_tip .tool_tip_box .tooltip-title {
  color: #242424;
}
.tooltip-elective-wrapper .tool_tip_school .tool_tip_box h1,
.tooltip-elective-wrapper .tool_tip .tool_tip_box h1 {
  margin: 0 !important;
}
.tooltip-elective-wrapper .tool_tip_school .tool_tip_box p,
.tooltip-elective-wrapper .tool_tip .tool_tip_box p {
  color: #333;
  font-size: 12px;
  font-weight: 400;
}
.tooltip-elective-wrapper .markdown-tooltip {
  word-wrap: break-word;
}
.lateral-box-spacing {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.border-top {
  border-top: 1px solid #E7EDF3 !important;
}
.border-bottom {
  border-bottom: 1px solid #E7EDF3 !important;
}
.markdown-text {
  padding: 10px;
  border: 1px solid #D2D2D2;
  border-radius: 3px;
  font-size: 11px !important;
}
.markdown-text h1,
.markdown-text h2,
.markdown-text h3,
.markdown-text h4,
.markdown-text h5,
.markdown-text h6 {
  margin: 0;
  color: #3C3C3C !important;
}
.markdown-text h1 {
  font-size: 36px !important;
}
.markdown-text h2 {
  font-size: 30px !important;
}
.markdown-text h3 {
  font-size: 24px !important;
}
.markdown-text h4 {
  font-size: 18px !important;
}
.markdown-text h5 {
  font-size: 14px !important;
}
.markdown-text h5 {
  font-size: 12px !important;
}
.markdown-text code {
  text-wrap: wrap;
}
.markdown-text p {
  color: #333;
}
@media (max-width: 1000px) {
  .markdown-wrapper {
    flex-direction: column !important;
  }
  .markdown-wrapper .markdown-editor textarea {
    min-height: 200px;
  }
  .markdown-wrapper .markdown-text {
    padding: 10px 30px;
  }
  .markdown-wrapper .markdown-text h1,
  .markdown-wrapper .markdown-text h2,
  .markdown-wrapper .markdown-text h3,
  .markdown-wrapper .markdown-text h4,
  .markdown-wrapper .markdown-text h5,
  .markdown-wrapper .markdown-text h6 {
    margin: 0;
  }
  .tooltip-markdown .preview {
    flex: 1 !important;
  }
  .ds-simple-dropdown .btn {
    width: auto !important;
  }
  .markdown-section .align-self-stretch.d-flex.gap-2.w-100 {
    flex-direction: column !important;
  }
  .markdown-section .preview-container {
    width: 100%;
  }
  .markdown-section .preview-card {
    width: 100% !important;
  }
  .markdown-section .tooltip-markdown {
    width: 100%;
  }
  .markdown-section .preview-card .preliminary-accepted-gpa-modal {
    min-width: unset;
  }
}
@media (max-width: 850px) {
  .global-policies .info-detailed.prevent-duplicates .placeholder-wrapper {
    flex-direction: column !important;
  }
}
@media (max-width: 640px) {
  .global-policies .main-heading {
    padding: 5px 20px 30px;
  }
  .global-policies.ds-operators .bot-page-bg-left {
    padding: 25px 30px;
  }
  .global-policies.ds-operators .bot-page .bot-page-bg-left .info-detailed > label {
    display: table;
  }
  .global-policies.ds-operators .content-right .middle_scr {
    width: 100%;
  }
  .global-policies .filtering-radio-responsive {
    display: block!important;
    line-height: 2;
  }
  .lateral-box-spacing {
    padding: 0 10px;
  }
}
@media screen and (max-width: 576px) {
  .tooltip-elective-wrapper .tool_tip_school .tool_tip_box {
    min-width: 300px !important;
  }
}
@media screen and (max-width: 410px) {
  .tooltip-elective-wrapper .tool_tip_school .tool_tip_box {
    min-width: unset !important;
  }
}
.ds-label-config .label-config {
  min-height: calc(100vh - 55px);
}
.ds-label-config .label-config .head-wrapper {
  margin: 0 40px !important;
}
.ds-label-config .label-config .text-input {
  min-width: 350px;
}
.ds-label-config .label-config img {
  max-width: 600px;
  max-height: 100px;
  border: 1px solid #e5e5e5;
}
.ds-label-config .label-config textarea {
  min-width: 350px;
  width: -webkit-fill-available;
}
.ds-label-config .label-config h2 {
  font-weight: 600;
}
.ds-label-config .label-config .label-config-table p {
  font-weight: normal;
  font-size: 11px;
  color: #59595B;
  word-wrap: break-word;
  white-space: pre-line;
}
.ds-label-config .label-config .label-config-table tr td {
  white-space: nowrap;
}
.ds-label-config .label-config .label-config-table tr td:nth-child(1) {
  max-width: 500px;
}
.ds-label-config .label-config .label-config-table tr td:nth-child(1) {
  max-width: 40%;
}
.ds-label-config .label-config .label-config-table tr td:nth-child(1) {
  max-width: 30%;
}
.ds-label-config .label-config .label-config-table .spaced-rows tr td {
  padding-bottom: 20px;
}
.ds-label-config .label-config .persona-options .dropdown-toggle {
  max-width: 160px;
}
.ds-label-config .label-config .program-evals-students.disabled {
  opacity: 0.5;
}
.ds-label-config select::-ms-expand {
  display: none;
}
.ds-label-config .save-changes:disabled {
  background-color: #005DAA !important;
  cursor: not-allowed;
}
@media screen and (max-width: 576px) {
  .ds-label-config .btn span {
    font-size: 12px !important;
    font-weight: 400;
  }
}
body {
  background-color: #F4F8FB;
}
.charts {
  margin-top: 30px !important;
}
.charts .row {
  width: 100%;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  min-width: -webkit-fill-available;
  /* For WebKit browsers like Safari */
  min-width: -moz-available;
  /* For Mozilla Firefox */
  min-width: fill-available;
  /* Standard syntax, works in most modern browsers */
}
.charts .card {
  background: white;
  box-shadow: 0px 0px 3px #dedede;
  padding: 20px;
  margin-bottom: 10px !important;
  min-height: 100%;
  min-width: 250px;
  margin: unset !important;
  flex: auto;
  display: flex;
}
.charts .card.onehigh {
  min-height: 220px;
}
.charts .card.twohigh {
  min-height: 440px;
}
.charts .card .loader-image {
  display: block;
  margin: auto auto;
  width: 60px;
  height: 60px;
}
.charts .card .title {
  text-align: left;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
  display: contents;
}
.charts .card .header {
  font-size: 18px;
  text-align: center;
}
.charts .card .sub-header {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-align: center;
}
.charts .card .highcharts-title {
  font-weight: 400;
}
.charts .card .big-number {
  font-size: 48px;
  font-weight: 400;
  margin-top: 5px;
  text-align: center;
}
.charts table > tbody > tr > td {
  font-size: 12px;
}
.charts .small-charts {
  height: 196px;
  width: -webkit-fill-available;
}
.charts div.days-range .filter-input-wrapper .form-control {
  max-width: 110px;
  min-width: 110px;
  text-align: center;
  padding: 4px 10px !important;
  -moz-appearance: textfield;
}
.charts div.days-range .filter-input-wrapper .form-control.date {
  cursor: pointer;
}
.charts div.days-range .filter-input-wrapper .form-control::-webkit-inner-spin-button,
.charts div.days-range .filter-input-wrapper .form-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.charts div.days-range .filter-input-wrapper .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon {
  display: none;
}
.charts div.days-range .filter-input-wrapper .start-date-container,
.charts div.days-range .filter-input-wrapper .end-date-container {
  position: relative;
}
.charts .toggle-switch-container .toggle-switch {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
}
.charts .toggle-switch-container .toggle-switch .toggle-option {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 24px auto;
  border: none;
  padding: 4px 20px 4px 0;
  transition: all 0.3s ease;
}
.charts .toggle-switch-container .toggle-switch .toggle-option:first-child {
  border-right: 1px solid #E6E6E6;
}
.charts .toggle-switch-container .toggle-switch .toggle-option.active {
  background: linear-gradient(0deg, rgba(60, 81, 185, 0.1) 0%, rgba(60, 81, 185, 0.1) 100%), #FFF;
}
.charts .toggle-switch-container .toggle-switch .toggle-option > span {
  grid-column-start: 2;
}
@media (max-width: 767px) {
  .charts div.days-range {
    justify-content: center;
    margin-bottom: 2rem;
  }
  .charts div.days-range input {
    margin: 0 0 0.5rem 0;
  }
  .charts div.days-range div {
    text-align: center;
  }
  .charts div.days-range label {
    display: block;
  }
}
body {
  background-color: #F8FAFD;
}
.missed-equivalencies-dashboard {
  margin: 26px;
  display: flex;
  flex-direction: column;
}
.missed-equivalencies-dashboard .card {
  margin-top: 26px;
  box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15);
  border-radius: 5px;
  width: 100%;
}
.missed-equivalencies-dashboard .card .header {
  background-color: #F7F8FA;
  display: flex;
  padding: 31px;
  border-radius: 5px 5px 0px 0px;
}
.missed-equivalencies-dashboard .card .header .title {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: #3C51B9;
  flex: 1;
}
.missed-equivalencies-dashboard .card .header .title-right {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  display: flex;
  align-items: center;
  color: #8B8B98;
  flex: 1.5;
}
.missed-equivalencies-dashboard .card .body {
  padding: 30px;
  background-color: white;
}
.missed-equivalencies-dashboard .card .body .top-line {
  display: flex;
  justify-content: space-between;
}
.missed-equivalencies-dashboard .card .body .top-line .filters {
  width: 43px;
  height: 21px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #4F4F4F;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.missed-equivalencies-dashboard .card .body .top-line .small-text {
  height: 17px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  color: #3C51B9;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .icons-icon.mdl2-Search {
  font-size: 13px;
  color: #58585B;
  position: absolute;
  top: 6px;
  right: 10px;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .align-items-baseline {
  align-items: baseline;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .dash {
  margin-left: 5px;
  margin-right: 5px;
  width: 19px;
  height: 0px;
  /* dashlet-border */
  border: 1px solid #C4D4D9;
  transform: rotate(90deg);
  /* Inside auto layout */
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .search-label-outer {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .search-label-flex {
  padding: 10px;
  border-radius: 3px;
  background-color: #E6ECF2;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .line {
  height: 1px;
  background: #E7EDF3;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .action-buttons {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .action-buttons button {
  margin-left: 10px;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .action-buttons .create-rule-btn {
  background-color: #231995;
  color: white;
}
.missed-equivalencies-dashboard .card .body .filter-text-boxes .table-header {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px !important;
  text-transform: capitalize !important;
  line-height: 21px;
  color: #4F4F4F;
}
.missed-equivalencies-dashboard .card .body .table-responsive td {
  text-wrap: wrap;
}
.missed-equivalencies-dashboard .modal-body .coppell-system {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  color: #3C3C3C;
}
.missed-equivalencies-dashboard .modal-body .modal-tables {
  border: 1px solid #C4D4D9;
  border-radius: 5px;
}
.missed-equivalencies-dashboard .modal-body .modal-tables td {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #393939 !important;
}
.missed-equivalencies-dashboard .modal-body .add-more {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #3C51B9;
}
.missed-equivalencies-dashboard .table tr.hover > td {
  background-color: #F7F8FA;
}
.missed-equivalencies-dashboard .table tr.selected > td {
  background-color: lightgray;
}
.modal-body .ds-planner-create {
  padding-top: 30px;
  max-width: 600px;
  position: relative;
  margin: auto;
}
.modal-body .ds-planner-create .form-control {
  background-color: #eaeaea !important;
}
.modal-body .ds-planner-create .program-wrapper {
  margin: -20px;
  padding: 20px;
}
.support-modal .modal-dialog {
  width: 511px !important;
}
.support-modal .modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 40px;
  height: 45px;
}
.support-modal .modal-dialog .modal-content .modal-header .header-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.support-modal .modal-dialog .modal-content .modal-header .header-title h4 {
  color: #fff;
  font-size: 14px !important;
}
.support-modal .modal-dialog .modal-content .modal-header .header-title span {
  color: #fff;
  font-weight: 400;
  line-height: normal;
  font-size: 12px;
}
.support-modal .modal-dialog .modal-content .modal-body {
  padding: 30px 20px !important;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper {
  border: 1px solid;
  border-color: #eaecf8;
  border-radius: 5px;
  margin: 60px 0;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-header {
  background-color: #f5f6fc;
  padding: 10px 20px;
  color: #3C3C3C;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-header h5 {
  font-weight: 600;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body {
  display: flex;
  flex-direction: column;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body .card-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body .card-item .specialist-name {
  font-size: 18px;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body .card-item span {
  color: #3C3C3C;
  font-weight: 500;
  line-height: normal;
  font-size: 12px;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body .card-item .btn {
  min-width: 100px;
  font-size: 12px;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body .card-item .card-link {
  color: #3C51B9;
  text-decoration: none;
  font-size: 12px;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body .item-border {
  border-bottom: 1px solid #EFF1FA;
}
.support-modal .modal-dialog .modal-content .modal-body .card-wrapper .card-body .item-column {
  align-items: start;
  flex-direction: column;
  gap: 15px;
}
.support-modal .modal-dialog .modal-content .modal-body .modal-flex {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.support-modal .modal-dialog .modal-content .modal-body .modal-flex .message-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.support-modal .modal-dialog .modal-content .modal-body .modal-flex .message-wrapper textarea {
  padding: 4px 10px;
  border-radius: 3px;
  border: 1px solid #C4D4D9;
  resize: vertical;
  font-size: 12px;
}
.support-modal .modal-dialog .modal-content .modal-body .modal-flex .files-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.support-modal .modal-dialog .modal-content .modal-body .modal-flex .files-wrapper .file-input {
  display: none;
}
.support-modal .modal-dialog .modal-content .modal-body .modal-flex .files-wrapper .files-wrapper-title {
  color: #3C3C3C;
  font-weight: 500;
}
.support-modal .modal-dialog .modal-content .modal-body .message-form {
  margin: 0 !important;
}
.support-modal .modal-dialog .modal-content .modal-body .text-secondary-color {
  color: #5c5c5c !important;
}
.support-modal .modal-dialog .modal-content .modal-body .w60 {
  width: 60%;
}
.support-modal .modal-dialog .modal-content .modal-body .text-description {
  font-size: 12px;
  padding-top: 10px;
}
.support-modal .modal-dialog .modal-content .form-footer {
  border: none;
  padding: 0 !important;
  margin-top: 30px !important;
}
.support-modal .modal-dialog .modal-content .form-footer .message-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.support-modal .modal-dialog .modal-content .minw-auto {
  min-width: auto !important;
}
.ds-attachments-wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  border: 1px dashed #C4D4D9;
}
.ds-attachments-wrapper label {
  cursor: pointer;
}
.ds-attachments-wrapper label .files-text {
  display: inline-flex;
  gap: 10px;
  padding: 10px 15px;
  width: 100%;
  font-size: 12px;
}
.ds-attachments-wrapper label .files-text .files-titles {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
}
.ds-attachments-wrapper label .files-text .files-titles .input-file-title {
  color: #3C3C3C;
  font-weight: 600px;
}
.ds-attachments-wrapper .files-list {
  padding: 10px 35px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ds-attachments-wrapper .files-list .file-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ds-attachments-wrapper .files-list .remove-icon {
  line-height: 0;
  cursor: pointer;
}
.ds-attachments-wrapper .secondary-color {
  color: #8F9EA6;
}
.ds-attachments-wrapper .fw-400 {
  font-weight: 400px;
}
.ds-course-create-modal .modal-header {
  display: flex;
  height: 45px;
  justify-content: space-between;
  align-items: center;
}
.ds-course-create-modal .modal-header h4 {
  font-size: 18px;
}
.ds-course-create-modal .modal-header .close {
  margin-top: 0;
}
.ds-course-create-modal .modal-body .details .course-details {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
}
.ds-course-create-modal .modal-body .details .associated-catalogs,
.ds-course-create-modal .modal-body .details .archived-catalogs {
  flex: 0.6;
}
.ds-course-create-modal .modal-body .details .associated-catalogs h4,
.ds-course-create-modal .modal-body .details .archived-catalogs h4 {
  font-size: 16px;
  font-weight: 500;
  color: #59595B;
}
.ds-course-create-modal .modal-body .details .associated-catalogs .catalogs,
.ds-course-create-modal .modal-body .details .archived-catalogs .catalogs {
  display: flex;
  flex-direction: column;
}
.ds-course-create-modal .modal-body .details .associated-catalogs .catalogs .catalog-checkbox,
.ds-course-create-modal .modal-body .details .archived-catalogs .catalogs .catalog-checkbox {
  display: flex;
  gap: 5px;
}
.ds-course-create-modal .modal-body .details .associated-catalogs .catalogs .catalog-checkbox > input,
.ds-course-create-modal .modal-body .details .archived-catalogs .catalogs .catalog-checkbox > input {
  width: auto;
}
.ds-course-create-modal .modal-body .details .details-includable {
  flex: 1;
}
.ds-course-create-modal .modal-body .details .details-includable h4 {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #59595B;
}
.ds-course-create-modal .modal-body .details textarea {
  resize: vertical;
}
.school-courses .catalog-items {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.school-courses .catalog-items .catalogs-title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.school-courses .catalog-items .catalogs-list > a {
  color: #3C51B9;
}
.school-courses .section-card {
  padding: 20px 40px;
  margin: 30px 0 30px 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
  border-radius: 5px;
  display: grid;
}
.school-courses .courses-table {
  table-layout: fixed;
}
.btn-dialog {
  min-width: 0 !important;
}
.admin-importer .section-card {
  margin-top: 30px;
}
.admin-importer .imports {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.admin-importer .imports .support {
  margin-top: 10px;
}
.home .section-school-text {
  line-height: 30px;
}
.home .section-second-text {
  font-size: 10px !important;
  line-height: 22px;
  font-weight: 400;
}
@media screen and (max-width: 576px) {
  .ds-onboarding .container .row,
  .ds-onboarding .home-content.col-xs-12 {
    margin: 0 !important;
  }
  .ds-onboarding .container .row .title_top,
  .ds-onboarding .home-content.col-xs-12 .title_top,
  .ds-onboarding .container .row .dbu_school_top_sec.bg-white.box-shadowm,
  .ds-onboarding .home-content.col-xs-12 .dbu_school_top_sec.bg-white.box-shadowm,
  .ds-onboarding .container .row .ds-card.bg-white.box-shadow,
  .ds-onboarding .home-content.col-xs-12 .ds-card.bg-white.box-shadow,
  .ds-onboarding .container .row .ds-card.bg-white.box-shadow .bottom_transcript .fifth,
  .ds-onboarding .home-content.col-xs-12 .ds-card.bg-white.box-shadow .bottom_transcript .fifth,
  .ds-onboarding .container .row .ds-card.bg-white.box-shadow,
  .ds-onboarding .home-content.col-xs-12 .ds-card.bg-white.box-shadow,
  .ds-onboarding .container .row p.text-light-gray,
  .ds-onboarding .home-content.col-xs-12 p.text-light-gray {
    margin: 0 !important;
  }
  .ds-onboarding .container,
  .ds-onboarding .home-content.col-xs-12 .dbu_school_top_sec.bg-white.box-shadow .top_transcript,
  .ds-onboarding .home-content.col-xs-12 .ds-card.bg-white.box-shadow .bottom_transcript {
    padding: 0 !important;
  }
  .ds-onboarding .home-content.col-xs-12 {
    padding: 30px 20px !important;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 30px !important;
  }
  .ds-onboarding .home-content.col-xs-12 .dbu_school_top_sec.bg-white.box-shadowm .top_transcript .blue-card-wrapper {
    padding: 10px 20px !important;
  }
  .ds-onboarding .home-content.col-xs-12 .ds-card.bg-white.box-shadow .bottom_transcript .title_bottom_1 h2 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .ds-onboarding .home-content.col-xs-12 .ds-card.bg-white.box-shadow .bottom_transcript .start-now {
    margin-top: 30px !important;
  }
  .ds-onboarding .home-content.col-xs-12 .ds-card.bg-white.box-shadow .bottom_transcript #section-fourth p {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
  }
  .ds-onboarding .home-content.col-xs-12 .section-second-text {
    font-size: 8px !important;
    line-height: normal;
  }
  .ds-onboarding .home-content.col-xs-12 .blue-card-wrapper .price-per-hour {
    font-size: 32px !important;
  }
}
@media screen and (max-width: 378px) {
  .ds-onboarding.home .home-content .school-logo-name {
    flex-wrap: wrap !important;
  }
}
.ds-catalogs .admin-pages {
  background-color: transparent;
}
.ds-catalogs .catalogs {
  margin-top: 20px;
}
.ds-catalogs .catalogs .section-title {
  margin-top: 0;
  font-size: 24px;
  color: #333;
}
.ds-programs-audits .admin-pages {
  background-color: transparent;
}
.ds-programs-audits .programs-audits {
  margin-top: 20px;
}
.ds-programs-audits .programs-audits .section-title {
  margin-top: 0;
  color: #333;
  font-size: 24px;
}
.ds-programs-audits .program-filters {
  padding: 15px 0;
}
.ds-programs-audits .program-filters .form-control {
  font-size: 12px !important;
  font-weight: 400;
  height: auto;
  width: auto;
}
.ds-programs-audits .program-filters .form-control::placeholder {
  color: #59595B !important;
}
.ds-programs-audits .program-filters .clear-filters {
  min-width: unset;
}
.ds-manage .container {
  max-width: 794px !important;
}
.ds-manage .admin-pages {
  background-color: transparent;
}
.ds-manage .manage {
  margin-top: 30px;
}
.ds-manage .manage .manage-school {
  display: flex;
  justify-content: center;
}
.ds-manage .manage .section-card {
  display: block !important;
  padding: 0 !important;
}
.ds-manage .manage .section-card .section-header {
  padding: 24px 56px;
}
.ds-manage .manage .section-card .section-header .header-title {
  display: flex;
  gap: 8px;
}
.ds-manage .manage .section-card .section-header .header-title .dark-square {
  min-width: 24px;
  height: 24px;
  background: #333;
}
.ds-manage .manage .section-card .section-header .header-title h2 {
  font-size: 20px;
  font-weight: 500;
}
.ds-manage .manage .section-card .section-header .header-desc p {
  font-size: 14px;
  margin-top: 8px;
}
.ds-manage .manage .section-card hr {
  margin: 0;
}
.ds-manage .manage .section-card .section-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 16px;
  padding: 24px 56px;
}
.ds-manage .manage .section-card .section-body a {
  color: #3C51B9;
  font-size: 14px;
  font-weight: 600;
  text-wrap: nowrap;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .ds-manage .section-card .section-body {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 550px) {
  .ds-manage .section-card .section-body {
    grid-template-columns: none !important;
  }
}
.ds-sub-schools .admin-pages {
  background-color: transparent;
}
.ds-sub-schools .sub-schools .section-title {
  color: #333;
  font-size: 24px;
}
.ds-report-customizations .admin-pages {
  background-color: transparent;
}
.ds-report-customizations .report-customizations {
  margin-top: 30px;
}
.ds-report-customizations .report-customizations .section-title {
  margin-top: 0;
  font-size: 24px;
  color: #333;
}
.ds-report-customizations .report-customizations .sub-title {
  margin: 5px 0;
  color: #231995;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  display: block;
}
.ds-report-customizations .report-customizations .update-wrapper {
  text-align: center;
}
.ds-report-customizations .report-customizations .sobo-notification .toggle-student-notifications .toggle-text {
  color: #59595B;
}
.ds-report-customizations .report-customizations .sobo-notification .toggle-student-notifications .switch {
  margin-top: 3px !important;
}
.ds-report-customizations .report-customizations .sobo-notification .re-enable-notifications {
  padding-left: 10px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.ds-report-customizations .report-customizations .sobo-notification .re-enable-notifications .re-enable {
  gap: 5px;
}
.ds-report-customizations .report-customizations .sobo-notification .re-enable-notifications .re-enable input[type="checkbox"] {
  accent-color: #3c51b9;
  margin-top: 3px !important;
}
.ds-report-customizations .report-customizations .sobo-notification .re-enable-notifications .re-enable-description {
  color: #59595B;
}
.ds-report-customizations .report-customizations .sobo-notification .re-enable-notifications.disable-re-enable {
  opacity: 0.5;
}
.ds-report-customizations .report-customizations .custom-email-address .options {
  color: #59595B;
}
.ds-report-customizations .report-customizations .custom-email-address .no-email-alert {
  gap: 5px;
  border-radius: 3px;
  background: rgba(255, 168, 0, 0.1);
}
.ds-report-customizations .report-customizations .custom-email-address .no-email-alert img {
  height: 18px;
  width: 18px;
}
.ds-report-customizations .report-customizations .custom-email-address .email-template {
  background: #E7EDF3;
  border-radius: 3px;
}
.ds-report-customizations .report-customizations .custom-email-address .email-template img {
  max-height: 188px;
  width: 100%;
}
.ds-report-customizations .report-customizations .custom-email-address .reviewer-input-wrapper {
  margin-top: 0.5rem !important;
  margin-top: 20px !important;
  position: relative;
}
.ds-report-customizations .report-customizations .custom-email-address .reviewer-input-wrapper lock-svg {
  position: absolute;
  top: 6px;
  left: 7px;
}
.ds-report-customizations .report-customizations .custom-email-address .reviewer-input-wrapper input[type="email"] {
  margin-top: 0px !important;
  padding-left: 28px !important;
}
.ds-report-customizations .student-banner-editor {
  padding: 20px;
  border-radius: 3px;
  background: #E7EDF3;
}
.ds-report-customizations .student-banner-editor .input-with-counter {
  position: relative;
  border-radius: 5px;
  border: 1px solid #9DA8DC;
}
.ds-report-customizations .student-banner-editor .input-with-counter div {
  padding-right: 10px !important;
  padding-left: 10px !important;
  align-self: end;
}
.ds-report-customizations .student-banner-editor .input-with-counter span.counter {
  font-size: 10px;
  color: #9DA8DC;
}
.ds-report-customizations .student-banner-editor .student-banner-text {
  max-width: 660px;
}
.ds-report-customizations .student-banner-editor .student-banner-text input {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding: 5px 0px 5px 10px;
  color: inherit !important;
  background: transparent !important;
  border: none !important;
  outline: none;
}
.ds-report-customizations .student-banner-editor .student-banner-action {
  padding: 5px 10px;
  position: relative;
}
.ds-report-customizations .student-banner-editor .student-banner-action.input-with-counter span.counter {
  position: absolute;
  right: 0;
  bottom: -18px;
}
.ds-report-customizations .student-banner-editor .student-banner-action input {
  padding: 0px 10px;
  border-radius: 3px;
  border: 1px solid #BFBFBF;
  text-align: inherit;
  color: inherit !important;
}
.markdown-wrapper {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.markdown-wrapper > div {
  display: flex;
  flex-direction: column;
  flex: 50%;
}
.markdown-wrapper span {
  font-weight: 500;
  margin-bottom: 5px;
}
.markdown-wrapper .markdown-editor textarea {
  font-size: 14px !important;
  resize: vertical;
  min-height: 200px;
  flex: 1;
  margin: 0;
}
.markdown-wrapper .markdown-preview .markdown-text {
  flex: 1;
}
.markdown-wrapper .markdown-preview .markdown-text a,
.markdown-wrapper .markdown-preview .markdown-text p {
  font-size: 14px !important;
}
.ds-onboarding-customization .admin-pages {
  margin: 0 !important;
  padding: 20px 20px 0 20px !important;
  min-height: unset;
  overflow-y: auto;
  height: calc(100dvh - 55px - var(--ds-sticky-footer-height));
}
.ds-onboarding-customization .customization {
  max-width: 1100px;
  height: fit-content;
}
.ds-onboarding-customization .customization .require-questions .question .description {
  color: #393939;
}
.ds-onboarding-customization .customization .require-questions .question > .radio-row {
  gap: 5px;
}
.ds-onboarding-customization .customization .configuration .list-options .description,
.ds-onboarding-customization .customization .configuration .add-options .description {
  color: #393939;
}
.ds-onboarding-customization .customization .configuration .add-options .replace-list {
  font-size: 12px !important;
  font-weight: 400;
  padding: 5px 12px;
  width: fit-content;
}
.ds-onboarding-customization .customization .configuration.disable-section {
  opacity: 0.25;
  user-select: none;
  pointer-events: none;
}
.ds-onboarding-customization .customization .section-card {
  margin-bottom: 100px !important;
  margin-bottom: 30px !important;
  margin-bottom: 30px;
}
.ds-onboarding-customization .customization .section-card.degree-question .search-options {
  width: 50%;
}
.ds-onboarding-customization onboarding-list-options-multiselect .cancel-items {
  text-wrap: nowrap !important;
  padding: 5px 0 !important;
}
.ds-onboarding-customization simple-multiselect .ds-simple-dropdown {
  width: 100%;
}
.ds-onboarding-customization simple-multiselect .ds-simple-dropdown .title {
  font-size: 14px !important;
}
.ds-onboarding-customization simple-multiselect .ds-simple-dropdown .dropdown-toggle {
  width: 100%;
  padding: 5px 10px;
}
.ds-onboarding-customization simple-multiselect .ds-simple-dropdown .simple-dropdown-menu .custom-item {
  padding: 10px !important;
}
.ds-onboarding-customization simple-multiselect .ds-simple-dropdown .simple-dropdown-menu .result span {
  font-size: 14px !important;
}
.ds-onboarding-customization simple-multiselect .ds-simple-dropdown .simple-dropdown-menu .result .released {
  background: #FFA800;
  color: #fff;
  border-radius: 3px;
  padding: 2px 12px;
}
.ds-onboarding-customization simple-multiselect .ds-simple-dropdown .simple-dropdown-menu .result .released span {
  font-size: 12px !important;
  font-weight: 400;
}
.ds-delete-all-options .modal-header,
.ds-onboarding-survey-save-changes .modal-header,
.ds-onboarding-survey-replace-list .modal-header {
  padding: 10px 20px;
  height: 47px;
}
.ds-delete-all-options .modal-header img,
.ds-onboarding-survey-save-changes .modal-header img,
.ds-onboarding-survey-replace-list .modal-header img {
  margin-top: 0 !important;
  height: 12px;
  width: 12px;
}
.ds-delete-all-options .modal-body,
.ds-onboarding-survey-save-changes .modal-body,
.ds-onboarding-survey-replace-list .modal-body {
  padding: 40px !important;
}
.ds-delete-all-options .modal-body .delete-alert,
.ds-onboarding-survey-save-changes .modal-body .delete-alert,
.ds-onboarding-survey-replace-list .modal-body .delete-alert {
  gap: 10px !important;
  border-radius: 3px;
  background: rgba(244, 163, 41, 0.1);
  padding: 6px 8px;
  width: 100%;
}
.ds-delete-all-options .modal-footer,
.ds-onboarding-survey-save-changes .modal-footer,
.ds-onboarding-survey-replace-list .modal-footer {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
  border-top: 0;
}
.ds-delete-all-options .modal-footer .btn.medium-button,
.ds-onboarding-survey-save-changes .modal-footer .btn.medium-button,
.ds-onboarding-survey-replace-list .modal-footer .btn.medium-button {
  font-size: 14px !important;
}
.ds-delete-all-options .modal-footer:after,
.ds-onboarding-survey-save-changes .modal-footer:after,
.ds-onboarding-survey-replace-list .modal-footer:after {
  content: unset;
}
.ds-delete-all-options .modal-footer:before,
.ds-onboarding-survey-save-changes .modal-footer:before,
.ds-onboarding-survey-replace-list .modal-footer:before {
  content: unset;
}
@media screen and (max-width: 778px) {
  .ds-onboarding-customization .configuration {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .ds-onboarding-customization .section-card.degree-question .search-options {
    width: 100% !important;
  }
}
.ds-workflow-settings .admin-pages {
  padding: 40px !important;
  padding-top: 0 !important;
  max-width: 1100px;
  margin: auto;
  min-height: unset;
}
.ds-workflow-settings .submission-status {
  gap: 5px;
}
.ds-workflow-settings .submission-status .submission-toggle .ds-custom-switch.switch .slider:before {
  bottom: 1px !important;
  height: 18px !important;
  width: 18px !important;
  left: 2px !important;
}
.ds-workflow-settings .set-submission {
  padding-left: 10px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.ds-workflow-settings .set-submission .set-status {
  gap: 5px;
}
.ds-workflow-settings .set-submission .set-status input[type="checkbox"] {
  accent-color: #3c51b9;
  height: 16px;
  width: 16px;
}
.ds-workflow-settings .set-submission .description {
  color: #59595B;
}
.ds-transcript-uploaded-modal .success-icon {
  height: 50px;
  object-fit: contain;
}
.ds-transcript-uploaded-modal .transcript-uploaded {
  width: 93px;
  height: 90px;
}
@media screen and (max-width: 576px) {
  .ds-transcript-uploaded-modal .btn.btn-primary {
    font-size: 16px !important;
    padding: 8px 20px !important;
  }
}
button[disabled] {
  background: #E0E0E0 !important;
  border: none !important;
}
.btn-lg,
.btn-group-lg > .btn {
  border-radius: 1px !important;
}
.btn[disabled] {
  cursor: default;
  opacity: 0.5;
  pointer-events: unset;
}
.btn-group-side-by-side {
  display: flex;
}
.btn-primary {
  color: white !important;
  padding: 6px 10px;
  font-weight: 400;
  border: none !important;
  border-radius: 4px;
  min-width: 150px;
  width: fit-content;
  background: #3C51B9 !important;
}
.btn-primary:hover {
  background: #263a9a !important;
}
btn-primary.disabled,
.btn-primary[disabled] {
  background: #9e9e9e;
  border: #9e9e9e;
  color: white !important;
}
btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  cursor: not-allowed;
}
.buttons-signup .btn-primary.disabled,
.buttons-signup .btn-primary[disabled] {
  background-color: #428bca !important;
}
.btn-primary-gradient {
  background: linear-gradient(90deg, #1034E5 -2.67%, #00B8E4 105.63%) !important;
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
  border: none;
}
.btn-primary-gradient:hover,
.btn-primary-gradient:focus {
  color: #fff;
  border: none;
  background: #1034E5;
}
.btn-admin {
  font-size: 12px;
  padding: 5px 20px;
  border-radius: 5px;
}
.btn-warning {
  padding: 6px 15px;
  font-weight: 400;
  border: none !important;
}
.btn-link {
  background-color: transparent !important;
  color: #00B8E4;
  font-size: 14px;
  font-weight: bold;
}
.white-button,
.white-button-powerful,
.transfer-leads .submit-on-behalf-button {
  border: 1px solid #3C51B9;
  box-sizing: border-box;
  border-radius: 4px;
  min-width: 150px;
  background: white;
  color: #3C51B9;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}
.white-button-powerful,
.transfer-leads .submit-on-behalf-button {
  min-width: 180px;
  padding: 6px 12px;
  line-height: 21px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.white-button-powerful:hover {
  color: white;
  background: #3C51B9;
  box-sizing: border-box;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.04), 0px 20px 25px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease-in-out;
}
.btn-light {
  color: #8F9EA6;
  display: inline-block;
  padding-top: 6px;
}
.btn-light:hover {
  color: #8F9EA6;
  text-decoration: none;
  background-color: #f3f3f3;
}
.btn-dark-gray {
  color: #333;
  display: inline-block;
  padding-top: 6px;
}
.btn-bordered {
  background: transparent !important;
  color: #3C51B9 !important;
  border: 1px solid #3C51B9 !important;
}
.btn-bordered:hover {
  color: #3C51B9;
}
.btn-bordered.gray-outlined {
  border: 1px solid #555 !important;
  color: #555 !important;
}
.btn-info:hover,
.btn-info:focus {
  color: #fff !important;
  background-color: #39b3d7 !important;
  border-color: #269abc !important;
}
.btn-info {
  border-color: #3C51B9;
  background-color: #3C51B9;
  color: #ffffff;
  box-shadow: 0px 0px 5px #dddddd99;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
  border-color: #3C51B9;
  background-color: #3C51B9;
  box-shadow: none;
}
.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
}
.btn-sm,
.btn-group-sm > .btn {
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  border-radius: 5px;
  min-width: 146px;
  font-weight: normal;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 14px;
  line-height: 21px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}
.ds-xs-link {
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 0 !important;
}
.ds-xs-btn {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  padding: 4px 15px !important;
}
.large-button {
  font-size: 16px !important;
  padding: 8px 20px !important;
}
.medium-button {
  font-size: 14px;
  padding: 6px 15px !important;
}
@media screen and (max-width: 576px) {
  .btn,
  .btn span,
  .transfer-leads .submit-on-behalf-button {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding: 4px 15px !important;
  }
  .btn span {
    padding: 0 !important;
    line-height: normal !important;
  }
  .students-onboarding .btn {
    padding: 8px var(--Large-Button-Padding, 20px) !important;
  }
}
.PENDING,
.APPROVED,
.DENIED,
.REQUESTING_MORE_INFO,
.IN_REVIEW,
.CREDIT_NOT_GRANTED,
.GENERAL_ELECTIVE,
.CANCEL,
.HOLD {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  min-width: 90px;
  border-radius: 3px;
  min-height: 21px;
  font-size: 12px;
  line-height: 18px;
  color: #58585B;
  text-transform: capitalize;
  padding-left: 10px;
  padding-right: 10px;
}
.PENDING,
.IN_REVIEW,
.ds-transfer-approval-modal .modal-body .wrap-tabbing .status-buttons-wrapper .btn-group label.btn-in-review.active {
  background: #E9EDF3 !important;
  color: #58585B !important;
}
.APPROVED {
  background: green !important;
  color: #FFFFFF !important;
}
.CANCEL {
  background: #ff3d1b !important;
}
.DENIED {
  background: #FF000026 !important;
}
.HOLD {
  background: #f0ad4e !important;
  color: #FFFFFF !important;
}
.REQUESTING_MORE_INFO {
  /*background: #C4ECF5 !important;*/
  background: #007EB4 !important;
  color: white;
}
.CREDIT_NOT_GRANTED {
  background: #58585B !important;
  color: #FFFFFF !important;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 140px;
  max-width: 140px !important;
}
.GENERAL_ELECTIVE {
  background: #FFCC4D26 !important;
  padding-left: 10px;
  padding-right: 10px;
}
.RELEASED {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  border-radius: 3px;
  min-height: 24px;
  font-size: 12px;
  text-transform: capitalize;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f0ad4e;
  color: white;
}
/**
 * We use the main `alert` classes from Bootstrap for in-line alerts and the AngularJS $toaster directive for app events.
 */
.alert {
  width: 100%;
  margin: 0px;
  padding: 10px;
  font-size: 12px;
  font-weight: 500;
}
.alert.alert-info {
  background-color: #f3fbff;
  border-color: #caeaf1;
}
.alerts-box {
  margin-top: 3px;
}
.alerts-box .alert {
  padding: 3px;
  margin-bottom: 5px;
}
/**
 * The .block-loading class is the primary mechanism used to show that a component/div's contents are loading.
 *
 * An alternative that may make sense to use in specific situations is `fa-spinner fa-spin`, however this should be
 * the exception rather than the norm.
 */
.block-loading {
  width: 56px;
  height: 56px;
  border: 4px solid #0052ec;
  border-radius: 50%;
  position: relative;
  animation: loader-scale 1s ease-out infinite;
  top: 50%;
  margin: -28px auto 0 auto;
}
.block-loading.small-loader {
  height: 20px;
  width: 20px;
  border-width: 2px;
}
@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.loaderGif {
  height: 100%;
}
.loading-block {
  position: absolute;
  top: 50%;
  left: 42%;
  transform: translate(0, -50%);
}
.loading-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 2;
  cursor: pointer;
}
.loaderGif .row {
  height: 100%;
  padding-top: 10rem;
}
.loaderGif2 {
  height: 100%;
  position: absolute;
  width: 100%;
}
.list-items {
  overflow-y: auto;
  display: block;
  height: 100px;
  background-color: #f9f9f9;
  color: #555555;
  border: solid 1px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 10px;
}
.list-items .list-item {
  font-size: 14px;
  text-align: left;
  color: #393939;
}
/**
 * Style for all pop-overs/modals
 * (global)
 *
 *  IMPORTANT:  It seems that we've abandoned whether or not we will use the standard `.modal` or `.ds-pop-over` classes.
 *              As much as possible, we should just use the standard `.modal` classes in order to keep things consistent.
 *
 */
.modal {
  background-color: rgba(0, 0, 0, 0.5) !important;
  overflow-y: auto;
}
.modal h1 {
  font-size: 20px;
  color: #3C3C3C;
}
.modal h2 {
  font-size: 18px;
  color: #3C3C3C;
}
.modal h3 {
  font-size: 16px;
  color: #3C3C3C;
}
.modal h4 {
  font-size: 12px;
  color: #3C3C3C;
  font-weight: 600;
}
.modal .btn {
  min-width: 120px;
}
.modal .modal-header {
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
}
.modal .modal-header .header-icon {
  padding: 0px 0px 8px 0px;
}
.modal .modal-header img {
  margin-top: -15px;
}
.modal .modal-header button.close {
  color: white;
  opacity: 1;
  text-shadow: none !important;
}
.modal .modal-header button.close:hover {
  color: #94adc1;
  opacity: 1;
}
.modal .modal-subheader-wrapper {
  background-color: #8F9EA6;
  padding: 5px 15px;
}
.modal .modal-subheader-wrapper .modal-subheader-text {
  color: #fcf8e3;
}
.modal .modal-body {
  border-right: 1px solid white;
}
.modal .modal-body td {
  text-wrap: wrap;
}
.modal .modal-body .coppell-system {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  color: #3C3C3C;
}
.modal .modal-body .modal-tables {
  border: 1px solid #C4D4D9;
  border-radius: 5px;
}
.modal .modal-body .add-more {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #3C51B9;
}
.modal .modal-body .modal-btn-ignore {
  background: #4D4D4D;
  border-radius: 5px;
  color: white;
}
.modal .modal-footer {
  padding: 19px 40px 24px 40px;
  background-color: white;
  z-index: 100;
  margin-top: 0px !important;
}
.modal .modal-footer .btn {
  font-size: 12px;
}
.modal .modal-footer .btn.btn-left {
  float: left;
  min-width: auto;
}
.modal .modal-footer .btn.btn-left:hover {
  background-color: unset;
  border-color: #919191;
}
.modal .modal-footer .save-button {
  width: 95px;
}
.modal .pop-up-title {
  color: #3C51B9;
}
.modal .modal-title {
  color: white !important;
}
.modal .info-section {
  background: #F0F9FF;
  padding: 20px;
  margin-top: 30px;
  border: 1px solid #34A8FF;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
}
.modal-dialog {
  width: 750px;
  max-width: 95% !important;
}
.modal-open {
  overflow: -webkit-paged-x;
}
.modal-content {
  border: none;
  border-radius: 0px !important;
}
.modal-backdrop.in {
  opacity: 0.6;
}
.ds-pop-over {
  width: 750px;
  max-width: 100%;
}
.ds-pop-over .modal-body {
  background-color: #ffffff;
  padding: 24px 40px 20px 40px;
}
.ds-pop-over .modal-body label {
  color: #6b6b6b;
  font-weight: normal;
}
.ds-pop-over .modal-body thead {
  font-weight: bold;
  color: #5b5b5b;
}
.ds-pop-over .modal-body .text-field {
  color: #393939;
  font-weight: 600;
}
.ds-pop-over .modal-body .form-control {
  border-radius: 0px !important;
  overflow: hidden;
}
.ds-pop-over .modal-body .form-paragraph-entry {
  min-height: 100px;
}
/*Edit Course Equivalency Custom Styles Begin*/
.form-body-wrap {
  margin: 0;
}
.top_sec label {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: #3C3C3C;
  margin: 0;
}
.top_sec .table-responsive .table thead tr th {
  width: 40%;
  vertical-align: middle;
}
.top_sec .table-responsive .table thead tr th:first-child,
.top_sec .table-responsive .table thead tr th:last-child {
  width: 30%;
}
.top_sec .table-responsive .table tbody tr td {
  width: 40%;
  vertical-align: middle;
}
.top_sec .table-responsive .table tbody tr td .select-sm {
  padding: 2px;
}
.top_sec .table-responsive .table tbody tr td.table-title {
  font-weight: 600;
}
.top_sec .table-responsive .table tbody tr td:first-child,
.top_sec .table-responsive .table tbody tr td:last-child {
  width: 30%;
}
.top_sec .box_bot {
  margin: 10px 0;
}
.bottom_sec label input {
  vertical-align: middle;
  margin: 0;
}
.confirmModal .modal-dialog.modal-md {
  width: 800px;
  max-width: 100% !important;
}
.ds-remove-school .rm-content > span:nth-child(2) {
  display: none;
}
.ds-ap-credit.transcript-modal table tr th.action-col {
  min-width: 55px;
  max-width: 55px;
  width: 55px;
}
.ds-confirm-modal .modal-header {
  min-height: 34px;
}
.ds-confirm-modal .modal-footer {
  padding-top: 0 !important;
  border-top: unset !important;
  padding: 0 20px 30px 20px !important;
}
.ds-confirm-modal .modal-footer::before,
.ds-confirm-modal .modal-footer::after {
  display: none !important;
}
.ds-pop-over.ds-image-preview .close-btn {
  font-size: 16px !important;
  background-color: transparent !important;
  border: none !important;
  color: #fff;
}
.ds-pop-over.ds-image-preview .modal-header {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-direction: row !important;
  min-height: 32px;
}
.modal.centered-modal .modal-dialog {
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: 100%;
  align-items: center;
  height: 100%;
}
.modal.centered-modal .modal-dialog .ds-pop-over {
  width: 100% !important;
}
.modal.centered-modal.transcript-uploaded-modal-wrapper .modal-content {
  border-radius: 10px !important;
}
.modal.centered-modal.transcript-uploaded-modal-wrapper .modal-content .modal-header {
  border-radius: 10px 10px 0 0 !important;
}
.modal.centered-modal.transcript-uploaded-modal-wrapper .modal-content .modal-body {
  border-radius: 0 0 10px 10px !important;
}
.ds-modal-size .modal-dialog {
  width: 932px;
  height: 460px;
}
.ds-modal-size .modal-dialog .ds-pop-over {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 932px;
  max-width: 100%;
  height: 460px;
}
.ds-modal-confirm .modal-header .close-icon {
  margin-top: 0px !important;
  width: 12px;
  height: 12px;
}
.ds-modal-confirm .modal-body .primary-text {
  font-size: 32px !important;
}
.ds-modal-confirm .modal-body .secondary-text {
  font-size: 18px !important;
}
@media (min-width: 601px) {
  .ds-pop-over .modal-body label,
  .ds-pop-over-light .modal-body label {
    float: left;
  }
}
@media (max-width: 600px) {
  .ds-pop-over .modal-body label,
  .ds-pop-over-light .modal-body label {
    width: 100%;
    float: left;
  }
}
/*Responsive view syles for intro*/
@media screen and (max-width: 768px) {
  .ds-pop-over-light {
    margin: 0;
  }
  .ds-ap-credit.transcript-modal {
    padding: 30px 20px !important;
  }
}
@media screen and (max-width: 576px) {
  .modal.modal-responsive {
    padding: 10px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .rm-content,
  .modal.modal-responsive .modal-dialog .modal-content .modal-body {
    padding: 30px 20px !important;
  }
  .modal.modal-responsive .modal-dialog,
  .modal.modal-responsive .ds-ap-credit.transcript-modal .bg-white.box-shadow,
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] {
    margin: 0 !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .rm-content > div,
  .modal.modal-responsive .modal-dialog .modal-content .modal-footer {
    gap: 40px !important;
  }
  .modal.modal-responsive .modal-dialog {
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 100%;
    align-items: center;
    height: 100%;
  }
  .modal.modal-responsive .modal-dialog .ds-pop-over {
    width: 100% !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content {
    border-radius: 5px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .modal-header {
    border-radius: 5px 5px 0 0;
    padding: 5px 10px !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .rm-content > div {
    justify-content: center !important;
  }
  .modal.modal-responsive .modal-dialog .modal-content .modal-footer {
    display: flex;
    justify-content: center;
  }
  .modal.modal-responsive .ds-terms-acknowledgement div:nth-child(1),
  .modal.modal-responsive .ds-edited-coursework div:nth-child(1) {
    padding: 0 !important;
  }
  .modal.modal-responsive .ds-terms-acknowledgement div:nth-child(1) .pop-up-title,
  .modal.modal-responsive .ds-edited-coursework div:nth-child(1) .pop-up-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    margin: 0 0 10px 0 !important;
  }
  .modal.modal-responsive .ds-terms-acknowledgement div:nth-child(1) .inner-content-wrap,
  .modal.modal-responsive .ds-edited-coursework div:nth-child(1) .inner-content-wrap {
    margin-top: 0px !important;
  }
  .modal.modal-responsive .ds-terms-acknowledgement div:nth-child(1) .inner-content-wrap .ack-main,
  .modal.modal-responsive .ds-edited-coursework div:nth-child(1) .inner-content-wrap .ack-main {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .modal.modal-responsive .ds-terms-acknowledgement div:nth-child(1) .inner-content-wrap .ack-list,
  .modal.modal-responsive .ds-edited-coursework div:nth-child(1) .inner-content-wrap .ack-list {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .modal.modal-responsive .ds-terms-acknowledgement div:nth-child(2),
  .modal.modal-responsive .ds-edited-coursework div:nth-child(2) {
    padding-bottom: 0 !important;
  }
  .modal.modal-responsive .ds-terms-acknowledgement div:nth-child(2) .form-group,
  .modal.modal-responsive .ds-edited-coursework div:nth-child(2) .form-group {
    margin-top: 30px !important;
  }
  .modal.modal-responsive .ds-edited-coursework .custom_table.table-multiselect.school-table td.course-code {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 600 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal .bg-white.box-shadow {
    box-shadow: none !important;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] .headline-wrap h1 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal !important;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] .headline-wrap h2 {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin-bottom: 30px !important;
    margin-bottom: 30px;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] .card-box-shadow.custom_table {
    margin-top: 10px !important;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] .row.action-row {
    transform: unset !important;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] .input-group .ds-search-input {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] .table-responsive table tr th {
    font-size: 10px !important;
    line-height: 22px;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .modal.modal-responsive .ds-ap-credit.transcript-modal form[name="schoolCreditsForm"] .table-responsive table tr td {
    font-size: 12px !important;
    font-weight: 400;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle !important;
  }
  .modal.modal-responsive .program-info-popup > div {
    padding: 30px 10px !important;
  }
  .modal.modal-responsive .program-info-popup h1.pop-up-title {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .modal.modal-responsive .program-info-popup .row.form-group {
    margin-top: 0.5rem !important;
    margin-top: 20px !important;
  }
  .modal.modal-responsive .program-info-popup .row.form-group .button-submit {
    margin: 0 !important;
  }
  .modal.centered-modal.transcript-uploaded-modal-wrapper .modal-content {
    border-radius: 10px !important;
  }
  .ds-remove-school .modal-header span:nth-child(1) {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-remove-school .rm-content > span:nth-child(1) {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    display: none !important;
  }
  .ds-remove-school .rm-content > span:nth-child(2) {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    display: block;
  }
  .ds-confirm-modal .modal-header .modal-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-confirm-modal div:nth-child(2) {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-confirm-modal .secondary-text {
    font-size: 16px !important;
  }
  .ds-remove-school .modal-header span:nth-child(1) {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-remove-school .rm-content span:nth-child(1) {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .ds-confirm-modal .modal-header .modal-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }
  .ds-confirm-modal div:nth-child(2) {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
}
[zebra-lib] {
  float: none;
  inset: auto;
  margin: 0px;
  border: 1px solid #ececec;
  border-radius: 3px;
  padding: 4px 20px 2px 5px;
  background: none;
  line-height: 20px;
  width: 125px;
}
[zebra-lib]:hover {
  background: #ffffff !important;
}
[zebra-lib]:focus-visible {
  box-shadow: 0 5px 15px #bdbdbd !important;
  border: 1px solid #C4D4D9 !important;
  outline: none;
  background: #ffffff !important;
}
.Zebra_DatePicker_Icon {
  background: url('../assets-new/images/program-evals/ic-calendar.svg') no-repeat !important;
  top: 4px !important;
  width: 24px !important;
  height: 24px !important;
  right: 0 !important;
}
.Zebra_DatePicker_Icon:focus-visible {
  outline: 1px auto #ececec;
}
.switch {
  width: 36px !important;
  min-width: 36px !important;
  height: 20px !important;
  margin-bottom: auto;
}
.switch .slider {
  margin: 0  !important;
}
.switch .slider:before {
  bottom: 1px !important;
  height: 18px !important;
  width: 18px !important;
  left: 2px !important;
}
.switch input[disabled] + .slider {
  background-color: #E0E0E0 !important;
}
.switch input:checked + .slider {
  background-color: #3C51B9;
}
.switch input:checked + .slider::before {
  left: -9px !important;
  -webkit-transform: translateX(26px) !important;
  -ms-transform: translateX(26px) !important;
  transform: translateX(26px) !important;
}
.radio-row {
  display: flex;
  align-items: center;
}
.radio-row span {
  vertical-align: middle !important;
  margin: 0 0 0 15px;
}
.ds-slider.rzslider {
  margin: 0px;
}
.ds-slider.rzslider .rz-bar {
  background: #C4D4D9;
  height: 2px;
}
.ds-slider.rzslider .rz-bar.rz-selection {
  top: 16px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
}
.ds-slider.rzslider .rz-selection {
  background: #646464;
  height: 2px;
  top: 15px;
}
.ds-slider.rzslider .rz-pointer {
  background: #3C51B9;
  width: 24px;
  height: 24px;
  border: 6px solid #BBC2E7;
  top: -12px;
  outline: 0;
}
.ds-slider.rzslider .rz-pointer:after {
  display: none;
}
.ds-slider.rzslider .rz-bubble {
  display: none;
}
.ds-slider.rzslider .rz-limit {
  font-weight: bold;
  color: #646464;
}
.ds-slider.rzslider .rz-tick {
  width: 1px;
  height: 10px;
  margin-left: 4px;
  border-radius: 0;
  background: #646464;
  top: 1px;
  height: 5px;
  width: 0;
  height: 0;
}
.ds-slider.rzslider .rz-tick.rz-selected {
  background: #646464;
}
/*

Checkboxes Documentation & Structure Demo

*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + input {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + input:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:hover + input:before {
  background: #3C51B9;
}
.styled-checkbox:focus + input:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + input:before {
  background: #3C51B9;
}
.styled-checkbox:disabled + input {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + input:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + input:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.ds-checkbox input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
.ds-checkbox input[type="checkbox"] + label {
  position: relative;
  padding-left: 1.8em;
  cursor: pointer;
}
.ds-checkbox input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 1.2em;
  height: 1.2em;
  border: 1px solid #ccc;
  background: #f5f8fa;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ds-checkbox input[type="checkbox"]:checked + label:before {
  background: #3C51B9;
}
.ds-checkbox input[type="checkbox"] + label:after {
  content: '\2713\0020';
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  font-size: 1em;
  line-height: 0.8;
  color: #fff;
  transition: all 0.2s;
}
.ds-checkbox input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.ds-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.ds-checkbox input[type="checkbox"]:disabled + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.ds-checkbox input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.ds-checkbox input[type="checkbox"]:disabled + label {
  color: #aaa;
}
.ds-checkbox label:hover:before {
  border: 1px solid #4778d9 !important;
}
.ds-checkbox.label-first input[type="checkbox"] + label:before {
  right: 0;
  left: unset;
}
.ds-checkbox.label-first input[type="checkbox"] + label {
  width: 100%;
  display: block;
  padding-left: 0;
}
.ds-checkbox.label-first input[type="checkbox"] + label:after {
  right: 0.2em;
  left: unset;
}
.ds-checkbox label.container1 {
  display: inline;
  font-weight: normal;
  display: block;
  position: relative;
  padding-left: 27px;
  padding-top: 3px;
  margin-bottom: 8px;
  cursor: pointer;
  float: left;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 40px;
  margin-bottom: 20px;
}
.ds-checkbox label.container1 input {
  color: #555555 !important;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ds-checkbox label.container1 span.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 3px;
  height: 15px;
  width: 15px;
  border: 1px solid #3C51B9;
  background-color: transparent;
  padding: 0;
}
.ds-checkbox label.container1 span.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 11px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ds-checkbox label.container1 input ~ .checkmark {
  background-color: #fff;
}
.ds-checkbox label.container1 input:checked ~ .checkmark {
  background-color: #3C51B9;
}
.ds-checkbox label.container1 input:checked ~ span.checkmark:after {
  display: block;
}
.ds-checkbox label.container1 > label {
  margin: 0;
}
.ds-checkbox label.container1.filters-dimensions {
  margin: 10px 0 5px;
}
.ds-checkbox label.container1.filters-dimensions span.checkmark {
  top: 4px;
}
.full-block {
  display: block;
  clear: both;
}
.wizard-centered-text,
.ds-intro-wizard .title-outer-wrapper .title,
.ds-intro-wizard .title-outer-wrapper .sub-title,
.ds-intro-wizard .body-wrapper .question-number,
.ds-intro-wizard .body-wrapper .question-wrapper .question-text,
.ds-intro-wizard .body-wrapper .exit-link,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .title,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .sub-title,
.ds-pop-over-wizard .right-column-wrapper .question-number,
.ds-pop-over-wizard .right-column-wrapper .question-wrapper .question-text,
.ds-pop-over-wizard .right-column-wrapper .exit-link {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.wizard-font,
.user-profile-wrapper select,
.user-profile-wrapper select option,
.user-profile-wrapper input,
.ds-intro-wizard select,
.ds-intro-wizard select option,
.ds-intro-wizard input,
.ds-intro-wizard .title-outer-wrapper .title,
.ds-intro-wizard .title-outer-wrapper .sub-title,
.ds-intro-wizard .body-wrapper .question-wrapper .question-text,
.ds-intro-wizard .body-wrapper .question-wrapper label,
.ds-pop-over-wizard select,
.ds-pop-over-wizard select option,
.ds-pop-over-wizard input,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .title,
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .sub-title,
.ds-pop-over-wizard .right-column-wrapper .question-number,
.ds-pop-over-wizard .right-column-wrapper .question-wrapper .question-text,
.ds-pop-over-wizard .right-column-wrapper .question-wrapper label,
.ds-pop-over-wizard .right-column-wrapper .exit-link {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
}
.back-arrow {
  padding: 10px;
  cursor: pointer;
}
.ds-pop-over-wizard {
  width: 750px;
  height: 500px;
  max-width: 100%;
  display: table;
  position: relative;
}
.ds-pop-over-wizard select {
  font-weight: 500;
  height: 30px;
  background-color: #F9F9F9;
  border: 1px solid #D7D7D7;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  width: 335px;
  padding: 0 10px;
  margin-bottom: 20px;
}
.ds-pop-over-wizard select option {
  font-weight: 500;
  background-color: #F9F9F9;
}
.ds-pop-over-wizard button {
  min-width: 150px !important;
  margin: 0 20px;
  height: 35px;
  color: white;
}
.ds-pop-over-wizard button:hover {
  color: white;
}
.ds-pop-over-wizard .left-column-wrapper {
  display: inline-block;
  background: linear-gradient(117.96deg, rgba(0, 184, 228, 0.75) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7;
  width: 240px;
  height: 100%;
  float: left;
}
.ds-pop-over-wizard .left-column-wrapper .image-students {
  display: block;
  height: 120px;
  margin: 180px auto 0;
}
.ds-pop-over-wizard .left-column-wrapper .image-logo {
  display: block;
  height: 30px;
  margin: 0 auto 5px;
  bottom: 20px;
  left: 65px;
  position: absolute;
}
.ds-pop-over-wizard .right-column-wrapper {
  display: table;
  background-color: #ffffff;
  height: 100%;
  width: calc(100% - 240px);
}
.ds-pop-over-wizard .right-column-wrapper hr {
  margin: 0 100px 25px;
  border-color: #BFBFBF;
}
.ds-pop-over-wizard .right-column-wrapper .title-wrapper {
  color: #4F4F4F;
}
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .title {
  font-weight: 600;
  font-size: 20px;
  padding: 25px 0 10px;
}
.ds-pop-over-wizard .right-column-wrapper .title-wrapper .sub-title {
  font-weight: 500;
  padding-bottom: 15px;
}
.ds-pop-over-wizard .right-column-wrapper .question-number {
  color: #B9B9B9;
}
.ds-pop-over-wizard .right-column-wrapper .question-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 320px;
  margin-top: -20px;
}
.ds-pop-over-wizard .right-column-wrapper .question-wrapper .question-text {
  font-weight: 600;
  padding-bottom: 25px;
  padding-top: 15px;
  color: #4F4F4F;
}
.ds-pop-over-wizard .right-column-wrapper .question-wrapper .input-group {
  display: flex;
  max-width: 330px;
}
.ds-pop-over-wizard .right-column-wrapper .question-wrapper .form-control {
  border: none;
  box-shadow: 0px 0px 3px 1px rgba(57, 111, 192, 0.4);
  border-radius: 5px;
  background-color: white !important;
}
.ds-pop-over-wizard .right-column-wrapper .question-wrapper label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
  color: #686868;
  width: 200px;
  line-height: 30px;
}
.ds-pop-over-wizard .right-column-wrapper .btn-parent {
  background-color: #00B8E4;
}
.ds-pop-over-wizard .right-column-wrapper .btn-parent:active {
  background-color: #0197bb;
}
.ds-pop-over-wizard .right-column-wrapper .btn-student {
  background-color: #3C51B9;
}
.ds-pop-over-wizard .right-column-wrapper .btn-student:active {
  background-color: #263a9a;
}
.ds-pop-over-wizard .right-column-wrapper .exit-link {
  font-weight: 500;
  color: #396ec0;
  position: absolute;
  bottom: 20px;
  width: calc(100% - 240px);
  left: 240px;
  cursor: pointer;
  font-size: smaller;
}
.ds-pop-over-wizard .right-column-wrapper .final-button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 20px;
  margin: auto;
}
.ds-pop-over-wizard .right-column-wrapper .final-button-wrapper .inactive {
  color: #7B7B7B;
  background-color: #E8E8E8;
  cursor: default;
}
/**
*   This code, applied when the .right class is added to the modal, applies depending on the `windowClass` set
*   when opening the first modal.
=
*   e.g. -
        var confirmModalInstance = $modal.open({
          animation: true,
          templateUrl: "programs/requirements/edit/pr-change-parent-modal.tpl.html",
          controller: "PRChangeParentModalCtrl",
          size: "sm",
          windowClass: "right",
          resolve: {},
        });
*
*
*
 */
.modal.right {
  /*CLASSES RELATED TO WORKFLOW-BASED QUESTIONS*/
}
.modal.right .modal-content {
  border-radius: 0 !important;
  height: 100%;
  overflow-y: auto;
}
.modal.right .modal-header {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  font-weight: 600;
}
.modal.right .modal-header .modal-title {
  color: white !important;
}
.modal.right .modal-header .close {
  font-weight: normal;
}
.modal.right .modal-header .close:hover {
  color: #f1f1f1;
}
.modal.right .modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 720px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.right .modal-body {
  padding: 35px 40px 0 40px;
  overflow-y: scroll;
  position: relative;
  height: 92vh;
}
.modal.right .modal-body .body {
  font-size: 1.25em;
}
.modal.right .modal-body.modal-content-wrapper {
  padding: 30px 30px 0 30px;
  position: relative;
}
.modal.right .modal-body.modal-content-wrapper.side_modal_body .custom_table {
  margin: 10px 0 32px;
}
.modal.right .modal-body.modal-content-wrapper.side_modal_body .custom_table a .fa {
  font-size: 21px;
  margin: 0;
  padding: 5px;
}
.modal.right .modal-body.modal-content-wrapper.side_modal_body textarea.form-control {
  margin: 10px 0 60px;
}
.modal.right .modal-body.modal-content-wrapper.side_modal_body .top_sec p {
  margin: 10px 0 15px;
}
.modal.right .modal-body.modal-content-wrapper .top_sec h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #3C3C3C;
  margin: 10px 0;
}
.modal.right .modal-body.modal-content-wrapper .top_sec h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  margin: 0;
}
.modal.right .modal-body.modal-content-wrapper .top_sec h5.school-name-headline {
  margin: 0 0 30px;
}
.modal.right .modal-body.modal-content-wrapper .top_sec .panel-body {
  margin: 10px 0 32px;
}
.modal.right .modal-body.modal-content-wrapper .top_sec .panel-body .school-text-search {
  margin: 0 0 20px;
}
.modal.right .modal-body.modal-content-wrapper .top_sec .panel-body .school-text-search .input-group .form-control {
  padding-right: 35px;
  width: 100%;
}
.modal.right .modal-body.modal-content-wrapper .top_sec .panel-body .school-text-search .input-group .input-group-btn {
  font-size: 14px;
  right: 0;
  z-index: 9;
  top: 2px;
  cursor: pointer;
  padding: 4px 0;
  position: absolute;
  text-align: center;
  width: 35px;
}
.modal.right .modal-body.modal-content-wrapper .top_sec .panel-body .custom_table.custom_style {
  margin: 0;
}
.modal.right .modal-body.modal-content-wrapper .top_sec .panel-body .custom_table .table-responsive .table thead tr th {
  padding: 10px 7px !important;
}
.modal.right .modal-body.modal-content-wrapper .bottom_sec .btn-container {
  margin: 15px 0 0;
}
.modal.right .modal-question {
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 200%;
}
.modal.right .panel-body .modal-question {
  margin-bottom: 10px;
}
.modal.right .locked-section select,
.modal.right .locked-section input,
.modal.right .locked-section textarea {
  border: none !important;
}
.modal.right .locked-section textarea,
.modal.right .locked-section table {
  background: #F9FAFF !important;
  border: 1px solid #C4D4D9 !important;
  border-radius: 5px !important;
  border-collapse: separate !important;
  padding: 5px !important;
}
.modal.right .locked-section .custom_table th {
  text-transform: uppercase;
  font-size: 10px !important;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
  right: 0;
}
.side_modal_body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.side_modal_body .mb-1 {
  margin-bottom: 10px;
}
.side_modal_body.add_modal .p-0 {
  padding: 0 !important;
}
.side_modal_body.add_modal .mt-0 {
  margin-top: 0 !important;
}
.side_modal_body.add_modal .h-100 {
  height: 100%;
}
.side_modal_body.add_modal .ds-search-input {
  width: 102%;
}
.side_modal_body.add_modal .box_bot {
  border: 1px solid #C4D4D9;
  background: #F9FAFF;
  border-radius: 5px;
  padding: 10px;
}
.side_modal_body.add_modal .box_bot ul {
  padding-left: 15px;
}
.side_modal_body.add_modal .box_bot ul li {
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  color: #8F9EA6;
}
.side_modal_body.add_modal .custom_table {
  margin-bottom: 20px;
  margin-top: 20px;
  background: transparent;
  box-shadow: none;
  border: none;
}
.side_modal_body.add_modal .custom_table .input-sm-table {
  max-width: 52px;
  max-height: 25px;
  padding-top: 2px;
  appearance: auto;
}
.side_modal_body.add_modal .custom_table .title-sm-table {
  max-height: 26px;
}
.side_modal_body.add_modal .custom_table .fa {
  color: #59595B;
  margin-top: 8px;
}
.side_modal_body .box-search-gray {
  background: #F4F8FB;
  border-radius: 0 0 5px 5px;
  font-size: 11px;
  line-height: 16px;
  align-items: center;
  color: #59595B;
  text-shadow: 0 0 15px #58585b;
  padding: 10px;
}
.side_modal_body .custom_style {
  background: #F9FAFF !important;
  border: 1px solid #C4D4D9 !important;
  border-radius: 5px;
}
.side_modal_body .custom_table {
  margin-bottom: 20px;
  margin-top: 20px;
  background: #F9FAFF;
  box-shadow: none;
  border: 1px solid #C4D4D9;
}
.side_modal_body .custom_table table {
  margin-bottom: 0;
}
.side_modal_body .custom_table table tr th {
  background: transparent;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #8F9EA6;
}
.side_modal_body .custom_table table tr td {
  color: #393939;
}
.side_modal_body .custom_table table tr td .select-sm {
  background: #FFFFFF;
  border: 1px solid #C4D4D9;
  border-radius: 5px;
  min-width: 73px;
}
.side_modal_body textarea {
  border: 1px solid #C4D4D9;
}
.side_modal_body p {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #8F9EA6;
}
.side_modal_body .bottom_sec {
  bottom: 0;
  position: absolute;
  min-width: 100%;
  margin: 0 auto 15px;
}
.side_modal_body .bottom_sec.relative {
  position: relative;
}
.side_modal_body .bottom_sec .btn-container {
  display: flex;
  justify-content: space-between;
}
.side_modal_body .bottom_sec .btn-default {
  background: #DDDDDD;
  border-radius: 5px;
  border: none;
  min-width: 73px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
}
.side_modal_body .bottom_sec .btn-blue {
  background: #3C51B9;
  border-radius: 4px;
  min-width: 117px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
}
.modal_head_side {
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;
  border-radius: 0;
  padding: 15px;
}
.minimum-grade {
  color: #3C51B9 !important;
}
@media screen and (max-width: 480px) {
  .modal.right .modal-body.modal-content-wrapper {
    padding: 15px 15px 0 15px;
  }
}
/*Edit Course Equivalency Custom Styles End*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 8, 2017, 4:16:54 PM
    Author     : david
*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 25px;
  vertical-align: middle;
  /* Rounded sliders */
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider svg.check {
  display: none;
  width: 9px;
  position: relative;
  left: 18.5px;
  top: -2.5px;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch input:checked + .slider {
  background-color: #3C51B9;
}
.switch input:checked + .slider svg.check {
  display: inline !important;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #3C51B9;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(33px);
  -ms-transform: translateX(33px);
  transform: translateX(33px);
}
.switch .slider.round {
  border-radius: 25px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch.labeled {
  width: 115px;
}
.switch.labeled .slider.round:before {
  /*left: 28px;*/
}
.switch.labeled input:checked + .slider:before {
  -webkit-transform: translateX(88px);
  -ms-transform: translateX(88px);
  transform: translateX(88px);
}
.switch.labeled .switch-label-over {
  color: #ffffff;
  z-index: 100;
  position: absolute;
  margin: 4px 0px 0px 30px;
}
.switch input {
  display: none;
}
/**
We don't technically need a second "switch" here, but this one has a slightly smaller profile and lighter blue background
 */
.custom-switch {
  cursor: pointer;
}
.custom-switch .custom-control-label {
  cursor: pointer;
  padding-left: 30px;
}
.custom-switch .custom-control-label::before {
  transition: all ease 0.5s;
  top: -3px;
  box-shadow: none;
  background-color: #E6ECF2;
  border: none;
  width: 36px;
  height: 20px;
  border-radius: 20px;
}
.custom-switch .custom-control-label::after {
  top: -1px;
  box-shadow: none;
  background-color: #F7F8FA;
  height: 16px;
  width: 16px;
  transition: all ease 0.5s;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: none;
  background-color: #00B8E4;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  left: -12px;
}
.password-form-wrapper {
  margin: 0 auto;
  max-width: 810px;
}
.password-visibility-toggle {
  right: 20px;
  position: absolute;
  float: right;
  display: grid;
  align-self: center;
  line-height: 30px;
  z-index: 2;
  opacity: 0.8;
  width: 0;
  cursor: pointer;
  pointer-events: all;
}
.input-verified {
  color: #12B740;
  position: absolute;
  float: right;
  display: grid;
  line-height: 30px;
  right: 35px;
  z-index: 33;
  align-self: center;
  width: 0;
}
.fa-times.input-verified {
  color: red;
}
.floating-label {
  position: relative;
  padding-top: 20px;
}
.floating-label label {
  color: #999;
  position: absolute;
  top: 10px;
  left: 5px;
  z-index: 1;
  -moz-transform: translate(10px, 18px) scale(1);
  -webkit-transform: translate(10px, 18px) scale(1);
  -o-transform: translate(10px, 18px) scale(1);
  -ms-transform: translate(10px, 18px) scale(1);
  transform: translate(10px, 18px) scale(1);
  -webkit-transition: color 0.3s, -webkit-transform 0.25s ease-in;
  -moz-transition: color 0.3s, -moz-transform 0.25s ease-in;
  -o-transition: color 0.3s, -o-transform 0.25s ease-in;
  transition: color 0.3s, transform 0.25s ease-in;
  background-color: #ffffff;
  font-weight: normal;
  width: unset !important;
  float: unset !important;
}
.floating-label label.active {
  -moz-transform: translate(-5px, -2px) scale(0.75);
  -webkit-transform: translate(-5px, -2px) scale(0.75);
  -o-transform: translate(-5px, -2px) scale(0.75);
  -ms-transform: translate(-5px, -2px) scale(0.75);
  transform: translate(-5px, -2px) scale(0.75);
  top: 14px;
  padding-left: 5px;
  padding-right: 5px;
  color: #007e9b;
}
.floating-label input {
  position: relative;
}
/**
 * !! -- This file was DEPRECATED due to chaos in custom.css, and is being rebuilt slowly in top-nav.less
 *
 * [partial _header.scss]
 * style for header, top socials, hero image section
 */
@media (min-width: 768px) {
  .navbar-right {
    margin-right: -25px;
  }
}
.navbar-container {
  margin-left: 15px;
  height: 100%;
}
.navbar-container .navbar-header {
  height: 100%;
}
.navbar-container .navbar-header .school-logo {
  height: 100%;
}
.navbar-container .navbar-header a {
  display: flex !important;
  align-items: center;
}
.navbar-container .navbar-header .small-logo {
  display: none !important;
}
.navbar-container .navbar-header .ds-logo {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 5px;
  margin-top: 10px;
  height: auto;
  width: 115px;
}
.navbar-container #ds-navbar-collapse {
  left: 0;
}
.navbar-nav {
  height: 55px;
  line-height: 55px;
}
.navbar-nav li {
  height: inherit;
  line-height: inherit;
}
.navbar-nav li > a {
  height: inherit;
  line-height: inherit;
}
.navbar-nav li > a .left-icon {
  margin-right: 5px;
}
.navbar-nav li > a .icon-common {
  margin-right: 5px;
}
.navbar-nav li .menu-item > a {
  color: #4f4f4f;
  font-size: 15px;
  transition: color 0.2s ease-in-out;
  line-height: 55px;
  font-weight: 500;
}
.navbar-nav li .menu-item > a:hover,
.navbar-nav li .menu-item > a:focus,
.navbar-nav li .menu-item > a:active {
  background-color: #e5e7e8 !important;
}
.navbar-nav li .menu-item > a:hover .carat,
.navbar-nav li .menu-item > a:focus .carat,
.navbar-nav li .menu-item > a:active .carat {
  color: #1b7183;
}
.navbar-nav li .menu-item > a:hover.carat {
  color: #1b7183;
}
.navbar-nav li .switch-link {
  margin: 10px 0 !important;
}
.navbar-nav li .switch-link span {
  margin-right: 25px;
  margin-left: 10px;
}
.navbar-nav .user-profile {
  display: flex;
  gap: 9px;
}
.navbar-nav .user-profile .user-info {
  display: flex;
  flex-direction: column;
  line-height: normal;
}
.navbar-nav .user-profile .user-info .user-name {
  font-weight: 500;
  text-transform: capitalize;
  user-select: none;
}
.navbar-nav .user-profile .user-info .user-school-name {
  font-weight: 300;
  user-select: none;
}
.navbar-nav .user-profile .user-info .center-name {
  line-height: 1px;
}
.navbar-nav.navbar-left {
  margin-left: 15px;
}
.navbar-nav.navbar-left .nav-item {
  padding: 0 15px !important;
}
.navbar-nav .dropdown-list li {
  border-bottom: none !important;
}
.nav > li.active > a,
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color: #428bca;
}
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
  background-color: transparent;
}
.navbar-default {
  background-color: #ffffff;
}
.navbar-main {
  background-color: #fff;
  margin-bottom: 0px;
  min-height: 55px;
  border-bottom: 3px solid #f2f3f4;
}
@media (max-width: 1130px) {
  .navbar-main.navbar-student .find-school .find-school-text {
    display: none;
  }
}
.navbar .navbar-right {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .navbar .open .dropdown-menu {
    background-color: rgba(57, 66, 76, 0.7);
  }
}
.navbar-brand {
  float: left;
  padding: 10px 10px;
}
.navbar-toggle {
  border: 1px solid #428bca;
  margin: 11px;
}
.navbar-toggle .icon-bar {
  background-color: #428bca;
}
.navbar-toggle .nav-text {
  position: absolute;
  left: -50px;
  top: 6px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4f4f4f;
}
.dd-univ-selection {
  display: table;
}
.dd-univ-selection .head_img_logo {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 12px;
}
.dd-univ-selection .head_univ_name {
  display: table-cell;
  line-height: 22px;
  vertical-align: middle;
}
header .navbar-staff {
  background: #fff !important;
}
header .navbar-staff li a span,
header .navbar-staff li a:hover span {
  color: #4F4F4F !important;
}
header .navbar-staff li .dropdown-toggle::after {
  color: #4F4F4F !important;
}
header .navbar-staff .icon-common svg path {
  fill: #4F4F4F !important;
}
.private-header .navbar-staff .navbar-nav li a span,
.private-header .navbar-staff .navbar-nav li a:hover span {
  color: #4F4F4F !important;
}
@media screen and (max-width: 1455px) {
  .navbar-feature .user-info {
    display: none !important;
  }
}
@media screen and (max-width: 1310px) {
  .navbar-feature .sobo-btn {
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .navbar-feature .sobo-btn img {
    display: block !important;
  }
}
@media screen and (max-width: 1170px) {
  .navbar-feature .support-item,
  .navbar-feature .admin-item {
    display: none !important;
  }
  .navbar-feature .admin-dropdown,
  .navbar-feature .support-dropdown {
    display: block !important;
  }
}
@media screen and (max-width: 1055px) {
  .navbar-feature .icon-common {
    display: none !important;
  }
  .navbar-feature .notificationCount {
    position: relative;
    display: block;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 950px) {
  .navbar-nav.navbar-left {
    margin-left: 15px;
  }
  .navbar-nav.navbar-left .nav-item {
    padding: 0 !important;
  }
  .navbar-nav.navbar-right a {
    padding: 0 !important;
  }
  .navbar-nav .find-school .find-school-text {
    display: inline !important;
  }
  .navbar-nav .sobo-btn {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .navbar-nav .sobo-btn img {
    display: none !important;
  }
  .navbar-nav .user-info {
    display: flex !important;
  }
  .navbar-nav .icon-common {
    display: flex !important;
  }
  header .navbar-container .navbar-header .full-logo.show-full-logo {
    display: flex !important;
  }
}
/*

.navbar-social {
    min-height: 30px;
    margin-bottom: 0px;
    height: 30px;

    > li > a {
        padding: 5px 15px;
    }
}

.panel-top-social{
    //background-color: @color-gray-light;
    height: 31px;
}
.header-social-link{
    float: right;
}
.social-link{
    list-style: none;
    padding: 0;
    margin: 0;

    >li{
        float: left;
    }

    a{
        display: block;
        padding: 6px 10px;
        //background-color: darken(@color-gray-light, 4%);
        text-align: center;
        color: @gray-light;
        //border-right: 1px solid darken(@color-gray-light, 8%);
        transition: all .2s ease-in-out;

        &:hover,
        &:focus{
            //background-color: darken(@color-gray-light, 8%);
            //border-color: darken(@color-gray-light, 10%);
        }
        .fa{
            font-size: 16px;
        }
    }
}
*/
/**
 * Hero Image ----------------------------------------------------------------------
 */
/*
.panel-hero-image{
    position: relative;
    background: url(images/home-hero-image.png);
    height: 545px;
    background-size: cover;
    background-repeat: no-repeat;

    .push-bottom{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    @media (max-width: 390px) {
        .push-bottom{
            position: static;
            padding-top: 56px;
        }
    }
}

.hero-content{
    width: 872px;
    min-height: 220px;
    margin: 0 auto;
}

.hero-title{
    text-align: center;
    margin: 0;
    @color : #000;
    background-color: rgba( red( @color), green( @color), blue( @color), 0.7);
    padding: 12px 0;
    color: @brand-primary;
    font-weight: 400;
    font-size: 31px;

    @media (max-width: @grid-float-breakpoint - 1) {
        font-size: 24px;
    }
}
.hero-text{
    @color : #015766;
    background-color: rgba( red( @color), green( @color), blue( @color), 0.8);
    text-align: center;
    padding: 20px;
    min-height: 162px;

    p{
        font-size: 16px;
        color: #fff;
    }
}

.hero-button{
    padding-top: 8px;

    .btn{
        font-size: 16px;
    }
    .btn + .btn{
        margin-left: 30px;
    }

    @media (max-width: 370px){
        .btn + .btn{
            margin: 12px auto;
        }
        .btn{
            display: block;
            max-width: 250px;
            margin: 12px auto;
        }
    }
}

@media (max-width: 880px){
    .panel-hero-image{
        height: auto;
        min-height: 400px;
    }
    .hero-content{
        width: auto;
    }
}
*/
@media screen and (max-width: 576px) {
  header {
    height: 41px;
  }
  header .navbar-container {
    padding: 8px 10px !important;
    margin-left: 0 !important;
  }
  header .navbar-container .navbar-toggle {
    height: 24px;
    padding: 4px!important;
    width: 24px;
    margin: 8px 0 0 0;
    border-color: transparent;
  }
  header .navbar-container .navbar-toggle .icon-bar {
    width: 14px;
  }
  header .navbar-container .navbar-header .ds-logo {
    margin-top: 0 !important;
  }
  header .navbar-container .navbar-header .school-logo a {
    padding-left: 10px !important;
  }
  header .navbar-container .navbar-header .school-logo a img {
    max-height: 25px !important;
  }
}
.pagination {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 12px auto 12px auto;
}
.pagination li {
  width: calc(100% / 9);
  max-width: 50px;
  display: inline-block;
}
.pagination li a {
  padding: 0 !important;
  width: 100%;
  outline: 1px solid #dddddd;
  border: none;
  text-align: center;
}
.table-expandable .fa {
  color: grey;
}
.table-expandable .clickable {
  cursor: pointer;
}
.row-highlighted {
  background-color: dimgrey;
}
.row-highlighted > td,
.row-highlighted .fa {
  color: white !important;
}
.row-highlighted:hover > td,
.row-highlighted:hover .fa {
  background-color: dimgrey !important;
  color: white !important;
}
.course-details-row {
  height: auto;
  padding: 10px 30px !important;
  border: 1px solid #c6c6c6 !important;
}
.course-details-row .course-description-wrapper {
  margin: 8px;
  height: 100%;
  display: inline-block;
  min-width: calc(100% - 16px);
  max-width: 500px;
  white-space: normal;
}
.course-details-row .bold {
  font-weight: 500;
}
.course-details-row.collapse.in {
  display: table-row;
}
.option-dropdown {
  position: static !important;
}
.ui-select-container .select2-search input {
  border-radius: 4px;
}
.ui-select-container .select2-drop {
  color: #4F4F4F;
}
.ui-select-container .select2-drop-active {
  padding-top: 5px;
}
.ui-select-container .select2-results .select2-result-label {
  padding: 5px 7px 5px;
}
.ui-select-container .select2-results .select2-highlighted {
  background-color: #3C51B9 !important;
}
.ui-select-container .select2-results .select2-highlighted:hover {
  /*background-image: linear-gradient(-303deg, #29454b, #2b5762 65%, #215850);*/
  background: #263a9a !important;
}
.ui-select-container .ui-select-no-choice dropdown {
  padding: 8px;
  color: #9794b2;
  font-size: 0.9em;
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dd-phone-overlay {
  width: 100%;
}
.dd-phone-overlay .phone-number-wrapper {
  position: relative;
}
.dd-phone-overlay .phone-number-wrapper:after {
  width: 16px;
  height: 16px;
  content: "";
  background: url('../assets-new/images/phone.svg') no-repeat;
  position: absolute;
  right: 16px;
  top: 8px;
}
.dd-phone-overlay .sms-checkbox-label {
  font-size: 16px !important;
}
.dd-arrow-right-overlay {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dd-arrow-right-overlay:after {
  width: 13px;
  height: 7px;
  content: "";
  background: url('../assets-new/images/intro/down-arr.png') no-repeat;
  position: absolute;
  right: 15px;
  top: 18px;
}
.dd-arrow-right-overlay.approval-select {
  max-width: none;
  min-width: 75px;
  width: auto;
}
.dropdown-menu-right-sm {
  box-shadow: 0px 10px 10px 3px lightgray;
  margin-top: 4px;
  min-width: 125px;
  left: -10px;
}
.dropdown-menu-right-sm::before {
  top: -11px !important;
}
.dropdown-menu-right-sm li {
  height: auto;
}
.dropdown-menu-right-sm li a {
  color: #3c51b9;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px !important;
  padding: 7px 20px;
}
.dropdown-menu-right-sm li a i {
  color: #3c51b9;
  font-size: 16px;
}
/* custom -new */
.ds-dropdown ul.dropdown-menu {
  background: #fff;
}
.ds-dropdown ul.dropdown-menu li {
  height: unset;
  line-height: 1.5;
}
.ds-dropdown ul.dropdown-menu input {
  height: 28px;
}
.ds-dropdown input,
.ds-dropdown .ui-select-toggle {
  height: 28px;
  padding: 4px 16px;
  display: inline-block;
  vertical-align: middle;
  min-width: auto;
}
.ds-dropdown input i.caret,
.ds-dropdown .ui-select-toggle i.caret {
  border-top: none;
  border-right: none;
  border-left: none;
  background-image: url(../assets/images/up-carot-alt.svg);
  transform: rotate(180deg);
  background-repeat: no-repeat;
  top: 40% !important;
  opacity: 0.5;
  width: 10px;
  right: 5px;
}
.ds-dropdown input:focus,
.ds-dropdown .ui-select-toggle:focus {
  outline-style: none;
  box-shadow: 0 5px 15px #bdbdbd;
}
.ds-dropdown.ui-select-bootstrap .ui-select-match-text {
  height: 20px;
  padding: 0px;
}
.ds-dropdown.ui-select-bootstrap .ui-select-match-text span {
  height: 17px;
}
.select {
  background-color: #f6f6f9;
  border-color: #d6d6d6;
  outline-color: #00BCD4;
}
.select:focus {
  outline-style: none;
  box-shadow: 0 5px 15px #bdbdbd;
}
.ds-dropdown.ui-select-container .open {
  background-color: #ffffff;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 15px;
  box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.14);
  z-index: 3;
  border-radius: 4px !important;
  border-top: 5px solid #3C51B9;
}
.ds-dropdown.ui-select-container .open input {
  width: 100% !important;
  margin-bottom: 3px;
}
.ds-dropdown.ui-select-container .open :not(.grade-dropdown) ul.dropdown-menu {
  position: relative !important;
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
  box-shadow: none;
  margin-bottom: 5px;
  border: 1px solid #C4D4D9;
}
.ds-dropdown.ui-select-container .open ul.dropdown-menu::before {
  display: none;
}
.ds-dropdown.ui-select-container .open ::before {
  border: none;
  line-height: 19px;
  content: '\EDDB';
  font-family: 'Segoe MDL2 Assets';
  position: absolute;
  top: -17px;
  right: 47%;
  font-weight: 700;
  color: #3C51B9;
  font-size: 9px;
}
.table-responsive .action_drop .dropdown ul.dropdown-menu {
  right: 0px;
  left: auto !important;
}
@media screen and (max-width: 576px) {
  .dd-phone-overlay .alert.alert-danger {
    grid-row-start: 1;
  }
  .dd-phone-overlay .sms-checkbox-label {
    font-size: 12px !important;
    font-weight: 400;
  }
}
/**
*  IMPORTANT:   We have collapsed tables a few different ways throughout the app. In order to keep things consistent,
*               all new tables (and fixes to old ones) that need to collapse a row should use the `.dd-option` class
*               combined with a `.collapsed-content` class on the collapsed child records.
*
*               See /program-evals/program-eval-details.tpl.html for example
*
*               An alternative pattern to use (which also is just as good) is ng-switch on="select(item)"...
 */
table {
  font-size: 14px;
  display: inline-table;
  vertical-align: bottom;
  max-width: 100%;
  background-color: transparent;
  overflow-x: auto;
}
table.vertical-aligned > thead > tr > td {
  vertical-align: middle;
}
table.vertical-aligned > tbody > tr > td {
  vertical-align: middle;
}
table > thead > tr > th {
  line-height: 15px;
  text-transform: uppercase;
  color: #333;
  font-size: 10px !important;
  font-weight: normal;
  vertical-align: middle;
  border-bottom: 1px solid #E0E0E0;
  border-top: none !important;
  background-color: #ffffff;
}
table > tbody {
  border: none !important;
}
table > tbody > tr {
  height: 45px;
}
table > tbody > tr > td {
  color: #4F4F4F;
  padding: 4px 8px !important;
  border: none;
  font-size: 12px;
  line-height: 18px;
  border-top: 1px solid #e7edf3 !important;
  white-space: nowrap;
  line-height: 28px;
}
table > tbody > tr > td.table-credits {
  width: 120px;
  max-width: 120px;
}
table > tbody > tr:hover > td {
  background-color: #F7F8FA !important;
}
table > th {
  text-align: left;
}
table.no-borders tbody tr td {
  border-top: none !important;
}
table.no-hover tr:hover td {
  background-color: inherit !important;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border: 1px solid #e6e6e6;
}
.table-bordered > tbody > tr > td {
  border: none !important;
  vertical-align: middle !important;
}
.table-outer-wrapper {
  display: grid;
}
.table-responsive {
  width: 100%;
  overflow: auto;
  flex: 0 0 auto;
}
.table-responsive thead {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 0;
}
.table-responsive .frozen-column {
  position: -webkit-sticky;
  position: sticky;
  background: inherit;
  z-index: 1;
}
tr.dd-option {
  position: relative;
  transition: all 0.3s ease;
}
tr.dd-option.collapse-active {
  transition: all 0.3s ease;
}
tr .nested {
  display: none;
}
tr .active {
  display: contents;
  transition: all 0.3s ease;
}
tr .collapsed-content {
  display: table-row;
  margin: 15px 0 0;
  height: 100%;
}
.btn-group-sm {
  vertical-align: middle;
}
.btn-group-sm .btn {
  padding: 4px 7px;
  min-width: max-content;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    border: none;
  }
}
@media screen and (max-width: 640px) {
  .top_sec .table-responsive-collapsed .table {
    display: block;
    font-size: 0;
    display: flex;
  }
  .top_sec .table-responsive-collapsed .table thead {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    display: inline-flex;
  }
  .top_sec .table-responsive-collapsed .table thead tr {
    width: 100%;
    display: block;
    border-right: 1px solid #E0E0E0;
  }
  .top_sec .table-responsive-collapsed .table thead tr th {
    display: block;
    width: 100% !important;
    text-align: left !important;
    min-height: 46px;
    vertical-align: middle;
    padding: 11px 10px 5px 10px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .top_sec .table-responsive-collapsed .table thead tr th:last-child {
    border: 0;
  }
  .top_sec .table-responsive-collapsed .table thead tr th:nth-child(2) {
    min-height: 63px;
  }
  .top_sec .table-responsive-collapsed .table tbody {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    display: inline-flex;
  }
  .top_sec .table-responsive-collapsed .table tbody tr {
    width: 100%;
    display: block;
    border-right: 1px solid #E0E0E0;
    height: 100%;
  }
  .top_sec .table-responsive-collapsed .table tbody tr td {
    display: block;
    width: 100% !important;
    min-height: 46px;
    vertical-align: middle;
    border-bottom: 1px solid #E0E0E0 !important;
    white-space: normal;
  }
  .top_sec .table-responsive-collapsed .table tbody tr td:last-child {
    border: 0 !important;
  }
  .top_sec .table-responsive-collapsed .table tbody tr td:nth-child(2) {
    min-height: 63px;
  }
  .top_sec .table-responsive-collapsed .table tbody tr td.text-right {
    text-align: left !important;
  }
}
.next-steps-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #EAF6FF;
  margin: 0 -72px;
  padding: 32px 72px;
  font-size: 0;
  display: block;
  /*To Be added correctly margin*/
  margin-top: -80px;
}
.next-steps-wrapper .next-steps {
  color: #3C51B9;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin: 0 0 8px;
}
.next-steps-wrapper p {
  font-size: 14px;
  line-height: 21px;
  color: #59595B;
  font-weight: 400;
}
.ui-select-highlight {
  font-weight: bold;
}
.drop_search_tab {
  position: relative;
  margin-bottom: 20px;
}
.drop_search_tab .ui-select-toggle {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  min-width: auto;
}
.drop_search_tab .btn-default.form-control {
  border: 1px solid #c4d4d9;
  background: #fff !important;
  color: #a3a3a3;
  box-shadow: none;
}
.drop_search_tab .mdl2-Search,
.drop_search_tab .spinner-icon {
  position: absolute;
  right: 10px;
  top: 9px;
  font-size: 12px;
  color: #59595b;
}
.drop_search_tab .courses_pill {
  position: absolute;
  top: 7px;
  right: 35px;
}
.drop_search_tab .courses_pill .btn {
  padding: 2px 8px;
  height: 24px;
  font-size: 12px;
  min-width: auto;
  border-radius: 6px;
  background: linear-gradient(90deg, #3C51B9 -2.67%, #00b8e4 105.63%) !important;
}
.modal .drop_search_tab .mdl2-Search {
  top: 7px;
}
.modal .drop_search_tab .courses_pill {
  top: 5px;
}
.modal .drop_search_tab .courses_pill .btn {
  width: auto;
}
/* --------------------------------------------------------------------------------------
The following structure was built to help us have consistent tooltips that otherwise are not provided by Bootstrap, etc.
Each tooltip should use the following pattern:

  - wrap the parent div that should be given a tooltip with `.tool_tip_t`
  - wrap the tooltip itself with `.tool_tip_box`
  - if you want the arrow in the middle of the top, do nothing. If you want it on the left, add `.arrow-left`. If you want it on the right, add `.arrow-right`

Depending on the content within the box, you might need to change the width. Otherwise, this will contain all of the content underneath
-------------------------------------------------------------------------------------- */
.tooltip.customClass.bottom-left .tooltip-arrow,
.tooltip.customClass.top-right .tooltip-arrow {
  border-width: 0 7px 8px;
  border-bottom-color: #3C51B9;
}
.tooltip.bottom-line .tool_tip .tool_tip_box {
  border-bottom: 5px solid #3C51B9 !important;
  border-top: 0 !important;
}
.tooltip.customClass .tooltip-inner {
  max-width: none;
  background-color: transparent;
}
.tooltip.examToolTip {
  position: fixed !important;
}
.tool_tip {
  position: relative;
  top: auto;
}
.tool_tip .tool_tip_box {
  display: block;
  color: black;
  background: #fff;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: initial;
  letter-spacing: initial;
  border-radius: 5px;
  border-top: 5px solid #3C51B9;
  box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.35);
  margin-top: 4px;
  margin-left: -7px;
}
.tool_tip .tool_tip_box table {
  text-align: left;
}
.tooltip.top .tooltip-arrow {
  border-width: 8px 7px 0;
  border-top-color: #3C51B9;
}
.tooltip.top .tooltip-inner {
  max-width: 200px!important;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.left .tooltip-arrow {
  border-width: 0 7px 8px;
  border-bottom-color: #3C51B9;
  border-left-color: unset;
}
.tooltip.left .tooltip-arrow {
  border-left-color: transparent;
  transform: rotate(90deg);
  right: -5px;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #3c51b9;
}
.tool_tip_school,
.tool_tip_personal {
  position: relative;
  top: auto;
}
.tool_tip_school .tool_tip_box,
.tool_tip_personal .tool_tip_box {
  display: block;
  background: #fff;
  color: black;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: initial;
  letter-spacing: initial;
  border-radius: 5px;
  border-bottom: 5px solid #3C51B9;
  box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.35);
  margin-top: 4px;
  margin-left: -7px;
}
.tool_tip_school .tool_tip_box table,
.tool_tip_personal .tool_tip_box table {
  text-align: left;
}
.tool_tip_t {
  position: relative;
  bottom: 0px;
  right: 0;
  top: auto;
}
.tool_tip_t:hover .tool_tip_box {
  display: block;
}
.tool_tip_t:hover {
  display: block;
}
.tool_tip_t .tool_tip_box {
  display: none;
  background: #fff;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: initial;
  letter-spacing: initial;
  border-radius: 5px;
  border-top: 5px solid #3C51B9;
  box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.35);
  top: auto;
  left: auto;
  position: absolute;
  min-width: fit-content;
  z-index: 99999;
}
.tool_tip_t .tool_tip_box.arrow-left:before {
  left: 5%;
}
.tool_tip_t .tool_tip_box.arrow-right:before {
  right: 5%;
}
.tool_tip_t .tool_tip_box:before {
  content: '\f0d7';
  font-family: 'FontAwesome';
  position: absolute;
  transform: rotate(180deg);
  top: -7px;
  font-weight: 700;
  color: #3C51B9;
  font-size: 20px;
  line-height: 0;
}
.tool_tip_t .tool_tip_box table {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .ds-transcript-request .tool_tip_t {
    z-index: 0;
  }
  .ds-transcript-request .tool_tip_t .tool_tip_box {
    width: 100%;
    min-width: 218px !important;
    right: -11px !important;
    left: auto !important;
  }
}
div.tooltip.text-tooltip {
  max-width: 250px;
  opacity: 1;
}
div.tooltip.text-tooltip div.tooltip-inner {
  max-width: unset;
  color: black;
  background-color: white;
  padding: 10px 12px;
  border-radius: 5px;
  border: 0px solid #3C51B9;
  box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.35);
}
div.tooltip.text-tooltip.top div.tooltip-inner {
  border-bottom-width: 5px;
}
div.tooltip.text-tooltip.bottom div.tooltip-inner {
  border-top-width: 5px;
}
div.tooltip.text-tooltip.right div.tooltip-inner {
  border-left-width: 5px;
}
div.tooltip.text-tooltip.left div.tooltip-inner {
  border-right-width: 5px;
}
div.tooltip {
  opacity: 1 !important;
}
div.tooltip .tooltip-inner {
  background-color: unset;
}
.tooltip.bottom-border .tool_tip_box {
  border-top: unset !important;
  border-bottom: 5px solid #3C51B9;
}
.tooltip.right-border .tool_tip_box {
  border-top: unset !important;
  border-right: 5px solid #3C51B9;
}
header .navbar .dropdown-menu .dropdown-item {
  padding: 10px 12px !important;
}
header .navbar a {
  font-size: 12px;
}
header .find-school .btn {
  line-height: 18px;
  padding: 6px 10px;
  min-width: auto;
  font-size: 12px;
}
header .find-school .btn .icons-icon {
  margin: 0;
}
header .find-school:hover {
  background: transparent !important;
}
header .sobo-btn {
  border: 1px solid #4F4F4F;
  color: #4F4F4F !important;
}
header .sobo-btn img {
  display: none;
}
header .user-list {
  max-height: 470px;
  overflow-y: auto;
}
header .navbar .admin-dropdown .dropdown-menu {
  display: block;
  position: relative;
  top: 0 !important;
  box-shadow: unset;
  user-select: none;
}
/*@media only screen and (max-width: 767px){
  .find-school .btn{margin-bottom:5px;}
}

@media only screen and (min-width: 768px) and (max-width:992px){
  .find-school .btn{margin-bottom:5px;}
}*/
@media only screen and (max-width: 950px) {
  .find-school .btn {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 960px) {
  header .icon-common {
    display: none !important;
  }
  header .badge-dropdown {
    display: flex;
    flex-direction: row;
    gap: 5px;
  }
  header .badge-dropdown .notificationCount {
    position: relative;
    display: block;
    left: 0;
    top: 0;
  }
}
/**
	The .flipping class and animation is designed to work with /assets/images/loader-bar.png
 */
.flipping {
  -webkit-animation: flipping 3s infinite;
  animation: flipping 3s infinite;
  transition: 0.9s;
  -webkit-transform-style: preserve-3d;
}
@-webkit-keyframes flipping {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes flipping {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
/**
	The .loader class and animation is designed to work as an svg. Example shown below:

	<svg class="circular-loader"viewBox="25 25 50 50" >
		<circle class="loader-path" cx="50" cy="50" r="20" fill="none" stroke="#70c542" stroke-width="2" />
	</svg>

 */
.circle-loader {
  position: absolute;
  margin: -14px auto;
  width: 30px;
  height: 30px;
}
.circle-loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.circular-loader {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: white;
  stroke-width: 3;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes widthAnimation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
div.sticky-footer div {
  padding: 0;
  max-width: 1100px;
}
div.sticky-footer .btn {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  min-width: unset;
}
div.sticky-footer .btn .btn-primary {
  background: #3C51B9 !important;
  color: white;
}
div.sticky-footer .btn .btn-primary svg path {
  fill: white;
}
div.sticky-footer .btn .btn-light {
  color: #333 !important;
  background-color: transparent;
}
div.sticky-footer .btn .btn-light svg path {
  fill: #333;
}
div.sticky-footer .btn .btn-outline-dark {
  border: 1px solid black;
  background-color: transparent;
  color: black !important;
}
div.sticky-footer .btn .btn-outline-dark svg path {
  fill: black;
}
div.sticky-footer .btn .btn-outline-blue {
  border: 1px solid #3C51B9;
  background-color: transparent;
  color: #3C51B9 !important;
}
div.sticky-footer .btn:focus {
  box-shadow: none;
}
.student-banner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.student-banner-header,
.student-banner-footer {
  width: 20px;
  height: 9px;
  line-height: 1;
}
.student-banner-header.small,
.student-banner-footer.small {
  display: none;
  width: 5px;
  height: 3px;
}
.student-banner-header {
  align-self: start;
}
.student-banner-footer {
  align-self: end;
}
.student-banner-body {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 30px 40px !important;
  background: #3C51B9;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.student-banner-text {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-grow: 1;
  gap: 10px;
  color: white;
}
.student-banner-text .title {
  font-size: 20px;
}
.student-banner-text .subtitle {
  font-size: 14px;
}
.student-banner-text p.subtitle {
  max-width: 660px;
}
.student-banner-action {
  max-width: 200px;
  background: #FFF;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid;
  color: #333333 !important;
  font-size: 16px !important;
  text-align: center;
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  .program-eval-details .student-banner {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .program-eval-details .student-banner .student-banner-header.full-size,
  .program-eval-details .student-banner .student-banner-footer.full-size {
    display: block !important;
  }
  .program-eval-details .student-banner .student-banner-header.small,
  .program-eval-details .student-banner .student-banner-footer.small {
    display: none !important;
  }
}
@keyframes swipe-up-animation {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes swipe-down-animation {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes step-circle-animation {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1.1);
  }
}