@import url("/images/inst1/fonts/uw-rh/fonts.0.0.1.css");


:root {
    --uwRed: #c5050c;
    --uwRedHover: #9B0000;
    --uwBlue: #0479a8;
    --uwBlueHover: #036890;
    --uwBgDark: #282728;
    --uwBgGray: #dadfe1;
    --uwBgLight: #f7f7f7;
    --uwTextDark: #494949;
    --statusGreen: #0f7632;
    --uwHeadingFont: "Red Hat Display", sans-serif;
    --uwBodyFont: "Red Hat Text", sans-serif;
}

/* Core Element Styles and Widths */

body {
    background-color: var(--uwBgDark);
    color: var(--uwTextDark);
    font-family: var(--uwBodyFont), sans-serif;
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400;
}

#body-container {
    background: #fff;
}

#container {
    background: var(--uwBgLight);
    border-top: 1px solid #cfcfcf;
    min-width: 400px;
    position: relative;
    width: 100% !important;
}

#middle-sect1, #middle-sect2, #middle-sect22, #middle-sect3 {
    margin: auto;
    max-width: 75rem;
    padding:1rem 0;
}

#middle-sect1 {
    padding:1rem!important;
}

h1,h2,h3,h4 {
    font-family: var(--uwHeadingFont), sans-serif;
    font-weight: 675;
}

h1 {
	font-size: 2.25rem;
	font-weight: 630;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.375rem;
}

h4 {
	font-size: 1.125rem;
}

img {
    border: medium none;
    max-width: 100%;
}

a, a:visited {
   color: var(--uwBlue);
   text-decoration: underline;
}

a:hover, a:focus {
    color: var(--uwBlueHover);
}

a[name] {
	color:inherit; 
	background-color:inherit; 
	text-decoration:inherit;
}

.kb-common-chevron {
    margin: -8px 25px 0 0;
    transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}

.head .kb-common-chevron {
    margin: 7px 18px;
    display: inline-block;
    position: absolute;
    line-height: .25rem;
}

.kb-common-collapsed .kb-common-chevron {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.kb-common-collapsed .head .kb-common-chevron {
	margin: 5px 28px !important;
}

.kb-common-collapsed h2 .kb-common-chevron {
    margin: -8px 10px 0 0 !important;
}

/* Header, Logo, Search */

#top-links, #top-links-int {
    background-color: var(--uwRed);
    padding:0;

}

#top-left-links li, #top-right-links li {
    border-left: 0px solid #eeeeee;
    display: inline-block;
    font-size: .825rem;
    line-height: 2.2rem;
    padding: 0 .95rem;
    text-transform: uppercase;
    font-weight: 620;
}

#top-left-links a:hover, #top-right-links 
a:hover {
    text-decoration: none;
}


#logo-search {
    background-color: #ffffff;
    color: var(--uwTextDark);
    padding: .85rem 0 0;
    min-height: 79px;
}

#group-logo {
    max-width: 75rem;
    margin: auto;
}

#group-logo img {
    padding-left: .8rem;
    max-width: 95%;
}

#logo-search > #group-logo {
    padding-bottom: .35rem;
}

#group-logo a, #group-logo a:hover {
	display: flex;
}

#group-logo img {
	width:40px;
	height:62px;
	margin:auto .8rem auto 0;
}

#group-logo .group-name-hide {
    display: inline-block;
    line-height: 1.1;
    padding: .5rem 0 0 0;
    color: var(--uwRed);
    font-weight: 800;
    font-size: 1.25rem;
    margin: auto 0;
    text-shadow: none;
    font-family: var(--uwHeadingFont), sans-serif;
    text-align: left;
}

.group-name-hide::after {
    content: "KnowledgeBase";
    display: block;
    font-size: .95rem;
    text-transform: initial;
    margin: .1rem 0 .1rem .2rem;
    color: var(--uwTextDark);
    font-weight: 600 !important;
    text-align: left;
}

.logo-search {
    max-width: 75rem;
    padding-bottom: .35rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.span_logo-search_1_of_2, .span_logo-search_2_of_2 {
    width:auto;
    flex: 1 1 auto;
}

#search-form {
    font-size: .95rem;
    margin-top: -.3rem;
    white-space: normal;
}

#search-form.lower {
    background-color: var(--uwBgGray);
    padding: .4rem 0 1.25rem 0;
}

#search-form.upper form {
    padding-left: 1rem;
}

