/* 
File: UoP Override CSS
Author: James Lenthall
Desciption: UoP Override is for fixes and customisation to the Tribal provided CSS
Version: 1.4.4
*/
/* --- BASIC ELEMENTS --- */
/* REMOVE FOCUS BOX */
a:focus,
button:focus,
input[type="button"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="submit"]:focus,
a:active:focus,
button:active:focus,
input[type="button"]:active:focus,
input[type="checkbox"]:active:focus,
input[type="radio"]:active:focus,
input[type="submit"]:active:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
hr {
  border-top-color: #ccc;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: #621360;
}
textarea {
  resize: vertical;
}
th {
  color: #621360;
}
/* --- ENVIRONMENT BANNER --- */
body.env-dev .sv-header-main::after,
body.env-test .sv-header-main::after,
body.env-train .sv-header-main::after,
body.env-preprod .sv-header-main::after {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}
body.env-dev .sv-header-main::after {
  content: 'DEV SYSTEM';
  color: #000;
  background: #F38A48;
}
body.env-test .sv-header-main::after {
  content: 'TEST SYSTEM';
  color: #FFF;
  background: #7C21C3;
}
body.env-train .sv-header-main::after {
  content: 'TRAIN SYSTEM';
  color: #FFF;
  background: #E83E8C;
}
body.env-preprod .sv-header-main::after {
  content: 'PREPROD SYSTEM';
  color: #000;
  background: #0CB196;
}
/* --- MESSAGE BOX  --- */
form[action="SIW_LGN"] .sv-message-box,
.sv-page-content > .sv-message-box {
  /* Accounts for page header negative margin on login screen */
  margin-bottom: 36px;
}
/* --- LOGIN SCREEN --- */
body.env-dev #uop-additional-login,
body.env-test #uop-additional-login,
body.env-train #uop-additional-login,
body.env-preprod #uop-additional-login {
  display: none;
}
/* --- MAIN NAV --- */
ul.sv-vnavbar-ul > li.sv-vnavbar-tier1.sv-vnavbar-active > a {
  color: #00A0FF;
}
ul.sv-vnavbar-ul > li.sv-vnavbar-tier1.sv-vnavbar-active:hover > a,
ul.sv-vnavbar-ul > li.sv-vnavbar-tier1.sv-vnavbar-active:focus-within > a,
ul.sv-vnavbar-ul > li.sv-vnavbar-tier1:not(.sv-vnavbar-active):hover > a > span.sv-vnavbar-tier1-expand:before {
  color: #fff;
}
ul.sv-vnavbar-ul > li.sv-vnavbar-tier1:not(.sv-vnavbar-active) > a > span.sv-vnavbar-icon:before {
  color: #999;
}
ul.sv-vnavbar-ul > li.sv-vnavbar-tier1:not(.sv-vnavbar-active):hover > a > span.sv-vnavbar-icon:before {
  color: #fff;
}
ul.sv-vnavbar-tier2-ul li.sv-vnavbar-tier2:not(.sv-vnavbar-tier2-header):not(.sv-vnavbar-tier2-header-full):hover {
  background: transparent;
}
ul.sv-vnavbar-tier2-ul li.sv-vnavbar-tier2:not(.sv-vnavbar-tier2-header):not(.sv-vnavbar-tier2-header-full):hover > a {
  background: #621360;
}
li.sv-vnavbar-tier1 span.sv-vnavbar-link,
li.sv-vnavbar-tier2 span.sv-vnavbar-link {
  font-weight: bold;
}
span.sv-vnavbar-icon.glyphicon.glyphicon-chevron-right:before {
  content: "\e258";
}
/* --- MAIN CONTENT --- */
/* MAIN HEADER */
/* MAIN HEADER - IPP */
body.uop-ipp .sv-header-main .sv-nav {
  width: auto;
}
body.uop-ipp .sv-navbar-default .sv-navbar-text {
  color: #621360;
}
/* PROFILE SECTION */
#profileSection a[href^="SIW_LGN_LOGOUT.start_url"] {
  margin-top: 10px;
}
/* PAGE HEADER */
.sv-page-header {
  /* Account for padding on page content container */
  margin-top: -18px;
}
.sv-page-header > p {
  background: rgba(98, 19, 96, 0.7);
  /*rgba(98, 18, 96, .7);*/
  padding: 3px 10px 5px;
  margin: 0;
}
.sv-page-header > p:first-of-type {
  padding-top: 10px;
}
.sv-page-header > p:last-of-type {
  padding-bottom: 18px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 9px;
}
.sv-page-header > p:empty {
  display: none;
  /* Hide empty p tags in the page header */
}
.sv-page-header a:not(.sv-btn) {
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  text-decoration: underline;
}
.sv-page-header a:not(.sv-btn):hover {
  color: rgba(255, 255, 255, 0.9);
}
.sv-page-header .sv-help-block {
  color: inherit;
}
.sv-panel ~ .sv-page-header {
  /* Accounts for page header negative margin on vista save and system messages */
  margin-top: 0;
}
#sitsportalpagetitle {
  margin-top: 0;
}
/* PAGE CONTENT */
.sv-page-content.sv-container-fluid {
  padding-top: 18px;
}
/* PAGE FOOTER */
.sv-footer-text a[href]:focus {
  border: none;
  outline: 0;
  box-shadow: none;
}
/* CHOSEN-EDGE.CSS */
div.chosen-container:focus > .chosen-choices,
ul.chosen-choices li.search-choice:focus,
ul.chosen-choices li.search-choice-focus,
div.chosen-container-active .chosen-choices,
div.chosen-container-active .chosen-single,
div.chosen-container-active .chosen-search-input:focus {
  border-color: #621360;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(98, 19, 96, 0.8);
}
div.chosen-container > .chosen-drop > .chosen-results li.highlighted {
  border-color: #621360;
  outline: 0;
  box-shadow: inset 0 0 0 3px rgba(98, 19, 96, 0.8);
  background: #eee;
}
/* --- PRA PAGES --- */
/* SIW_OPG */
form[action="SIW_OPG"] .opg_div_message_box {
  margin-bottom: 30px;
}
/* --- ALERTS --- */
.sv-alert h1,
.sv-alert h2,
.sv-alert h3,
.sv-alert h4,
.sv-alert h5,
.sv-alert h6,
.sv-alert .sv-alert-header {
  margin-top: 0;
}
.sv-alert .sv-alert-header {
  font-size: 17px;
  font-weight: bold;
}
.sv-alert-default {
  background-color: #fff;
  border-color: #ccc;
}
.sv-alert-primary {
  background-color: rgba(98, 19, 96, 0.1);
  border-color: rgba(98, 19, 96, 0.5);
  color: #621360;
}
.sv-alert-primary hr {
  border-top-color: #621360;
}
.sv-alert-primary .sv-alert-link {
  color: #621360;
}
.sv-alert-info {
  background-color: rgba(0, 160, 255, 0.1);
  border-color: rgba(0, 160, 255, 0.5);
  color: #006099;
}
.sv-alert-info hr {
  border-top-color: #00A0FF;
}
.sv-alert-info .sv-alert-link {
  color: #006099;
}
.sv-alert-success {
  background-color: rgba(51, 204, 51, 0.1);
  border-color: rgba(51, 204, 51, 0.5);
  color: #1f7a1f;
}
.sv-alert-success hr {
  border-top-color: #33cc33;
}
.sv-alert-success .sv-alert-link {
  color: #1f7a1f;
}
.sv-alert-warning {
  background-color: rgba(240, 221, 0, 0.1);
  border-color: rgba(240, 221, 0, 0.5);
  color: #8a7f00;
}
.sv-alert-warning hr {
  border-top-color: #F0DD00;
}
.sv-alert-warning .sv-alert-link {
  color: #8a7f00;
}
.sv-alert-danger {
  background-color: rgba(204, 51, 51, 0.1);
  border-color: rgba(204, 51, 51, 0.5);
  color: #a32929;
}
.sv-alert-danger hr {
  border-top-color: #CC3333;
}
.sv-alert-danger .sv-alert-link {
  color: #a32929;
}
.sv-alert-light {
  background-color: rgba(171, 170, 170, 0.1);
  border-color: rgba(171, 170, 170, 0.5);
  color: #787777;
}
.sv-alert-light hr {
  border-top-color: #ABAAAA;
}
.sv-alert-light .sv-alert-link {
  color: #787777;
}
.sv-alert-dark {
  background-color: rgba(80, 84, 87, 0.1);
  border-color: rgba(80, 84, 87, 0.5);
  color: #383a3c;
}
.sv-alert-dark hr {
  border-top-color: #505457;
}
.sv-alert-dark .sv-alert-link {
  color: #383a3c;
}
/* ALERT WITH ICON */
.sv-alert-success.sv-alert-icon,
.sv-alert-info.sv-alert-icon,
.sv-alert-warning.sv-alert-icon,
.sv-alert-danger.sv-alert-icon {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 30px;
}
.sv-alert-success.sv-alert-icon::before,
.sv-alert-info.sv-alert-icon::before,
.sv-alert-warning.sv-alert-icon::before,
.sv-alert-danger.sv-alert-icon::before {
  content: '\e101';
  position: absolute;
  top: 5px;
  left: -15px;
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Glyphicons Halflings';
  font-size: 30px;
  line-height: 40px;
  text-align: right;
  width: 40px;
  height: 40px;
  border-radius: 0 100% 100% 0;
  padding-right: 5px;
}
.sv-alert-success.sv-alert-icon::before {
  content: '\e084';
}
.sv-alert-info.sv-alert-icon::before {
  content: '\e086';
}
.sv-alert-warning.sv-alert-icon::before,
.sv-alert-danger.sv-alert-icon::before {
  content: '\e101';
}
.sv-alert-success.sv-alert-icon::before {
  background-color: #29a329;
}
.sv-alert-info.sv-alert-icon::before {
  background-color: #0080cc;
}
.sv-alert-warning.sv-alert-icon::before {
  background-color: #bdae00;
}
.sv-alert-danger.sv-alert-icon::before {
  background-color: #a32929;
}
.sv-alert-success.sv-alert-icon::after,
.sv-alert-info.sv-alert-icon::after,
.sv-alert-warning.sv-alert-icon::after,
.sv-alert-danger.sv-alert-icon::after {
  content: ' ';
  position: absolute;
  top: 45px;
  left: -15px;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 7.5px;
}
.sv-alert-success.sv-alert-icon::after {
  border-top-color: #145214;
  border-right-color: #145214;
}
.sv-alert-info.sv-alert-icon::after {
  border-top-color: #004066;
  border-right-color: #004066;
}
.sv-alert-warning.sv-alert-icon::after {
  border-top-color: #575000;
  border-right-color: #575000;
}
.sv-alert-danger.sv-alert-icon::after {
  border-top-color: #521414;
  border-right-color: #521414;
}
/* --- BADGES --- */
.sv-badge-primary {
  color: #fff;
  background-color: #621360;
}
.sv-badge-info {
  color: #fff;
  background-color: #00A0FF;
}
.sv-badge-success {
  color: #fff;
  background-color: #33cc33;
}
/* --- BUTTONS --- */
.sv-btn-default:focus,
.sv-btn-primary:focus,
.sv-btn-success:focus,
.sv-btn-info:focus,
.sv-btn-warning:focus,
.sv-btn-danger:focus,
a.sv-list-group-item:focus,
.ui-button:focus,
.sv-btn-default:active:focus,
.sv-btn-primary:active:focus,
.sv-btn-success:active:focus,
.sv-btn-info:active:focus,
.sv-btn-warning:active:focus,
.sv-btn-danger:active:focus,
a.sv-list-group-item:active:focus,
.ui-button:active:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.sv-btn-default,
.sv-btn-default:hover {
  border-color: #ccc;
}
.sv-btn-default:focus,
.sv-btn-default:active:focus {
  border-color: #ddd;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.8);
}
.sv-btn-primary,
.sv-btn-primary:hover {
  border-color: #370b36;
}
.sv-btn-primary:focus,
.sv-btn-primary:active:focus .sv-btn-primary.sv-active:focus,
.sv-btn-primary.sv-focus,
.sv-btn-primary:active.sv-focus,
.sv-btn-primary.sv-active.sv-focus {
  border-color: rgba(98, 19, 96, 0.5);
  box-shadow: 0 0 0 3px rgba(98, 19, 96, 0.8);
}
.sv-btn-info,
.sv-btn-info:hover {
  border-color: #0080cc;
}
.sv-btn-info:focus,
.sv-btn-info:active:focus .sv-btn-info.sv-active:focus,
.sv-btn-info.sv-focus,
.sv-btn-info:active.sv-focus,
.sv-btn-info.sv-active.sv-focus {
  border-color: rgba(0, 160, 255, 0.5);
  box-shadow: 0 0 0 3px rgba(0, 160, 255, 0.8);
}
.sv-btn-success,
.sv-btn-success:hover {
  border-color: #29a329;
}
.sv-btn-success:focus,
.sv-btn-success:active:focus .sv-btn-success.sv-active:focus,
.sv-btn-success.sv-focus,
.sv-btn-success:active.sv-focus,
.sv-btn-success.sv-active.sv-focus {
  border-color: rgba(51, 204, 51, 0.5);
  box-shadow: 0 0 0 3px rgba(51, 204, 51, 0.8);
}
.sv-btn-warning,
.sv-btn-warning:hover {
  border-color: #bdae00;
}
.sv-btn-warning:focus,
.sv-btn-warning:active:focus .sv-btn-warning.sv-active:focus,
.sv-btn-warning.sv-focus,
.sv-btn-warning:active.sv-focus,
.sv-btn-warning.sv-active.sv-focus {
  border-color: rgba(240, 221, 0, 0.5);
  box-shadow: 0 0 0 3px rgba(240, 221, 0, 0.8);
}
.sv-btn-danger,
.sv-btn-danger:hover {
  border-color: #a32929;
}
.sv-btn-danger:focus,
.sv-btn-danger:active:focus .sv-btn-danger.sv-active:focus,
.sv-btn-danger.sv-focus,
.sv-btn-danger:active.sv-focus,
.sv-btn-danger.sv-active.sv-focus {
  border-color: rgba(204, 51, 51, 0.5);
  box-shadow: 0 0 0 3px rgba(204, 51, 51, 0.8);
}
a.sv-list-group-item:focus,
a.sv-list-group-item:active:focus {
  border-color: #dbdbdb;
}
/* --- CALLOUT --- */
/* Callout can be found in uop-utilities.css as they are standalone and not part of Tribal's bootstrap */
/* Callouts start uop- not sv- */
/* --- DIALOG --- */
.ui-dialog[aria-describedby="dialog-primary"] .ui-widget-header {
  background-color: transparent !important;
  padding-left: 0;
  border-bottom: 2px solid #621360;
  margin: 0 10px;
}
.ui-dialog[aria-describedby="dialog-primary"] .ui-widget-header .ui-dialog-title {
  color: #621360;
  background-color: transparent !important;
}
.ui-dialog[aria-describedby="dialog-primary"] .ui-dialog-buttonpane {
  background-color: rgba(98, 19, 96, 0.1);
}
.ui-dialog[aria-describedby="dialog-primary"] .ui-dialog-buttonset .ui-button:last-child {
  color: #fff;
  background-color: #621360 !important;
  border-color: #621360 !important;
}
.ui-dialog[aria-describedby="dialog-primary"] .ui-dialog-buttonset .ui-button:last-child:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(55, 11, 54, 0.8);
}
.ui-dialog[aria-describedby="dialog-primary"] .ui-dialog-buttonset .ui-button:last-child:hover {
  background-color: #370b36 !important;
}
.ui-dialog[aria-describedby="dialog-info"] .ui-widget-header {
  background-color: transparent !important;
  padding-left: 0;
  border-bottom: 2px solid #00A0FF;
  margin: 0 10px;
}
.ui-dialog[aria-describedby="dialog-info"] .ui-widget-header .ui-dialog-title {
  color: #00A0FF;
  background-color: transparent !important;
}
.ui-dialog[aria-describedby="dialog-info"] .ui-dialog-buttonpane {
  background-color: rgba(0, 160, 255, 0.1);
}
.ui-dialog[aria-describedby="dialog-info"] .ui-dialog-buttonset .ui-button:last-child {
  color: #fff;
  background-color: #00A0FF !important;
  border-color: #00A0FF !important;
}
.ui-dialog[aria-describedby="dialog-info"] .ui-dialog-buttonset .ui-button:last-child:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 128, 204, 0.8);
}
.ui-dialog[aria-describedby="dialog-info"] .ui-dialog-buttonset .ui-button:last-child:hover {
  background-color: #0080cc !important;
}
.ui-dialog[aria-describedby="dialog-success"] .ui-widget-header {
  background-color: transparent !important;
  padding-left: 0;
  border-bottom: 2px solid #33cc33;
  margin: 0 10px;
}
.ui-dialog[aria-describedby="dialog-success"] .ui-widget-header .ui-dialog-title {
  color: #33cc33;
  background-color: transparent !important;
}
.ui-dialog[aria-describedby="dialog-success"] .ui-dialog-buttonpane {
  background-color: rgba(51, 204, 51, 0.1);
}
.ui-dialog[aria-describedby="dialog-success"] .ui-dialog-buttonset .ui-button:last-child {
  color: #fff;
  background-color: #33cc33 !important;
  border-color: #33cc33 !important;
}
.ui-dialog[aria-describedby="dialog-success"] .ui-dialog-buttonset .ui-button:last-child:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(41, 163, 41, 0.8);
}
.ui-dialog[aria-describedby="dialog-success"] .ui-dialog-buttonset .ui-button:last-child:hover {
  background-color: #29a329 !important;
}
.ui-dialog[aria-describedby="dialog-warning"] .ui-widget-header {
  background-color: transparent !important;
  padding-left: 0;
  border-bottom: 2px solid #F0DD00;
  margin: 0 10px;
}
.ui-dialog[aria-describedby="dialog-warning"] .ui-widget-header .ui-dialog-title {
  color: #bdae00;
  background-color: transparent !important;
}
.ui-dialog[aria-describedby="dialog-warning"] .ui-dialog-buttonpane {
  background-color: rgba(240, 221, 0, 0.1);
}
.ui-dialog[aria-describedby="dialog-warning"] .ui-dialog-buttonset .ui-button:last-child {
  color: #333;
  background-color: #F0DD00 !important;
  border-color: #F0DD00 !important;
}
.ui-dialog[aria-describedby="dialog-warning"] .ui-dialog-buttonset .ui-button:last-child:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(189, 174, 0, 0.8);
}
.ui-dialog[aria-describedby="dialog-warning"] .ui-dialog-buttonset .ui-button:last-child:hover {
  background-color: #bdae00 !important;
}
.ui-dialog[aria-describedby="dialog-danger"] .ui-widget-header {
  background-color: transparent !important;
  padding-left: 0;
  border-bottom: 2px solid #CC3333;
  margin: 0 10px;
}
.ui-dialog[aria-describedby="dialog-danger"] .ui-widget-header .ui-dialog-title {
  color: #CC3333;
  background-color: transparent !important;
}
.ui-dialog[aria-describedby="dialog-danger"] .ui-dialog-buttonpane {
  background-color: rgba(204, 51, 51, 0.1);
}
.ui-dialog[aria-describedby="dialog-danger"] .ui-dialog-buttonset .ui-button:last-child {
  color: #fff;
  background-color: #CC3333 !important;
  border-color: #CC3333 !important;
}
.ui-dialog[aria-describedby="dialog-danger"] .ui-dialog-buttonset .ui-button:last-child:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(163, 41, 41, 0.8);
}
.ui-dialog[aria-describedby="dialog-danger"] .ui-dialog-buttonset .ui-button:last-child:hover {
  background-color: #a32929 !important;
}
/* --- LIST GROUP  --- */
.sv-list-group-item.sv-active,
.sv-list-group-item.sv-active:hover,
.sv-list-group-item.sv-active:focus {
  color: #00A0FF;
  background-color: #fff;
}
.sv-list-group-item-primary {
  color: #fff;
  background-color: #621360;
}
.sv-list-group-item-primary.sv-disabled,
.sv-list-group-item-primary.sv-disabled:hover,
.sv-list-group-item-primary.sv-disabled:focus {
  background-color: #dbbddb;
}
.sv-list-group-item-primary.sv-active,
.sv-list-group-item-primary.sv-active:hover,
.sv-list-group-item-primary.sv-active:focus {
  color: #621360;
  background-color: #fff;
}
.sv-list-group-item-info.sv-disabled,
.sv-list-group-item-info.sv-disabled:hover,
.sv-list-group-item-info.sv-disabled:focus {
  background-color: #ccecff;
}
.sv-list-group-item-info.sv-active,
.sv-list-group-item-info.sv-active:hover,
.sv-list-group-item-info.sv-active:focus {
  color: #00A0FF;
  background-color: #fff;
}
.sv-list-group-item-success.sv-disabled,
.sv-list-group-item-success.sv-disabled:hover,
.sv-list-group-item-success.sv-disabled:focus {
  background-color: #d6f5d6;
}
.sv-list-group-item-success.sv-active,
.sv-list-group-item-success.sv-active:hover,
.sv-list-group-item-success.sv-active:focus {
  color: #33cc33;
  background-color: #fff;
}
.sv-list-group-item-warning.sv-disabled,
.sv-list-group-item-warning.sv-disabled:hover,
.sv-list-group-item-warning.sv-disabled:focus {
  background-color: #fffabd;
}
.sv-list-group-item-warning.sv-active,
.sv-list-group-item-warning.sv-active:hover,
.sv-list-group-item-warning.sv-active:focus {
  color: #bdae00;
  background-color: #fff;
}
.sv-list-group-item-danger.sv-disabled,
.sv-list-group-item-danger.sv-disabled:hover,
.sv-list-group-item-danger.sv-disabled:focus {
  background-color: #f5d6d6;
}
.sv-list-group-item-danger.sv-active,
.sv-list-group-item-danger.sv-active:hover,
.sv-list-group-item-danger.sv-active:focus {
  color: #CC3333;
  background-color: #fff;
}
/* --- NAV  --- */
.sv-nav > li > a:hover {
  color: #fff;
}
.sv-nav > li > a:hover,
.sv-nav > li > a:focus {
  z-index: 99;
  /* For some reason this is 100 in sv.css but goes over header*/
}
/* PILLS */
.sv-nav-pills > li.sv-active > a,
.sv-nav-pills > li.sv-active > a:hover,
.sv-nav-pills > li.sv-active > a:focus {
  color: #00a0ff;
  background-color: #fff;
}
.sv-nav-pills > li .sv-active > a,
.sv-nav-pills > li .sv-active > a:hover,
.sv-nav-pills > li .sv-active > a:focus {
  color: #00A0FF;
  background-color: #fff;
}
/* TABS */
/* --- PAGINATION --- */
.sv-pagination > li > a,
.sv-pagination > li > span,
.sv-pagination > li > input[type='submit'] {
  line-height: 1.2;
  text-align: center;
}
/* --- PANELS --- */
.sv-panel-heading {
  border-bottom-width: 2px;
}
.sv-panel > .sv-panel-heading[style*="background-color:purple" i] {
  /*For CON panels with CON_TCOL set*/
  color: #fff;
}
.sv-panel {
  border-width: 2px;
}
.sv-panel[style*="border-color:purple" i] {
  /*For CON panels with CON_TCOL set*/
  border-radius: 5px;
}
.sv-panel-footer {
  border: none;
}
.sv-panel-default,
.sv-panel-primary,
.sv-panel-success,
.sv-panel-info,
.sv-panel-warning,
.sv-panel-danger {
  border-color: transparent;
}
.sv-panel-default > .sv-panel-heading,
.sv-panel-primary > .sv-panel-heading,
.sv-panel-success > .sv-panel-heading,
.sv-panel-info > .sv-panel-heading,
.sv-panel-warning > .sv-panel-heading,
.sv-panel-danger > .sv-panel-heading {
  background-color: transparent;
}
.sv-panel-default > .sv-panel-heading {
  border-bottom-color: #ABAAAA;
}
.sv-panel-default > .sv-panel-footer {
  background-color: #eee;
}
.sv-panel-primary > .sv-panel-heading {
  color: #621360;
  border-bottom-color: rgba(98, 19, 96, 0.5);
}
.sv-panel-primary.sv-panel-collapsible > .sv-panel-heading:hover,
.sv-panel-primary > .sv-panel-footer {
  background-color: rgba(98, 19, 96, 0.1);
}
.sv-panel-primary.sv-panel-collapsible > .sv-panel-heading:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.sv-panel-primary.sv-panel-collapsible > .sv-panel-heading:focus:not(:hover) {
  background-color: transparent;
}
.sv-panel-primary.sv-panel-collapsible > .sv-panel-body {
  border-top: 2px solid rgba(98, 19, 96, 0.5);
}
.sv-panel-primary a[href^="../run/SIW_PORTAL.MIN"]:focus::before,
.sv-panel-primary a[href^="../run/SIW_PORTAL.OPEN"]:focus::before {
  border-color: #621360;
}
.sv-panel-info > .sv-panel-heading {
  color: #00A0FF;
  border-bottom-color: rgba(0, 160, 255, 0.5);
}
.sv-panel-info.sv-panel-collapsible > .sv-panel-heading:hover,
.sv-panel-info > .sv-panel-footer {
  background-color: rgba(0, 160, 255, 0.1);
}
.sv-panel-info.sv-panel-collapsible > .sv-panel-heading:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.sv-panel-info.sv-panel-collapsible > .sv-panel-heading:focus:not(:hover) {
  background-color: transparent;
}
.sv-panel-info.sv-panel-collapsible > .sv-panel-body {
  border-top: 2px solid rgba(0, 160, 255, 0.5);
}
.sv-panel-info a[href^="../run/SIW_PORTAL.MIN"]:focus::before,
.sv-panel-info a[href^="../run/SIW_PORTAL.OPEN"]:focus::before {
  border-color: #00A0FF;
}
.sv-panel-success > .sv-panel-heading {
  color: #33cc33;
  border-bottom-color: rgba(51, 204, 51, 0.5);
}
.sv-panel-success.sv-panel-collapsible > .sv-panel-heading:hover,
.sv-panel-success > .sv-panel-footer {
  background-color: rgba(51, 204, 51, 0.1);
}
.sv-panel-success.sv-panel-collapsible > .sv-panel-heading:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.sv-panel-success.sv-panel-collapsible > .sv-panel-heading:focus:not(:hover) {
  background-color: transparent;
}
.sv-panel-success.sv-panel-collapsible > .sv-panel-body {
  border-top: 2px solid rgba(51, 204, 51, 0.5);
}
.sv-panel-success a[href^="../run/SIW_PORTAL.MIN"]:focus::before,
.sv-panel-success a[href^="../run/SIW_PORTAL.OPEN"]:focus::before {
  border-color: #33cc33;
}
.sv-panel-warning > .sv-panel-heading {
  color: #bdae00;
  border-bottom-color: rgba(240, 221, 0, 0.5);
}
.sv-panel-warning.sv-panel-collapsible > .sv-panel-heading:hover,
.sv-panel-warning > .sv-panel-footer {
  background-color: rgba(240, 221, 0, 0.1);
}
.sv-panel-warning.sv-panel-collapsible > .sv-panel-heading:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.sv-panel-warning.sv-panel-collapsible > .sv-panel-heading:focus:not(:hover) {
  background-color: transparent;
}
.sv-panel-warning.sv-panel-collapsible > .sv-panel-body {
  border-top: 2px solid rgba(240, 221, 0, 0.5);
}
.sv-panel-warning a[href^="../run/SIW_PORTAL.MIN"]:focus::before,
.sv-panel-warning a[href^="../run/SIW_PORTAL.OPEN"]:focus::before {
  border-color: #F0DD00;
}
.sv-panel-danger > .sv-panel-heading {
  color: #CC3333;
  border-bottom-color: rgba(204, 51, 51, 0.5);
}
.sv-panel-danger.sv-panel-collapsible > .sv-panel-heading:hover,
.sv-panel-danger > .sv-panel-footer {
  background-color: rgba(204, 51, 51, 0.1);
}
.sv-panel-danger.sv-panel-collapsible > .sv-panel-heading:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.sv-panel-danger.sv-panel-collapsible > .sv-panel-heading:focus:not(:hover) {
  background-color: transparent;
}
.sv-panel-danger.sv-panel-collapsible > .sv-panel-body {
  border-top: 2px solid rgba(204, 51, 51, 0.5);
}
.sv-panel-danger a[href^="../run/SIW_PORTAL.MIN"]:focus::before,
.sv-panel-danger a[href^="../run/SIW_PORTAL.OPEN"]:focus::before {
  border-color: #CC3333;
}
/* MIN/MAX Buttons */
a[href^="../run/SIW_PORTAL.MIN"],
a[href^="../run/SIW_PORTAL.OPEN"] {
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: 0.75;
}
a[href^="../run/SIW_PORTAL.MIN"]:hover,
a[href^="../run/SIW_PORTAL.OPEN"]:hover {
  opacity: 1;
}
a[href^="../run/SIW_PORTAL.MIN"]:focus,
a[href^="../run/SIW_PORTAL.OPEN"]:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
a[href^="../run/SIW_PORTAL.MIN"]:focus::before,
a[href^="../run/SIW_PORTAL.OPEN"]:focus::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 2px;
  width: calc(100% - 2px);
  height: 100%;
  border-style: solid;
  border-width: 3px;
}
/* --- TABLES --- */
.sv-table > thead > tr > td.sv-info,
.sv-table > tbody > tr > td.sv-info,
.sv-table > tfoot > tr > td.sv-info,
.sv-table > thead > tr > th.sv-info,
.sv-table > tbody > tr > th.sv-info,
.sv-table > tfoot > tr > th.sv-info,
.sv-table > thead > tr.sv-info > td,
.sv-table > tbody > tr.sv-info > td,
.sv-table > tfoot > tr.sv-info > td,
.sv-table > thead > tr.sv-info > th,
.sv-table > tbody > tr.sv-info > th,
.sv-table > tfoot > tr.sv-info > th {
  background-color: rgba(0, 160, 255, 0.2);
}
.sv-table-hover > tbody > tr > td.sv-info:hover,
.sv-table-hover > tbody > tr > th.sv-info:hover,
.sv-table-hover > tbody > tr.sv-info:hover > td,
.sv-table-hover > tbody > tr:hover > .sv-info,
.sv-table-hover > tbody > tr.sv-info:hover > th {
  background-color: rgba(0, 160, 255, 0.3);
}
.sv-table > thead > tr > td.sv-success,
.sv-table > tbody > tr > td.sv-success,
.sv-table > tfoot > tr > td.sv-success,
.sv-table > thead > tr > th.sv-success,
.sv-table > tbody > tr > th.sv-success,
.sv-table > tfoot > tr > th.sv-success,
.sv-table > thead > tr.sv-success > td,
.sv-table > tbody > tr.sv-success > td,
.sv-table > tfoot > tr.sv-success > td,
.sv-table > thead > tr.sv-success > th,
.sv-table > tbody > tr.sv-success > th,
.sv-table > tfoot > tr.sv-success > th {
  background-color: rgba(51, 204, 51, 0.2);
}
.sv-table-hover > tbody > tr > td.sv-success:hover,
.sv-table-hover > tbody > tr > th.sv-success:hover,
.sv-table-hover > tbody > tr.sv-success:hover > td,
.sv-table-hover > tbody > tr:hover > .sv-success,
.sv-table-hover > tbody > tr.sv-success:hover > th {
  background-color: rgba(51, 204, 51, 0.3);
}
.sv-table > thead > tr > td.sv-warning,
.sv-table > tbody > tr > td.sv-warning,
.sv-table > tfoot > tr > td.sv-warning,
.sv-table > thead > tr > th.sv-warning,
.sv-table > tbody > tr > th.sv-warning,
.sv-table > tfoot > tr > th.sv-warning,
.sv-table > thead > tr.sv-warning > td,
.sv-table > tbody > tr.sv-warning > td,
.sv-table > tfoot > tr.sv-warning > td,
.sv-table > thead > tr.sv-warning > th,
.sv-table > tbody > tr.sv-warning > th,
.sv-table > tfoot > tr.sv-warning > th {
  background-color: rgba(240, 221, 0, 0.2);
}
.sv-table-hover > tbody > tr > td.sv-warning:hover,
.sv-table-hover > tbody > tr > th.sv-warning:hover,
.sv-table-hover > tbody > tr.sv-warning:hover > td,
.sv-table-hover > tbody > tr:hover > .sv-warning,
.sv-table-hover > tbody > tr.sv-warning:hover > th {
  background-color: rgba(240, 221, 0, 0.3);
}
.sv-table > thead > tr > td.sv-danger,
.sv-table > tbody > tr > td.sv-danger,
.sv-table > tfoot > tr > td.sv-danger,
.sv-table > thead > tr > th.sv-danger,
.sv-table > tbody > tr > th.sv-danger,
.sv-table > tfoot > tr > th.sv-danger,
.sv-table > thead > tr.sv-danger > td,
.sv-table > tbody > tr.sv-danger > td,
.sv-table > tfoot > tr.sv-danger > td,
.sv-table > thead > tr.sv-danger > th,
.sv-table > tbody > tr.sv-danger > th,
.sv-table > tfoot > tr.sv-danger > th {
  background-color: rgba(204, 51, 51, 0.2);
}
.sv-table-hover > tbody > tr > td.sv-danger:hover,
.sv-table-hover > tbody > tr > th.sv-danger:hover,
.sv-table-hover > tbody > tr.sv-danger:hover > td,
.sv-table-hover > tbody > tr:hover > .sv-danger,
.sv-table-hover > tbody > tr.sv-danger:hover > th {
  background-color: rgba(204, 51, 51, 0.3);
}
/* --- MEDIA QUERIES --- */
@media (min-width: 992px) {
  /* --- ENVIRONMENT BANNER --- */
  body.env-dev .sv-content-header-fixed,
  body.env-test .sv-content-header-fixed,
  body.env-train .sv-content-header-fixed,
  body.env-preprod .sv-content-header-fixed {
    margin-top: 100px;
    /* 65px + uop environment banner */
  }
}
/* for sm and <  */
/* start large & xl breakpoint */
@media only screen and (min-width: 992px) {
  /* --- ENVIRONMENT BANNER --- */
  body.env-dev .sv-vnavbar,
  body.env-test .sv-vnavbar,
  body.env-train .sv-vnavbar,
  body.env-preprod .sv-vnavbar {
    top: 100px;
    /* 65px + uop environment banner */
  }
  body.env-dev .sv-page-content-wrapper,
  body.env-test .sv-page-content-wrapper,
  body.env-train .sv-page-content-wrapper,
  body.env-preprod .sv-page-content-wrapper {
    min-height: calc(100vh - 100px);
  }
  /* --- MAIN NAV --- */
  body.env-dev .sv-vnavbar-ul,
  body.env-dev .sv-vnavbar-tier2-ul,
  body.env-test .sv-vnavbar-ul,
  body.env-test .sv-vnavbar-tier2-ul,
  body.env-train .sv-vnavbar-ul,
  body.env-train .sv-vnavbar-tier2-ul,
  body.env-preprod .sv-vnavbar-ul,
  body.env-preprod .sv-vnavbar-tier2-ul {
    min-height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
  }
}