html, body {height:100%;}

header section.headerSearch {position: relative;}
header section.headerSearch form.searchForm {display:inline-block;position:absolute;right:2.5%;top:15px;}

header section.headerFilter {padding: 15px 2.5%;}
header section.headerFilter > div {width:100%;display: flex;justify-content: space-between;align-items: center;}

header section.headerFilter div.mainControls {display: inline-block;}
header section.headerFilter div.mainControls a {margin-right:12px;border-radius: 25px;}

header section.headerFilter p.loginIdentity {display: inline-block;}

section.searchSection * {box-sizing: border-box;}

section.searchSection {
  box-sizing: border-box;
  padding:50px 0;
  background: #005a96 url(https://dmrcsitefinity.blob.core.windows.net/publicimages/support/general/angle-background-svg.svg);
  background-size: cover;
}
section.searchSection h1 {padding: 0 0 20px 0;margin:0;font-family: "Circular-Bold-S";font-size: 32px;text-align: center;color:#fff;}
section.searchSection > div {max-width: 1250px;margin:0 auto;}
section.searchSection form {margin-bottom: 25px;}
section.searchSection form.searchForm.internalPage {margin-bottom: 0;}
section.searchSection a.btn {display:block;margin:0 auto;max-width: 180px;border-radius: 25px;}
section.searchSection form div input {position:relative;z-index:12;border-radius:25px;display:block;margin:0 auto;width:100%;background: #fefefe;border: 3px solid #41b6e6;}
section.searchSection form div input::placeholder {color:#999;}
section.searchSection form div input:hover {background: #fff;border: 3px solid #8fc53c;}
section.searchSection form div input:focus {background: #fff;border: 3px solid #fff;}

@media (max-width: 1024px) {
  section.searchSection form div input {width: 90%;}
}


/*autocomplete*/
section.searchSection form > div {position: relative;
  width:95%;
  max-width: 760px;
  margin:0 auto;}
div.searchAutoComplete {
  left:0;
  right:0;
  text-align: center;
  position:absolute;
  display:block;
  width:100%;
  max-width: 726px;
  margin:0 auto;
  padding:12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0,0,0,.15);
  border:1px solid #aaa;
  z-index:12;
}
div.searchAutoComplete > div, div.searchAutoComplete > div p {text-align:left;font-size:20px;overflow-x: hidden;white-space: nowrap;}
div.searchAutoComplete > div a {display:block;width: 100%;color: #555;padding:12px;font-family: "Circular-Book-S";}
div.searchAutoComplete > div a strong {font-family: "Circular-Black-S";}
div.searchAutoComplete > div p {margin:4px 0 0 0;padding: 0;font-size: 16px;color: #999;transition: all 0.3s;}
div.searchAutoComplete > div p span:first-of-type {display:inline-block;width:100px;}
div.searchAutoComplete > div { border-top:1px solid #000;}
div.searchAutoComplete > div:first-of-type {border-top:0;} 
div.searchAutoComplete > div:first-of-type a {padding-bottom: 20px;}
div.searchAutoComplete > div a:hover, div.searchAutoComplete > div a:focus {background: #bee7f9;}

div.searchAutoComplete > div a:hover, div.searchAutoComplete > div a:hover p {color: #000;}

div.overlay {
  display: none;
  width:100%;
  height:100%;
  opacity: .4;
  z-index: 11;
  background: #000;
  overflow: hidden;
  position: fixed;
  inset: 0px;
  outline: 0px;
}

main * {box-sizing: Border-box;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


/* Home stuff */

div.dmrcTopTopics {margin-bottom: 50px;}
div.dmrcTopTopics > div {width:100%;margin: 0 auto;max-width: 1250px;display: flex;justify-content: space-between;}
div.dmrcTopTopics > div > div {width: 31%;padding:0px;display: flex;flex-direction: column;}
div.dmrcTopTopics > div > div h3 {padding-bottom:20px;border-bottom:2px solid #005a96;margin:0 0 20px 0;font-family: "Circular-Bold-S"; font-size: 24px;color: #005A96;}
div.dmrcTopTopics > div > div ul { list-style:none;padding:0;min-height: 230px;} 
div.dmrcTopTopics > div > div ul li {font-size: 16px;margin-bottom: 10px;}
div.dmrcTopTopics > div > div ul li a {
  position: relative;
  display: inline-block;
  border: 0;
  padding:0 0 8px 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
}
div.dmrcTopTopics > div > div ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #8fc53c;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
div.dmrcTopTopics > div > div ul li a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}
div.dmrcTopTopics > div > div a.listAll {display:flex;padding:10px 8px;margin-top:auto;border-top:1px solid #777;font-size: 16px;color:#13274a;}
div.dmrcTopTopics > div > div a.listAll:hover {background:rgba(0,0,0,.05);}

div.dmrcImgTopics {}
div.dmrcImgTopics > div {width:100%;margin: 0 auto;max-width: 1250px;}
div.dmrcImgTopics > div > div {display: flex;justify-content: space-between;align-items:center;margin-bottom: 25px;}
div.dmrcImgTopics > div > div > a {
	display:block;
	width: 32%;
	padding:80px 20px;
	min-height:60px;
	text-align: center;
	font-family: "Circular-Bold-S";
	font-size: 24px;
	color: #fff;
	vertical-align: middle;
	border-radius: 8px;
	border:2px solid #000;
  transition: all 0.3s ease-in-out 0s;
}
div.dmrcImgTopics > div > div > a.singleLine {line-height: 60px;}

div.dmrcImgTopics > div > div.blueBlock > a {
    background: #005a96 url(https://dmrcsitefinity.blob.core.windows.net/publicimages/support/general/angle-background-svg.svg);
    background-size: cover;
}
div.dmrcImgTopics > div > div.greenBlock > a {
    background: #2c704f url(https://dmrcsitefinity.blob.core.windows.net/publicimages/support/general/angle-background-svg.svg);
    background-size: cover;
}

div.dmrcImgTopics > div > div.blueBlock > a:hover {
  background-color:#41b6e6;
}
div.dmrcImgTopics > div > div.greenBlock > a:hover {
  background-color:#8fc53c;
}

@media (max-width: 1024px) {
  div.dmrcTopTopics > div, div.dmrcImgTopics > div {width:100%;}
  div.dmrcTopTopics > div {display: block;}
  div.dmrcTopTopics > div > div {width:100%;margin-bottom: 20px;}
  div.dmrcTopTopics > div > div ul {min-height: 0;}

  div.dmrcImgTopics > div > div {display: block;}
  div.dmrcImgTopics > div > div > a {width: 100%;margin-bottom: 25px;}
  div.dmrcImgTopics > div > div > a:last-of-type {margin-bottom: 0;}
}


/* Article Layout stuff */


section.dmrcSupport.articleContent {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

section.dmrcSupport.articleContent p {font-size:24px;margin:0 0 25px 0;}

section.dmrcSupport.articleContent p.publishDate {font-family: "Circular-Black-S", arial;}
section.dmrcSupport.articleContent p.publishDate span.articleViews {font-family: "Circular-Book-S", arial;}
section.dmrcSupport.articleContent p.publishDate span em {font-style: normal;}

@media (max-width: 1024px) {
  section.dmrcSupport.articleContent p.publishDate span.articleViews {display: block;}
  section.dmrcSupport.articleContent p.publishDate span em {display: none;}
}

section.dmrcSupport.articleContent p.articleSummary {color:#41b6e6 ;}

section.dmrcSupport.topicsPage.articleContent h3 {color:#939598;}
section.articleContent div.sideLinkList {float:right;margin:0 0 30px 30px;width:40%;padding:30px;background: #efefef;}
section.articleContent div.sideLinkList h2 {font-weight:normal;margin:0 0 30px 0;font-size: 28px;color:#005a96;font-family: "Circular-Medium-S", arial;}
section.articleContent div.sideLinkList ul {list-style: disc;padding:0 0 0 20px;margin:0;}
section.articleContent div.sideLinkList ul li {font-size: 20px;margin-bottom: 12px;}
section.articleContent div.sideLinkList ul li a {color:#333;}

@media (max-width: 1400px) {
  section.articleContent div.sideLinkList h2 {font-size: 18px;}
  section.dmrcSupport.topicsPage.articleContent div.sideLinkList ul li {font-size: 12px;}

}

@media (max-width: 1024px) {
  section.articleContent div.sideLinkList {float:none;margin:0 0 30px 0;width:100%;padding:30px;}
}

section.articleContent p a {color:#005a96;font-family: "Circular-Bold-S", arial;display: inline;position: relative;}
/* Underline effect for paragraph anchors */
section.articleContent p a {padding-bottom: 2px !important;}
section.articleContent p a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #13274a;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
section.articleContent p a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

section.articleContent p a:hover {color:#13274a;}

/* No results */

section.dmrcSupport.topicsPage.articleContent h3.noSearchResults {text-align: center;margin:40px;}

/* Page Detail viewcount */




/* Underline effect for paragraph anchors */

section.dmrcSupport.topicsPage.articleContent h4.articleListPage {
  display: flex;
  justify-content: space-between;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
section.dmrcSupport.topicsPage.articleContent div.articleList a {display: block;padding:30px;border-bottom: 3px solid #ccc;margin-bottom: 20px;background:#efefef;}
section.dmrcSupport.topicsPage.articleContent div.articleList a:hover {background: #bee7f9;border-bottom: 3px solid #13274a;}

section.dmrcSupport.topicsPage.articleContent div.articleList a h3 {margin:0;color: #005a96;transition: all 0.3s ease-in-out 0s;}
section.dmrcSupport.topicsPage.articleContent div.articleList a p {color: #999;transition: all 0.3s ease-in-out 0s;}

section.dmrcSupport.topicsPage.articleContent div.articleList a p span.searchResults,
section.dmrcSupport.topicsPage.articleContent div.articleList a h3 span.searchResults {
  background: #13274a;
  color:#fff;
}

section.dmrcSupport.topicsPage.articleContent div.articleList a p mark,
section.dmrcSupport.topicsPage.articleContent div.articleList a h3 mark {
  background: #13274a;
  color:#fff;
}

section.dmrcSupport.topicsPage.articleContent div.articleList a p.articleInfo {display:flex;justify-content:space-between;font-size: 16px;margin-bottom: 0;}
section.dmrcSupport.topicsPage.articleContent div.articleList a p.articleInfo em {font-style: normal;}
section.dmrcSupport.topicsPage.articleContent div.articleList a p.articleInfo em span {margin-right:8px;}

section.dmrcSupport.topicsPage.articleContent div.articleList a:hover h3 {color:#13274a;}
section.dmrcSupport.topicsPage.articleContent div.articleList a:hover p {color:#13274a;}

section.dmrcSupport.topicsPage.articleContent h1 {
  font-size:36px;
  text-transform:uppercase;
  margin:0;
  padding:0;
  font-family: "Circular-Bold-S", arial;
  padding-bottom: 25px;
}
section.dmrcSupport.topicsPage.articleContent h2 {
  margin:0;
  padding:0;
  padding-bottom: 8px;
  font-family: "Circular-Bold-S", arial;
  margin-bottom: 25px;
  color:#005A96;
  border-bottom:1px solid #005A96;
}
section.dmrcSupport.topicsPage.articleContent h3 {
  margin:0;
  padding:0;
  font-family: "Circular-Bold-S", arial;
  padding-bottom: 25px;
  color:#41b6e6;
  font-size: 24px;
}

section.dmrcSupport.topicsPage.articleContent img {max-width: 100%;}
section.dmrcSupport.topicsPage.articleContent > img {max-width: 100%;margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent > p img {max-width: 100%;}


section.dmrcSupport.topicsPage.articleContent a.btn {margin-bottom: 25px;}

section.dmrcSupport.topicsPage.articleContent ul {margin:0;padding:0 0 25px 50px;}
section.dmrcSupport.topicsPage.articleContent ol {margin:0;padding:0 0 25px 50px;}
section.dmrcSupport.topicsPage.articleContent ol.separationList,
section.dmrcSupport.topicsPage.articleContent ul.separationList {
  padding:25px 0 25px 50px;
  border-top:2px solid #005A96;
  border-bottom: 2px solid #005A96;
  margin-bottom: 25px;
}
section.dmrcSupport.topicsPage.articleContent ol ol, 
section.dmrcSupport.topicsPage.articleContent ol ul {padding:15px 0 0 50px;}

section.dmrcSupport.topicsPage.articleContent ul ol, 
section.dmrcSupport.topicsPage.articleContent ul ul {padding:15px 0 0 50px;}

section.dmrcSupport.topicsPage.articleContent ol ol {list-style: lower-alpha;}

section.dmrcSupport.topicsPage.articleContent ol ::marker {font-family: "Circular-Bold-S", arial;color:#005a96;} 
section.dmrcSupport.topicsPage.articleContent ol ol ::marker, 
section.dmrcSupport.topicsPage.articleContent ol ul ::marker {font-family: "Circular-Book-S", arial;color:#41b6e6;} 
section.dmrcSupport.topicsPage.articleContent ul ::marker {color:#005a96;}
section.dmrcSupport.topicsPage.articleContent ul ol ::marker, 
section.dmrcSupport.topicsPage.articleContent ul ul ::marker {font-family: "Circular-Book-S", arial;color:#41b6e6;} 
section.dmrcSupport.topicsPage.articleContent ul ul {list-style: disc;}
 
section.dmrcSupport.topicsPage.articleContent li {font-size: 24px;padding-bottom: 12px;}

section.dmrcSupport.topicsPage.articleContent ul li:last-of-type,
section.dmrcSupport.topicsPage.articleContent ol li:last-of-type {padding-bottom: 0;}



/* Underline effect for list anchors */
section.dmrcSupport.topicsPage.articleContent ul li a, section.dmrcSupport.topicsPage.articleContent ol li a {color:#005a96;font-family: "Circular-Bold-S", arial;display: inline;position: relative;}
section.dmrcSupport.topicsPage.articleContent ul li a, section.dmrcSupport.topicsPage.articleContent ol li a {padding-bottom: 2px !important;}
section.dmrcSupport.topicsPage.articleContent ul li a::before, section.dmrcSupport.topicsPage.articleContent ol li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #13274a;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
section.dmrcSupport.topicsPage.articleContent ul li a:hover::before, section.dmrcSupport.topicsPage.articleContent ol li a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

section.dmrcSupport.topicsPage.articleContent ul li a:hover, section.dmrcSupport.topicsPage.articleContent ol li a:hover {color:#13274a;}


/* COPY STUFF */

section.dmrcSupport.topicsPage.articleContent div.imgRight {display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.imgRight > div {margin-right:30px;}
section.dmrcSupport.topicsPage.articleContent div.imgRight img {width:40%;max-width: 400px;}

@media (max-width: 768px) {
  section.dmrcSupport.topicsPage.articleContent div.imgRight {display: block;margin-bottom: 0;}
  section.dmrcSupport.topicsPage.articleContent div.imgRight > div {margin-right:0px;}
  section.dmrcSupport.topicsPage.articleContent div.imgRight img {display:block;margin:0 auto 25px auto;width:75%;max-width: 400px;}
}

section.dmrcSupport.topicsPage.articleContent div.imgRightMostlyImg {display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.imgRightMostlyImg > div {margin-right:30px;}
section.dmrcSupport.topicsPage.articleContent div.imgRightMostlyImg img {width:70%;max-width: 700px;}

@media (max-width: 1280px) {
  section.dmrcSupport.topicsPage.articleContent div.imgRightMostlyImg {display: block;margin-bottom: 0;}
  section.dmrcSupport.topicsPage.articleContent div.imgRightMostlyImg > div {margin-right:0px;}
  section.dmrcSupport.topicsPage.articleContent div.imgRightMostlyImg img {display:block;margin:0 auto 25px auto;width:100%;}
}

section.dmrcSupport.topicsPage.articleContent div.fullwidthImg {margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.fullwidthImg img {width:100%;height: auto;}

section.dmrcSupport.topicsPage.articleContent div.imgLeft {display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.imgLeft > div {}
section.dmrcSupport.topicsPage.articleContent div.imgLeft img {margin-right:30px;width:40%;max-width: 400px;}

@media (max-width: 768px) {
  section.dmrcSupport.topicsPage.articleContent div.imgLeft {display: block;margin-bottom: 0;}
  section.dmrcSupport.topicsPage.articleContent div.imgLeft > div {}
  section.dmrcSupport.topicsPage.articleContent div.imgLeft img {margin-right:0px;display:block;margin:0 auto 25px auto;width:75%;max-width: 400px;}
}

section.dmrcSupport.topicsPage.articleContent div.imgLeftMostlyImg {display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.imgLeftMostlyImg > div {}
section.dmrcSupport.topicsPage.articleContent div.imgLeftMostlyImg img {margin-right:30px;width:70%;max-width: 700px;}

@media (max-width: 1280px) {
  section.dmrcSupport.topicsPage.articleContent div.imgLeftMostlyImg {display: block;margin-bottom: 0;}
  section.dmrcSupport.topicsPage.articleContent div.imgLeftMostlyImg > div {}
  section.dmrcSupport.topicsPage.articleContent div.imgLeftMostlyImg img {margin-right:0px;display:block;margin:0 auto 25px auto;width:100%;}
}

section.dmrcSupport.topicsPage.articleContent div.imgLeftCaption {width:100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.imgLeftCaption > div p.caption {color:#005a96;margin:15px 0;font-family: "Circular-BookItalic-S", arial;font-size: 14px;text-align: center;}
section.dmrcSupport.topicsPage.articleContent div.imgLeftCaption > div:first-of-type {margin-right:30px;}
section.dmrcSupport.topicsPage.articleContent div.imgLeftCaption img {width:100%;min-width:400px;height: auto;}

@media (max-width: 860px) {
  section.dmrcSupport.topicsPage.articleContent div.imgLeftCaption {display: block;margin-bottom: 0;}
  section.dmrcSupport.topicsPage.articleContent div.imgLeftCaption img {margin-right:0px;display:block;margin:0 auto 25px auto;width:75%;max-width: 400px;}
}

section.dmrcSupport.topicsPage.articleContent div.imgRightCaption {width:100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.imgRightCaption > div {margin-right:30px;}
section.dmrcSupport.topicsPage.articleContent div.imgRightCaption > div p.caption {color:#005a96;margin:15px 0;font-family: "Circular-BookItalic-S", arial;font-size: 14px;text-align: center;}
section.dmrcSupport.topicsPage.articleContent div.imgRightCaption img {width:100%;min-width: 400px;}

@media (max-width: 860px) {
  section.dmrcSupport.topicsPage.articleContent div.imgRightCaption {display: block;margin-bottom: 0;}
  section.dmrcSupport.topicsPage.articleContent div.imgRightCaption > div {margin-right:0px;}
  section.dmrcSupport.topicsPage.articleContent div.imgRightCaption > div p.caption {}
  section.dmrcSupport.topicsPage.articleContent div.imgRightCaption img {display:block;margin:0 auto 25px auto;width:75%;max-width: 400px;}
}

section.dmrcSupport.topicsPage.articleContent div.fullwidthImgCaption {margin-bottom: 25px;}
section.dmrcSupport.topicsPage.articleContent div.fullwidthImgCaption img {width:100%;height: auto;}
section.dmrcSupport.topicsPage.articleContent div.fullwidthImgCaption p.caption {color:#005a96;margin:15px 0;font-family: "Circular-BookItalic-S", arial;font-size: 14px;text-align: center;}

section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut {padding:50px;background:#005a96;margin-bottom: 30px;border-radius: 3px;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut p {color:#fff;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut > div p.caption {color:#fff;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut p.caption {color:#fff;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut p:last-of-type {margin-bottom: 0;}

section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.dmrcDarkBlue {background: #13274a;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.dmrcLightBlue {background: #41b6e6;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.dmrcLightGreen {background: #8fc53c;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.dmrcDarkGreen {background: #2c704f;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.dmrcOrange {background: #ff9e15;}
section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.dmrcDarkOrange {background: #cb6015;}


@media (max-width: 860px) {
  section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut {padding:25px;}
  section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.imgRightCaption p:last-of-type,
  section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.imgRightMostlyImg p:last-of-type,
  section.dmrcSupport.topicsPage.articleContent div.backgroundCallOut.imgRight p:last-of-type {margin-bottom: 30px;}
}

section.dmrcSupport.topicsPage.articleContent div.outlineCallOut {padding:50px;border:3px solid #005a96;margin-bottom: 30px;border-radius: 3px;}
section.dmrcSupport.topicsPage.articleContent div.outlineCallOut p {color:#999;}
section.dmrcSupport.topicsPage.articleContent div.outlineCallOut > div p.caption {color:#005A96;}
section.dmrcSupport.topicsPage.articleContent div.outlineCallOut p.caption {color:#005A96;}
section.dmrcSupport.topicsPage.articleContent div.outlineCallOut p:last-of-type {margin-bottom: 0;}

@media (max-width: 860px) {
  section.dmrcSupport.topicsPage.articleContent div.outlineCallOut {padding:25px;}
  section.dmrcSupport.topicsPage.articleContent div.outlineCallOut.imgRightCaption p:last-of-type,
  section.dmrcSupport.topicsPage.articleContent div.outlineCallOut.imgRightMostlyImg p:last-of-type,
  section.dmrcSupport.topicsPage.articleContent div.outlineCallOut.imgRight p:last-of-type {margin-bottom: 30px;}
}

section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div {display: flex;justify-content: space-between;align-items: flex-start;}
section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div > div {max-width: 30%;}
section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div > div p {margin:0;padding: 0;}
section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div > div a {
  padding-bottom: 8px;
  color:#005A96;
  font-family: "Circular-Bold-S", arial;
  display: inline;
  position: relative;
  font-size: 16px;
}
section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks h3 {color:#000;}
section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks h5 {text-transform:uppercase;color:#000;font-family: "Circular-Bold-S", arial;}

section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div > div a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #13274a;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div > div a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}
section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div > div a:hover {color:#13274a;}

/* TABLES */

section.dmrcSupport.topicsPage.articleContent div.styledTable {margin-bottom: 30px;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table {border:3px solid #13274a;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr {transition: all .3s;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr:nth-of-type(odd) {background: #dedede;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr:nth-of-type(even) {background: #efefef;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr:hover {background: #fff;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table thead tr:first-of-type {background: #005A96;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td {
  padding:12px;
  font-size: 24px;
  color:#666;
  border-right: 1px solid #aaa;
  white-space: normal;
  overflow-wrap:  normal;
  word-wrap:  normal;
  -ms-word-break:  normal;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break:  normal;
  /* Instead use this non-standard one: */
  word-break:  normal;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: none;
}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td:last-of-type {border-right:0;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table thead tr td {
  font-family: "Circular-Bold-S", arial;
  padding:12px;
  font-size: 24px;
  color:#fff;
  border-bottom: 3px solid #13274a;
  border-right:0;
}

section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td a {color:#005a96;font-family: "Circular-Bold-S", arial;display: inline;position: relative;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td img {}
/* Underline effect for paragraph anchors */
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td a {padding-bottom: 2px !important;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #13274a;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td a:hover {color:#13274a;}

section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td.percent50 {width: 50%;}
section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td.percent75 {width: 75%;}

@media (max-width: 768px) {
  section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td {display: block;}
  section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td.percent50 {width: 100%;}
  section.dmrcSupport.topicsPage.articleContent div.styledTable table tr td.percent75 {width: 100%;}
}     

/* table 2 */
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table tr:nth-of-type(odd) {background: #dedede;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table tr:nth-of-type(even) {background: #efefef;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table tr:hover {background: #fff;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table thead tr:first-of-type {background: #005A96;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table tr td {
  color:#666;
  border-right: 1px solid #aaa;
}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table tr td:first-of-type {
  background:#13274a;
  color:#fff;
  border-right: 2px solid #13274a;
  border-bottom: 3px solid #000;
}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table thead tr td {
  color:#fff;
  border-bottom: 3px solid #13274a;
  border-right: 2px solid #13274a;
}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable1 table thead tr td:first-of-type {
  background:#005A96;
}

/* table 3 */
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table {border:3px solid #000;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr:nth-of-type(odd) {background: #005A96;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr:nth-of-type(even) {background: #13274a;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr:hover {background: #8fc53c;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table thead tr:first-of-type {background: #000;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr td {
  color:#fff;
  border-right: 1px solid rgba(0,0,0,.2);
}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table thead tr td {
  color:#fff;
  border-bottom: 3px solid #13274a;
  border-right:0;
}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr td a {color:#41b6e6;}

section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr:hover td a {color:#13274a;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr:hover td a::before {background-color: #13274a;}
section.dmrcSupport.topicsPage.articleContent div.styledTable.alternateTable2 table tr:hover td a:hover {color:#13274a;}

/* Quotes */


section.dmrcSupport.topicsPage.articleContent .quote-container .quote div.row {display: flex;align-items: center;}
section.dmrcSupport.topicsPage.articleContent .quote { 
  padding: 40px 0;
  width: 90%;
  max-width: 1250px;
  margin:0 auto;
}
section.dmrcSupport.topicsPage.articleContent .quote img {width: 240px;border-radius: 50%;}

section.dmrcSupport.topicsPage.articleContent .quote p {
  font-size: 24px;
  color: #005a96;
  line-height: 1.2;
  font-family: "Circular-BookItalic-S", arial;
}

section.dmrcSupport.topicsPage.articleContent .quote .quote-author {
  font-size: 24px;
  display: block;
  font-family: "Circular-BoldItalic-S", arial;
  color: #005a96;
  margin: 20px 0 10px 0;
}

@media (max-width: 768px) {
  section.dmrcSupport.topicsPage.articleContent .quote-container .quote div.row {display: block;}
  section.dmrcSupport.topicsPage.articleContent .quote-container {
    padding: 0 20px 0;
  }
  section.dmrcSupport.topicsPage.articleContent .quote p {
    font-size: 30px; 
  }
  section.dmrcSupport.topicsPage.articleContent .quote .quote-author {
    font-size: 14px;  
  }
  section.dmrcSupport.topicsPage.articleContent .quote img {
    display: block;
    margin: 0 auto;
  }
}     


@media (max-width: 1024px) {
  section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div {display: block;}
  section.dmrcSupport.topicsPage.articleContent div.tableOfContentsLinks > div > div {max-width: 100%;}
}

/** No Img Quote **/


section.dmrcSupport.topicsPage.articleContent #customer-quotes {
  display: flex;
  flex-wrap: wrap; 
  justify-content: space-between;
  max-width: 1250px;
  margin: 0 auto; 
  padding: 0 15px 30px 15px;
}

section.dmrcSupport.topicsPage.articleContent .quote-wrap {
  border-left: 4px solid #005a96;
  padding: 0 15px;
}

section.dmrcSupport.topicsPage.articleContent .quote-wrap {
  margin: 30px 0 50px;
}

section.dmrcSupport.topicsPage.articleContent .quote-wrap p {
  font-size: 20px;
  font-family: "Circular-BookItalic-S", arial;
}

@media (min-width: 768px) {
  section.dmrcSupport.topicsPage.articleContent .quote-wrap p {
    font-size: 24px;
  }
}

section.dmrcSupport.topicsPage.articleContent .quote-wrap .author-quote {
  font-family: "Circular-MediumItalic-S", arial;
  display: block;
  margin-top: 5px;
}

section.dmrcSupport.topicsPage.articleContent #customer-quotes img {
  max-width: 175px;
  margin: 30px 0 0;
}


div.feedbackFormLink, div.feedbackFormLink p {text-align: center;}


/* Category Tagging */

div.categoryTags {border-top:1px solid #005A96;border-bottom: 1px solid #005A96;margin-bottom: 30px;}
div.categoryTags h5 {text-transform: uppercase;color:#005a96;font-family: "Circular-Bold-S";}
div.categoryTags a {display:inline-block;padding:8px 16px; border-radius:25px;font-size: 14px;color:#005A96;border:1px solid #005A96;margin:0 10px 25px 0;}
div.categoryTags a:last-of-type {margin-right: 20px;}
div.categoryTags a:hover {color:#fff;background: #005A96;}



/* TOPICS LAYOUT */


section.dmrcSupport.topicsPage {}
section.dmrcSupport.topicsPage h3 {
  color:#005a96;
  font-size:30px;
  font-family: "Circular-Bold-S";
}
section.dmrcSupport.topicsPage div.topicAnchors {
  display: flex;
  margin-bottom:30px;
}

section.dmrcSupport.topicsPage div.topicAnchors a {
  display: flex;
  align-items: center;
  border:2px solid #005a96;
  padding:15px;
  border-radius: 8px;
  color:#005a96;
  font-size: 20px;
  width:23.5%;
  font-family: "Circular-Book-S";
  margin-right:2%;
}
section.dmrcSupport.topicsPage div.topicAnchors a:hover {background: #efefef;}
section.dmrcSupport.topicsPage div.topicAnchors a span {font-size: 40px;margin-right:15px;}
section.dmrcSupport.topicsPage div.topicAnchors a img {margin-right:15px;}
section.dmrcSupport.topicsPage div.topicAnchors a:last-of-type {margin-right:0;}

section.dmrcSupport.topicsPage div.topicAnchors a em {font-style: normal;}

@media (max-width: 1024px) {
  section.dmrcSupport.topicsPage div.topicAnchors {display: block;}
  section.dmrcSupport.topicsPage div.topicAnchors a {width: 100%;margin-right:0;margin-bottom:20px;}
}

/* Case stuff */

section.dmrcSupport {width:95%;margin: 0 auto;max-width: 1250px;}

section.dmrcSupport > h4 {cursor: default;margin-top:0;margin-bottom: 20px;}

section.dmrcSupport fieldset {position:relative;margin:30px 0;width:100%;border-radius: 5px;border:2px solid #dedede;padding:20px 20px 30px 20px;}
section.dmrcSupport fieldset > span.fa {font-size:20px;position: absolute;top:40px;right:20px;}

section.dmrcSupport div {}
section.dmrcSupport div.groupFieldSets {display: flex;justify-content: space-between;flex-direction: row-reverse;}
section.dmrcSupport div.groupFieldSet {display: inline-block;width:48%;}
section.dmrcSupport div.groupFieldSets div:last-of-type {margin-right:0;}
section.dmrcSupport div.fullFieldSet {width:100%;}

section.dmrcSupport fieldset legend {padding:12px 20px;background:#fff;border-radius: 5px;font-size:18px;text-transform:uppercase;font-family: "Circular-Bold-S";color:#005a96;}

section.dmrcSupport fieldset hr {border:0;border-bottom: 2px solid #dedede;margin:25px 0;}

section.dmrcSupport fieldset p, section.dmrcSupport fieldset li {margin:0;padding:0;font-size:20px;}
section.dmrcSupport fieldset p {padding:0 0 20px 0;}
section.dmrcSupport fieldset h2 {margin:0;padding:0 8px 15px 8px;color:#646464;}
section.dmrcSupport fieldset h4 {font-family: "Circular-Bold-S"; color: #005A96;font-size: 20px;margin-top: 8px;}
section.dmrcSupport fieldset li  {line-height: 30px;}

section.dmrcSupport div.littleBits {position:relative;margin:0;}
section.dmrcSupport div.caseStatus {position: absolute;top:0;right:0;}
section.dmrcSupport div.littleBits div.userNameLink a {color:#005a96;text-decoration: underline;}
section.dmrcSupport div.littleBits div.userNameLink a:hover {color:#13274a;}
section.dmrcSupport div.littleBits div.approvalButtons a {margin:0 20px 0 0;}
section.dmrcSupport div.littleBits > div {padding:8px;display:block;}
section.dmrcSupport div.littleBits div > div:first-of-type {display:block;font-size:16px;margin-bottom:8px;}
section.dmrcSupport div.littleBits div > div:last-of-type {color:#333;font-size:20px;}

fieldset.smallFieldSet.commentSet a.btn {margin:0 20px 0 0;}
fieldset.smallFieldSet.commentSet p {margin-bottom: 12px;}
fieldset.smallFieldSet.commentSet p strong {font-family: "Circular-Bold-S";color:#555;}
fieldset.smallFieldSet.commentSet p:last-of-type {margin-bottom: 0;}
fieldset.smallFieldSet.commentSet p a {color:#005a96;text-decoration: underline;}
fieldset.smallFieldSet.commentSet p a:hover {color:#13274a;}
fieldset.smallFieldSet.commentSet h4 {font-family: "Circular-Bold-S";position:relative;color:#555;padding:0 8px;font-size: 16px;text-transform: uppercase;margin-bottom:20px;color:#13274a;}
fieldset.smallFieldSet.commentSet h4 a {color:#005A96;text-decoration: underline;}
fieldset.smallFieldSet.commentSet h4 a:hover {color:#8fc53c;}
fieldset.smallFieldSet.commentSet h4 em {
  display: block;
  /*position: absolute;
  right:0;
  top:8px;*/
  font-style: normal;
}
fieldset.smallFieldSet.commentSet h4 span {display:inline-block;position:relative;top:4px;margin-right:8px;font-size:28px;color:#41b6e6;}

fieldset.smallFieldSet.commentSet p a.emailExpand {display: block;margin:18px 0;width: 100%;border:2px solid #005a96;border-radius: 8px;padding:12px;background:#b9d9eb;}
fieldset.smallFieldSet.commentSet p a.emailExpand:hover {background: #bee7f9;}
fieldset.smallFieldSet.commentSet p a span {float:right;font-size:25px;background: #fff;border-radius: 50%;}

section.dmrcSupport div.addComment {display: block;margin:20px 0 35px 0;}
section.dmrcSupport div.addComment textarea {width:100%;max-width: 350px;min-height: 120px;}

p.progressStatus {font-size: 24px;margin-top: 40px;margin-bottom: 0;}
p.progressStatus strong {font-family: "Circular-Bold-S";color:#555;}

section.dmrcSupport div.progressStatus {margin-top:35px;width:100%;display: flex;justify-content: flex-start;}
section.dmrcSupport div.progressStatus > a {position:relative;padding:12px 25px 12px 20px;color:#fff;background-color: #777;margin:0 1px 0 0;}
section.dmrcSupport div.progressStatus > a:hover {background-color: #41b6e6;}
section.dmrcSupport div.progressStatus > a.completedStep {background-color: #005A96;}
section.dmrcSupport div.progressStatus > a.activeStep {background-color: #8fc53c;}
section.dmrcSupport div.progressStatus > a span:first-of-type {transform: rotate(-10deg);display: block;position: absolute;top:-10px;right:-3px;width:8px;height: 50px;background: #fff;}
section.dmrcSupport div.progressStatus > a span:last-of-type {transform: rotate(-10deg);display: block;position: absolute;top:-5px;left:-4px;width:8px;height: 50px;background: #fff;}

section.emailContent {display: none;padding:20px;border-radius: 5px;background-color: #efefef;width:95%;margin:20px auto;}
section.emailContent p {color:#777;}

@media (max-width: 1175px) {
	fieldset.smallFieldSet.commentSet h4 em {position: relative;right:auto;top:auto;display: block;margin-top:20px;}
}


@media (max-width: 1024px) {
  section.dmrcSupport {width:90%;}
	section.dmrcSupport div.littleBits div.approvalButtons a {margin:0 20px 20px 0;}
  section.dmrcSupport div.groupFieldSets {display: block;}
	section.dmrcSupport div.groupFieldSet {display: block;width:100%;}
	section.dmrcSupport div.bigFieldSet {width:100%;display: block;}
	section.dmrcSupport div.groupFieldSet > div:first-of-type {margin-right:0;}
	section.dmrcSupport div.groupFieldSet > div:first-of-type {width:100%;}
	section.dmrcSupport div.groupFieldSet > div:last-of-type {width:100%;}
}

@media (max-width: 600px) {
	fieldset.smallFieldSet.commentSet a.btn {margin:0 20px 20px 0;}
}

.legend li {list-style: none;}
.legend li span {position:relative;top:5px;display:inline-block;width:20px;height:20px;margin-right:10px;}
.digiRed {background:#c60751;/*rgba(198,7,81,1)*/}
.digiYellow {background:#fdb813;/*rgba(253,184,19,1)*/}
.digiGreen {background:#b3d88c;/*rgba(179,216,140,1)*/}
.digiOrange {background:#f68e39;/*rgba(246,142,57,1)*/}
.digiBlue {background:#41c4dd;/*rgba(65,196,221,1)*/}


div.specsFields {display: flex !important;justify-content: space-between;}


div.radioGroup {max-width: 350px;}
div.radioGroup > div {display:block;}
div.radioGroup > div label {display: inline-block;margin-right:20px;}
div.radioGroup .checkmark {top:2px;}
div.selectFields {max-width: 350px;}
div.selectFields select {width: 100%;}
div.selectFields input {width: 100%;}
div.itSupportTextarea textarea {width: 298px;height: 100px;}
div.specificationsBox {width:350px;border:2px solid #dedede;border-radius: 8px;padding: 12px;}
div.specificationsBox h4 {margin:0;font:"Circular-Bold-S";font-size: 20px;color: #005A96}
div.specificationsBox p {padding: 8px 0 !important;border-bottom:1px solid #dedede;}

.radioButton > label .checkmark:after {top:1px; left:5px;}


/* Pagination */

div.articlePagination {}
div.articlePagination > div {}
div.articlePagination > div > a {display: inline-block;}
div.articlePagination > div nav {display: inline-block;padding-top: 8px;margin:0 15px;}
div.articlePagination > div nav a {
  display:inline-flex;
  align-items:center;
  justify-content:space-evenly;
  text-align:center;
  border-radius:50%;
  width:35px;
  height:35px;
  padding:2px 2px 2px 2px;
  background: #fff;
  color:#005a96;
  margin-right:12px;
  font-family: "Circular-Bold-S", arial;
  border:2px solid #005A96;
}
div.articlePagination > div nav a:last-of-type {margin-right: 0;}
div.articlePagination > div nav a:hover {background:#13274a;border:2px solid #13274a;color:#fff;}
div.articlePagination > div nav a.selected {background:#13274a;border:2px solid #13274a;color:#fff;}

div.articlePagination > div > a.firstPaginate,
div.articlePagination > div > a.prevPaginate,
div.articlePagination > div > a.nextPaginate,
div.articlePagination > div > a.lastPaginate
 {
  position: relative;
  top:4px;
  color:#aaa;
  padding:0 12px;
  font-size: 26px;
 }
div.articlePagination > div > p {display: inline-block;}

div.articlePagination > div > a:hover {color:#005A96;}
div.articlePagination > div > a.disabled {color:#dedede !important;pointer-events: none;}

@media (max-width: 720px) {
  div.articlePagination > div nav a {
    padding:0 1px .5px 0;
  }
  div.articlePagination > div {text-align: center;}
  section.dmrcSupport.articleContent div.articlePagination > div > p {margin-top:12px;}
}

/* Base override */

main nav.inPageNav a {margin-top:0;}

@media (max-width: 1024px) {
  main {
      width: 100%;
      padding: 30px 0%;
  }
}

@media (max-width: 720px) {
  header section.headerSearch {
      padding: 20px 5%;
      width: 90%;
    }
}


/* Sub Footer */

section.subFooterHelp {background: #13274a;padding:30px 0;}
section.subFooterHelp > div {width:95%;max-width: 1250px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
section.subFooterHelp > div > div {margin-right:30px;}
section.subFooterHelp > div > div:last-of-type {margin-right:0px;}

section.subFooterHelp p {font-size: 24px;color:#fff;}
section.subFooterHelp a.btn.greenBtn.getHelp {font-size:24px;padding:25px 50px;border-radius: 35px;}

@media (max-width: 1024px) {
  section.subFooterHelp > div {
    width:90%;
    display: block;
    }
  section.subFooterHelp > div > div {margin-right:0;margin-bottom: 30px;}
  section.subFooterHelp > div > div:last-of-type {margin-bottom: 20px;text-align: center;}
  section.subFooterHelp p {color:#fff;text-align: center;}
  section.subFooterHelp a.btn.greenBtn.getHelp {padding:15px 25px;border-radius: 25px;display: inline-block;margin:0 auto;}
}

@media (max-width: 768px) {
  section.subFooterHelp p {font-size: 18px;}
  section.subFooterHelp a.btn.greenBtn.getHelp {font-size:18px;}
}



/* Create a Case Form */

div#createCase div.dmrcSelect select {width: 100%;max-width: none;}

div#createCase div.selectFields {width: 100%; max-width: none;}

div#createCase div.dmrcSelect, div#createCase div.dmrcSelect div {display: block;}

div#createCase div.textInputs input {width: 100%;max-width: none;}

div#createCase div.dmrcTextarea textarea {width: 100%;max-width: none;}

div#selfHelp p strong {color:#000;}
div#selfHelp p a, div#selfHelp li a {color: #005a96;}
div#selfHelp p a:hover, div#selfHelp li a:hover {color: #13274a;}


/* Case Details */

section.digimarcCaseDetails {width:95%;margin: 0 auto;max-width: 1250px;}

section.digimarcCaseDetails > h4 {cursor: default;margin-top:0;margin-bottom: 20px;}

section.digimarcCaseDetails fieldset {position:relative;margin:30px 0;width:100%;border-radius: 5px;border:2px solid #dedede;padding:20px 20px 30px 20px;}
section.digimarcCaseDetails fieldset > span.fa {font-size:20px;position: absolute;top:40px;right:20px;}

section.digimarcCaseDetails div {display: block;}
section.digimarcCaseDetails div.groupFieldSets {display: flex;justify-content: space-between;}
section.digimarcCaseDetails div.groupFieldSet {width:48%;}
section.digimarcCaseDetails div.groupFieldSets div:last-of-type {margin-right:0;}
section.digimarcCaseDetails div.fullFieldSet {width:100%;}

section.digimarcCaseDetails fieldset legend {padding:12px 20px;background:#fff;border-radius: 5px;font-size:18px;text-transform:uppercase;font-family: "Circular-Bold-S";color:#005a96;}

section.digimarcCaseDetails fieldset hr {border:0;border-bottom: 2px solid #dedede;margin:25px 0;}

section.digimarcCaseDetails fieldset p, section.digimarcCaseDetails fieldset li {margin:0;padding:0;font-size:20px;}
section.digimarcCaseDetails fieldset p {padding:0 0 20px 0;}
section.digimarcCaseDetails fieldset h2 {margin:0;padding:0 8px 15px 8px;color:#646464;}
section.digimarcCaseDetails fieldset h4 {font-family: "Circular-Bold-S"; color: #005A96;font-size: 20px;margin-top: 8px;}
section.digimarcCaseDetails fieldset li  {line-height: 30px;}

section.digimarcCaseDetails div.littleBits {position:relative;margin:0;}
section.digimarcCaseDetails div.caseStatus {position: absolute;top:0;right:0;}
section.digimarcCaseDetails div.littleBits div.userNameLink a {color:#005a96;text-decoration: underline;}
section.digimarcCaseDetails div.littleBits div.userNameLink a:hover {color:#13274a;}
section.digimarcCaseDetails div.littleBits div.approvalButtons a {margin:0 20px 0 0;}
section.digimarcCaseDetails div.littleBits > div {padding:8px;display:block;}
section.digimarcCaseDetails div.littleBits div > div:first-of-type {display:block;font-size:16px;margin-bottom:8px;}
section.digimarcCaseDetails div.littleBits div > div:last-of-type {color:#333;font-size:20px;}

fieldset.smallFieldSet.commentSet a.btn {margin:0 20px 0 0;}
fieldset.smallFieldSet.commentSet p {margin-bottom: 12px;}
fieldset.smallFieldSet.commentSet p strong {font-family: "Circular-Bold-S";color:#555;}
fieldset.smallFieldSet.commentSet p:last-of-type {margin-bottom: 0;}
fieldset.smallFieldSet.commentSet p a {color:#005a96;text-decoration: underline;}
fieldset.smallFieldSet.commentSet p a:hover {color:#13274a;}
fieldset.smallFieldSet.commentSet h4 {font-family: "Circular-Bold-S";position:relative;color:#555;padding:0 8px;font-size: 16px;text-transform: uppercase;margin-bottom:20px;color:#13274a;}
fieldset.smallFieldSet.commentSet h4 a {color:#005A96;text-decoration: underline;}
fieldset.smallFieldSet.commentSet h4 a:hover {color:#8fc53c;}
fieldset.smallFieldSet.commentSet h4 em {
  position: relative !important;
  left:39px;
  right: auto !important;
  /*position: absolute;
  right:0;
  top:8px;*/
  font-style: normal;}
fieldset.smallFieldSet.commentSet h4 span {display:inline-block;position:relative;top:10px !important;margin-right:8px;font-size:28px;color:#41b6e6;}

fieldset.smallFieldSet.commentSet p a.emailExpand {display: block;margin:18px 0;width: 100%;border:2px solid #005a96;border-radius: 8px;padding:12px;background:#b9d9eb;}
fieldset.smallFieldSet.commentSet p a.emailExpand:hover {background: #bee7f9;}
fieldset.smallFieldSet.commentSet p a span {float:right;font-size:25px;background: #fff;border-radius: 50%;}

section.digimarcCaseDetails div.addComment {display: block;margin:20px 0 35px 0;}
section.digimarcCaseDetails div.addComment textarea {width:100%;max-width: 350px;min-height: 120px;}

p.progressStatus {font-size: 24px;margin-top: 40px;margin-bottom: 0;}
p.progressStatus strong {font-family: "Circular-Bold-S";color:#555;}

section.digimarcCaseDetails div.progressStatus {margin-top:35px;width:100%;display: flex;justify-content: flex-start;}
section.digimarcCaseDetails div.progressStatus > a {position:relative;padding:12px 25px 12px 20px;color:#fff;background-color: #777;margin:0 1px 0 0;}
section.digimarcCaseDetails div.progressStatus > a:hover {background-color: #41b6e6;}
section.digimarcCaseDetails div.progressStatus > a.completedStep {background-color: #005A96;}
section.digimarcCaseDetails div.progressStatus > a.activeStep {background-color: #8fc53c;}
section.digimarcCaseDetails div.progressStatus > a span:first-of-type {transform: rotate(-10deg);display: block;position: absolute;top:-10px;right:-3px;width:8px;height: 50px;background: #fff;}
section.digimarcCaseDetails div.progressStatus > a span:last-of-type {transform: rotate(-10deg);display: block;position: absolute;top:-5px;left:-4px;width:8px;height: 50px;background: #fff;}

section.emailContent {display: none;padding:20px;border-radius: 5px;background-color: #efefef;width:95%;margin:20px auto;}
section.emailContent p {color:#777;}

@media (max-width: 1175px) {
  fieldset.smallFieldSet.commentSet h4 em {position: relative;right:auto;top:auto;display: block;margin-top:8px !important;}
}


@media (max-width: 1150px) {
  section.digimarcCaseDetails div.littleBits div.approvalButtons a {margin:0 20px 20px 0;}
  section.digimarcCaseDetails div.groupFieldSets {display: block;}
  section.digimarcCaseDetails div.groupFieldSet {display: block;width: 100%;}
  section.digimarcCaseDetails div.bigFieldSet {width:100%;display: block;}
  section.digimarcCaseDetails div.groupFieldSet > div:first-of-type {margin-right:0;}
  section.digimarcCaseDetails div.groupFieldSet > div:first-of-type {width:100%;}
  section.digimarcCaseDetails div.groupFieldSet > div:last-of-type {width:100%;}
}

@media (max-width: 1150px) and (min-width: 1025px) {
  fieldset.smallFieldSet.commentSet a.btn#newAttachmentButton {margin:0 20px 20px 0 !important;}
}

@media (max-width: 600px) {
  fieldset.smallFieldSet.commentSet a.btn {margin:0 20px 20px 0;}
}

.legend li {list-style: none;}
.legend li span {position:relative;top:5px;display:inline-block;width:20px;height:20px;margin-right:10px;}
.digiRed {background:#c60751;/*rgba(198,7,81,1)*/}
.digiYellow {background:#fdb813;/*rgba(253,184,19,1)*/}
.digiGreen {background:#b3d88c;/*rgba(179,216,140,1)*/}
.digiOrange {background:#f68e39;/*rgba(246,142,57,1)*/}
.digiBlue {background:#41c4dd;/*rgba(65,196,221,1)*/}


div.specsFields {display: flex !important;justify-content: space-between;}


div.radioGroup {max-width: 350px;}
div.radioGroup > div {display:block;}
div.radioGroup > div label {display: inline-block;margin-right:20px;}
div.radioGroup .checkmark {top:2px;}
div.selectFields {max-width: 350px;}
div.selectFields select {width: 100%;}
div.selectFields input {width: 100%;}
div.itSupportTextarea textarea {width: 298px;height: 100px;}
div.specificationsBox {width:350px;border:2px solid #dedede;border-radius: 8px;padding: 12px;}
div.specificationsBox h4 {margin:0;font:"Circular-Bold-S";font-size: 20px;color: #005A96}
div.specificationsBox p {padding: 8px 0 !important;border-bottom:1px solid #dedede;}

.radioButton > label .checkmark:after {top:1px; left:5px;}


/* Fix for salesforce markup added to required fields -

   
div.textInputs > div label, div.dmrcTextarea > div label, div.dmrcSelect > div label {
  font-size:12px;
  color:#999;
  top:-17px;
  left:5px;
  visibility: visible;
}*/



div.kendoUpload {}

li.k-file.k-toupload {padding:8px;}
span.k-file-name {font-size: .78em;}

div#createCase div.dmrcTextarea textarea::placeholder {white-space: pre-line;}

span.caseCreateError {margin:5px 0 25px 0;display: block;color:#cb6015;}

div.dmrcSelect.selectError select {
  border: 1px solid #cb6015;
  margin-bottom: 0;
}

div.textInputs.inputError input {
  border: 1px solid #cb6015;
  margin-bottom: 0;
}

div.dmrcTextarea.textareaError textarea {
  border: 1px solid #cb6015;
  margin-bottom: 0;
}

div.k-widget.k-upload.k-upload-async.k-upload-empty + span.caseCreateError {top:10px;}

.k-block, .k-draghandle, .k-inline-block, .k-widget {border:none !important;border-width: 0 !important;border-style:none !important;}
.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  background-color: #fff;
  border-color:#fff;
  /* border-top:1px solid #ccc !important; */
  padding-top: 30px;
}
.k-widget {box-shadow: none !important;}
.k-header.k-grid-toolbar {border:1px solid #ccc;}
.k-filter-row>th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {border-left-width: 1px !important;}
.k-grid td:nth-of-type(6) {border-right:1px solid #ccc;}

div.k-grid-content.k-auto-scrollable a {color:#005a96;}

.k-pager-nav {
  border-style:none !important;
  border-width: 0 !important;
}

.k-icon, .k-tool-icon {
  color:#aaa !important;
  transition: all 0.3s;
}
.k-icon:hover, .k-tool-icon:hover {
  color:#005A96 !important;
}

.k-pager-wrap .k-link.k-state-selected, .k-pager-wrap .k-link.k-state-selected:hover {
  background-color: #13274a !important;
  border: 2px solid #13274a !important;
}

section.dmrcSupport.topicsPage.articleContent li span.k-link {
  font-size: 17px !important;
  padding: 4px 5px 4px 4px !important;
  color:#13274a !important;
  border: 2px solid #13274a !important;
}
section.dmrcSupport.topicsPage.articleContent li span.k-link.k-state-selected {
  color:#fff !important;
}

.k-pager-numbers a.k-link {
  font-size: 17px !important;
  padding: 4px 5px 4px 4px !important;
  color:#005A96 !important;
  border: 2px solid #005A96 !important;
  font-family:"Circular-Bold-S";
}

.k-pager-numbers a.k-link:hover {
  background-color: #13274a !important;  
  color:#fff !important;
  border: 2px solid #13274a !important;
}

section.dmrcSupport.topicsPage.articleContent ul.k-pager-numbers {padding:0px;}

section.dmrcSupport.topicsPage.articleContent ul.k-pager-numbers li {padding-bottom: 0;}

span.k-i-arrow-end-left {
  font-size: 26px;}
span.k-i-arrow-60-left {
  font-size: 26px;}
span.k-i-arrow-60-right {
  font-size: 26px;}
span.k-i-arrow-end-right {
  font-size: 26px;}

.k-pager-wrap .k-link {margin:0 7px;}
.k-pager-wrap .k-link:hover {background: #fff !important;}
.k-state-disabled {opacity: .5 !important;}

div.k-grid-content table {border-bottom: 1px solid #ccc;}

@media (max-width: 980px) {
  .k-pager-wrap {
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .k-pager-sizes {
    display: block;
    margin: 20px auto;
  }
}

@media (max-width: 540px) {
  .k-pager-sm .k-pager-numbers-wrap select.k-dropdown {min-width: 0;}
}

div.footerArticleGroupNavigation {padding:25px;border-radius: 15px;border: 1px solid #005a96;margin:20px 0;}
div.footerArticleGroupNavigation div {padding:25px;display: inline-block;vertical-align: top;}
div.footerArticleGroupNavigation div h5 {font-size:16px !important;}
div.footerArticleGroupNavigation div a {display: block;font-size:14px !important;}

section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation h3 {color:#333;padding-bottom: 0;}
section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation div h5 {color:#333;margin:0 0 9px 0;font-family:"Circular-Bold-S";}
section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation a {color:#005A96;margin-bottom: 4px;}
section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation a:hover {color:#13274a;}

section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation a {
  position: relative;
  display: inline-block;
  border: 0;
  padding:0 0 4px 0;
  background: transparent;
  text-decoration: none;
}
section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #13274a;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation ul {padding:0;list-style: none;}
section.dmrcSupport.topicsPage.articleContent div.footerArticleGroupNavigation ul li {padding: 0;}


/* accordion FAQs */

    /* Style the element that is used to open and close the accordion class */
    p.accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
        margin-bottom:10px;
    }

    /* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    p.accordion.active, p.accordion:hover {
        background-color: #ddd;
    }

    /* Unicode character for "plus" sign (+) */
    p.accordion:after {
        content: '\2795'; 
        font-size: 13px;
        color: #777;
        float: right;
        margin-left: 5px;
        position: relative;
        top: 5px;
    }

    /* Unicode character for "minus" sign (-) */
    p.accordion.active:after {
        content: "\2796"; 
    }

    /* Style the element that is used for the panel class */

    div.panel {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: 0.4s ease-in-out;
        opacity: 0;
        margin-bottom:10px;
    }

    div.panel.show {
        opacity: 1;
        max-height: 1500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    }


/* END accordion FAQs */




/* 5 tips article */

/* application block CSS */

div.applicationBlocks div.sectionDiv.applicationBlock {position: relative;}
div.applicationBlocks div.sectionDiv.applicationBlock:nth-child(odd) {background: #fff;}
div.applicationBlocks div.sectionDiv.applicationBlock:nth-child(even) {background: #efeff0;}

div.applicationBlocks div.sectionDiv > div {width:90%;max-width: 1250px;margin:0 auto;}
div.applicationBlocks div.sectionDiv > div div.applicationText {width:59%;}
div.applicationBlocks div.sectionDiv > div > div {display: inline-block;vertical-align: middle;}

div.applicationBlocks div.sectionDiv > div div.applicationText div.tabbedContent {background: #fff;border:2px solid #005a96;border-radius: 12px;padding:20px;min-height:135px;}
div.applicationBlocks div.sectionDiv > div div.applicationText div.tabbedContent img {float:left;max-height: 90px;width: auto;margin:0 20px 20px 0;}
div.applicationBlocks div.sectionDiv > div div.applicationText div.tabbedContent p {margin:0;font-size:16px;line-height:24px;color:#646464;}
div.applicationBlocks div.sectionDiv > div div.applicationText div.tabbedContent p strong {font-size:20px;margin-bottom:12px;text-transform:uppercase;font-family: 'Circular-Bold-S';color:#005a96;}


div.applicationBlocks div.sectionDiv > div div.applicationText h2 {font-size: 30px;margin-bottom:25px;color:#005a96;font-family: "Circular-Book-S";}
div.applicationBlocks div.sectionDiv > div div.applicationText p, div.applicationBlocks div.sectionDiv > div div.applicationImg.applicationImgRight p {font-size: 16px;margin-bottom:25px;color:#646464;font-family: "Circular-Book-S";}
div.applicationBlocks div.sectionDiv > div div.applicationImg.applicationImgRight p:first-of-type {margin-top:25px;margin-bottom: 0;}
div.applicationBlocks div.sectionDiv > div div.applicationImg.applicationImgRight p {font-size:12px;line-height:18px;}
div.applicationBlocks div.sectionDiv > div div.applicationImg {width:40%;position: relative;}
div.applicationBlocks div.sectionDiv > div div.applicationImg.applicationImgLeft {padding:0;}
div.applicationBlocks div.sectionDiv > div div.applicationImg.applicationImgRight {padding:0;}
div.applicationBlocks div.sectionDiv > div div.applicationImg.sectionFlush {position: absolute;bottom:0;}
div.applicationBlocks div.sectionDiv > div div.applicationImg.sectionFlush img {width:70%;
  -webkit-transition: all 1s;
  transition: all 1s;}
div.applicationBlocks div.sectionDiv > div div.applicationImg.sectionFlush img.opacityZero {opacity: 0;}

@media (max-width: 1200px) {
div.applicationBlocks div.sectionDiv > div div.applicationImg.sectionFlush img {width:100%;}
    }

div.applicationBlocks div.sectionDiv.textRight .applicationText {padding:0 0 0 5%;}
div.applicationBlocks div.sectionDiv.textLeft .applicationText {padding:0 5% 0 0;}

div.applicationBlocks div.sectionDiv > div div.applicationImg img {width:100%;height:auto;}


div.sectionDiv.applicationBlock {padding:60px 0;}
div.sectionDiv.applicationBlock h2 {margin:0;}


@media (max-width: 1000px) {
    div.applicationBlocks div.sectionDiv .applicationText button {margin-bottom:20px;}
    div.applicationBlocks div.sectionDiv .applicationText a.btn {margin-bottom:20px;}
    div.applicationBlocks div.sectionDiv div.sfContentBlock > div div.applicationImg.sectionFlush {width:50%;right:0;}
}

@media (max-width: 900px) {
}

@media (max-width: 768px) {
    div.applicationBlocks div.sectionDiv > div {width:80%;}
    div.applicationBlocks div.sectionDiv > div div.applicationText {width:100%;}
    div.applicationBlocks div.sectionDiv > div div.applicationImg {width:100%;}
    div.applicationBlocks div.sectionDiv > div div.applicationImg.applicationImgLeft {padding:0%;margin-bottom:25px;}
    div.applicationBlocks div.sectionDiv > div div.applicationImg.applicationImgRight {padding:0%;margin-top:25px;}
    div.applicationBlocks div.sectionDiv.textRight .applicationText {padding:0%;}
    div.applicationBlocks div.sectionDiv.textleft .applicationText {padding:0%;}
    div.applicationBlocks div.sectionDiv.applicationBlock.withBackground {background:#f4f4f4;}
    div.applicationBlocks div.sectionDiv > div div.applicationImg.sectionFlush {width:100%;position: relative;bottom:-60px;}
    /* Captions on mobile */
    .caption {
      width: 100%;
    }
}