.yes_match {
    color: var(--statusGreen);
}

.no_match {
    color: var(--uwRed);
}

.suggest-doc1 a {
    color: var(--uwBlue);
    text-decoration: underline;
}

.suggest-doc1 a:hover {
    color: var(--uwBlueHover);
}

#search-form .inputBox {
    font-size: 1rem;
    font-family: inherit;
    padding: .5rem;
    line-height:1.1rem;
}

#search-form.lower .inputBox {
    margin-left: 1rem;
}

#search-form .selectBox {
  font-size: 1rem;
  height: 40px;
  font-family: var(--uwBodyFont);
}

#search-form .search {
    font-size: 1rem;
    font-weight: normal;
    font-family: var(--uwBodyFont), sans-serif;
    background: var(--uwRed);
    padding: .6em 0.8rem;
    color: #fff;
    cursor: pointer;
    border: none;
}

#search-form .search:hover {
    background: var(--uwRedHover);
}

#search-form a.advanced {
    border: 1px solid #999999;
    color: #000000;
    font-size: .8rem;
    padding: 1px 6px 2px;
    text-decoration: none;
}

#search-form a.advanced:hover {
    color: var(--uwBlue);
    text-decoration: underline;
}

#search-form.lower a.advanced {
	background: #FFFFFF;
}
	
/* Link Bars and Dropdown Menus */

#under-logo-links, #under-search-links, div#mouseover-dropdown {
    background-image: none;
    background-color: #ffffff;
    border-top: 1px solid #cfcfcf;
    border-bottom: none;
    height: auto;
}

#under-logo-links ul, #under-search-links ul, div#mouseover-dropdown ul {
    margin: 0 auto;
    text-align: left;
    max-width: 73rem;
    padding: 0 1rem;
}

#under-logo-links li, #under-search-links li, div#mouseover-dropdown li {
    background: rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.25;
}

#under-logo-links li, #under-search-links li {
    padding: 0 .95rem;
}

div#mouseover-dropdown li {
    padding: 0 .95rem; 
}

#under-logo-links li.first, #under-search-links li.first, div#mouseover-dropdown li:first-child {
    padding-left: 0;
}

#under-logo-links li a, #under-search-links li a, div#mouseover-dropdown span {
    color: var(--uwBgDark);
    display: inline-block;
    padding: .3rem 0 .1rem 0;
    margin: .8rem 0;
    border-bottom: .2rem solid transparent;
}

div#mouseover-dropdown span {
	padding-right: 1.1rem;
}

#under-search-links ul li a:hover, #under-logo-links ul li a:hover, div#mouseover-dropdown span:hover {
    background: none;
    border-bottom: .2rem solid var(--uwRed);
}

span.module_name::after {
    content: '';
    background-image: url('/images/group251/shared/css/menu-arrow.png');
    position: absolute;
    width: .5rem;
    height: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .525rem;
    padding: .5rem .3rem;
}

span.module_name:hover::after { 
    padding: .5rem .3rem 1.1rem;
    margin-top: -.3rem;
}

div#mouseover-dropdown li ul {
    background-color: #ffffff;
    border: none;    
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    display: none;
    left: .6rem;
    padding: 0 1rem .5rem;
    top: 3.3rem;
    width: 156px;
}

div#mouseover-dropdown li:first-child ul {
    left: -.9rem;
}

div#mouseover-dropdown li li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: none;
    padding: .5rem!important;
    text-align: left;
    width: auto;
    display: block;
}


div#mouseover-dropdown a {
    color: var(--uwBgDark);
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.25;
    border-bottom: .2rem solid transparent;
    width: 168px;
}

div#mouseover-dropdown a:hover {
    text-decoration: none;
    border-bottom: .2rem solid var(--uwRed);
}

/*Side and Center Modules*/

#container .section {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.span_middle2_1_of_2, .span_middle22_2_of_2 {
    width:15%;
    min-width: 200px;
    flex: 1 1 auto;
    padding: 0 1rem;
}

.span_middle2_2_of_2, .span_middle22_1_of_2 {
    width:60%;
    flex: 1 0 auto;
    padding: 0 1rem;
}

.span_middle2_2_of_2 {padding: 0 1rem; /*1.5rem*/}
.span_middle22_1_of_2 {padding: 0 1rem; /*1.5rem*/}

