BODY {
  font-family: arial, verdana, sans serif;
  color: #000000;
  background-color: #FFFFFF ;
  margin-top: 0px;
  padding-top: 0px;
}

/* Prevent truncation of whitespace */
.list td, .orderfield {
  white-space: pre-wrap;
}

.blue {
  color:#25aae1;
}

.texthoverorange {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/Open-edi.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverorange .overlay {
  position:relative;
  top:0px;
  width:190px;
  height:200px;
  background:#fe9404;
  opacity:0;
}

.texthoverorange:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image: none;
  color: white;
  text-align: center;
  vertical-align:middle;
  cursor: pointer;
  padding:26px;
}

.texthoverblue {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/system-int.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverblue .overlay {
  position:relative;
  top:0px;
  width:190px;
  height:200px;
  background:#25aae1;
  opacity:0;
}

.texthoverblue:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image:none;
  color: white;
  text-align: center;
  vertical-align:middle;
  cursor: pointer;
  padding:26px
}

.texthovergreen {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/innovation.png) no-repeat;
  border:0px solid #fe9404;
}

.texthovergreen .overlay {
  position: relative;
  top:0px;
  width:190px;
  height:200px;
  background:#33b20c;
  opacity:0;
}

.texthovergreen:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image:none;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding:26px
}

.texthoverred {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/business-intel.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverred .overlay {
  position: relative;
  top:0px;
  width:190px;
  height:200px;
  background:#c72527;
  opacity:0;
}

.texthoverred:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image: none;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding:26px;
}

.texthoverpurple {
  margin:10px 10px 10px 0;
  width: 190px;
  height:200px;
  background:url(../templates/include/images/data-man.png) no-repeat;
  border:0px solid #fe9404;
}

.texthoverpurple .overlay{
  position:relative;
  top:0px;
  width:190px;
  height:200px;
  background:#a829e9;
  opacity:0;
}

.texthoverpurple:hover .overlay {
  top:0px;
  width:140px;
  height:149px;
  opacity:1;
  background-image:none;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  PADDING:26px;
}

DIV {
  -moz-box-sizing: border-box;
}

.cmscontentdiv {
  color:#000000;
  background-color: #FFFFFF ;
  padding-top: 6px;
}

.copyright {
  font-size: 10pt;
}

TABLE.cmsbodytable {
  width:100%;
  height:100%;
  vertical-align:top;
}

td.cmsbody {
  padding:0 0 0 44px;
  vertical-align:top;
}

TABLE.cmsbody {
  width:100%;
  height:100%;
  vertical-align:top;
}

html body a {
  text-decoration:none;
}

html body a:hover {
  text-decoration:none;
}

html body table.cmsbodytable tbody tr td table.cmsbodytable {
  margin-top:0px;
  padding-top:0px;
}

DIV.cmsbody {
  overflow:hidden;
}

td.cmsmenu {
  padding-top: 12px;
  vertical-align: top;
  width: 200px;
}

div.cmsmenu{
  vertical-align: top;
  width: 100%;
}

.navigation {
  font-size: 8px;
  background-color: #f4f4f4;
  color:#000000;
}

table.loginbox {
  width:100%;
  margin:0;
  padding:10px;
}

.loginbox p {
  text-align:center;
  padding:5px;
}

.navigation tr td.title {
  background:#25AAE2;
  color:#fff;
  font-size:16px;
  height:45px;
  padding:0 10px;
  margin:0;
  vertical-align:middle;
  border-bottom:7px solid #fff;
}

input.loginbox {
  border:none;
  background-color:#FFFFFF;
  color:#000000;
  font-size:12px;
}

table.navigation {
  color:#000000;
  text-align:center;
  max-width:249px;
  min-width:160px;
}

.navigation > table {
  padding:5px;
}

.navigation label {
  font-size:13px;
  float:left;
  width:75px;
  height:38px;
  background:#fff;
  color:#666;
  display:inline-block;
  font-weight:bold;
  height:38px;
  line-height: 38px;
  padding-left: 0;
  margin:5px 2px 0 5px;
}

.navigation input {
  float:left;
  width:125px;
  height:38px;
  background:#fff;
  float:left;
  height:38px;
  width: 161px;
  margin:5px 0 5px 0;
  color:#666;
  padding-left: 5px;
}

