/*
 * This vars file is based off of Bootstrap. Not all vars are used.
 *
 * The most obviously unused ones (e.g., modal windows, etc) were removed.
 * There are some vars that remain that are not actually used but
 * perhaps should be. E.g. using dropdown colours.
 */
/******************************
 Greyscale colours
 *******************************/
/******************************
 Colours
 ******************************/
/*
 Use these classnames in your HTML markup:
 as-no-dpui:
 Add to things that are meant to be displayed when NOT using enhanced UI controls. These are fallback controls.
 as-dpui:
 Add to things that ARE enhanced controls. These are typically added during pageload with JS.
 with-dpx:
 Add to containers that may or may not contain enhanced controls.
 The contents of these elements are hidden until after the page is done loading. This
 reduces the "flash" as JS runs to enhance controls.
 If there are many elements on a page, you might consider putting this on a 'high'
 parent (e.g., a <form>) to hide the entire contents until page load.
 */
body .as-no-dpui {
  display: block; }

body .as-dpui {
  display: none; }

body.with-dpui .as-no-dpui {
  display: none; }

body.with-dpui .as-dpui {
  display: block; }

body.with-js .with-dpx {
  visibility: hidden; }

body.with-js .with-dpx {
  visibility: hidden; }

.without-dpui .dpx-placeholder {
  display: none; }

body.with-js.with-dpui.with-pageload-dpx-done .dpx-placeholder {
  display: none; }

body.with-js.without-dpui.with-pageload-done .with-dpx {
  visibility: visible; }

body.with-js.with-dpui.with-pageload-dpx-done .with-dpx {
  visibility: visible; }

:root {
  --brand-primary: #993522;
  --danger: #d9534f;
  --warning: #f0ad4e;
  --neutral: #F8AF3C;
  --success: #5cb85c;
  --info: #5bc0de;
  --background-color: #fff;
  --text-color: #333;
  --text-color-lighter: #7a7a7a;
  --font-family-sans-serif: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --brand-primary-d-75: #7a2a1b;
  --brand-primary-d-100: #6f2719;
  --brand-primary-d-125: #652316;
  --brand-primary-d-150: #5a1f14;
  --brand-primary-l-100: #c3432b;
  --brand-primary-l-250: #db735f;
  --brand-primary-l-350: #e59789;
  --brand-primary-yiq: #fff;
  --brand-primary-d-75-yiq: #fff;
  --brand-primary-d-100-yiq: #fff;
  --brand-primary-rgb: 153, 53, 34;
  --danger-d-75: #d23430;
  --danger-d-100: #c9302c;
  --danger-d-125: #bf2e29;
  --danger-d-150: #b52b27;
  --danger-l-100: #e27c79;
  --danger-yiq: #fff;
  --danger-d-75-yiq: #fff;
  --danger-d-100-yiq: #fff;
  --danger-rgb: 217, 83, 79;
  --warning-d-75: #ed9d2b;
  --warning-d-100: #ec971f;
  --warning-d-125: #ea9214;
  --warning-d-150: #df8a13;
  --warning-l-100: #f4c37d;
  --warning-yiq: #212529;
  --warning-d-75-yiq: #212529;
  --warning-d-100-yiq: #212529;
  --warning-rgb: 240, 173, 78;
  --neutral-d-75: #f7a017;
  --neutral-d-100: #f69b0b;
  --neutral-d-125: #ec9408;
  --neutral-d-150: #df8c08;
  --neutral-l-100: #fac36d;
  --neutral-yiq: #212529;
  --neutral-d-75-yiq: #212529;
  --neutral-d-100-yiq: #212529;
  --neutral-rgb: 248, 175, 60;
  --success-d-75: #48a648;
  --success-d-100: #449d44;
  --success-d-125: #409440;
  --success-d-150: #3d8b3d;
  --success-l-100: #80c780;
  --success-yiq: #fff;
  --success-d-75-yiq: #fff;
  --success-d-100-yiq: #fff;
  --success-rgb: 92, 184, 92;
  --info-d-75: #3bb4d8;
  --info-d-100: #31b0d5;
  --info-d-125: #2aaacf;
  --info-d-150: #28a1c5;
  --info-l-100: #85d0e7;
  --info-yiq: #212529;
  --info-d-75-yiq: #fff;
  --info-d-100-yiq: #fff;
  --info-rgb: 91, 192, 222;
  --tcl-danger-b-6: #712b29;
  --tcl-danger-w-6: #eba6a3;
  --tcl-danger-w-10: #f7dddc;
  --tcl-danger-w-9: #f4cfce;
  --tcl-danger-w-9-d-50: #f0bab9;
  --tcl-danger-b-6-d-100: #4b1d1b;
  --tcl-info-b-6: #2f6473;
  --tcl-info-w-6: #aadeee;
  --tcl-info-w-10: #def2f8;
  --tcl-info-w-9: #d1edf6;
  --tcl-info-w-9-d-50: #bce5f1;
  --tcl-info-b-6-d-100: #20454f;
  --tcl-success-b-6: #306030;
  --tcl-success-w-6: #aadaaa;
  --tcl-success-w-10: #def1de;
  --tcl-success-w-9: #d1ebd1;
  --tcl-success-w-9-d-50: #c0e3c0;
  --tcl-success-b-6-d-100: #1f3e1f;
  --tcl-warning-b-6: #7d5a29;
  --tcl-warning-w-6: #f7d4a3;
  --tcl-warning-w-10: #fcefdc;
  --tcl-warning-w-9: #fbe8cd;
  --tcl-warning-w-9-d-50: #f9ddb6;
  --tcl-warning-b-6-d-100: #563e1c; }

/*
 Use this template to add custom CSS to your site.
 The code you enter here will be evaluated as SCSS which is an extension of CSS
 that adds nesting features, variables, mixins, inheritance and more.
 Read more about SCSS here: http://sass-lang.com/guide
 */
footer.dp-po-footer, .dp-po-loginform, #login.form-ticket, #login-page .dp-po-section.dp-po-block header:nth-of-type(2), #login-page .dp-po-section.dp-po-block section.padded:nth-of-type(3), h4.dropdown-item-text.dp-po-user-dropdown-title, #login-form-usersources div.dp-po-divider-text, #login-page header.large-title, #login-page hr.divider, .dp-po-account-email-action-item form, [href="/profile/password"], form[name="person_email"][action="/profile/emails"], [href="/profile/emails"], .db-po-post-rating-count, .dp-po-article-author, .dp-po-post-avatars, .row.align-items-end .dp-po-post-info {
  display: none !important; }