.span_middle3_1_of_3, .span_middle3_3_of_3 {
    width: 10%;
    min-width: 200px;
    flex: 1 1 auto;
    padding: 0 1rem;
}

.span_middle3_2_of_3 {
    width: 55%;
    flex: 1 0 auto;
    padding-left: 1rem; /*1.5rem*/
    padding-right: 1rem; /*1.5rem*/
}

.kbleftlinks, .kbrightlinks, #qcats {
    padding: 1.25rem 2rem; /*2.5rem 4rem*/
    background: #fff;
    border-bottom: 4px solid var(--uwRed);
    margin-bottom: 2rem; /*3rem*/
}

.kbleftlinks .head, .kbrightlinks .head, #qcats .head, #news h2, #topDocs h2, #recentDocs h2, .custom h2 {
    background-color: #ffffff;
    color: var(--uwTextDark);
    font-family: var(--uwHeadingFont), sans-serif;
    border-top-left-radius: 0.0em;
    border-top-right-radius: 0.0em;
    font-weight: 675;
}

.kbleftlinks .head, .kbrightlinks .head, #qcats .head {
    font-size: 1.125rem;
    padding: 0;
    text-align: left;
    margin-bottom: 1rem;
    line-height: 1;
}

.kb-common-collapsed.kbleftlinks .head, .kb-common-collapsed.kbrightlinks .head, .kb-common-collapsed#qcats .head {
    margin-bottom: 0;
}

.kbleftlinks ul, .kbrightlinks ul, #qcats .pad {
    border-bottom-left-radius: 0.0em;
    border-bottom-right-radius: 0.0em;
}
.kbleftlinks ul, .kbrightlinks ul, #cat-nav ul {
    background-color: #ffffff;
    list-style: outside none none;
    margin-bottom: -1rem;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.kbleftlinks li, .kbrightlinks li, #qcats li {
    border-bottom: 1px solid #ffffff;
    font-size: 1rem;
    font-weight: 500;
}

.kbleftlinks li:not(:last-child), .kbrightlinks li:not(:last-child), #qlinks li:not(:last-child), #resource-links li:not(:last-child) {
    border-bottom: 1px solid #ffffff;
}

.kbleftlinks a, .kbrightlinks a {
    color: var(--uwBlue);
    display: block;
    padding: 0;
    text-decoration: none;
    margin-bottom: 1rem;
}

.kbleftlinks a::after, .kbrightlinks a::after {
    content: '';
    background-image: url('/images/group251/shared/css/more-double-arrow.png');
    position: absolute;
    width: .5rem;
    height: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .425rem;
    padding: .3rem .2rem;
}

.kbleftlinks a:hover, .kbrightlinks a:hover, #qlinks a:hover, #resource-links a:hover, #qcats a:hover {
    background-color: #FFFFFF;
    text-decoration: none;
    color: var(--uwBlue);
}

.kbleftlinks a:visited, .kbrightlinks a:visited, #qcats a:visited {
    color:var(--uwBlue);
}

#qcats .pad {
    border-left: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
}

#cat-nav ul li a {
    color: var(--uwBlue);
    border:none;
    padding: 0 .5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}

#qcats .cat-sub {
	box-shadow: 3px 3px 3px #ccc;
    padding: 1rem;
    margin-top: -1rem;
}

nav .cat-sub .cat-sub {

    margin-left: 1rem !important;
    margin-top: -1.1rem !important;

}

#cat-nav ul li a {
	width: 100%;
}

.cat-sub a {

    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 0 !important;

}

#maincontent .cat-sub {
  margin: .5rem auto;
}

#news, #topDocs, #recentDocs, .custom {
    background: #FFFFFF;
    padding: 1.25rem 2rem;
    margin-bottom: 2rem;
}

#news h2, #topDocs h2, #recentDocs h2, .custom h2 {
    font-size: 1.75rem; 
    font-weight: 650;
    line-height: 1.35;
    padding: 0;
    position: relative;
    margin-bottom: .5rem;
}

#news ul, #news li {
    padding: .2rem .7rem .5rem;
    line-height: 1.5;
}

#topDocs li, #recentDocs li, .custom li {
    font-size: 1.125rem;
}

#news .title {
    background-color: inherit;
    color: var(--uwBlue);
    font-size: 1.125rem;
    font-weight: normal;
}

#news a, #topDocs a, #recentDocs a, .custom a {
    color: var(--uwBlue);
    text-decoration: none;
}