.navigation tr td input[type=submit]{background:#25AAE2;color:#fff;font-size:18px;text-align:center;width:123px;height:35px; line-height:35px;margin:10px 60px 10px 60px;border-bottom: 2px solid #018DC8;cursor:pointer;}
.navigation tr td input[type=submit]:hover,.navigation tr td input[type=submit]:active{border-bottom:2px solid #25AAE2;}

.navigation tr td logout[type=submit]{clear: both;FLOAT: center;text-align:center;font-size: 9pt; PADDING:8px; padding-left: 4px; padding-right: 4px; margin: 10px; border: 1px solid #25AAE2;background: #25AAE2;color: #ffffff;TEXT-DECORATION: none;DISPLAY: block;font-weight:bold;}
.navigation tr td logout[type=submit]:hover,.navigation tr td input[type=submit]:active{border-bottom:2px solid #25AAE2;}

.main .container {
  padding-top: 48px;
}

.home .cmscontentdiv {
  margin-top: -8px;
  position: relative;
  text-align: center;
}

.title,
.sub-heading,
.intro {
  color: #203864;
  font-weight: normal;
  margin-top: 0;
}

.title {
  font-size: 51px;
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 6px;
}

.sub-heading {
  font-size: 39px;
}

.intro {
  font-size: 23px;
  margin-bottom: 14px;
}

.meeting {
  padding-left: 27px;
}

.image-caption {
  bottom: -30px;
  color: #203864;
  font-size: 20px;
  left: 15px;
  margin-top: 0;
  position: absolute;
}

h2.open{
  color: #203864;
  font-size: 23px;
  margin-top: 44px;
  margin-bottom: 0;
}

h2.open span{color: #14a9e4; font-weight:bold;}
div.bottom img.replace{float:left;margin:10px 10px 41px 0;}
div.bottom img.edi{float:right;margin:0;padding:0;margin:10px 0 41px 0;}

.header {
  color: #FFFFFF;
  text-align:right;
  font-size: 16px;
  font-weight: bold;
  height:110px;
  background:#000000;
}

.linebox {
  position:relative;
  float: left;
  width: 100%;
  margin: 10px 0 0;
}

.header .line {
  background: url("../templates/include/images/2border-top.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0);
  bottom: -7px;
  height:7px;
  width:auto;
  text-align:center;
  margin:auto;
  position:relative;
  z-index:10
}

.linebox .orange{position:relative; background:orange; height:7px;z-index:0;width:50%;float:left; bottom: -7px;}
.linebox .purple{position:relative; background:#A829E9; height:7px;z-index:0;width:50%;float:right;}
.footer .line{  background: url("../templates/include/images/2border-top.png") repeat-y scroll 50% 0 rgba(0, 0, 0, 0); top:-7px; height:7px;width:auto;text-align:center; margin:auto;position:relative;z-index:10}
.footer .linebox .orange{position:relative; background:orange; height:7px;z-index:0;width:50%;float:left; top: -7px;}
.footer .linebox .purple{position:relative; background:#A829E9; height:7px;z-index:0;width:50%;float:right;top: -14px;}

/*.line:before{position:absolute;right:100%;content:' '; background:#FE9404;height:5px; width:100%; }
.line:after{position:absolute;left:100%;content:' '; background:#A829E9;height:5px; width:100%; }*/

.headerbar{
  color: #FFFFFF;
  background-color: #4D4D4D;
  text-align:right;
  font-weight: bold;
}
.headerlogo1
{
  color: #FFFFFF;
  background-color: #000000;
  text-align:left;
  font-family: verdana, arial, sans serif;
  font-size: 18px;
  font-weight: bold;
}
.logo {
  float:left;
  text-align:left;
}

.logo a img {
  border:none;
  width: 300px;
}

TABLE.logo
{
  border-top: 2px white solid;
}
.banner
{
  background-color: #92B6DA;
}
TABLE.banner
{
  border-top: 2px white solid;
}
TR.footer
{
  
}
.footer
{
  height:315px;
  color: #fff;
  background: #000;
}
.footer td .container{
  
  padding-top:10px;
}

.box1{width:650px;margin:10px 20px;float:left;text-align:left;position:relative;}
.box1 h2,.box2 h2{border-bottom:1px solid #626262;color:#fff;font-size:16px;line-height:35px;}
.box1 h2 span,.box2 h2 span{padding:0 17px 7px 0;}
.box2{width:150px;margin:10px 20px;float:right;text-align:left;}

.box1 .addr{
  line-height: 150%;
  padding: 10px 25px 10px 0;
  width:400px;
}

.box1 .emails{
  padding: 10px 25px 10px 0;
  line-height: 150%;
  width:400px;
}

.box1 .phone {
  line-height: 150%;
  width:190px;
  position:absolute;
  top:70px;
  left:400px;
}

.box1 .globe{
  line-height: 150%;
  width:190px;
  position:absolute;
  top:232px;
  left:400px;
}
  
  ul.footer-menu{padding:0;}
  ul.footer-menu li{list-style:none;padding:5px 0;}
  
  .copyr{
    border-top: 1px solid #626262;
    font-size: 12px;
    padding: 24px 0;
    text-align: right;
  }
  .copyr a img{
    float: right;
    margin: -14px 0 0 10px;}
    .footer a{
      color: #FFFFFF;
      font-size: 14px;
    }
    .footer a:hover{color:#25aae1;text-decoration:none;}
    A.header
    {
      color: #000000;
      font-size: 10pt;
    }
    /*.linkbutton { background-color: white; border: blue 1px solid; color: #996633; font-size: 8pt; padding-left: 4px; padding-right: 4px; margin: 1px; height:16px }*/
    .linkbutton {
      clear: both;
      FLOAT: center;
      margin:5px;
      PADDING:6px;
      text-align:center;
      border: 1px solid #FFAA00;
      background: #FFAA00;
      color: #ffffff;
      TEXT-DECORATION: none;
      font-weight:bold;
      font-size: 9pt;
    }
    .linkbutton:hover {
      clear: both;
      FLOAT: center;
      margin:px;
      PADDING:6px;
      text-align:center;
      border: 1px solid #FFAA00;
      background: #eef;
      color: #000000;
      TEXT-DECORATION: none;
      font-weight:bold;
      font-size: 9pt;
    }
    .nav {color:#000000;padding: 4px; text-align: left;}
    a.nav{display: block;
      margin: 0;
      padding: 0;
      color: #000;
      text-align: left;}
      a.nav:hover{text-decoration:none;color: #b9b8b8;}
      .nav:hover {}
        .navon { DISPLAY: block; PADDING:8px; BACKGROUND: #FFAA00; COLOR: #ffffff; TEXT-DECORATION: none;font-weight:bold; text-align: left;}
        .navboxouter
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        .navboxinner
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        TABLE.navboxouter
        {
          border-right: 2px white solid;
        }
        
        .navboxouter
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        .navboxinner
        {
          background-color: #FFAA00;
          color: #FFFFFF;
          cellspacing: 0 ;
          cellpadding: 0 ;
        }
        TABLE.navboxouter
        {
          border-right: 2px white solid;
        }
        
        .breadcrumbtrail
        {
          font-size: 9pt;
          font-style: italic;
          color: #FFFFFF;
          background-color: #4D4D4D;
        }
        .folderlinks
        {
          font-size: 9pt;
          font-style: italic;
          color: #000000;
        }
        .pagetitle
        {
          font-size: 18pt;
          font-weight: bold;
          font-style: italic;
          color: #FFFFFF;
        }
        .pagedescription
        {
          font-size: 14pt;
          font-weight: bold;
          font-style: italic;
          color: #FFFFFF;
        }
        .newsbox
        {
          background-color: #FFFFFF;
        }
        .newboxtitle
        {
          font-size: 10pt;
          font-style: italic;
          color: #FFFFFF;
        }
        .newsboxbody
        {
          background-color: #FFFFFF;
        }
        INPUT, SELECT, TEXTAREA
        {
          background-color: white;
          border: gray 1px solid;
          /*color: #996633;*/
          color: #000000;
          font-size: 10pt;
        }
        INPUT.checkbox
        {
          border: 1px solid #25AAE2;
          background-color: transparent;
          color: #000000;
        }
        TD, P
        {
          font-size: 10pt;
        }
        A
        {
          font-size: 10pt;
          color: #000000;
          text-decoration: underline;
        }
        A:link
        {
          text-decoration: none;
        }
        A:visited
        {
          text-decoration: none;
        }
        A:active {
          text-decoration: none;
        }
        A:hover
        {
          text-decoration: underline;
        }
        SPAN.year {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFF;
          color: #555555;
          width:10 ;
          cursor:hand ;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
        }
        SPAN.yearover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFF;
          color: #555555;
          width:10 ;
          cursor:hand ;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
        }
        DIV.month {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFD;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #555555;
          width:30 ;
          cursor:hand ;
        }
        DIV.monthover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #FFFFFD;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #555555;
          width:30 ;
          cursor:hand ;
        }
        DIV.monthselected {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          background-color: #999981;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          width:30 ;
        }
        SPAN.monthyear {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-weight:bold;
          background-color: #EDF1E2;
          color: #999981;
          cursor:default ;
          width:40 ;
        }
        DIV.dayother {
          background-color: #FFFFFD;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #BABAA3;
          width: 26 ;
        }
        DIV.dayout {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        DIV.dayover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        DIV.dayselected {
          background-color: #999981;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          width: 26 ;
          cursor:hand ;
        }
        DIV.dayheader {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-style:normal ;
          text-decoration:none ;
          background-color: #FFFFFD;
          color: #BABAA3;
          width: 26;
        }
        DIV.dayheadermac {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-style:normal ;
          text-decoration:none ;
          background-color: #EDF1E2;
          color: #BABAA3;
          width: 184;
        }
        SPAN.dayother {
          background-color: #FFFFFD;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #BABAA3;
          width: 26 ;
        }
        SPAN.dayout {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        SPAN.dayover {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          background-color: #FFFFFD;
          color: #555555;
          width: 26 ;
          cursor:hand ;
        }
        SPAN.dayselected {
          background-color: #999981;
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          width: 26 ;
          cursor:hand ;
        }
        SPAN.dayheader {
          border-left:1px #EDF1E2 solid;
          border-top:1px #EDF1E2 solid;
          border-right:1px #EDF1E2 solid;
          border-bottom:1px #EDF1E2 solid;
          font-family: verdana, arial, times new roman, sans-serif;
          font-size: 10px;
          font-style:normal ;
          text-decoration:none ;
          background-color: #FFFFFD;
          color: #BABAA3;
          width: 26;
        }
        
        /* icomconnect V2 formats */
        
        /* List formats */
        
        TABLE.list
        {
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          spacing:0;
          padding:0;
          width:100%;
          /*border : solid 1 black ;*/
          background-color: #ffffff;
        }
        TTD.list
        {
          background-color: #f4f4f4;
          color: #000000;
          horizontal-align:left;
        }
        TR.list
        {
          text-decoration:none;
          background-color: #f4f4f4;
          border: solid 1 #4D4D4D;
          color: #000000;
          line-height:18px;
        }
        TD.actionlink
        {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        TD.actionlink:hover
        {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        TD.checkbox
        {
          text-align:center;
          line-height:14px;
        }
        
        TD.checkbox:hover {
          border: 1px solid #25AAE2;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        
        TD.pricecolumn
        {
          text-align:right;
          font-weight: bold;
        }
        
        /* general form layout */
        div.spacer {
          clear: both;
        }
        div.orderrow {
          height:16px;
          clear: both;
          line-height:12px;
          margin: 0px auto ;
        }
        div.orderrow span.orderlabel {
          float: left;
          width: 160px;
          text-align: left;
          font-weight: bold;
        }
        div.orderrow span.orderfield {
          color:black;
          float: left;
          width: 200px;
          text-align: left;
        }
        div.doublewidthrow {
          height:16px;
          clear: both;
          line-height:12px;
          margin: 0px auto ;
        }
        div.doublewidthrow span.doublewidthlabel {
          float: left;
          width: 110px;
          text-align: left;
          font-weight: bold;
        }
        div.doublewidthrow span.doublewidthfield {
          float: left;
          width: 200px;
          text-align: left;
        }
        div.widerow {
          height:16px;
          clear: both;
          line-height:12px;
          margin: 0px auto ;
        }
        div.widerow span.widelabel {
          float: left;
          width: 200px;
          text-align: left;
          font-weight: bold;
        }
        div.widerow span.widefield {
          float: left;
          width: 98%;
          text-align: left;
        }
        
        INPUT.inputform {
          clear: both;
          FLOAT: center;
          margin:5px;
          PADDING:6px;
          text-align:center;
          border: 1px solid #000;
          background: #fff;
          color: #000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          /*DISPLAY: block;*/
        }
        INPUT.inputform:hover {
          clear: both;
          FLOAT: center;
          margin:5px;
          PADDING:6px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          /*DISPLAY: block;*/
        }
        INPUT.inputform:focus {
          clear: both;
          FLOAT: center;
          margin:5px;
          PADDING:6px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          /*DISPLAY: block;*/
        }
        /* button formats */
        DIV.formbuttons
        {
          clear: both;
          FLOAT: center; width:100%;
          margin:5px;
          padding-top:4px;
          text-align:center;
        }
        SPAN.formbuttons
        {
          padding:10;
        }
        /* OpenEDI buttons and fields */
        INPUT.formbutton {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        INPUT.formbutton:hover {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        INPUT.formbutton:focus {
          FLOAT: center;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
        }
        
        a.listitem {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        a.listitem:hover {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        a.listitem:focus {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        a.listitem {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #FFAA00;
          color: #ffffff;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        a.listitem:hover {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        a.listitem:focus {
          FLOAT: left;
          margin:5px;
          PADDING:8px;
          text-align:center;
          border: 1px solid #FFAA00;
          background: #eef;
          color: #000000;
          TEXT-DECORATION: none;
          font-weight:bold;
          font-size: 9pt;
          width:200px;
        }
        .formfield {
          border: 1px solid #25AAE2;
          background: #ffffff;
          color: #000000;
          margin:3px;
          PADDING:4px;
          font-size: 10pt;
        }
        .formfield:hover {
          border: 1px solid #25AAE2;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formfield:focus {
          border: 1px solid #25AAE2;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formdropdown {
          border: 1px solid #006;
          background: #ffffff;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formdropdown:hover {
          border: 1px solid #f00;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        .formdropdown:focus {
          border: 1px solid #f00;
          background: #E0EEEE;
          color: #000000;
          margin:3px;
          PADDING:4px;
        }
        
        /* general subsection title format*/
        .navigationbutton {
          DISPLAY: block; PADDING:8px; border: 1px solid #33AA00; BACKGROUND: #33AA00; /*BACKGROUND: #FFAA00;*/ COLOR: #ffffff; TEXT-DECORATION: none;font-weight:bold; text-align: center;font-size: 9pt;
        }
        
        .navigationbutton:hover {
          DISPLAY: block; PADDING:8px; border: 1px solid #FFAA00; background: #eef; color: #000000; TEXT-DECORATION: none;font-weight:bold; text-align: center;font-size: 9pt;
        }
        
        .navigationbutton:focus {
          DISPLAY: block; PADDING:8px; border: 1px solid #FFAA00; background: #eef; color: #000000; TEXT-DECORATION: none;font-weight:bold; text-align: center;font-size: 9pt;
        }
        
        /* general subsection title format */
        
        DIV.titlebar
        {
          clear: both;
          color:white;
          background-color:#4D4D4D;
          width:100%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.formheader
        {
          margin-top:4px;
          color:white;
          background-color:#4D4D4D;
          width:100%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.formdescription
        {
          FLOAT: left; WIDTH: 100%;
          padding:3px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.playformdescription
        {
          FLOAT: left; WIDTH: 100%;
          padding:3px;
          font-family:arial, verdana, sans serif;
          font-size: 8px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        
        /* order formats */
        
        DIV.orderbackground
        {
          background-color:#FFFFFF;
        }
        DIV.ordertitlebar
        {
          color:white;
          background-color:#FFFFFF;
          width:100%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.orderformheaderWARN
        {
          margin-top:4px;
          color:white;
          background-color:red;
          width:97.2%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.orderformheader
        {
          margin-top:4px;
          color:white;
          background-color:#4D4D4D;
          width:97.2%;
          margin-bottom:4px;
          padding-left:4px;
          text-align:center;
        }
        DIV.orderformdescription
        {
          FLOAT: left; WIDTH: 96%;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.orderheader
        {
          WIDTH: 96% ;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-top : solid 1 black ;
          border-left : solid 1 black ;
          border-right: solid 1 black ;
          border-bottom : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.orderheaderleft
        {
          FLOAT: left; WIDTH: 47.25%;;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }
        
        DIV.orderheaderright
        {
          FLOAT: left; WIDTH: 47.25%;;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-right : solid 1 black ;
          border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.ordersupplier
        {
          FLOAT: left; WIDTH: 47.25%;
          /* height:170px; */
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.ordercustomer
        {
          FLOAT: left; WIDTH: 47.25%;
          /* height:170px; */
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border-right : solid 1 black ;
          border-left: solid 1 black ;*/
          background-color:#FFFFFF;
        }
        DIV.orderlocation
        {
          width:100%;
          /*border : solid 1 black ;*/
        }
        DIV.orderinfo
        {
          FLOAT: left; WIDTH: 96%;
          padding:10px;
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:14px;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        
        TD.cataloglabel
        {
          width:200px;
          padding-left:8px;
          font-weight: bold;
        }
        TABLE.catalogitems
        {
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:18px;
          spacing:0;
          padding:0;
          width:100%;
          border : solid 1 gray ;
          background-color:#FFFFFF;
        }
        TABLE.orderitems
        {
          font-family:arial, verdana, sans serif;
          font-size: 12px;
          line-height:18px;
          spacing:0;
          padding:0;
          width:100%;
          /*border : solid 1 black ;*/
          background-color:#FFFFFF;
        }
        TR.orderitems
        {
          text-decoration:none;
          background-color: #f4f4f4;
          border: solid 1 #4D4D4D;
          line-height:18px;
          height:18px;
          color: #000000;
        }
        TR.orderitems-removed
        {
          text-decoration: line-through ;
          background-color: #f4f4f4;
          border: solid 1 #4D4D4D;
          line-height:18px;
          height:18px;
          color: #000000;
        }
        
        /* Use following if orderitems field has altrows="true"
        TR.orderitemseven
        {
        text-decoration:none;
        background-color: #E0EEEE;
        border: solid 1 #003366;
        color: #3266cc;
      }
      TR.orderitemsodd
      {
      text-decoration:none;
      background-color: #E0EEEE;
      border: solid 1 #003366;
      color: #3266cc;
    }
    */
    
    /* invoice formats */
    
    DIV.invoicebackground
    {
      background-color:#FFFFFF;
    }
    DIV.invoicelabel
    {
      font-weight: bold;
    }
    DIV.invoiceformheader
    {
      margin-top:4px;
      color:white;
      background-color:#4D4D4D;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.invoiceformdescription
    {
      FLOAT: left; WIDTH: 96%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoiceheader
    {
      WIDTH: 90% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoiceaddressbox
    {
      padding:4px;
      margin-bottom:4px;
      background-color:#FFFFFF;
    }
    
    DIV.invoicesupplier
    {
      FLOAT: left;
      WIDTH: 47.25%;;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicecustomer
    {
      FLOAT: left;
      WIDTH: 47.25%;;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicesupplierbox2
    {
      clear: both;
      FLOAT: left;
      WIDTH: 47.25%;
      /*height:300px;*/
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:25px;
      /*border-top: solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicecustomerbox2
    {
      FLOAT: left;
      WIDTH: 47.25%;
      /*height:300px;*/
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:25px;
      /*border-top: solid 1 black ;
      border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.invoicelocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.invoiceinfo
    {
      FLOAT: left; WIDTH: 96%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    
    TABLE.invoiceitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.invoiceitems
    {
      text-decoration:none;
      background-color: #f4f4f4;
      border: solid 1 #4D4D4D;
      color: #000000;
      line-height:18px;
      height:18px;
    }
    TR.invoiceitems-removed
    {
      text-decoration: line-through ;
      background-color: #f4f4f4;
      border: solid 1 #4D4D4D;
      line-height:18px;
      height:18px;
      color: #000000;
    }
    
    /* remittance formats */
    
    DIV.remittancebackground
    {
      background-color:#FFFFFF;
    }
    DIV.remittanceformheader
    {
      margin-top:4px;
      color:white;
      background-color:#4D4D4D;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.remittanceformdescription
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittanceheader
    {
      WIDTH: 96% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittancesupplier
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittancecustomer
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.remittancelocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.remittanceinfo
    {
      FLOAT: left; WIDTH: 96%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    
    TABLE.remittanceitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.remittanceitems
    {
      text-decoration:none;
      background-color: #f4f4f4;
      border: solid 1 #4D4D4D;
      color: #000000;
      line-height:18px;
      height:18px;
    }
    
    /* shippingnote formats */
    
    DIV.shippingnotebackground
    {
      background-color:#FFFFFF;
    }
    DIV.shippingnoteformheader
    {
      margin-top:4px;
      color:white;
      background-color:blue;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.shippingnoteformdescription
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnoteheader
    {
      WIDTH: 100% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnotesupplier
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnotecustomer
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.shippingnotelocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.shippingnoteinfo
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    
    TABLE.shippingnoteitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.shippingnoteitems
    {
      text-decoration:none;
      background-color: #E0EEEE;
      border: solid 1 #4D4D4D;
      color: #000000;
      line-height:18px;
      height:18px;
    }
    
    /* customs formats */
    
    div.container {
      width:1092px;
      margin:auto;
      text-align: center;
      padding: 19px 0;
    }
    
    ul.menu{float:right;    margin-top: 30px;}
    ul.menu li{display:inline; float:left;width:104px;list-style:none; }
    ul.menu li a{color:#fff;font-size:16px;font-weight:normal;}
    ul.menu li a:hover{color:#25aae1;text-decoration:none;}
    .clearfix{clear:both;line-height:0;}
    
    DIV.customsbackground
    {
      background-color:#CCCCCC;
    }
    DIV.customstitlebar
    {
      color:white;
      background-color:#FFFFFF;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.customsformheader
    {
      margin-top:4px;
      color:white;
      background-color:#FFFFFF;
      width:100%;
      margin-bottom:4px;
      padding-left:4px;
      text-align:center;
    }
    DIV.customsformdescription
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customsheader
    {
      WIDTH: 100% ;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-top : solid 1 black ;
      border-left : solid 1 black ;
      border-right: solid 1 black ;
      border-bottom : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customssupplier
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customscustomer
    {
      FLOAT: left; WIDTH: 47.25%;;
      /* height:170px; */
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border-right : solid 1 black ;
      border-left: solid 1 black ;*/
      background-color:#FFFFFF;
    }
    DIV.customslocation
    {
      width:100%;
      /*border : solid 1 black ;*/
    }
    DIV.customsinfo
    {
      FLOAT: left; WIDTH: 100%;
      padding:10px;
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:14px;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    
    TABLE.customsitems
    {
      font-family:arial, verdana, sans serif;
      font-size: 12px;
      line-height:18px;
      spacing:0;
      padding:0;
      width:100%;
      /*border : solid 1 black ;*/
      background-color:#FFFFFF;
    }
    TR.customsitems
    {
      text-decoration:none;
      background-color: #E0EEEE;
      border: solid 1 #4D4D4D;
      line-height:18px;
      height:18px;
      color: #000000;
    }
    TR.customsitems-removed
    {
      text-decoration: line-through ;
      background-color: #E0EEEE;
      border: solid 1 #4D4D4D;
      line-height:18px;
      height:18px;
      color: #000000;
    }
    
    /* Use following if customsitems field has altrows="true"
    TR.customsitemseven
    {
    text-decoration:none;
    background-color: #E0EEEE;
    border: solid 1 #003366;
    color: #3266cc;
  }
  TR.customsitemsodd
  {
  text-decoration:none;
  background-color: #E0EEEE;
  border: solid 1 #003366;
  color: #3266cc;
}
*/

/* ----------------------------- 11/09/17 Logged out refresh ----------------------------- */

.refreshwrap, .refreshwrap * {
  box-sizing: border-box;
}

.refreshwrap {
  float: left;
  width: 100%;
  padding-right: 32px;
  display: flex;
  flex-flow: row wrap;
}

.homecard {
  float: left;
  padding: 16px 32px;
  font-family: 'Work Sans', sans-serif;
  background-color: #ffffff;
  border-left: 6px solid #000;
  text-align: left;
  margin: 78px 0 0 30px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  width: 400px;
}

.homecard > h1 {
  font-weight: 300;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 34px;
}

.homecard > h1:last-of-type {
  margin-bottom: 16px;
}

.homecard > span {
  float: left;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
}

.homecard > a {
  margin-top: 24px;
  float: left;
  padding: 8px 16px;
  background-color: red;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.homecard > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
body.home > table > tbody > tr.main {
  background-image: url(../templates/include/images/homebackground.jpg);
  background-size: cover;
  background-position: center;
}

body.home .bottom {
  margin-top: 100px;
}

body.home .homebottomtext {
  position: absolute;
  top: 820px;
  left: 0;
  right: 0;
  padding: 16px;
  background-color: #000;
  color: #fff;
  font-family: 'Work Sans', sans-serif;
}

.navigation tr td.title {
  background-color: #000;
  border: 0px;
}

.navigation tr td input[type=submit],
.navigation tr td logout[type=submit] {
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
  line-height: 18px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.navigation tr td input[type=submit]:hover,
.navigation tr td input[type=submit]:active,
.navigation tr td logout[type=submit]:focus,
.navigation tr td logout[type=submit]:active,
.navigation tr td logout[type=submit]:hover {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

tr.footer > td > .linebox, .header .linebox > div {
  display: none;
}

body.home .cmsbody > .cmscontentdiv {
  background-color: transparent;
}

tr.header {
  border-bottom: 3px solid #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

tr.header .linebox {
  margin-top: 15px;
  border-bottom: 3px solid #fff;
}

.navigation label.login, .navigation label.user, .navigation label.passwd {
  background-color: transparent;
}

.gs1footer {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 150px;
  background-color: #ffffff;
  padding: 0;
  border-top-left-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.gs1footer > img {
  float: left;
  width: 100%;
}



table.navigation tbody > tr > td > table {
  padding: 6px;
  background-color: #fff;
}

.navigation input {
  border-bottom: 2px solid #706f6f;
}

.cmsmenu > .navigation {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.cmscontentdiv {
  float: left;
  width: 100%;
  background: transparent;
  margin: 24px 0px;
}

.navigation tr td.title {
  font-size: 18px;
  font-family: 'Work Sans', sans-serif;
  letter-spacing: 0;
  font-weight: 600;
}

.logo a img {
  float: left;
  padding: 6px 0;
  width: auto;
  height: 61px;
}

.col-xs-12 {
  float: left;
  width: 100%;
}

.col-xs-6 {
  float: left;
  width: 50%;
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
}

.col-xs-3 {
  float: left;
  width: 25%;
}

.refreshwrap .col-xs-12 {
  margin-bottom: 32px;
}

.refreshwrap .refreshcard {
  float: left;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  position: relative;
  display: flex;
  flex-flow: column wrap;
}

.refreshwrap .refreshcard > h1 {
  float: left;
  width: 100%;
  padding: 16px;
  margin: 0;
  color: #fff;
  background-color: #000;
  font-size: 20px;
  letter-spacing: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}

.refreshwrap .refreshcard > h3 {
  float: left;
  width: 100%;
  padding: 16px;
  margin: 0;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  letter-spacing: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
}

.cardcontent {
  float: left;
  width: 100%;
  padding: 16px;
}

.refreshwrap > .col-xs-3 {
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  flex-flow: row wrap;
}

.refreshwrap > div:nth-of-type(2) {
  padding-left: 0px;
}

.refreshwrap > div:last-of-type {
  padding-right: 0px;
}

.cardcontent p {
  float: left;
  width: 100%;
  margin: 0 0 16px;
}

.cardcontent p:last-of-type {
  margin: 0px;
}

td.cmsmenu {
  padding-top: 32px;
}

.cardcontent > a {
  float: left;
  margin-top: 16px;
  color: #FB9101;
}

.cardcontent > p > a {
  color: #fb9101;
}

.cardcontent > a:hover,
.cardcontent > a:focus,
.cardcontent > a:active {
  color: #F57C00;
}

.col-xs-3 .refreshcard .cardcontent {
  padding: 16px 16px 48px;
  position: relative;
  flex: 1 1 auto;
}

ul.menu li a:hover {
  color: #fb9101;
}

.cardcontent ul {
  float: left;
  margin-bottom: 0px;
}

.cardcontent ul > li {
  float: left;
  width: 100%;
  margin: 16px 0;
}

.cardcontent ul > li:last-of-type {
  margin-bottom: 0px;
}

.refreshwrap.faqpage .col-xs-3 .refreshcard .cardcontent {
  padding: 16px;
}

.refreshwrap.faqpage .col-xs-3 .refreshcard {
  margin-bottom: 32px;
}

.refreshwrap.faqpage > div:nth-of-type(4n+2) {
  padding-left: 0px;
}

.refreshwrap.faqpage > div:nth-of-type(4n+5) {
  padding-right: 0px;
}

.refreshwrap.faqpage .cardcontent ul {
  margin-top: 0px;
  padding-left: 16px;
  float: left;
  width: 100%;
}

.refreshwrap.faqpage .cardcontent ul li span {
  float: left;
  width: 100%;
  word-break: break-word;
}

.refreshwrap.faqpage .cardcontent ul li > span:first-of-type {
  margin-bottom: 6px;
}

tr.main {
  background-color: #EEEEEE;
}

.refreshwrap p,
.refreshwrap span,
.refreshwrap a,
.refreshwrap li {
  font-size: 15px;
  line-height: 21px;
  float: left;
}

.refreshwrap p > a {
  float: none;
}

table.navigation {
  max-width: none;
}

td.cmsmenu {
  padding-bottom: 36px;
  padding-left: 36px;
}

.copyr > a.footertransalis {
  float: left;
  width: 180px;
  margin-top: -14px;
  margin-right: 32px;
}

.copyr > a.footertransalis > img {
  float: left;
  width: 100%;
  margin: 0px;
}

.copyr {
  text-align: left;
}

.cardcontent > h4 {
  float: left;
  width: 100%;
  margin: 12px 0 6px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Work Sans',sans-serif;
}

.navon {
  background-color: #fb9101;
}

.navigation tr td input[type=submit] {
  font-size: 18px;
}

.navigation tr td logout[type=submit] {
  font-size: 14px;
}

.comingsoon-image {
  padding-top: 24px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  margin-top: 24px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .refreshwrap, .refreshwrap .refreshcard, .refreshwrap > .col-xs-3 {
    display: block;
    flex-flow: none;
  }
  
  .refreshwrap.faqpage > .col-xs-3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  
}



/* ----------------------------- 22/01/18 News item styling ----------------------------- */

.homepagenews {
  float: left;
  width: 100%;
  max-width: 1000px;
  background-color: #fff;
  padding: 56px 16px 16px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  margin: 2rem 0;
  position: relative;
}

.homepagenews::before {
  content: "What's New";
  position: absolute;
  left: 16px;
  top: 24px;
  color: #706f6f;
  font-weight: bold;
  border-bottom: 2px solid #706f6f;
  right: 16px;
  padding-bottom: 6px;
  font-size: 1.3rem;
  box-sizing: border-box;
}

.homepagenews > .newsitem-single {
  float: left;
  width: 100%;
  padding: 16px 0;
  box-sizing: border-box;
}

.homepagenews > div:not(:last-of-type) {
  border-bottom: 1px solid #E0E0E0;
}

.homepagenews > .newsitem-single > h3 {
  float: left;
  width: 100%;
  margin: 16px 0 8px;
  font-weight: bold;
}

.homepagenews .colororange, 
.homepagenews > .newsitem-single > p > a, 
.homepagenews > .newsitem-single > a {
  color: #fb9101;
}

.homepagenews > .newsitem-single > p > a, 
.homepagenews > .newsitem-single > a {
  font-weight: bold;
}

.footer > td {
  border-top: 3px solid #fff;
}

.cmsmenu form > label, .cmsmenu form > input[type="text"], .cmsmenu form > input[type="password"] {
  margin-bottom: 16px;
}

.navigation tr td input[type=submit] {
  margin-top: 36px;
}


.footer .blue {
  color: #fff;
  font-weight: bold;
}

.footer .addr .blue, .footer .phone > span.blue:first-of-type, .footer .phone > span.blue:nth-of-type(4), .footer .globe .blue {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 6px;
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
  width: 70%;
}

.footer .globe .blue {
  margin-top: 18px;
}

.footer a, .cardcontent > a {
  color: #fb9101;
}

.footer a:hover, a.nav:hover, .cardcontent > a:hover, .cardcontent > p > a:hover {
  color: #fb9101;
  text-decoration: underline;
}

input.inputform[type="submit"], #frmUpdateItems input[type="submit"], #frmUpdateItems input[type="reset"], td > a.linkbutton, form input[type="submit"], form input[type="reset"], input[value="Cancel"], .formbuttons > input[type="button"] {
  border: 2px solid #000;
  padding: 8px 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  height: 35px !important;
  background-color: #fff;
  color: #000;
  cursor: pointer;
}

form#frmUpdateItems table, form#frmUpdateItems td > a.linkbutton {
  white-space: nowrap;
}

input.inputform[type="submit"]:hover, #frmUpdateItems input[type="submit"]:hover, #frmUpdateItems input[type="reset"]:hover, td > a.linkbutton:hover, form input[type="submit"]:hover, form input[type="reset"]:hover, input[value="Cancel"]:hover, .formbuttons > input[type="button"]:hover {
  border: 2px solid #000;
  background-color: #fff;
  padding: 8px 16px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.orderfield {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 16px;
  width: auto;
}

.orderfield img {
  margin-left: 16px;
}

.orderfield input {
  width: 150px;
}

#frmUpdateItems tr > td > input {
  width: 200px;
}

.main table.cmsbodytable {
  padding-right: 78px;
}

#frmUpdateItems > table > tbody > tr {
  height: 35px;
}

.cmsmenu > .navigation {
  width: 220px !important;
}

.cmscontentdiv {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  padding: 16px;
}

#frmUpdateItems > table.catalogitems > tbody > tr > td > input, #frmUpdateItems > table.catalogitems > tbody > tr > td > select {
  width: 100%;
}

#frmUpdateItems > table.catalogitems > tbody > tr > td {
  width: 100px;
}

div > a.linkbutton, body.editprocesses .cmscontentdiv div > a {
  float: left;
  border: 2px solid #000;
  padding: 8px 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  height: 35px !important;
  background-color: #fff;
  color: #000;
  box-sizing: border-box;
}

div > a.linkbutton:hover, body.editprocesses .cmscontentdiv div > a:hover {
  border: 2px solid #000;
  background-color: #fff;
  padding: 8px 16px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

body.editprocesses .cmscontentdiv div > a {
  margin-right: 16px;
}

td.listitem > a.listitem {
  float: left;
  border: 2px solid #000;
  padding: 8px 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  background-color: #fff;
  color: #000;
  box-sizing: border-box;
  white-space: initial;
}

td.listitem > a.listitem:hover {
  border: 2px solid #000;
  background-color: #fff;
  padding: 8px 16px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.home .cmscontentdiv {
  box-shadow: none;
}

.loggedout .cmscontentdiv {
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
}

.formbuttons > input[type="button"] {
  margin-top: 16px;
}

.home-error {
  color:red;
  padding:0 10px;
  clear:both;
}

.hidedropdown {
  display: none;
}

.comingsoon-home {
  width: 100%;
}

.cmsmenu form > label:nth-of-type(3),
.cmsmenu form > input:nth-of-type(3) {
  display: none;
}

.mailinglist-title {
  text-align: center; 
  font-size: 130%; 
  margin: 10px 0px;
}

.changenotificationsinputform #newaddress, .changenotificationsinputform #newmonum {
  height: 25px; 
  width: 250px;
}

.changenotificationsinputform #AddMailButton, .changenotificationsinputform #addmobilebutton {
  height: 25px;
  width: 100px;
}

.changenotificationsinputform #addresslist, .changenotificationsinputform #remove, .changenotificationsinputform #removemobileno, .changenotificationsinputform #mobilelist {
  width: 250px;
}

.changenotificationsinputform #savechangesbutton {
  height: 30px;
  width: 150px;
  cursor: pointer;
}

.changenotificationsinputform #restartprocessesbutton {
  height: 25px;
  width: 100px;
}

form#frmOrderList > table.list > tbody > tr:last-of-type > td.buttons > div {
  width: 100%;
}

form#frmOrderList > table.list > tbody > tr:last-of-type > td.buttons > div > div {
  width: 100%;
  text-align: center;
}

form#frmOrderList > table.list > tbody > tr:last-of-type > td.buttons > div > span:first-of-type {
  float: left;
  text-align: left;
}

form#frmOrderList > table.list > tbody > tr:last-of-type > td.buttons > div > span:last-of-type {
  float: right;
  text-align: right;
}

@media only print and not screen { 
  .footer {
    display: none;
  } 
}



/* inline fixes */

form[jsformid="listprintackords"], form[jsformid="listprintinvoices"], form[jsformid="listprintorders"], form[jsformid="listprintshippingnote"] {
  page-break-before:always;
  padding-bottom:5px;
}

.templatecatfields {
  color: green;
  font: bolder italic 14pt;
}


.templateneword {
  float: left;
  border: solid 1;
  padding: 4px;
  text-align: right;
}

.templateneword2 {
  clear: both;
}

.custaccount1 {
  width: 360px;
}

#pleasewaitmessage {
  display:none; 
  position:absolute; 
  left:30%; 
  top:30%; 
  width:300px;
  border-top : 2px solid gray; 
  border-left : 2px solid gray; 
  border-bottom : 2px solid black; 
  border-right : 2px solid black; 
  background-color: white;
  text-align:center;
  padding: 10px;
}

.custshowcatalogue {
  float: right;
}

.cardcontent > h3 {
    float: left;
    width: 100%;
    margin-top: 42px;
}

.refreshwrap.termsandconditions span {
  float: none;
}

.refreshwrap.termsandconditions h3 {
  margin-top: 32px;
}

.refreshwrap.termsandconditions .cardcontent > ol > li:first-of-type > h3 {
  margin-top: 0;
}

.refreshwrap.termsandconditions ol {
  counter-reset: item;
  border-collapse: collapse;
}

.refreshwrap.termsandconditions li {
  display: table-row;
  float: none;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
}

.refreshwrap.termsandconditions li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  display: table-cell;
  padding-right: 8px;
}

.refreshwrap.termsandconditions .cardcontent > ol > li:before {
  font-weight: bold;
  font-size: 1.17em;
  content: counter(item)'.';
  padding-right: 0px;
}

.refreshwrap.termsandconditions.cookiepolicy table {
  border: 1px solid black;
  border-collapse: collapse;
}

.refreshwrap.termsandconditions.cookiepolicy table th, .refreshwrap.termsandconditions.cookiepolicy table td {
  border: 1px solid black;
  padding: 6px;
}

.refreshwrap.termsandconditions.cookiepolicy table th {
  font-size: 0.8rem;
  text-align: left;
}

.refreshwrap.termsandconditions.cookiepolicy table > tbody > tr > td:first-of-type {
  font-weight: bold;
}

.refreshwrap.termsandconditions a, .refreshwrap.privacypolicy a {
  color: #fb9101;
}



/* Gartner Barcelona Message */


.barcelona-wrap {
  padding: 48px 0 16px;
  width: 100%;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 2px;
}

.barcelona-image {
  grid-column: 1/2;
  background-image: url(../templates/include/images/49194142__m.jpg);
  background-size: cover;
  background-position: center;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.barcelona-content {
  grid-column: 2/3;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  padding: 24px;
}

.barcelona-content > span {
  font-size: 1.6rem;
  margin-bottom: 16px;
  width: 100%;
}

.barcelona-content > span:nth-of-type(2) {
  margin-bottom: 36px;
}

.barcelona-content > a {
  font-size: 1.2rem;
  padding: 16px;
  background-color: #2196f3;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  margin-top: 16px;
}

.barcelona-content > a:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.barcelona-content > p {
  margin-top: 0px;
  font-size: 1.1rem;
  font-weight: 400;
}

.barcelona-content > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  margin-bottom: 16px;
}

.barcelona-content > div > span {
  margin-bottom: 16px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.barcelona-content > div > span::before {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #000;
  display: block;
  content: "";
  margin-right: 12px;
  flex: 0 0 6px;
}



/* ================ Cookie Banner ==================== */

  .cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fb9101;
    color: #fff;
    z-index: 9999;
    border-top: 3px solid #fff;
  }

  .cookie-banner-inner {
    padding: 16px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }

  .cookie-banner-inner > span {
    width: 75%;
    margin-bottom: 0;
  }

  .cookie-banner-inner > span > a {
    color: #fff;
    text-decoration: underline;
  }
  .cookie-banner-inner > span > a:hover {
    color: #c8c8c8;
  }

  .cookie-banner-inner .cookie-button {
    padding: 8px 16px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
  }

  .cookie-banner-inner .cookie-button:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }

  .cookie-banner-inner .cookie-button#cookie-accept {
    background-color: green; 
  }

  .cookie-banner-inner .cookie-button#cookie-reject {
    background-color: red; 
  }

  .edit-cookies {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top-right-radius: 2px;
    background-color: #fff;
    border: 3px solid #fb9101;
    border-left: 0;
    border-bottom: 0;
    padding: 8px 16px;
    z-index: 9999;
    color: #fb9101;
    font-weight: 600;
    line-height: 35px;
    cursor: pointer;
  }

  .edit-cookies:hover {
    color: #ffffff;
    background-color: #fb9101;
    border: 3px solid #fff;
    border-left: 0;
    border-bottom: 0;
  }

  .cookie-banner > .container {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
  }

  .cookie-banner-inner > span, .cookie-banner-inner > span > a {
    font-size: 1rem;
    line-height: 1.3;
  }

.notices-container > .main-section > p > a, .notices-container > .main-section > h1 {
  color: #fb9101;
}

.cmscontentdiv.disabled {
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
}





/* ================ BEGIN: Supplier Home - Marketing ==================== */


.marketing-wrap {
    min-width: 768px;
    font-family: 'Work Sans', sans-serif;
    float: left;
    width: 100%;
    margin: 29px 0;
    padding-right: 36px;
    box-sizing: border-box;
    max-width: 1150px;
}

.marketing-inner {
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 2px;
}

.marketing-inner .marketing-left img, .marketing-inner .marketing-left iframe {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.marketing-inner .marketing-right {
    padding: 50px;
}

.marketing-inner .marketing-right .marketing-content {
    display: flex;
    align-content: space-between;
    flex-direction: column;
    height: 100%;
}

.marketing-inner .marketing-right .title h1 {
    margin-top: 0;
    font-size: 2rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.2;
    color: #000;
}

.marketing-inner .marketing-right .marketing-content {
    line-height: 1.5;
}

.marketing-inner .marketing-right .marketing-content .btn {
    margin-bottom: 0;
    margin-top: auto;
}

.marketing-inner .marketing-right .marketing-content .btn a {
    background-color: #00aae0;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 20px;
    margin: 50px 0 0;
    line-height: auto;
    height: auto;
    border-radius: 4px;
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
}


/* ================ END: Supplier Home - Marketing ==================== */



/* ================ START: PMI Pen Test Fixes ==================== */

.passwordreset-msgbtn {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    line-height: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    padding: 9px 18px;
    display: inline-block;
    margin-top: 18px;
}

/* ================ END: PMI Pen Test Fixes ==================== */




/* ================ START: Password Policy ==================== */


/* START Force default password change */

#notification-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 16px 32px;
    background-color: #9AD1E5;
    color: #2c3538;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    column-gap: 32px;
}

#notification-banner #close-button {
    appearance: none;
    background-color: transparent;
    border: 2px solid #2c3538;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 600;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#notification-banner #close-button:hover {
    color: #9AD1E5;
    background-color: #2c3538;
}

/* STOP Force default password change */


/* ================ END: Password Policy ==================== */



/* ================ START: Reset Password ==================== */
form.forgotpass-form .login-inputwrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 250px;
  grid-template-columns: 100px 250px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  margin: 5px 0;
}


/* ================ END: Reset Password ==================== */