body {
  margin:0;
  --tab-primary: #878889;
  --tab-hover: #454647;
  --tab-secondary: gray;
  --text-font-size: 14px;
}

@media screen and (min-width: 1280px){
  body{
    --text-font-size: 16px;
  }
}

* {
  box-sizing:border-box;
}

*:focus {
  outline: none;
}
html, body {
  font-family: '-apple-system', 'BlinkMacSystemFont', 'Source Sans Pro', sans-serif;
  font-size: var(--text-font-size);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: black;
}

a {
  text-decoration:none;
  color: #878889;
}

a:hover {
  color:#454647;
}

#uic-main {
  position:fixed;
  left:0; top:0; right:0;; bottom:0;
}

#uic-main .uic-base {
  height:1px;
}

.uic-flex {
  display:flex;
}

.uic-flex-col {
  flex-direction:column;
}

.uic-flex-row {
  flex-direction:row;
}

.uic-flex > * {
  flex-shrink:1;
  flex-grow:1;
}

.uic-flex > .uic-flex-fixed {
  flex-shrink:0;
  flex-grow:0;
}

.uic-flex-middle {
  align-items:center;
}

header, footer {
  padding:0 8px;
  align-items:center;
}

#uic-main > header {
  padding:0 16px 0 20px;;
  border-bottom:1px solid #ccc;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,eaeaea+100 */
  /* background: #f6f6f6; */ /* Old browsers */
  /* background: -moz-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); */ /* FF3.6-15 */
  /* background: -webkit-linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); */ /* Chrome10-25,Safari5.1-6 */
  /* background: linear-gradient(to bottom, #f6f6f6 0%,#eaeaea 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 ); */ /* IE6-9 */

  background:#fff;

/*   height:55px; */
  height:110px;
  z-index:4;
}

#uic-main > header .uic-branding .uic-logo {
  height:68px;
}

#uic-main > header .uic-content {
  flex-grow:1;
  text-align:right;
}

#uic-main > header .uic-account {
  flex-grow:0;
  padding:0 0 0 10px;
}

#uic-main > footer {
  padding:0 12px 0 8px;
  border-top:1px solid #ccc;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,eaeaea+100 */
  background: #f6f6f6; /* Old browsers */
  background: -moz-linear-gradient(top, #e6e6e6 0%, #dadada 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e6e6e6 0%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */




/*   background:#fff; */

  height:24px;
  z-index:4;

  transition: background-color 0.25s;
  justify-content:flex-end;
}

#uic-main > footer >div {
  flex-grow:0;
}

div.uic-separator {
  position:relative;
  z-index:10;
}

div.uic-separator-v {
  width:1px;
  background-color:rgba(58, 79, 111, 0.5);
}

div.uic-separator-h {
  height:1px;
  background-color:rgba(255, 255, 255, 0.5);
}

.uic-separator-v > div {
  position:absolute;
  left:-8px;
  right:-8px;
  top:0;
  bottom:0;
/*  background-color:red; */
}
.uic-separator-h > div {
  position:absolute;
  left:0;
  right:0;
  top:-8px;
  bottom:-8px;
/*  background-color:red; */
}


.uic-base > .uic-navi-pane {
  overflow:hidden;
  width:212px;
  min-width:0;
}

.uic-base > .uic-navi-pane {
  overflow:hidden;
  width:212px;
}

.uic-base > .uic-navi-pane > nav {
  overflow:auto;
}

.uic-base > .uic-navi-pane > footer button {
  font-size:14px;
  width:12px !important;
}

.uic-content-pane {
  width:1px;
  font-size: var(--text-font-size);
}

.uic-content-pane > header_cancom {
  height:24px;
  border-bottom:1px solid #ccc;
  font-size: var(--text-font-size);
/*
  background-color:#f6f6f6;
  background-color:#1e559c;
 */

  background-color:#1e559c;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2363b2+1,1e559c+100 */
  background: #2363b2; /* Old browsers */
  background: -moz-linear-gradient(top, #2363b2 1%, #1e559c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2363b2 1%,#1e559c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2363b2 1%,#1e559c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2363b2', endColorstr='#1e559c',GradientType=0 ); /* IE6-9 */
  color: black;
  align-items:center;
  font-weight:bold;
}

.uic-content-pane > header {
  height:24px;
  border-bottom:1px solid #ccc;

/*
  background-image:url('/Global_Resources/art/shape_horizontal.svg');
    background-repeat: no-repeat;
    background-size: cover;
 */

  color:#000;
  align-items:center;
/*   font-weight:bold; */
  background-color:#f0f0f0;
}

.uic-left-border {
  width:16px;
  flex-grow:0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,d6d6d6+80,d6d6d6+100 */
  background: #e6e6e6; /* Old browsers */
  background: -moz-linear-gradient(top, #e6e6e6 0%, #dadada 85%, #e6e6e6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#dadada 85%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e6e6e6 0%,#dadada 85%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */

  box-shadow:rgba(0, 0, 0, 0.1) -2px 0px 4px inset;
}

.uic-right-border {
  width:16px;
  flex-grow:0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,d6d6d6+80,d6d6d6+100 */
  background: #e6e6e6; /* Old browsers */
  background: -moz-linear-gradient(top, #e6e6e6 0%, #dadada 85%, #e6e6e6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#dadada 85%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e6e6e6 0%,#dadada 85%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */

  box-shadow:rgba(0, 0, 0, 0.1) 2px 0px 4px inset;
}