#news a:hover, #topDocs a:hover, #recentDocs a:hover, .custom a:hover {
    color: var(--uwBlueHover);
    text-decoration: none;
}

#news a.seemore, #topDocs a.seemore, #recentDocs a.seemore, a.seemore {
  background: none;
  border-bottom: none;
  color: var(--uwBlue);
  font-size: .9rem;
  font-weight: 650;
  text-decoration: none;
  text-transform: none;
  line-height: 1.25;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0 .1rem;
  margin-right: 1rem;
}

#news a.seemore::after, #topDocs a.seemore::after, #recentDocs a.seemore::after, a.seemore::after {
  content: "»";
  padding-left: 5px;
}

#news a.seemore:hover, #topDocs a.seemore:hover, #recentDocs a.seemore:hover, a.seemore:hover {
  background: none;
  color: var(--uwBlue);
  text-decoration: inherit;
}

.news-update-time {
    font-size: .75rem;
    color: #555555;
}

#news .highImpactTitle {
  font-family: inherit;
  line-height: inherit;
  color: unset;
  padding-bottom: 0;
}

#news .highImpactTitle .title {
  font-weight: bold;
}

#news .highImpactSummary {
  font-family: inherit;
  line-height: inherit;
  display: block;
}

#news .summary {
  font-size: inherit;
  padding: 0;
}

#news .summary p {
  margin: 0;
}

#news .nonews {
    color: var(--uwTextDark);
    font-size: 1.125rem;
    font-weight: 400;
    padding-left: 0;
}

/* Other Elements */

#topic-desc-doc table {   /* adds froala default table styles to superdocs 12-15-20 */
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%;
}

#topic-desc-doc table td {    /* adds froala default table styles to superdocs */
    padding: 5px;
    min-width: 5px;
}
#topic-desc-doc table td, #topic-desc-doc table th {    /* adds froala default table styles to superdocs */
    border: 1px solid #DDD;
}

#search-result-table1 tr {
    background-color: var(--uwBgGray);
}

span.cursor1 {
	font-size: 1rem;
	color: var(--uwBlue);
	line-height: 300%;
}

span.cursor1:hover {
    color: var(--uwBlueHover);
    line-height: 300%;
}

#page-content {
    padding: 1rem 2rem;
    overflow: auto;
}

.topic-path a {
  color: #0479a8;
}

h2.title, h1.title {
    font-size: 2rem;
}

a.boxlink, input.boxlink {
    font-family: var(--uwBodyFont), sans-serif;
}

.auto-pre-txt {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

.fr-view .fr-class-code { /*froala override 9/22/20*/
    padding: 2px 5px;
}

.fr-view ul, .fr-view ol { /*froala override 10/12/20*/
    list-style-position: unset;
}

#credit-feedback {
    margin-bottom:2rem;
}

.kbfeedbacktable1 {
    border: none;
}

.kbfeedbacktable1 th, .kbfeedbacktable1 td {
    vertical-align: middle;
    background-color: var(--uwBgGray);
    padding: 5px;
    font-size: 1rem;
}
  
.kbfeedbacktable1 td {
    background-color: transparent;
}

a.feedback-btn-link, .feedback-btn-link, a.boxlink, input.boxlink, .feedback-btn-yes, .feedback-btn-no, .feedback-btn-yes-clicked, .feedback-btn-no-clicked {
	display: inline-block;
    cursor: pointer;
  	font-size: .9rem;
  	color: #FFFFFF;
  	background-color: var(--uwBlue);
  	padding: .25rem .5rem;
  	margin: 3px 12px 4px 1px;
  	border-radius: 2px;
  	border: 2px solid var(--uwBlue);
  	white-space: nowrap;
  	box-shadow: 0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12);
  	font-weight: 600;
  	transition: all .25s ease-out;
  	font-family: inherit;
    line-height: normal;
}

a.feedback-btn-link:hover, .feedback-btn-link:hover, a.boxlink:hover, input.boxlink:hover, .feedback-btn-yes:hover, .feedback-btn-no:hover {
 	background: #fff;
 	color: var(--uwBlue);
 	border: 2px solid var(--uwBlue);
 	transition: all .25s ease-in-out;
}

.feedback-btn-yes, .feedback-btn-no, .feedback-btn-yes-clicked, .feedback-btn-no-clicked {
  	background: #fff;
  	margin-right: .25rem;
}