#person_profile_name {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none; }

.dp-po .dp-po-search {
  background-image: url(/file.php/18485PZZYPKTZPQ18484806CD602E/627cfd5479a60_oit.brown.edu_jira_1680x360.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.dp-po-homepage-navigation {
  margin-bottom: 35px !important; }

.dp-po-homepage-welcome-box {
  margin-bottom: 26px !important; }

.dp-po .dp-po-main {
  padding: 25px 0 !important; }

.dp-po .dp-po-search-form input[type=search] {
  opacity: 0.8; }

.dp-po .dp-po-search-form input[type=search]::placeholder {
  color: transparent; }

.dp-po .dp-po-search-form input[type=search]:hover::placeholder, .dp-po .dp-po-search-form input[type=search]:active::placeholder, .dp-po .dp-po-search-form input[type=search]:focus::placeholder {
  color: #8e8e8e; }

.dp-po .dp-po-search-form input[type=search]:active, .dp-po .dp-po-search-form input[type=search]:hover, .dp-po .dp-po-search-form input[type=search]:focus {
  opacity: 1; }

.dp-po .dp-po-search-form input[type=submit] {
  height: initial !important; }

.important-block-w {
  border: thin solid #f3f3f3;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px; }

.important-block {
  background: #f3f3f3;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid thin lightgray;
  border-radius: 5px; }

.important-block-r {
  background: #fff0f3;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid thin red;
  border-radius: 5px; }

.important-block-o {
  background: #ffa5001a;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid thin orange;
  border-radius: 5px; }

.important-block-b {
  background: #c9dbff;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid thin #0051ff;
  border-radius: 5px; }

.search-result-item {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px; }

.search-result-item h1 {
  font-size: 22px; }

.search-result-item p, .search-result-item span, .search-result-item hr {
  display: none !important; }

.search-result-meta {
  padding-left: 20px; }

.dp-po .dp-po-title {
  margin-bottom: 0px !important; }

.dp-po .dp-po-block {
  padding-top: 0px !important; }

.important-red {
  color: red;
  font-weight: bold !important; }

.col-sm-3.dp-po-sticky dl.dp-po-post-meta {
  display: none !important; }

.dp-po-article-list {
  padding-top: 20px !important; }

.dp-po-article-item .col-sm-9 a:before {
  content: "\25A0";
  color: #d3d6d7;
  font-weight: 600;
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  line-height: 0;
  transform: scale(0.7);
  top: 10px;
  left: 0; }

.dp-po .dp-po-article-item {
  border-bottom: none !important;
  padding: 10px 0 !important; }

.dp-po .dp-po-main {
  min-height: auto !important; }

a[href^="#anchor-"] {
  display: none !important; }

.dp-po .dp-po-post-content ol ul, .dp-po .dp-po-post-content ul ul {
  list-style-position: unset !important; }

.dp-po .dp-po-post-content ol ol, .dp-po .dp-po-post-content ul ol {
  list-style-position: unset !important; }

.form-group small {
  font-size: 14px !important;
  margin-bottom: 10px !important; }

div.dp-po-post-content.dp-po-block.dpx-hc-kb-article-content {
  overflow-wrap: break-word; }

.collapsible {
  margin-left: 10px !important;
  margin-top: 25px !important; }

.collapsible:hover, .collapsible.active {
  color: var(--brand-primary);
  cursor: pointer;
  font-weight: bold; }

.collapsible::before {
  content: ">"; }

.collapsible.active::before {
  content: ">";
  display: inline-block;
  transform: rotate(90deg); }

.dp-po .dp-po-post-content ol, .dp-po .dp-po-post-content ul {
  margin: 0px !important; }

#banner {
  display: block;
  height: auto;
  font-weight: bold;
  background-color: green;
  text-align: center;
  padding: 1px 0 1px 0; }

#banner a {
  text-decoration: none;
  color: white;
  font-family: Rubik, sans-serif;
  font-size: 1.18687rem;
  font-weight: 400; }

#banner[notice] {
  background-color: #E67E22; }

#banner a:hover {
  text-decoration: underline;
  /*font-weight: 900 !important;*/ }

#banner * {
  color: white !important; }

.svg-inline--fa.fa-angle-down.fa-w-10.fa-lg {
  display: none; }

.dpx-checkbox-group.checkboxes.dp-choice-widget-group.with-dpx.form-control label {
  display: block !important; }

.dp-po .dp-po-post-content table td, .dp-po .dp-po-post-content table th {
  padding: 0.5em 0.5em;
  border-color: #a9b0b0; }

.dp-po .react-select .react-select__control {
  height: auto !important; }

.customHelpText {
  font-size: 0.93712rem;
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #dee2e6; }