.feedback-btn-yes {
	color: var(--statusGreen);
	border-color: var(--statusGreen);
}

.feedback-btn-no {
    color: var(--uwRed);
    border-color: var(--uwRed);
}

.feedback-btn-no {
	border-color: var(--uwRed);
}

.feedback-btn-yes:hover, .feedback-btn-yes-clicked {
	color: #0d5325;
	border-color: #0d5325;
}

.feedback-btn-no:hover, .feedback-btn-no-clicked {
	color: var(--uwRedHover);
	border-color: var(--uwRedHover);
}

.feedback-btn-yes-clicked, .feedback-btn-no-clicked {
	box-shadow: none;
	background: var(--uwBgLight);
	border-color: var(--uwBgGray);
}

#count-yes, #count-no {
	font-size: .9rem;
}

.suggest-doc3 {
	font-style: normal;
}

.kbsuggestform1 th {
	font-size: 1rem;
}

#glossary-search {
    margin: 0 auto;
    font-size: .9rem;
}

#header-banner {
    background-color: var(--uwBgLight);
    border: 7px solid var(--uwRed);
    border-radius: 0;
    color: #000;
    padding: 5px 15px;
    width: 90%;
	max-width: 73rem;
    margin: 1rem auto;
    text-align: center;
}

#header-banner ul { /* banner list alignment adjustment 12-10-20 */
    text-align: left;
    display: inline-block;
}

#header-banner a {
	color: #000;
	text-decoration: underline;
}

/*Copyright*/

#copyright {
    background: var(--uwBgDark);
    border-top: 5px solid var(--uwRed);
    color: #adadad;
    font-family: var(--uwBodyFont), sans-serif;
    margin-bottom: .2rem;
    font-size: 1rem;
}

#copyright a {
    background-color: var(--uwBgDark);
    color: #adadad;
    text-decoration: underline;
}

#copyright a:hover {
    color: #fff;
}

/*Responsive Screens*/

@media only screen and (max-width: 780px)
{
    .col {margin: 0;}
    #logo-search {margin-bottom:0;}
    .span_logo-search_2_of_2 {text-align: left;}
    #search-form {margin-top:.3rem;}
    #search-form .inputBox {margin-top:8px;}
    #search-form.lower .inputBox {margin-top: 0!important;}
    .span_middle2_2_of_2, .span_middle2_1_of_2, .span_middle22_2_of_2, .span_middle22_1_of_2, .span_middle3_3_of_3, .span_middle3_2_of_3, .span_middle3_1_of_3 {
    width: fit-content; width: -moz-fit-content;}
    span.module_name:hover::after {padding: 0 .3rem 1rem; margin-top: -.25rem;}
    .kbleftlinks .head, .kbrightlinks .head, #qcats .head {display: inherit;}
    .kb-common-chevron {display: inherit;}
    .kb-common-collapsed > * {display: none;}
    .kbleftlinks ul, .kbrightlinks ul {margin-bottom:0}
    .kbleftlinks a, .kbrightlinks a, #qcats a {display:inline; padding-right: 2rem; font-size: .75rem;}
    .kbleftlinks a::after, .kbrightlinks a::after {padding: .6rem .3rem;}
    #cat-list > li > a {display: block !important;}
    #cat-nav li {line-height: initial;}
    .cat-sub > li {padding: .3rem 0 .2rem .7rem;}
    
    /******START NEW******/
	#cat-nav ul li {display: block;}
	#cat-nav ul li a {margin-bottom: .5rem; padding: 0 .5rem; font-size: .75rem;}
	#qcats .cat-sub {padding: 0 0 1rem 0; margin: -1rem auto; box-shadow: none;}
    .cat-sub .cat-sub {margin-left: 1rem !important; margin-top: -1.1rem !important; display: block !important; padding-top: 1rem !important;}
    #cat-list {margin-top: 1rem !important;}
    /******END NEW*******/
}

/***** START NEW *****/

@media only screen and (min-width: 27.5em) {
	#group-logo .group-name-hide {font-size: 1.5rem;}
}

@media only screen and (min-width: 40em) {
	#group-logo .group-name-hide {font-size: 1.7rem;}
}

@media only screen and (min-width: 64em) {
	#group-logo .group-name-hide {font-size: 1.8rem;}
}

@media only screen and (min-width: 75em) {
	#group-logo .group-name-hide {font-size: 2rem;}
}

/***** END NEW *****/