@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import "Icons/css/vhl-icons.css";
/* Color 1 */
/* Color 2 */
/* Color 3 */
/* Grey */
/* DNN Variable */
/* Pane Highlight */
/* Font sizes */
/* Image watermark */
.fachar {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vhl-icons {
  font-family: "vhl-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
}
.diamond {
  position: relative;
  display: inline-block;
  line-height: 1.5em;
  width: 1.5em;
  text-align: center;
  color: #fff;
}
.diamond:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: #006b96;
  transform: rotate(45deg);
  z-index: 0;
}
.diamond .txt {
  position: relative;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid #006b96;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.5em solid #006b96;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid #006b96;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.5em solid #006b96;
}
.read-more,
.read-more > a {
  color: #006b96;
}
/* DNN7 > Reset */
.dnnCPHeader li {
  line-height: normal;
}
#dnnCPWrap .dnnCPHNav,
#dnnCPWrap .dnnCPHMode {
  height: 30px;
}
#RibbonBar_adminMenus > ul > li > a,
#dnn_cp_RibbonBar_adminMenus > ul > li > a {
  padding: 10px 16px;
}
.dnnCPHMessage {
  line-height: 35px;
}
#RibbonBar_adminMenus .dnnadminmega .megaborder,
#dnn_cp_RibbonBar_adminMenus .dnnadminmega .megaborder {
  top: 35px;
}
.LoginPanel {
  width: auto;
}
a.dnnPrimaryAction:link,
a.dnnPrimaryAction:visited {
  color: #fff;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
.Normal,
.NormalDisabled,
.NormalDeleted,
.blockquote,
.blockquote p,
li p {
  letter-spacing: normal;
  line-height: normal;
}
#Skin form .actionMenu ul {
  z-index: auto;
}
/* DNN7 Control panel */
body > form #ControlBar_ControlPanel {
  z-index: 100001 !important;
}
body > form > .rcbSlide {
  z-index: 100010 !important;
}
/* DNN7 > Show Panes in Edit mode */
.DNNEmptyPane {
  display: block;
  width: auto;
}
.CP-Edit .DNNEmptyPane {
  display: block;
  height: 100px;
}
.paneOutline,
.dnnDropEmptyPanes {
  border: 0 none;
}
/* DNN Admin */
#dnnCPWrap,
#dnnCPWrap *,
#dnnCPWrap:before,
#dnnCPWrap:after,
.dnnActionMenu,
.dnnActionMenu:before,
.dnnActionMenu:after,
.dnnActionMenu *,
.ui-dialog,
.ui-dialog:before,
.ui-dialog:after,
.ui-dialog *,
#RibbonBar_ControlPanel,
#RibbonBar_ControlPanel:before,
#RibbonBar_ControlPanel:after,
#RibbonBar_ControlPanel *,
#RibbonBar_ControlPanel *:before,
#RibbonBar_ControlPanel *:after,
#ControlBar_ControlPanel,
#ControlBar_ControlPanel:before,
#ControlBar_ControlPanel:after,
#ControlBar_ControlPanel *,
#ControlBar_ControlPanel *:before,
#ControlBar_ControlPanel *:after,
.actionMenu,
.actionMenu:before,
.actionMenu:after,
.actionMenu *,
.actionMenu *:before,
.actionMenu *:after,
.dnnFormItem,
.dnnFormItem:after,
.dnnFormItem:before,
.dnnFormItem *,
.dnnFormItem *:after,
.dnnFormItem *:before,
.ui-widget,
.ui-widget *,
.ui-widget *:before,
.ui-widget *:after {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
/* Pop-up close button */
.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
  width: 18px;
}
/* For Evoq */
html .dnnModuleManager {
  padding: 0 !important;
}
html .actionMenu {
  display: block !important;
  opacity: 1 !important;
}
html .actionMenu .dnn_mact {
  padding-right: 5px;
  min-width: 100px;
}
html .actionMenu .dnn_mact > li {
  margin-right: 0 !important;
}
/* Fix Boostrap */
.mark {
  background: transparent;
}
/* Panes */
/* Remove height for panes without any content */
.CP-View .row.Empty {
  background-color: #003C87;
  display: none;
}
input,
textarea {
  border-radius: 0;
  box-shadow: none;
}
/* For Safari mobile */
/* DNN Input, Buttons & Tabs */
.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #c9c9c9;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 1em;
  padding: 5px 8px;
  font-size: inherit;
}
.dnnFormItem input[type="text"]:active,
.dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus,
.dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active,
.dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active,
.dnnFormItem select:focus,
.dnnFormItem textarea:active,
.dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active,
.dnnFormItem input[type="search"]:focus {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #006b96;
  box-shadow: 0 0 3px 0 #006b96;
  color: #333;
}
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
  background: #006b96;
  display: inline-block;
  padding: 8px 14px;
  border-radius: 0;
  color: #fff;
  text-shadow: none;
  text-decoration: none;
  box-shadow: none;
  border: none;
}
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover {
  background: #00597d;
  border-color: #006b96;
  color: #fff;
}
.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
  background: #eee;
  display: inline-block;
  padding: 8px 14px;
  border-radius: 0;
  color: #444;
  text-decoration: none;
  box-shadow: none;
  border: none;
}
.dnnFormItem button:hover,
.dnnFormItem input[type="button"]:hover,
.dnnFormItem input[type="reset"]:hover,
.dnnSecondaryAction:hover,
a.dnnSecondaryAction:hover,
ul.dnnAdminTabNav li a:hover,
.dnnLogin .LoginTabGroup span:hover {
  background: #ddd;
  color: #555;
}
ul.dnnAdminTabNav {
  height: 40px;
  font-size: 0.9em;
}
ul.dnnAdminTabNav li.ui-tabs-active a {
  background-color: #006b96;
  text-shadow: none;
  padding: 10px 14px 9px;
  color: #b5dbeb;
}
h2.dnnFormSectionHead {
  margin-top: 1em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #006b96;
  font-size: 1.7em;
  line-height: 1.5em;
  letter-spacing: normal;
}
.dnnLogHeader {
  background: #006b96;
  color: #fff;
}
.dnnFormMessage {
  border-radius: 0;
  border: none;
  max-width: 100%;
}
/* Tabs */
.dnnForm .ui-corner-all {
  border-radius: 0 0 0 0;
}
ul.dnnAdminTabNav {
  border-bottom: solid 2px #006b96;
  margin-top: 0.5em;
}
ul.dnnAdminTabNav li.ui-tabs-active a {
  margin-top: 0;
}
.LabelEditTextClass,
.fffas-select {
  color: #004763;
}
/* RadComboBox Default skin */
/*global*/
.RadComboBox_Default,
.RadComboBox_Default .rcbInput,
.RadComboBoxDropDown_Default {
  font-szie: inherit;
  color: #000000;
}
.RadComboBox_Default {
  display: inline-block !important;
}
.dnnFormItem > .RadComboBox_Default {
  width: 47%;
  margin-bottom: 18px;
  max-width: 445px;
}
.RadComboBoxDropDown_Default .rcbImage {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 8px;
}
/* user profile dropdown list  */
.dnnProfileItem > .rcbImage {
  height: 35px;
  width: 35px;
  display: inline-block;
  margin: -8px 8px -8px -8px;
}
/* combobox */
.RadComboBox_Default .rcbInputCellLeft,
.RadComboBox_Default .rcbInputCellRight,
.RadComboBox_Default .rcbArrowCellLeft,
.RadComboBox_Default .rcbArrowCellRight {
  background: none;
}
.RadComboBox_Default table {
  border-collapse: separate !important;
  border-spacing: 0;
}
div.RadComboBox_Default .rcbArrowCell a {
  /* 	line-height: 16px; 	height: 22px;     */
}
.RadComboBox_Default td.rcbInputCellLeft,
.RadComboBox_Default td.rcbInputCellRight {
  /*background-position: 0 0; */
  border: 1px solid #c9c9c9;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 !important;
  background: #fff;
  background-image: none;
  color: #999;
  text-decoration: none;
  margin: 0 !important;
}
.RadComboBox_Default td.rcbInputCellLeft {
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
.RadComboBox_Default td.rcbInputCellRight {
  border-left: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}
.RadComboBox_Default .rcbFocused td.rcbInputCellLeft,
.RadComboBox_Default .rcbFocused td.rcbInputCellRight,
.RadComboBox_Default .rcbFocused td.rcbArrowCellRight {
  border-color: #006b96;
  box-shadow: none;
}
.RadComboBox_Default td.rcbInputCellLeft input[readonly],
.RadComboBox_Default td.rcbInputCellRight input[readonly] {
  cursor: auto;
}
.dnnError td.rcbInputCellLeft,
.dnnError td.rcbInputCellRight {
  border: 1px solid red !important;
  border-right: none !important;
}
.dnnError td.rcbInputCellLeft {
  border-right: none !important;
}
.dnnError td.rcbInputCellRight {
  border-left: none !important;
}
.RadComboBox_Default td.rcbArrowCellRight,
.RadComboBox_Default td.rcbArrowCellLeft {
  /*background-position: 100% 0; */
  border: 1px solid #c9c9c9;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 12px !important;
  background: #fff;
  color: #333;
  text-decoration: none;
  vertical-align: middle !important;
}
.RadComboBox_Default td.rcbArrowCellRight {
  border-left: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}
.RadComboBox_Default td.rcbArrowCellLeft {
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
.dnnError td.rcbArrowCellRight,
.dnnError td.rcbArrowCellLeft {
  border: 1px solid red !important;
}
.dnnError td.rcbArrowCellRight {
  border-left: none !important;
}
.dnnError td.rcbArrowCellLeft {
  border-right: none !important;
}
.RadComboBox_Default td.rcbArrowCellRight a,
.RadComboBox_Default td.rcbArrowCellLeft a {
  background: transparent url(../../../../../../images/dnnSpinnerDownArrow.png) no-repeat !important;
  background-position: bottom center !important;
  padding-top: 8px !important;
  height: 0 !important;
  cursor: pointer;
}
.RadComboBox_Default .rcbInputCell .rcbEmptyMessage {
  color: #333;
}
.RadComboBox_Default .rcbInput {
  margin: 0 !important;
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  padding: 9px !important;
  /*width: auto !important;*/
}
div.RadComboBoxDropDown_Default,
.RadComboBoxDropDown {
  background: transparent;
  /*border-color: #c9c9c9;*/
  border: none !important;
  font-szie: inherit;
  position: absolute;
}
.RadComboBoxDropDown_Default .rcbFooter {
  background-color: #b5dbeb;
  background-position: 0 -110px;
  border-top-color: #d5d5d5;
}
div.RadComboBoxDropDown_Default .rcbHeader {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 0;
  padding: 8px 7px 0;
}
.RadComboBoxDropDown_Default .rcbItem,
.RadComboBoxDropDown_Default .rcbHovered {
  line-height: 1.5;
}
.RadComboBoxDropDown_Default .rcbItem em {
  background: #e5e5e5;
}
.RadComboBoxDropDown_Default .rcbHovered {
  background: #b5dbeb;
  color: #000;
}
.RadComboBoxDropDown_Default .rcbSeparator {
  color: #444;
  background: #d9dadc;
}
.RadComboBox_Default .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_Default .rcbDisabled {
  color: #999;
  padding: 8px;
}
.RadComboBoxDropDown_Default .rcbLoading {
  background: #f0f0f0;
}
.RadComboBoxDropDown_Default .rcbMoreResults {
  border-top-color: #c6c7d2;
  background-position: 0 -132px;
  background-color: #e6e6e6;
  color: #606060;
}
.RadComboBoxDropDown_Default .rcbMoreResults a {
  background-position: -157px -94px;
  color: #606060;
}
.RadComboBoxDropDown_Default .rcbScroll {
  border: 1px solid #c9c9c9 !important;
  -webkit-box-shadow: 0px 2px 0px 0px #f2f2f2;
  box-shadow: 0px 2px 0px 0px #f2f2f2;
  background: #fff;
  margin-left: 2px !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  overflow: auto;
  position: relative;
}
.RadComboBoxDropDown_Default .rcbList {
  position: relative;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.RadComboBoxDropDown_Default .rcbItem,
.RadComboBoxDropDown_Default .rcbHovered {
  padding: 8px;
  border-top: 1px solid #c9c9c9;
  font-szie: inherit;
  color: #444;
  cursor: pointer;
  text-shadow: none;
  margin: 0;
}
.RadComboBoxDropDown_Default_rtl .jspScrollable .jspContainer .rcbList {
  margin: 0 9px 0 -9px !important;
}
/* hierarchy combox */
.dnnOptGroupItem,
.SkinListHeader {
  background: none !important;
  color: #000 !important;
  font-weight: bold !important;
  border-bottom: 2px solid #000 !important;
}
.dnnOptItem {
  padding-left: 20px !important;
}
/* START Telerik.Web.UI.Skins.TreeView.css */
.RadTreeView {
  white-space: nowrap;
  cursor: default;
}
.RadTreeView .rtTop,
.RadTreeView .rtMid,
.RadTreeView .rtBot,
.RadTreeView .rtUL {
  zoom: 1;
}
.RadTreeView .rtSp,
.RadTreeView .rtImg,
.RadTreeView .rtIn,
.RadTreeView .rtChk {
  vertical-align: middle;
}
.RadTreeView .rtUL {
  margin: 0;
  padding: 0;
  -moz-user-select: -moz-none;
}
.RadTreeView .rtLI {
  list-style-image: none;
  list-style-position: outside;
  list-style: none;
}
.RadTreeView .rtUL .rtLI .rtUL {
  padding-left: 20px;
}
.RadTreeView .rtTop,
.RadTreeView .rtMid,
.RadTreeView .rtBot {
  padding: 1px 0 1px 20px;
}
.RadTreeView .rtPlus,
.RadTreeView .rtMinus {
  font-size: 0;
  padding: 0;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
}
* html .RadTreeView .rtPlus,
* html .RadTreeView .rtMinus {
  margin-right: 1px;
}
* + html .RadTreeView .rtPlus,
* + html .RadTreeView .rtMinus {
  margin-right: 1px;
}
.RadTreeView .rtPlus {
  background-position: 0 0;
}
.RadTreeView .rtPlusHover {
  background-position: 0 -22px;
}
.RadTreeView .rtMinus {
  background-position: 0 -11px;
}
.RadTreeView .rtMinusHover {
  background-position: 0 -33px;
}
.RadTreeView .rtChecked,
.RadTreeView .rtUnchecked,
.RadTreeView .rtIndeterminate {
  display: -moz-inline-box;
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin: 0 3px 0 0;
  line-height: 0;
  font-size: 0;
}
.RadTreeView .rtChecked {
  background-position: 0 0;
}
.RadTreeView .rtUnchecked {
  background-position: 0 -13px;
}
.RadTreeView .rtIndeterminate {
  background-position: 0 -26px;
}
.RadTreeView .rtSp {
  display: -moz-inline-box;
  display: inline-block;
  width: 1px;
  margin-left: -1px;
  height: 22px;
}
.RadTreeView .rtChk {
  margin: 0 2px;
  padding: 0;
  width: 12px;
  height: 12px;
}
.RadTreeView .rtIn {
  margin-left: 1px;
  padding: 4px 3px 3px;
  text-decoration: none;
}
.RadTreeView a.rtIn {
  cursor: pointer;
}
.RadTreeView div.rtIn {
  display: -moz-inline-block;
  display: inline-block;
  vertical-align: top;
}
* + html .RadTreeView_rtl .rtIn {
  padding: 2px 3px;
}
* html .RadTreeView_rtl .rtIn {
  padding: 2px 3px;
}
* html .RadTreeView div.rtIn {
  display: inline-block;
}
* html .RadTreeView div.rtIn {
  display: inline;
}
* + html .RadTreeView div.rtIn {
  display: inline-block;
}
* + html .RadTreeView div.rtIn {
  display: inline;
}
.RadTreeView .rtTemplate,
.RadTreeView input {
  -moz-user-select: text;
}
.RadTreeView .rtLoadingIcon {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: text-top;
  width: 21px;
  height: 16px;
  margin-top: -1px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 2px 0;
}
* + html .RadTreeView .rtLoadingIcon {
  margin: 0;
}
* html .RadTreeView .rtLoadingIcon {
  margin: 0;
}
.RadTreeView .rtLoadingBelow {
  display: block;
}
* + html .RadTreeView_rtl .rtLoadingIcon {
  text-indent: 0;
}
* html .RadTreeView_rtl .rtLoadingIcon {
  text-indent: 0;
}
.RadTreeView .rtHover .rtIn,
.RadTreeView .rtSelected .rtIn {
  padding: 3px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-repeat: repeat-x;
  background-position: 0 0;
}
* + html .RadTreeView_rtl .rtHover .rtIn,
* + html .RadTreeView_rtl .rtSelected .rtIn {
  padding: 1px 2px;
}
* html .RadTreeView_rtl .rtHover .rtIn,
* html .RadTreeView_rtl .rtSelected .rtIn {
  padding: 1px 2px;
}
.RadTreeView .rtEdit * {
  white-space: nowrap !important;
}
.RadTreeView .rtEdit .rtIn,
.RadTreeView .rtEdit .rtIn input {
  outline: 0;
  cursor: text;
}
.RadTreeView .rtLI .rtEdit .rtIn {
  border-width: 1px;
  border-style: solid;
  padding: 2px 1px 1px;
  height: 1.4em;
  text-decoration: none;
  vertical-align: middle;
}
* html .RadTreeView .rtLI .rtEdit .rtIn {
  padding: 0 1px;
}
.RadTreeView .rtEdit .rtIn input {
  height: 1.4em;
  line-height: 1.4em;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}
.RadTreeView .rtLines .rtLI,
.RadTreeView .rtLines .rtFirst .rtUL {
  background-repeat: repeat-y;
  background-position: 0 0;
}
.RadTreeView_rtl .rtLines .rtLI,
.RadTreeView_rtl .rtLines .rtFirst .rtUL {
  background-repeat: repeat-y;
  background-position: 100% 0;
}
.RadTreeView .rtLines .rtFirst {
  background-repeat: no-repeat;
  background-position: 0 1.273em;
}
.RadTreeView_rtl .rtLines .rtFirst {
  background-repeat: no-repeat;
  background-position: 100% 1.273em;
}
.RadTreeView .rtLines .rtFirst .rtUL {
  background-repeat: repeat-y;
  background-position: 0 1.273em;
}
.RadTreeView_rtl .rtLines .rtFirst .rtUL {
  background-repeat: repeat-y;
  background-position: 100% 1.273em;
}
.RadTreeView .rtLines .rtLast,
.RadTreeView .rtLines .rtLast .rtUL {
  background: none;
}
.RadTreeView .rtLines .rtTop,
.RadTreeView .rtLines .rtMid,
.RadTreeView .rtLines .rtBot {
  background-repeat: no-repeat;
  background-position: 0 0;
}
.RadTreeView_rtl .rtLines .rtTop,
.RadTreeView_rtl .rtLines .rtMid,
.RadTreeView_rtl .rtLines .rtBot {
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.rtDropAbove,
.rtDropBelow {
  border: 1px dotted black;
  font-size: 3px;
  line-height: 3px;
  height: 3px;
  margin-top: -1px;
}
.rtDropAbove {
  border-bottom: 0;
}
.rtDropBelow {
  border-top: 0;
}
.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus {
  position: relative;
}
* html .RadTreeView_rtl .rtPlus,
* html .RadTreeView_rtl .rtMinus {
  position: static;
}
* + html .RadTreeView_rtl .rtPlus,
* + html .RadTreeView_rtl .rtMinus {
  position: static;
}
* + html .RadTreeView_rtl .rtLI,
* + html .RadTreeView_rtl .rtIn {
  zoom: 1;
}
* html .RadTreeView_rtl .rtLI,
* html .RadTreeView_rtl .rtIn {
  zoom: 1;
}
* html .RadTreeView_rtl .rtIn {
  margin-top: -1px;
}
.RadTreeView_rtl .rtUL .rtLI .rtUL {
  padding-right: 15px;
  padding-left: 0;
}
.RadTreeView_rtl .rtTop,
.RadTreeView_rtl .rtMid,
.RadTreeView_rtl .rtBot {
  padding: 1px 20px 1px 0;
  margin: 0;
}
.RadTreeView_rtl .rtPlus {
  background-position: -11px 0;
}
.RadTreeView_rtl .rtPlusHover {
  background-position: -11px -22px;
}
.RadTreeView_rtl .rtMinus {
  background-position: -11px -11px;
}
.RadTreeView_rtl .rtMinusHover {
  background-position: -11px -33px;
}
.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus {
  margin-right: 7px;
  right: -20px;
}
.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus,
x:-moz-any-link {
  margin-right: -11px;
  right: -8px;
}
.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus,
x:-moz-any-link,
x:default {
  margin-right: 7px;
  right: -20px;
}
* html .RadTreeView_rtl .rtPlus,
* html .RadTreeView_rtl .rtMinus {
  margin-right: -13px;
  right: 0;
}
* + html .RadTreeView_rtl .rtPlus,
* + html .RadTreeView_rtl .rtMinus {
  margin-right: -13px;
  right: 0;
  width: 0;
  padding-left: 11px;
}
@media screen and (min-width: 50px) {
  :root .RadTreeView_rtl .rtPlus,
  :root .RadTreeView_rtl .rtMinus {
    right: 0;
  }
}
@media all and (-webkit-max-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  :root .RadTreeView_rtl .rtPlus,
  :root .RadTreeView_rtl .rtMinus {
    position: relative;
    margin-left: 2px;
    margin-right: -13px;
    right: -15px;
  }
}
div.RadTreeView_designtime .rtTop,
div.RadTreeView_designtime .rtMid,
div.RadTreeView_designtime .rtBot {
  position: relative;
}
div.RadTreeView_designtime .rtPlus,
div.RadTreeView_designtime .rtMinus {
  margin: 0;
  position: absolute;
  left: 3px;
  top: 4px;
}
.RadTreeView {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rtTouchDragClue {
  margin-top: -50px;
}
/* END Telerik.Web.UI.Skins.TreeView.css */
/* START Telerik.Web.UI.Skins.Default.TreeView.Default.css */
.RadTreeView_Default,
.RadTreeView_Default a.rtIn,
.RadTreeView_Default .rtEdit .rtIn input {
  color: #000;
  font: 12px/18px "Segoe UI", Arial, sans-serif;
}
.RadTreeView_Default .rtPlus,
.RadTreeView_Default .rtMinus {
  background-image: url('Images/PlusMinus.png');
}
.RadTreeView_Default .rtChecked,
.RadTreeView_Default .rtUnchecked,
.RadTreeView_Default .rtIndeterminate {
  background-image: url('Images/radFormToggleSprite.png');
}
.RadTreeView_Default .rtHover .rtIn {
  color: #000;
  border-color: #b5b5b5 #b5b5b5 #9e9e9e;
  background-color: #C5C5C5;
  background-image: url('Images/ItemHoveredBg.png');
}
.RadTreeView_Default .rtSelected .rtIn {
  color: #fff;
  border-color: #8d8d8d #7e7e7e #6c6c6c;
  background-color: #828282;
  background-image: url('Images/ItemSelectedBg.png');
}
.RadTreeView_Default .rtSelected .rtLoadingBefore,
.RadTreeView_Default .rtSelected .rtLoadingAfter,
.RadTreeView_Default .rtSelected .rtLoadingBelow {
  color: #333333;
}
.RadTreeView_Default .rtLoadingIcon {
  background-image: url('Images/LoadingIcon.gif');
}
.RadTreeView_Default .rtLI .rtEdit .rtIn {
  border-color: #6c6c6c;
  background: #ffffff;
}
.RadTreeView_Default_disabled .rtIn,
.RadTreeView_Default .rtDisabled .rtIn {
  color: #cccccc;
}
.RadTreeView_Default .rtLines .rtLI,
.RadTreeView_Default .rtLines .rtFirst .rtUL {
  background-image: url('Images/rtvFirstNodeSpan.png');
}
.RadTreeView_Default_rtl .rtLines .rtLI,
.RadTreeView_Default_rtl .rtLines .rtFirst .rtUL {
  background-image: url('Images/rtvFirstNodeSpan_rtl.png');
}
.RadTreeView_Default .rtLines .rtFirst,
.RadTreeView_Default .rtLines .rtFirst .rtUL {
  background-image: url('Images/rtvFirstNodeSpan.png');
}
.RadTreeView_Default_rtl .rtLines .rtFirst,
.RadTreeView_Default_rtl .rtLines .rtFirst .rtUL {
  background-image: url('Images/rtvFirstNodeSpan.png');
}
.RadTreeView_Default .rtLines .rtLast,
.RadTreeView_Default .rtLines .rtLast .rtUL {
  background-image: none;
}
.RadTreeView_Default .rtLines .rtTop {
  background-image: url('Images/rtvTopLine.png');
}
.RadTreeView_Default_rtl .rtLines .rtTop {
  background-image: url('Images/rtvTopLine_rtl.png');
}
.RadTreeView_Default .rtLines .rtMid {
  background-image: url('Images/rtvMiddleLine.png');
}
.RadTreeView_Default_rtl .rtLines .rtMid {
  background-image: url('Images/rtvMiddleLine_rtl.png');
}
.RadTreeView_Default .rtLines .rtBot {
  background-image: url('Images/rtvBottomLine.png');
}
.RadTreeView_Default_rtl .rtLines .rtBot {
  background-image: url('Images/rtvBottomLine_rtl.png');
}
.RadTreeView_Default .rtLines .rtLast .rtTop {
  background-image: url('Images/rtvSingleLine.png');
}
.RadTreeView_Default_rtl .rtLines .rtLast .rtTop {
  background-image: url('Images/rtvSingleLine_rtl.png');
}
/* END Telerik.Web.UI.Skins.Default.TreeView.Default.css */
/* Panes in Edit Mode */
.CP-Edit .DnnModule {
  opacity: 1.0;
}
.CP-Edit .MainPanes > div > .row {
  border-bottom: solid 1px #006b96;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.CP-Layout .DnnModule {
  min-height: 50px;
}
.CP-Layout .DnnModule:before {
  content: "Module";
}
.CP-Edit .DnnModule,
.CP-Layout .DnnModule,
.CP-Edit .DnnModule,
.CP-Layout .DnnModule {
  background: rgba(255, 255, 255, 0.5);
}
.CP-Edit footer .DnnModule,
.CP-Layout footer .DnnModule,
.CP-Edit footer.DnnModule,
.CP-Layout footer.DnnModule {
  background: rgba(255, 255, 255, 0.1);
}
.CP-Edit .Pane,
.CP-Layout .Pane {
  background: rgba(200, 200, 200, 0.2);
  margin-bottom: 20px;
  padding-bottom: 25px;
  box-shadow: 0 0 0 2px rgba(200, 200, 200, 0.4);
}
@media screen and (min-width: 768px) {
  .Expands {
    position: relative;
  }
  .CP-Edit .Expands,
  .CP-Layout .Expands {
    min-height: 200px;
  }
  .CP-Edit .Expands:after,
  .CP-Layout .Expands:after {
    content: "#";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid rgba(128, 128, 128, 0.5);
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-right {
    float: right;
  }
  .CP-Edit .GoesAbove,
  .CP-Edit .GoesBelow {
    margin-bottom: 30px;
  }
}
.CP-Edit .GoesAbove:before {
  content: "Above Siblings on Mobile";
  display: block;
  text-align: center;
  font-size: 0.8em;
  padding: 0.3em;
  background: rgba(0, 0, 0, 0.1);
}
.CP-Edit .GoesBelow:before {
  content: "Below Siblings on Mobile";
  display: block;
  text-align: center;
  font-size: 0.8em;
  padding: 0.3em;
  background: rgba(0, 0, 0, 0.1);
}
.Col1SuperLight {
  color: #fdfefe;
}
.Col1SuperLightBg {
  background: #fdfefe;
}
.Col1ExtraLight {
  color: #b5dbeb;
}
.Col1ExtraLightBg {
  background: #b5dbeb;
}
.Col1Light {
  color: #4fb6e0;
}
.Col1LightBg {
  background: #4fb6e0;
}
.Col1Medium {
  color: #006b96;
}
.Col1MediumBg {
  background: #006b96;
}
.Col1Dark {
  color: #00597d;
}
.Col1DarkBg {
  background: #00597d;
}
.Col1ExtraDark {
  color: #004763;
}
.Col1ExtraDarkBg {
  background: #004763;
}
.Col1SatLight {
  color: #3abff5;
}
.Col1SatLightBg {
  background: #3abff5;
}
.Col1Sat {
  color: #006b96;
}
.Col1SatBg {
  background: #006b96;
}
.Col1SatDark {
  color: #00597d;
}
.Col1SatDarkBg {
  background: #00597d;
}
.Col1DesatExtraLight {
  color: #d0d0d0;
}
.Col1DesatExtraLightBg {
  background: #d0d0d0;
}
.Col1DesatLight {
  color: #8d9ca2;
}
.Col1DesatLightBg {
  background: #8d9ca2;
}
.Col1Desat {
  color: #2d5869;
}
.Col1DesatBg {
  background: #2d5869;
}
.Col1DesatDark {
  color: #254957;
}
.Col1DesatDarkBg {
  background: #254957;
}
.Col1DesatExtraDark {
  color: #1e3a45;
}
.Col1DesatExtraDarkBg {
  background: #1e3a45;
}
.Col2SuperLight {
  color: #cdd9f1;
}
.Col2SuperLightBg {
  background: #cdd9f1;
}
.Col2ExtraLight {
  color: #b5c7eb;
}
.Col2ExtraLightBg {
  background: #b5c7eb;
}
.Col2Light {
  color: #3075ff;
}
.Col2LightBg {
  background: #3075ff;
}
.Col2Medium {
  color: #003296;
}
.Col2MediumBg {
  background: #003296;
}
.Col2Dark {
  color: #002a7d;
}
.Col2DarkBg {
  background: #002a7d;
}
.Col2ExtraDark {
  color: #002163;
}
.Col2ExtraDarkBg {
  background: #002163;
}
.Col2SatLight {
  color: #3075ff;
}
.Col2SatLightBg {
  background: #3075ff;
}
.Col2Sat {
  color: #003296;
}
.Col2SatBg {
  background: #003296;
}
.Col2SatDark {
  color: #002a7d;
}
.Col2SatDarkBg {
  background: #002a7d;
}
.Col2DesatExtraLight {
  color: #d0d0d0;
}
.Col2DesatExtraLightBg {
  background: #d0d0d0;
}
.Col2DesatLight {
  color: #6e8ac1;
}
.Col2DesatLightBg {
  background: #6e8ac1;
}
.Col2Desat {
  color: #2d4169;
}
.Col2DesatBg {
  background: #2d4169;
}
.Col2DesatDark {
  color: #253657;
}
.Col2DesatDarkBg {
  background: #253657;
}
.Col2DesatExtraDark {
  color: #1e2b45;
}
.Col2DesatExtraDarkBg {
  background: #1e2b45;
}
.Col3SuperLight {
  color: #f3f8fb;
}
.Col3SuperLightBg {
  background: #f3f8fb;
}
.Col3ExtraLight {
  color: #ddecf3;
}
.Col3ExtraLightBg {
  background: #ddecf3;
}
.Col3Light {
  color: #68ccf7;
}
.Col3LightBg {
  background: #68ccf7;
}
.Col3Medium {
  color: #0a86bc;
}
.Col3MediumBg {
  background: #0a86bc;
}
.Col3Dark {
  color: #0975a4;
}
.Col3DarkBg {
  background: #0975a4;
}
.Col3ExtraDark {
  color: #07638c;
}
.Col3ExtraDarkBg {
  background: #07638c;
}
.Col3SatLight {
  color: #60cfff;
}
.Col3SatLightBg {
  background: #60cfff;
}
.Col3Sat {
  color: #008ac6;
}
.Col3SatBg {
  background: #008ac6;
}
.Col3SatDark {
  color: #0078ad;
}
.Col3SatDarkBg {
  background: #0078ad;
}
.Col3DesatExtraLight {
  color: #e8e8e8;
}
.Col3DesatExtraLightBg {
  background: #e8e8e8;
}
.Col3DesatLight {
  color: #98b9c7;
}
.Col3DesatLightBg {
  background: #98b9c7;
}
.Col3Desat {
  color: #456f81;
}
.Col3DesatBg {
  background: #456f81;
}
.Col3DesatDark {
  color: #3c6070;
}
.Col3DesatDarkBg {
  background: #3c6070;
}
.Col3DesatExtraDark {
  color: #34525f;
}
.Col3DesatExtraDarkBg {
  background: #34525f;
}
.alpaca {
  margin: 0 0.5em;
  background: #fff;
}
.alpaca .form-control::placeholder {
  color: #ddd;
}
.alpaca .form-group {
  border: none;
}
.alpaca h2,
.alpaca h3,
.alpaca h4,
.alpaca h5 {
  margin: 0;
  font-size: 1em;
}
.alpaca > .alpaca-field > .alpaca-container > .alpaca-container-item {
  border-bottom: solid 1px #ddd;
  padding-top: 0.5em;
}
.alpaca .twitter-typeahead {
  margin-bottom: 1em !important;
}
.alpaca .alpaca-container-item {
  position: relative;
}
.alpaca > .alpaca-field-object {
  border: none;
}
.alpaca > .alpaca-field-object .alpaca-field-object {
  background-color: rgba(0, 0, 0, 0.03);
}
.alpaca .alpaca-field-object,
.alpaca .alpaca-field-array,
.alpaca .alpaca-field-table,
.alpaca .alpaca-field-accordion {
  border-radius: 0;
  border-color: #eee;
  margin-bottom: 2em;
}
.alpaca-array-actionbar {
  display: block !important;
}
.alpaca-field-accordion .panel {
  margin-bottom: 1em;
}
.alpaca-field-accordion .panel-heading {
  background: #eee;
}
.alpaca-field-accordion .panel-title {
  padding-left: 0.5em;
}
.alpaca-field-accordion .alpaca-container-item {
  margin-top: 0;
}
.alpaca-field-accordion .alpaca-container-item .alpaca-container-item {
  border-bottom: solid 1px #ddd;
}
.form-builder .alpaca-field-accordion .alpaca-container-item .alpaca-container-item {
  border: none;
}
.alpaca-field-accordion .alpaca-field {
  padding-top: 1em;
}
.alpaca-horizontal .form-group.alpaca-field .help-block {
  margin-left: 1em;
  padding: 0.5em 0;
}
.fb-container #form {
  background: #ffffff;
  font-size: 0.9em;
  margin: 2em;
}
.fb-container #form .alpaca-vertical .alpaca-field-object {
  border-color: #aaaaaa;
  border-radius: 0;
  margin: 2em;
}
.fb-container #form .alpaca-vertical .alpaca-field-object .alpaca-field-object {
  background: #eeeeee;
}
.fb-container #form .alpaca-vertical .alpaca-field-object h2 {
  font-size: 1em;
}
.fb-container #form .alpaca-vertical .alpaca-optional {
  border-color: #aaaaaa;
  border-radius: 0;
}
.fb-container #form .alpaca-vertical > .alpaca-container-item-last .alpaca-optional {
  background: #eeeeee;
}
/* Text */
html {
  font-size: 10px;
}
body {
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  line-height: 1.6;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}
body * {
  font-family: inherit;
}
div,
p,
th,
td,
table,
h1,
h2,
h3,
h4,
h5,
h6,
.Normal,
.NormalDisabled,
.Head,
.SubHead,
.SubSubHead,
a:link,
a:visited,
input,
.CommandButton {
  color: inherit;
  line-height: inherit;
}
th,
td,
table,
.Normal,
.NormalBold,
.NormalRed,
.NormalDisabled,
.Head,
.SubHead,
.SubSubHead,
a:link,
a:visited {
  font-size: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.4em 0 1.4em;
  font-weight: normal;
  color: #003296;
  line-height: 1.2;
}
h1 {
  font-size: 1.6em;
  text-transform: uppercase;
}
h2 {
  font-size: 1.4em;
  text-transform: uppercase;
}
h3 {
  font-size: 1.3em;
  margin-bottom: 1.1em;
}
h4 {
  font-size: 1.2em;
  margin-bottom: 1.1em;
}
h5 {
  font-size: 1.1em;
  margin-bottom: 1.1em;
}
h6 {
  font-size: 1em;
  margin-bottom: 1.1em;
}
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  font-size: inherit;
}
/* Links */
a,
a:link,
a:visited,
a:active,
a.CommandButton:link,
a.CommandButton:visited {
  color: #003296;
  text-decoration: none;
  font-weight: normal;
}
a:hover {
  color: #003296;
}
/* DNN Heading */
.Head,
.SubHead,
.SubSubHead,
.Normal,
.NormalDisabled,
.NormalDisabled,
.NormalBold,
.NormalRed,
.NormalTextBox {
  font-family: inherit;
}
.Head {
  color: #00597d;
  font-weight: normal;
  font-size: 1.1em;
}
.SubHead {
  color: #00597d;
  font-weight: normal;
  font-size: 1em;
}
.SubSubHead {
  color: #00597d;
  font-size: 1em;
}
.NormalRed {
  color: #00597d;
}
label {
  font-weight: normal;
}
/* Tables */
tfoot,
thead,
th {
  font-size: 1em;
}
/* Lists */
ul li {
  list-style-type: initial;
}
ul ul li {
  list-style-type: initial;
}
ul ul ul li {
  list-style-type: initial;
}
/* Normal */
.Normal p {
  margin-top: 0px;
}
/* NORMAL > Images */
.Normal p img {
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .Normal p img[align="left"],
  .Normal p img[style*="float: left"],
  .Normal p img[style*="float:left"] {
    margin: 0.5em 1em .5em 0;
  }
  .Normal p img[align="right"],
  .Normal p img[style*="float: right"],
  .Normal p img[style*="float:right"] {
    margin: 0.5em 0 .5em 1em;
  }
}
/* SKIN > General */
/* Icons */
/* Remove height for panes without any content */
.CP-View .row.Empty {
  background-color: #db0d02;
  display: none;
}
/* overrrule behaviour */
.NoMargin {
  margin-left: 0;
  margin-right: 0;
}
/*		DEFAULT STYLE		*/
html {
  height: 100%;
}
.list-clean,
.list-clean ul,
.list-clean li {
  padding: 0;
  margin: 0;
}
.list-clean li {
  list-style-type: none;
}
html {
  background: #ddecf3;
}
#Body {
  background: #ffffff;
}
/* SKIN > Panes */
.MainPanes {
  padding: 3em 0;
}
.CP-Edit .BottomPaneFullWidth,
.CP-Layout .BottomPaneFullWidth {
  margin: 0;
}
.PaneInline {
  display: inline-block;
}
.CP-Edit .PaneInline {
  width: 50px;
  display: inline-block;
  min-height: 25px !important;
  height: 25px;
}
.sWrap {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .MenuDesktop {
    padding-top: 0.3em;
  }
  .ShopSite .MenuDesktop {
    margin-top: -1.5em;
  }
  .Snp .MenuDesktop {
    margin-top: 3.5em;
  }
}
.deeplink {
  display: block;
  visibility: hidden;
  position: relative;
  top: -100px;
}
.CP-View .deeplink,
.CP-Edit .deeplink {
  top: -145px;
}
@media screen and (max-width: 767px) {
  .WrapLogin {
    display: none;
  }
}
.flex-center {
  display: flex;
  justify-content: center;
}
/* Login Module 40F */
.fortyfingersCustomAuth .dnnLabel {
  text-align: left;
  clear: both;
  width: 100%;
}
.fortyfingersCustomAuth a.dnnSecondaryAction,
.fortyfingersCustomAuth input.dnnPrimaryAction {
  width: 190px;
  text-shadow: none;
}
.fortyfingersCustomAuth input.dnnPrimaryAction {
  background-color: #006b96;
  color: #fff;
}
.ff-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  border: 6px solid #b5b9b9;
  border-radius: 50%;
  border-top: 6px solid #028bff;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.ff-loadingSmall {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  border: 6px solid #b5b9b9;
  border-radius: 50%;
  border-top: 6px solid #028bff;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* HEADER */
header.Skin {
  padding: 1em 0 0.5em;
  margin-top: 0;
  background: #fff;
  /* HEADER - Parts */
  border-bottom: solid 1px #f4f4f4;
}
@media screen and (min-width: 992px) {
  header.Skin {
    padding: 1.9em 0 1.7em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  header.Skin {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 1200px) {
  header.Skin {
    font-size: 1em;
  }
}
header.Skin > .container > .row > div:nth-child(2) {
  flex-grow: 12;
}
header.Skin .Logo {
  display: block;
  width: !00%;
  font-size: 1.3em;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 992px) {
  header.Skin .Logo {
    font-size: 2em;
    padding-bottom: 0;
  }
}
body.lt-ie12 header.Skin .Logo {
  padding-top: 0.2em;
}
header.Skin .Logo h1 {
  font-size: inherit;
  margin: 0;
}
header.Skin .Logo h2 {
  font-size: 0.7em;
  margin: 0;
  text-transform: none;
  padding-top: 0.5em;
  color: #006b96;
  text-align: center;
}
@media screen and (min-width: 992px) {
  header.Skin .Logo h2 {
    font-size: 0.5em;
  }
}
header.Skin .Logo sup {
  font-size: 0.65em;
  top: -0.4em;
}
header.Skin .Header-Top-Right {
  text-align: left;
  clear: both;
  float: none;
  line-height: 1.6;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 1em;
}
@media screen and (min-width: 992px) {
  header.Skin .Header-Top-Right {
    text-align: right;
    clear: none;
    float: none;
    line-height: 1em;
    padding-top: 0;
  }
}
header.Skin .Header-Top-Right .MyAccount {
  text-transform: uppercase;
  margin-right: 1em;
  font-size: 0.9em;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  header.Skin .Header-Top-Right .MyAccount {
    margin-right: 1em;
  }
}
.ShopSite header.Skin .Header-Top-Right .MyAccount a {
  display: inline-block;
}
.ShopSite header.Skin .Header-Top-Right .MyAccount a:hover {
  color: #006b96;
}
.ShopSite header.Skin .Header-Top-Right .MyAccount .User {
  width: 1em;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .ShopSite header.Skin .Header-Top-Right .MyAccount .User {
    width: auto;
  }
}
.ShopSite header.Skin .Header-Top-Right .MyAccount .User:before {
  content: "\f007";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 999em;
}
@media screen and (min-width: 992px) {
  .ShopSite header.Skin .Header-Top-Right .MyAccount .User:before {
    display: none;
    width: auto;
  }
}
header.Skin .Header-Top-Right h2 {
  font-size: 0.6em;
  margin: 0;
  text-transform: none;
  color: #000000;
  text-align: right;
}
@media screen and (min-width: 420px) {
  header.Skin .Header-Top-Right h2 {
    font-size: 0.8em;
  }
}
@media screen and (min-width: 992px) {
  header.Skin .Header-Top-Right h2 {
    font-size: 0.9em;
    margin: 1em 0 0;
    text-align: right;
  }
}
header.Skin .Header-Top-Right .CartPane {
  vertical-align: top;
}
header.Skin .scrolled header.Skin {
  padding: 10px 0;
}
header.Skin .scrolled header.Skin .Logo .SiteTitles h4 {
  display: none;
}
@media screen and (min-width: 1px) {
  header.Skin .scrolled header.Skin .Logo .SiteTitles {
    font-size: 20px;
  }
}
/* Sticky header */
.Header-Wrap {
  background: #fff;
}
.DNN07.CP-View .Header-Wrap,
.DNN08.CP-View .Header-Wrap,
.DNN07.CP-Edit .Header-Wrap,
.DNN08.CP-Edit .Header-Wrap {
  padding-top: 53px;
}
.Panes.offset-reset {
  transition: all 0.1s ease;
}
/* BREADCRUMBS */
.Breadcrumbs {
  padding: 0 10px;
  border-bottom: dotted 1px #ccc;
}
.Breadcrumbs > span {
  line-height: 30px;
}
.Breadcrumbs a:link,
#Breadcrumbs a:visited {
  color: #444;
}
.Breadcrumbs a:hover {
  color: #f00;
}
/* SEARCH */
.Search-Wrap {
  background: eee;
  width: 100%;
  line-height: 1em;
  margin: 0  auto;
}
@media screen and (min-width: 768px) {
  .Search-Wrap {
    width: 90%;
  }
}
.Search-Wrap > span {
  display: block !important;
  width: 100%;
}
.Search-Wrap .searchInputContainer {
  display: inline-block !important;
  margin: 0 3px 0 0 !important;
  width: calc(100% - 30px) !important;
}
.Search-Wrap .searchInputContainer .NormalTextBox {
  padding: 0.3em;
}
.Search-Wrap .searchSkinObjectPreview {
  width: 100%;
  z-index: 10000;
}
.Search-Wrap .searchSkinObjectPreview .searchSkinObjectPreview_group {
  display: none;
}
.Search-Wrap input {
  border: solid 1px #ddd;
  border-width: 0 0 1px 0;
  width: 100%;
  line-height: 130%;
}
a.Search {
  display: inline-block;
}
/* Add last menu item search Icon */
.MainMenu.Last-Item-Search li.Level0:last-child .itemwrap > a:before,
.MainMenu.Last-Item-Search li.Level0:last-child .itemwrap > span:before {
  content: "\e804";
  font-family: "vhl-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
}
.MainMenu.Last-Item-Search li.Level0:last-child .itemwrap > a span,
.MainMenu.Last-Item-Search li.Level0:last-child .itemwrap > span span {
  display: inline-block;
  margin-left: 0.5em;
}
@media screen and (min-width: 992px) {
  .MainMenu.Last-Item-Search li.Level0:last-child .itemwrap > a span,
  .MainMenu.Last-Item-Search li.Level0:last-child .itemwrap > span span {
    display: none;
  }
}
.dnnSearchBoxPanel {
  width: 100%;
  max-width: 100%;
  background: transparent;
}
.dnnSearchBoxPanel .dnnSearchBox {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border-color: #006b96;
  padding-left: 10px;
}
.dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchButton {
  top: 7px;
  right: 5px;
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchBoxClearText {
  display: none;
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchBox_advanced {
  display: none;
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchResultAdvancedTip {
  display: none;
}
.dnnSearchResultPanel {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  background: transparent;
}
.dnnSearchResultPanel .dnnSearchResultSortOptions {
  border: none;
}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li a {
  background: #8d9ca2;
}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li a:hover {
  background: #989898;
}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active,
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a {
  background: #006b96;
  color: #fff;
}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active:hover,
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {
  background: #1e5e78;
  color: #fff;
}
.dnnSearchResultPanel .RadComboBox .rcbInput {
  padding: 5px 9px !important;
}
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link,
.dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link {
  display: none;
}
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others,
.dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Others {
  display: none;
}
.dnnSearchResultPager {
  padding: 10px 0;
}
.dnnSearchResultPager,
.dnnSearchResultPager span {
  margin: 0;
}
.dnnSearchResultPager:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.dnnSearchResultPager.dnnSearchResultPagerTop {
  margin-top: 0;
}
/* MENU -------------------- */
/* MENU > General */
.FFUlMenu {
  position: relative;
}
.FFUlMenu,
.FFUlMenu ul,
.FFUlMenu li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}
.FFUlMenu li {
  position: relative;
}
.open-submenu {
  display: inline-block;
  border: none;
  position: absolute;
  width: 2em;
  font-style: normal;
  height: 3.4em;
  line-height: 3.4em;
  right: 0;
  top: 0;
  text-align: center;
}
@media screen and (min-width: 991px) {
  .open-submenu {
    display: none !important;
  }
}
.open-submenu:after {
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 1.7em;
}
.open > .open-submenu:after {
  content: "\f106";
  color: #006b96 !important;
}
.open-submenu:hover {
  cursor: pointer;
  color: #006b96;
}
/* Menu toggle */
/* Show & Hide */
/* Icon*/
.MenuToggle {
  display: inline-block;
  padding: 0.13em 0 0 ;
  color: #000;
  margin-right: 0;
  text-align: right;
  float: right;
  cursor: pointer;
}
.MenuToggle a {
  display: inline-block;
  padding: 0;
}
.MenuToggle .hamburger {
  display: inline-block;
  position: relative;
  width: 1.7em;
  height: 1.5em;
}
.MenuToggle .hamburger span {
  display: block;
  background: #006b96;
  position: absolute;
  height: 3px;
  width: 100%;
  top: calc(53%);
  transition: all 0.5s ease;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.MenuToggle .hamburger span:nth-child(1) {
  margin-top: -6px;
}
.MenuToggle .hamburger span:nth-child(3) {
  margin-top: 6px;
}
.mobile-menu-open .MenuToggle .hamburger span {
  background: #004763;
}
.mobile-menu-open .MenuToggle .hamburger span:nth-child(1) {
  transform: rotate(45deg);
  /* Firefox 16+, IE 10+, Opera 12.50+ */
  margin: 0;
  height: 4px;
}
.mobile-menu-open .MenuToggle .hamburger span:nth-child(2) {
  display: none;
}
.mobile-menu-open .MenuToggle .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  /* Firefox 16+, IE 10+, Opera 12.50+ */
  margin: 0;
  height: 4px;
}
/* MENU > Mobile */
#_MenuMobLevel0Border {
  border-bottom: solid 1px #d0d0d0;
}
@media screen and (max-width: 991px) {
  .WrapSubMenu {
    display: none;
  }
  .WrapMainMenu {
    position: relative;
    font-size: 1.15em;
    margin-bottom: 1em;
  }
  .mobile-menu-open .Panes,
  .mobile-menu-open footer.Skin {
    margin-top: 0 !important;
    padding: 0 !important;
    height: 0;
    overflow: hidden;
  }
  .mobile-menu-open .Header-Wrap {
    position: relative;
  }
  .mobile-menu-open:not(.scrolled) .Header-Wrap {
    padding: 0;
  }
  .mobile-menu-open .WrapMainMenu .MainMenu li.Level0 {
    border-bottom: solid 1px #d0d0d0;
  }
  .mobile-menu-open .WrapMainMenu .MainMenu li ul {
    display: none;
  }
  /* Styling */
  .WrapMainMenu .MainMenu > ul {
    display: none;
  }
  .WrapMainMenu .MainMenu .itemwrap {
    display: block;
  }
  .WrapMainMenu .MainMenu .itemwrap > a,
  .WrapMainMenu .MainMenu .itemwrap > span {
    display: inline-block;
    color: #006b96;
    /* Colours */
  }
  .WrapMainMenu .MainMenu .itemwrap > a.Active,
  .WrapMainMenu .MainMenu .itemwrap > span.Active,
  .WrapMainMenu .MainMenu .itemwrap > a.ActiveParent,
  .WrapMainMenu .MainMenu .itemwrap > span.ActiveParent {
    color: #003296;
  }
  .WrapMainMenu .MainMenu .itemwrap > a:hover,
  .WrapMainMenu .MainMenu .itemwrap > span:hover {
    color: #003296;
  }
  .WrapMainMenu .MainMenu .itemwrap.open > a,
  .WrapMainMenu .MainMenu .itemwrap.open > span {
    color: #003296;
  }
  .WrapMainMenu .MainMenu .itemwrap > a,
  .WrapMainMenu .MainMenu .itemwrap > span {
    line-height: initial;
    padding: 1em 2em 1em 0;
    word-break: break-all;
  }
  .WrapMainMenu .MainMenu .itemwrap.Level0 > a,
  .WrapMainMenu .MainMenu .itemwrap.Level0 > span {
    text-transform: uppercase;
  }
  .WrapMainMenu .MainMenu .itemwrap.Level0:last-child:not(:first-child) {
    border: none;
  }
  .MainMenu li.Level1 > a,
  .MainMenu li.Level1 > span {
    padding-left: 1.5em;
  }
  .MainMenu li.Level2 > a,
  .MainMenu li.Level2 > span {
    padding-left: 3em;
  }
  .MainMenu li.Level3 > a,
  .MainMenu li.Level3 > span {
    padding-left: 4.5em;
  }
  .MainMenu li.Level4 > a,
  .MainMenu li.Level4 > span {
    padding-left: 6em;
  }
  .MainMenu li.Level5 > a,
  .MainMenu li.Level5 > span {
    padding-left: 7.5em;
  }
  .MainMenu li.Level6 > a,
  .MainMenu li.Level6 > span {
    padding-left: 9em;
  }
  .MainMenu li.Level7 > a,
  .MainMenu li.Level7 > span {
    padding-left: 10.5em;
  }
  .MainMenu li.Level8 > a,
  .MainMenu li.Level8 > span {
    padding-left: 13em;
  }
}
/* MENU > Desktop */
@media screen and (min-width: 992px) {
  .WrapMainMenu {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  /* Show & Hide */
  .show-mobile {
    display: none;
  }
  /*HorMenu */
  .FFUlMenu li {
    float: left;
    list-style-type: none;
    position: relative;
  }
  .MainMenu li .itemwrap > a,
  .MainMenu li .itemwrap > span {
    display: inline-block;
    padding: 0 1em;
  }
  .FFUlMenu a:hover {
    text-decoration: none;
  }
  /* Styling & Width*/
  .FFUlMenu li,
  .FFUlMenu li ul {
    width: 15em;
  }
  .FFUlMenu img {
    padding-right: 0.3em;
  }
  .FFUlMenu li.Level0,
  .FFUlMenu a.Level0 {
    width: auto;
  }
  /* Main Menu */
  .MainMenu > ul {
    display: block !important;
  }
  /* needed to overrule hide in mobile */
  .MainMenu {
    position: relative;
    z-index: 1000;
  }
  /* Show & Hide levels */
  .MainMenu li ul {
    position: absolute;
    left: -999em;
    z-index: 1000;
    padding: 1em 0;
  }
  .MainMenu li ul {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
  /* DROPDOWN */
  .MainMenu li {
    position: relative;
  }
  .MainMenu li ul ul {
    margin: -0.5em 0 0 15em;
    padding: 0.3em 0;
    background: #f80;
  }
  .MainMenu li ul ul {
    top: 2px;
  }
  .MainMenu li:hover > ul {
    left: 0;
    opacity: 1;
  }
  .MainMenu li.Level0:hover > ul {
    left: 0;
  }
  /* Show dropdown for styling 
	.MainMenu  li.Active > ul{left: 0; opacity:1; }
	*/
}
/* MENU > Font size */
.FFUlMenu li.Level0 {
  padding: 0 0 0 1em;
}
.FFUlMenu .itemwrap > a,
.FFUlMenu .itemwrap > span {
  font-size: inherit;
}
@media screen and (min-width: 992px) {
  .FFUlMenu .itemwrap > a,
  .FFUlMenu .itemwrap > span {
    line-height: 2.3em;
  }
}
@media screen and (min-width: 992px) {
  .FFUlMenu .itemwrap > a.Level0,
  .FFUlMenu .itemwrap > span.Level0 {
    display: block;
    line-height: initial;
    padding: 0 0 0.1em;
  }
  .MainMenu .FFUlMenu .itemwrap > a.Level0,
  .MainMenu .FFUlMenu .itemwrap > span.Level0 {
    text-transform: uppercase;
  }
}
/* MENU > Desktop > Styling */
@media screen and (min-width: 992px) {
  .WrapMainMenu {
    position: relative;
    z-index: 1001;
  }
  .WrapSubMenu {
    position: relative;
    z-index: 1000;
  }
  /* LINKS */
  .MainMenu {
    /* DROPDOWN */
  }
  .MainMenu .itemwrap {
    /* ROOT */
  }
  .MainMenu .itemwrap a:link,
  .MainMenu .itemwrap a:visited {
    color: #006b96;
  }
  .MainMenu .itemwrap a:hover,
  .MainMenu .itemwrap a.Active,
  .MainMenu .itemwrap a.ActiveParent {
    color: #002a7d;
    text-decoration: none;
  }
  .MainMenu .itemwrap li > span {
    color: #2d5869;
    opacity: 0.8;
  }
  .MainMenu .itemwrap.Level0 > a,
  .MainMenu .itemwrap.Level0 > span {
    /* ROOT Active */
    border-bottom: solid 2px transparent;
  }
  .MainMenu .itemwrap.Level0 > a.Active,
  .MainMenu .itemwrap.Level0 > span.Active,
  .MainMenu .itemwrap.Level0 > a.ActiveParent,
  .MainMenu .itemwrap.Level0 > span.ActiveParent {
    border-bottom: solid 2px #003296;
  }
  .MainMenu li.Level0:hover a.Level0,
  .MainMenu li.Level0:hover span.Level0 {
    border-bottom: solid 2px #006b96;
  }
  .MainMenu li.Level0 ul {
    background: #fff;
  }
  .MainMenu li.Level0 ul.Level2 {
    background: #fdfefe;
  }
}
.lang-menu-wrap {
  background-color: #f8f8f8;
}
.lang-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s;
}
.lang.open .lang-menu {
  max-height: 2000px;
}
.lang-menu ul,
.lang-menu li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.lang-menu > ul {
  margin-left: -1em;
  margin-right: -1em;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em 0;
}
.lang-menu > ul > li {
  display: block;
  list-style-type: none;
  border-bottom: solid 1px #ddd;
  width: calc(100%);
  padding: 0.5em 1em;
  border-left: solid 3px #ddd;
}
@media screen and (min-width: 768px) {
  .lang-menu > ul > li {
    border-bottom: none;
    margin: 0.5em 0;
    width: calc(33%);
  }
}
@media screen and (min-width: 992px) {
  .lang-menu > ul > li {
    width: calc(20%);
  }
}
@media screen and (min-width: 1200px) {
  .lang-menu > ul > li {
    width: calc(20%);
  }
}
.lang-menu > ul > li .Level2 > li {
  margin: 0.4em 0;
  padding-left: 2.15em;
}
.lang-menu > ul > li .Level2 > li.Active {
  margin-left: -0.45em;
}
.lang-menu > ul > li .Level2 > li.Active a:link,
.lang-menu > ul > li .Level2 > li.Active a:visited {
  color: #006b96;
  position: relative;
}
.lang-menu > ul > li .Level2 > li.Active a:before {
  content: " ";
  position: relative;
  left: -0.5em;
  margin-bottom: 0.1em;
  background-color: currentColor;
  width: 8px;
  height: 8px;
  margin-top: 0.5em;
  display: inline-block;
  border-radius: 50%;
}
.ShopSite .lang-menu img {
  margin-right: 0.5em;
}
.WrapLang {
  float: right;
  z-index: 100000;
  position: relative;
  /* For IE 11  :-( */
  /* Language > Mobile */
}
@media screen and (min-width: 992px) {
  .lt-ie12 .WrapLang.ForDesktop {
    display: inline-block;
  }
}
.WrapLang .RootElement li {
  width: auto;
  padding: 0;
}
.WrapLang .RootElement li.Level0 {
  padding-left: 0;
}
.WrapLang .RootElement li.Level0 > span {
  cursor: pointer;
  display: inline-block;
}
.NoCore.WrapLang .RootElement li.Level0 > span:after {
  content: " ";
  display: inline-block;
  position: absolute;
  right: 0.35em;
  width: 10px;
  height: 10px;
  top: 1.4em;
  font-size: 0.8em;
  z-index: 1000;
  transform: rotate(0deg);
  transition: transform 0.5s;
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.5em solid #006b96;
}
.open .NoCore.WrapLang .RootElement li.Level0 > span:after {
  transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
  .WrapLang .RootElement li.Level0 > span {
    margin-top: -0.1em;
    margin-left: 1em;
  }
}
.WrapLang .RootElement li.Level0 > span .Language.Active {
  text-transform: uppercase;
  margin-left: 0.3em;
}
.WrapLang .RootElement li.Active a:link,
.WrapLang .RootElement li.Active a:visited {
  color: #000;
}
.WrapLang .RootElement li a:hover {
  color: #000;
}
.WrapLang .RootElement li img {
  padding: 0;
  max-height: 1.15em;
}
.lang.open.NoShopSite .WrapLang .RootElement ul.Level1 {
  display: block;
  border: solid 1px #eee;
  border-top: none;
}
.WrapLang .RootElement ul.Level1 {
  display: none;
  position: absolute;
  right: -1em;
  background: #fff;
  width: 12em;
  margin-top: 1em;
  padding: 0 1em 1em 1em;
  z-index: 2;
}
.WrapLang .RootElement ul.Level1 li {
  float: none;
  text-align: right;
}
.ShopSite .WrapLang .RootElement ul.Level1 li {
  text-align: left;
}
.WrapLang .RootElement ul.Level1 li.Level1 {
  border-top: solid 1px #ddd;
  padding: 0.7em 0;
}
.WrapLang .RootElement ul.Level2 > li {
  margin: 0.5em 0;
  padding-left: 2.15em;
}
.WrapLang .RootElement ul.Level2 > li.Active {
  margin-left: -0.45em;
}
.WrapLang .RootElement ul.Level2 > li.Active a:link,
.WrapLang .RootElement ul.Level2 > li.Active a:visited {
  color: #006b96;
  position: relative;
}
.WrapLang .RootElement ul.Level2 > li.Active a:before {
  content: " ";
  position: relative;
  left: -0.5em;
  margin-bottom: 0.1em;
  background-color: currentColor;
  width: 8px;
  height: 8px;
  margin-top: 0.5em;
  display: inline-block;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .WrapLang .RootElement {
    padding-top: 0.4em;
    margin-left: 0.5em;
  }
  .WrapLang .RootElement li.Level0 {
    padding: 0;
  }
  .WrapLang .RootElement li > a,
  .WrapLang .RootElement li > span {
    padding: 0;
  }
  .WrapLang .RootElement li > a:hover,
  .WrapLang .RootElement li > span:hover {
    color: #000;
  }
  .WrapLang .RootElement li ul {
    background: #fff;
    padding-right: 15px;
  }
}
.SidePanels .PanesWrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.SidePanels .PanesWrap .NormalPanes {
  flex-grow: 1;
  flex-basis: 100%;
}
.SidePaneRightShow.SidePanels .PanesWrap .NormalPanes {
  display: none;
}
@media screen and (min-width: 768px) {
  .SidePaneRightShow.SidePanels .PanesWrap .NormalPanes {
    display: block;
  }
}
.SidePanels .PanesWrap .SidePaneRightWrap {
  height: 0;
  width: 0;
  padding: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  transition: all 0.5s;
  background: #b5c7eb;
}
.SidePanels .PanesWrap .SidePaneRightWrap.Header {
  background: #a1b7e5;
  display: flex;
}
.SidePanels .PanesWrap .SidePaneRightWrap.Header .content {
  flex-grow: 1;
}
.SidePaneRightShow.SidePanels .PanesWrap .SidePaneRightWrap {
  height: auto;
  padding: 1em;
  flex-basis: 400px;
  flex-grow: 2;
  flex-shrink: 0;
  max-width: 100%;
  transition: all 0.5s;
}
.SidePanels .PanesWrap .SidePaneRightWrap .CloseSidePane {
  font-size: 1.5em;
  color: #002163;
  cursor: pointer;
  line-height: 1;
}
.SidePanels .PanesWrap .SidePaneRightWrap h2 {
  margin: 0.5em 0;
  font-size: 1em;
}
.SidePanels .fixed-top {
  transition: all 0.5s;
}
/* FOOTER */
footer.Skin {
  background: #ddecf3;
  color: #000;
  font-size: 0.85em;
  padding-bottom: 0.8em;
}
footer.Skin a:link,
footer.Skin footer a:visited {
  display: inline-block;
}
footer.Skin a:hover {
  color: #006b96;
}
.NoShopSite footer.Skin .WrapLogin a.Login {
  color: #ddecf3;
}
footer.Skin .WrapLogin a.Login:hover,
.CP-View footer.Skin .WrapLogin a.Login,
.CP-Edit footer.Skin .WrapLogin a.Login {
  color: #0a86bc;
}
@media screen and (max-width: 787px) {
  footer.Skin .container * {
    text-align: center;
  }
}
@media screen and (min-width: 786px) {
  footer.Skin .top .container {
    padding-top: 0.5em;
    padding-bottom: 1em;
  }
}
footer.Skin h4 {
  margin: 0.5em 0 1em;
  color: #000;
  font-size: 1.1em;
  text-transform: uppercase;
}
footer.Skin ul {
  padding: 0;
  margin: 0;
}
footer.Skin li {
  list-style-type: none;
}
/* FOOTER Sticky 
	html, #Body, form{height:100%;margin:0;padding:0;}
	.sWrap{height:auto; min-height: 100%; overflow:auto;}
	.sWrap:after {content: ""; display: block;}

	.sWrap{margin-bottom: -100px;}
	footer.Skin, .sWrap:after{min-height:100px;}
*/
/* CONTAINERS */
.cContainer {
  margin-bottom: 4em;
}
.TopPaneFullWidth .cContainer {
  margin-bottom: 0;
}
.cContainer section.Container {
  clear: both;
}
.cContainer h1.cTitle,
.cContainer h2.cTitle,
.cContainer h3.cTitle,
.cContainer h4.cTitle,
.cContainer h5.cTitle {
  margin-top: 0;
}
.cBg.cContainer h1.cTitle,
.cBg.cContainer h2.cTitle,
.cBg.cContainer h3.cTitle,
.cBg.cContainer h4.cTitle,
.cBg.cContainer h5.cTitle {
  margin: 0 0 1.3em;
}
.cIcon,
.cTitle {
  float: left;
}
.cIcon img {
  float: left;
  padding-right: 4px;
}
.cContainer.cBg {
  padding: 1em 1em 2em;
  margin-bottom: 30px;
  position: relative;
}
.cBg p:last-child {
  margin: 0;
}
.cBg header.Container {
  margin-bottom: 20px;
}
section.Container {
  clear: both;
}
.cBgDark,
.cBgDark .cTitle,
.cBgDark h1,
.cBgDark h2,
.cBgDark h3,
.cBgDark h4,
.cBgDark h5 {
  color: #fff;
}
/* Grey */
.cBgGrey {
  background: #D2D2D2;
}
.cBgGrey a:link,
.cBgGrey a:visited {
  color: #006b96;
}
.cBgGrey.cBgLight {
  background: #F9F9F9;
}
.cBgGrey.cBgLight a:link,
.cBgGrey.cBgLight a:visited {
  color: #004763;
}
.cBgGrey.cBgDark {
  background: #A4A4A4;
}
.cBgGrey.cBgDark a:link,
.cBgGrey.cBgDark a:visited {
  color: #006b96;
}
.cBgGrey.cBgExtraDark {
  background: #767676;
  color: #eee;
}
.cBgGrey.cBgExtraDark a:link,
.cBgGrey.cBgExtraDark a:visited {
  color: #00597d;
}
.cBgGrey.cBgExtraDark .cTitle {
  color: #fff;
}
.cBgDna {
  content: " ";
  display: block;
  background: transparent url('img/DNA-Rectangle-White.svg') left center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 33%;
  z-index: 1;
  opacity: 0.3;
}
@media screen and (min-width: 992px) {
  .cBgDna {
    width: 33%;
  }
}
/* Color */
.cBgColor {
  background: #006b96;
  border-color: #fff;
  color: #fff;
}
.cBgColor a:link,
.cBgColor a:visited {
  color: #fff;
}
.cBgColor a:hover {
  text-decoration: underline;
}
.cBgColor .cTitle {
  color: inherit;
}
.cBgColor.cBgLight {
  background: #8d9ca2;
  color: #004763;
}
.cBgColor.cBgLight a:link,
.cBgColor.cBgLight a:visited {
  color: #00597d;
}
.cBgColor.cBgExtraLight {
  background: #b5dbeb;
  color: #004763;
}
.cBgColor.cBgExtraLight a:link,
.cBgColor.cBgExtraLight a:visited {
  color: #006b96;
}
.cBgColor.cBgDark {
  background: #00597d;
  color: #fff;
}
.cBgColor.cBgDark a:link,
.cBgColor.cBgDark a:visited {
  color: #4fb6e0;
}
.cBgColor.cBgExtraDark {
  background: #004763;
  color: #fff;
}
.cBgColor.cBgExtraDark a:link,
.cBgColor.cBgExtraDark a:visited {
  color: #4fb6e0;
}
/* .Mini-Cart{

	position:relative;   
	padding-right:0.9em; 
	
	


	.diamond {
		.diamond;
		
		&.Items {
		 font-size:0.5em;   position:absolute; top:-0.6em; color:#fff;
			 &:before {
				background: @Col2Medium;
			 }
		
		}


			

		&:last-child {
		 font-size:0.5em;   position:absolute; top:-0.6em; color:#fff;
		}
	
	}
	
	
	
}*/
.MiniCartWrapper h5 {
  margin: 0;
}
.MiniCartWrapper td {
  padding-left: 0;
  border: none;
}
.MiniCartWrapper .productname td {
  padding-bottom: 0;
}
.MiniCartWrapper .productname:not(:first-child) td {
  padding-top: 1em;
}
.MiniCartWrapper .cartitem td {
  padding-top: 0;
  padding-bottom: 1em;
  border-bottom: solid 1px #edf6fa;
}
.MiniCartWrapper .sidebar-total {
  float: right;
  padding-right: 0.5em;
}
.MiniCartWrapper .sidebar-down > div {
  margin-top: 1.5em;
  text-align: right;
  padding-right: 0.5em;
}
.OC-Img-Banner .Bg-Image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 30vh;
  position: relative;
}
.OC-Img-Banner .Bg-Image:after {
  content: " ";
  display: block;
  background: transparent url('img/DNA-Rectangle-DNACore.svg') left center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 70%;
  z-index: 1;
  opacity: 0.7;
}
@media screen and (min-width: 992px) {
  .OC-Img-Banner .Bg-Image:after {
    width: 30%;
  }
}
.cycle-slideshow .cycle-slide {
  max-width: 100%;
}
.cycle-slideshow .slide {
  max-height: 70vh;
  overflow: hidden;
}
.cycle-slideshow .slide .content {
  position: relative;
  top: 0;
  height: 100%;
  max-height: 70vh;
}
.cycle-slideshow .slide img {
  position: relative;
  z-index: 1;
}
.cycle-slideshow .slide .text-wrap {
  position: absolute;
  left: 40%;
  height: 100%;
  top: 0;
  z-index: 2;
  width: 18vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .cycle-slideshow .slide .text-wrap {
    left: 60%;
  }
}
.cycle-slideshow .slide .text {
  color: #fff;
  font-size: 1vw;
  line-height: 170%;
  text-transform: uppercase;
}
.cycle-slideshow .slide .text .title {
  padding: 0 0 0.5em 0;
  margin: 0;
  color: inherit;
  font-weight: bold;
  font-size: 4em;
  line-height: 110%;
}
@media screen and (min-width: 992px) {
  .cycle-slideshow .slide .text .title {
    font-size: 2em;
  }
}
.cycle-slideshow .slide .text.no-description .title {
  padding: 0 0 1em 0;
}
.cycle-slideshow .slide .text .description {
  padding: 0 0 0.7em 0;
  display: none;
}
@media screen and (min-width: 992px) {
  .cycle-slideshow .slide .text .description {
    display: block;
  }
}
.cycle-slideshow .slide .text .link {
  background: #fff;
  padding: 0.5em 1em;
  font-size: 1.8em;
}
@media screen and (min-width: 992px) {
  .cycle-slideshow .slide .text .link {
    font-size: 1em;
  }
}
.cycle-slideshow .slide .flex-description {
  display: none;
}
.cycle-slideshow .slide .flex-error {
  padding: 1em 0;
  color: #f80;
}
.cycle-slideshow .slide .flex-no-image .text {
  display: none;
}
.cycle-slideshow .slide:after {
  content: " ";
  display: block;
  background: transparent url('img/DNA-Rectangle-DNACore.svg') left center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 70%;
  z-index: 1;
  opacity: 0.7;
}
@media screen and (min-width: 992px) {
  .cycle-slideshow .slide:after {
    width: 50%;
  }
}
.cycle-nav {
  display: flex;
  align-items: center;
  width: 15%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1002;
  cursor: pointer;
}
.cycle-nav .demo-icon {
  font-size: 2em;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .cycle-nav .demo-icon {
    font-size: 3vw;
  }
}
.cycle-nav .demo-icon:before {
  text-shadow: 0 0 5px rgba(45, 88, 105, 0.3);
}
.cycle-nav:hover .demo-icon {
  color: rgba(0, 107, 150, 0.9);
}
.cycle-nav:hover .demo-icon:before {
  text-shadow: 0 0 5px #fff;
}
.cycle-nav.cycle-prev {
  left: 0;
  justify-content: flex-end;
}
.cycle-nav.cycle-next {
  right: 0;
  justify-content: flex-start;
}
/* Responsive */
/*
.fade{
	opacity:0; 
	margin-left:-100px;
	transition: opacity 1s ease-in, margin-left 0.5s ease-in;
    transition-delay: 0.5s;}
*/
.wrap-slider .cycle-pager {
  background: #fff;
  padding: 0 0.5em;
  margin-top: -1em;
  position: relative;
  z-index: 1001;
}
.wrap-slider .cycle-pager:not(.external) {
  display: none;
}
.wrap-slider .cycle-pager .page-item {
  padding: 1em 0.5em ;
  background: #fff;
  display: block;
  float: left;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .wrap-slider .cycle-pager .page-item {
    width: 15vw;
    max-width: 260px;
    font-size: 0.7em;
  }
}
@media screen and (min-width: 992px) {
  .wrap-slider .cycle-pager .page-item {
    font-size: 1em;
  }
}
.wrap-slider .cycle-pager .page-item .content {
  position: relative;
  cursor: pointer;
}
.wrap-slider .cycle-pager .page-item .content:hover .title,
.wrap-slider .cycle-pager .cycle-pager-active .title {
  background-color: rgba(0, 107, 150, 0.9);
}
@media screen and (min-width: 992px) {
  .wrap-slider .cycle-pager {
    display: block;
  }
}
.cycle-pager .page-item {
  padding: 0 0 2em ;
  background: #fff;
  display: block;
}
.cycle-pager .page-item .content {
  position: relative;
  cursor: pointer;
}
.cycle-pager.selected .page-item {
  padding-bottom: 0.5em;
}
.cycle-pager img {
  display: block;
}
.cycle-pager .title {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 0.90em;
  color: #fff;
  padding: 0.5em 0.5em;
  background-color: rgba(0, 107, 150, 0.5);
  z-index: 2;
  text-transform: uppercase;
}
.cycle-pager .inactive .title {
  position: relative;
  bottom: auto;
}
.wrap-slider.main .cycle-pager {
  display: none;
}
@media screen and (min-width: 786px) {
  .wrap-slider.main .cycle-pager {
    display: block;
  }
}
.OC-Locations {
  /* For Razor view */
}
.OC-Locations .item {
  padding: 2em 0;
  border-bottom: solid 1px rgba(0, 107, 150, 0.2);
}
.OC-Locations .item:first-child {
  padding-top: 0;
}
.OC-Locations .item:last-child {
  border: none;
}
.marker-info.OC-Locations .item {
  font-size: 130%;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.OC-Locations .item .header,
.OC-Locations .item .introduction,
.OC-Locations .item .description {
  padding-bottom: 1em;
}
.OC-Locations .item .read-more a {
  cursor: pointer;
}
.OC-Locations .item h3 {
  margin: 0;
}
.OC-Locations .item.logo-true img {
  margin-bottom: 1em;
}
.OC-Locations .item img.Scale-90 {
  max-width: 90%;
}
.OC-Locations .item img.Scale-80 {
  max-width: 80%;
}
.OC-Locations .item img.Scale-70 {
  max-width: 70%;
}
.OC-Locations .item img.Scale-60 {
  max-width: 60%;
}
.OC-Locations .item h4 {
  margin: 0 0 1em;
}
.OC-Locations .item .img {
  width: 250px;
  padding: 2.5em 0 1.5em;
}
.marker-info.OC-Locations .item .contact {
  padding-top: 1em;
}
.marker-info.OC-Locations .item .contact > span {
  display: block;
}
.OC-Locations .item a.route {
  color: #fff;
  background: #006b96;
  display: inline-block;
  margin-top: 1em;
  text-transform: uppercase;
  padding: 0.1em 0.8em;
}
.Razor.OC-Locations img.icon {
  max-width: 175px;
  padding-top: 1em;
}
#map {
  height: 600px;
}
@media screen and (max-width: 768px) {
  #map {
    height: 300px;
  }
}
.map {
  font-family: inherit;
}
.map .marker-info {
  width: auto;
  text-align: center;
  margin-left: 0.8em;
}
.map .marker-info .info-logo {
  max-width: 200px;
  height: auto;
}
.map img[src*="icon-blue"] {
  opacity: 0.7 !important;
}
.map .gm-style {
  font-family: inherit !important;
}
.map .gm-style div > div {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.oc-img-title-text .item {
  border-bottom: solid 1px #b5dbeb;
  padding-top: 2em;
}
.oc-img-title-text .item:first-child {
  padding-top: 0;
}
.oc-img-title-text .item:last-child {
  border: none;
}
.oc-img-title-text .item h4 {
  margin: 0 0 0.5em;
}
.oc-img-title-text .item .img,
.oc-img-title-text .item .text {
  padding-bottom: 2em;
}
.oc-img-title-text .item .text p:last-child {
  margin-bottom: 0;
}
.oc-articles .sorthandle {
  margin-top: 1em;
  background: #ddd;
  padding: 0 0.5em;
  line-height: 2em;
  font-size: 0.9em;
}
.oc-articles .sorthandle .status {
  display: inline-block;
  margin-right: 1em;
}
.oc-articles .date {
  color: #cdcdcd;
}
.oc-articles header h1,
.oc-articles header h2,
.oc-articles header h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.oc-articles .content .text {
  margin-top: 1em;
}
.oc-articles .icon-wrap {
  padding-bottom: 1em;
}
.oc-articles .more {
  padding-top: 2em;
  padding-bottom: 2em;
}
.oc-articles .text-filter-box i {
  font-size: 1.3em;
  margin-right: .5em;
  padding-top: 0.3em;
}
.oc-articles.list .item {
  padding: 1.5em 1em;
  border-bottom: solid 1px #8d9ca2;
}
.oc-articles.list.latest h3 {
  font-size: 1.1em;
}
.oc-articles.detail .images img {
  margin: 0 1em 1em 0;
}
.oc-articles.detail footer {
  border-top: solid 1px #ffffff;
  padding: 0.5em 0;
}
.oc-articles.detail header h2 {
  font-size: 1.4em;
  color: #2d5869;
  margin-bottom: 0.3em;
}
.oc-articles .list-footer {
  padding-top: 1em;
}
.oc-articles .list-footer .dropdown {
  display: inline-block;
}
.oc-link-doc-title .intro {
  padding: 0 0 1em;
}
.oc-link-doc-title .links li {
  padding-bottom: 0.5em;
}
.oc-link-doc-title .links li .fa {
  min-width: 1.4rem;
}
.oc-link-doc-title .links li .fa-circle {
  font-size: 0.7em;
}
.oc-link-doc-title .links li .text {
  padding: 0.3em 0;
}
.alpaca-field-array {
  background: #fff;
}
@media screen and (min-width: 992px) {
  .oc-icons-title-link [class^=col] {
    border-right: solid 1px #8d9ca2;
  }
  .oc-icons-title-link [class^=col]:first-child {
    border-left: solid 1px #8d9ca2;
  }
}
.oc-icons-title-link .item {
  font-size: 8vw;
}
@media screen and (min-width: 992px) {
  .oc-icons-title-link .item {
    font-size: 5vw;
  }
}
.oc-icons-title-link .item h1,
.oc-icons-title-link .item h2,
.oc-icons-title-link .item h3,
.oc-icons-title-link .item h4,
.oc-icons-title-link .item h5 {
  color: #006b96;
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom: 1.6rem;
}
.oc-icons-title-link .item .diamond {
  margin: 0.3em;
}
.oc-faq .category {
  margin-bottom: 0.8em;
  text-transform: uppercase;
  color: #006b96;
}
.oc-faq .item {
  font-size: 1em;
  margin-bottom: 0.4em;
}
.oc-faq .item .titlewrap {
  background: #6e8ac1;
  display: flex;
  align-items: center;
}
.oc-faq .item .titlewrap.translated-false {
  background: #d0d0d0;
}
.oc-faq .item .title {
  flex-grow: 2;
  line-height: normal;
  margin: 0;
  color: #fff;
}
.oc-faq .item .edit-link {
  margin: 0 0.3em;
  color: #fff;
}
.oc-faq .item .titlewrap,
.oc-faq .item .text {
  padding: 0.3em 0.5em;
}
.oc-faq .item .text {
  padding-bottom: 1em;
  background: #eee;
  margin-bottom: 1em;
}
.oc-faq .item .title {
  cursor: pointer;
  margin: 0;
  font-size: 110%;
}
.oc-faq .item .title .fa {
  float: right;
  font-size: 150%;
  transition-duration: 0.8s;
  transition-property: transform;
}
.oc-faq .item .title:not(.collapsed) .fa {
  transform: rotate(180deg);
}
.oc-knowledge-base .btn-primary {
  background: #6e8ac1;
  color: #fff;
}
.oc-knowledge-base .btn-primary.filtering {
  background-color: #006b96;
  color: #fff;
}
.oc-knowledge-base .filters .data-filters {
  border: solid 1px #6e8ac1;
  padding: 0.5em;
  margin-bottom: 1em;
}
.oc-knowledge-base .filters .data-filters .filter-title {
  margin: 0 0 0.5em;
  font-size: 1em;
}
.oc-knowledge-base .category,
.oc-knowledge-base .filter-title {
  color: #006b96;
}
.oc-knowledge-base .item {
  padding: 0.5em;
  margin-bottom: 0.5em;
  background: #d0d0d0;
  transition: all 0.5s;
  max-height: 4em;
}
.oc-knowledge-base .item.hidden {
  opacity: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.oc-knowledge-base .item .title {
  margin: 0;
  width: calc(100% - 4em);
  float: left;
}
.oc-knowledge-base .item .icons {
  float: right;
}
.news-latest .item {
  border-top: solid 1px currentColor;
  padding: 0.5em 0;
  position: relative;
}
.news-latest .item span {
  display: block;
  float: left;
  width: 100px;
  font-weight: bold;
}
.news-latest .item a {
  display: block;
  float: left;
  margin-right: 1em;
  width: calc(100% - 120px);
}
.news-latest .item a:after {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0.4em;
  font-size: 1.5em;
}
.news-latest .item:last-child {
  border-bottom: solid 1px currentColor;
}
.news-latest .read-more {
  margin-top: 1em;
  display: inline-block;
  background: #fff;
  padding: 0.2em 0.5em;
}
.news-latest .read-more:link,
.news-latest .read-more:visited {
  color: #006b96;
}
.NewsArticles {
  /* View */
  /* Related */
}
.NewsArticles h1,
.NewsArticles h2 {
  margin: 0 0 0.5em;
  font-size: 1.5em;
  text-transform: uppercase;
}
.NewsArticles .NewsMenu {
  padding-bottom: 15px;
}
.sWrap .NewsArticles .List .NewsItem {
  border-top: solid 1px #006b96;
  padding: 1em 0;
}
.NewsArticles .Date {
  font-size: 1em;
  color: #4fb6e0;
}
.NewsArticles .NewsArticle {
  padding-top: 1em;
  border-top: solid 1px #006b96;
}
.NewsArticles .NewsArticle .Entry {
  padding: 1em 0 2em;
  border-bottom: solid 1px #006b96;
}
.NewsArticles .Related {
  padding: 1em 0 2em;
}
.NewsArticles .Related h4 {
  margin: 0 0 1em;
}
.NewsArticles .Related .articleRelated {
  line-height: 200%;
}
.Mini-Cart {
  position: relative;
  padding-right: 0.9em;
  margin-top: -0.8em;
}
.Mini-Cart .diamond {
  height: 1.5em;
  position: relative;
  display: inline-block;
  line-height: 1.5em;
  width: 1.5em;
  text-align: center;
  color: #fff;
}
.Mini-Cart .diamond:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: #006b96;
  transform: rotate(45deg);
  z-index: 0;
}
.Mini-Cart .diamond .txt {
  position: relative;
}
.Mini-Cart .diamond .txt {
  display: inline-block;
  top: -0.1em;
}
.Mini-Cart .diamond.Items {
  font-size: 0.5em;
  position: absolute;
  top: -0.6em;
  color: #fff;
}
.Mini-Cart .diamond.Items:before {
  background: #003296;
}
.Mini-Cart .diamond:nth-child(2) {
  font-size: 0.5em;
  position: absolute;
  top: -0.6em;
  color: #fff;
}
.MoreInfoLink {
  display: inline-block;
  text-align: center;
  width: 1.5em;
  line-height: 1.5em;
  background: #006b96;
  border-radius: 50%;
  cursor: pointer;
  color: #fff !important;
  font-weight: bold;
}
.vhlMoreInfoRow > td {
  border-bottom: solid 1px silver;
  padding-bottom: 2em;
}
.ProductList .Category {
  border: solid 1px #b5c7eb;
  margin-bottom: 2.5em;
  padding: 0.7em 0.5em;
}
@media screen and (min-width: 768px) {
  .ProductList .Items {
    columns: 1;
    column-gap: 30px;
  }
}
@media screen and (min-width: 992px) {
  .ProductList .Items {
    columns: 2;
  }
}
.ProductList .Items .Product .Name a > span {
  font-weight: bold;
}
.ProductList h2 {
  color: #006b96;
  margin: 0 0 1em;
}
/* fonts on stage-headers are very small without this */
.card {
  border-radius: 0;
}
.card .form-group {
  padding-top: 0;
}
.card select,
.card input {
  margin-bottom: 0.5em;
}
.card-header {
  background: #eee;
}
.card-header h5 {
  margin: 0;
}
.card-body th {
  border-color: transparent;
}
/* spacing between icon and text*/
.dnaCheckoutWrapper .card-header .btn-link i {
  padding-right: 0.5em;
}
/* differentiate between rows and footer */
.dnaCheckoutWrapper table tfoot {
  border-top: 2px solid black;
}
/* a line above total amount */
#dnaCheckoutStage1 table tfoot tr:last-of-type td:last-of-type {
  border-top: 2px solid black;
}
/* icons on samples-list rows a bit larger */
#dnaCheckoutStage3Content i {
  font-size: 125%;
}
/* Flag colors */
#dnaCheckoutStage3 .colFlag {
  color: red;
}
#dnaCheckoutStage3 .colFlag.flagDone {
  color: green;
}
.dnaCheckout-stagecontent {
  padding-bottom: 4em;
}
/* to overwrite a too small height */
.dnaCheckoutWrapper .custom-select {
  height: inherit;
}
.form-group {
  margin-top: 0.5em;
}
.form-check-input {
  margin-top: 0.4em;
  display: inline-block;
}
.form-check-label {
  padding-left: 0.5em;
}
.card .form-check {
  padding-bottom: 0.5em;
  padding-top: 2em;
}
.nav-tabs .nav-link,
.custom-select {
  border-radius: 0;
}
.dnaCheckoutWrapper .card {
  border: none;
}
.dnaCheckoutWrapper .card-header {
  background: none;
}
.dnaCheckoutWrapper div.card-header {
  border-bottom: solid 2px #008ec4;
}
.dnaCheckoutWrapper .StageContentTable.Stage3 > tbody > tr > td {
  border-top: solid 2px #006b96;
  border-bottom: solid 2px #006b96;
}
.dnaCheckoutWrapper .StageContentTable.Stage3 > tbody > tr > td {
  font-weight: bold;
  color: #008ec4;
  line-height: 2;
}
.dnaCheckoutWrapper .StageContentTable.Stage3 > tbody > tr > td * {
  font-weight: normal;
}
.dnaCheckoutWrapper .StageContentTable.Stage3 th {
  border-bottom: solid 2px #006b96;
}
.dnaCheckoutWrapper .StageContentTable.Stage4 .card {
  display: block;
  width: 100%;
}
.dnaCheckoutWrapper strong {
  color: #006b96;
}
.dco-row-plusmin {
  max-width: 150px;
}
.input-group {
  margin-bottom: 1em;
}
.Product.Detail h1 {
  margin-top: 0.5em;
}
.Product.Detail h2 {
  color: #006b96;
  margin-bottom: 0.5em;
}
.Product.Detail .Reference {
  color: #000;
  padding: 1em 0 0;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}
.Product.Detail .Prices {
  color: #003296;
  padding: 0.3em 0;
}
.Product.Detail .Prices .Price:not(.ExVat) {
  font-weight: bold;
  font-size: 1.5em;
}
.Product.Detail .Prices .Price:not(.ExVat) span span {
  font-weight: normal;
  font-size: 0.5em;
}
.Product.Detail .Quantity {
  padding: 0.7em 0 0.5em;
  font-weight: bold;
  color: #003296;
}
.Product.Detail .Quantity input {
  border: solid 1px #003296;
  color: #000;
}
.Product.Detail .AddToBasket {
  padding: 0.5em 0;
}
.Product.Detail .AddToBasket .btn {
  width: 100%;
  text-align: center;
}
.Product.Detail.Add {
  padding: 1em;
  border: solid 1px #003296;
}
.Product.Detail.Add .Name h4 {
  margin: 0 0 1em;
  color: #006b96;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
}
.Product.Detail.Add .BuyButton {
  background-color: #006b96;
}
.Product.Detail.Add .EmailForPrice .btn {
  width: 100%;
  margin-top: 1em;
}
.Normal {
  /* VHL Table Layout */
}
.Normal .dataTables_wrapper {
  max-width: 100%;
}
.Normal .VHL-Table {
  width: 100%;
  margin: 2em 0;
  min-width: 500px;
  border-collapse: collapse;
}
.Normal .VHL-Table p:last-child {
  margin-bottom: 0;
}
.Normal .VHL-Table td,
.Normal .VHL-Table th {
  padding: 0.3em 0.5em;
  vertical-align: top;
  border: solid 1px #ddd;
}
.Normal .VHL-Table th {
  font-weight: bold;
}
.Normal .VHL-Table.VHL-Col1 tbody td:first-child {
  color: #006b96;
  font-weight: bold;
  border-right: solid 2px #006b96;
}
.Normal .VHL-Table th {
  color: #003296;
  border-bottom: solid 2px #003296;
}
.FFCookieLaw {
  background: #00597d;
  color: #fff;
  font-size: 0.8em;
  padding: 0.2em;
}
.FFCookieLaw a:link,
.FFCookieLaw a:visited {
  color: #fff;
}
.FFCookieLaw a:link:not(.btn),
.FFCookieLaw a:visited:not(.btn) {
  text-decoration: underline;
}
.FFCookieLaw a:link.btn,
.FFCookieLaw a:visited.btn {
  margin: 0.2em 0;
}
#Body .bstrap30 .row {
  margin: 0;
}
#Body .bstrap30 * {
  border-radius: 0 !important;
}
#Body .bstrap30 label {
  color: #006b96;
}
#Body .bstrap30 .btn-info {
  background-color: #006b96;
  color: #fff;
  border: none;
}
#Body .bstrap30 label.required::after {
  content: " *";
}
#Body .bstrap30 .form-group {
  border-width: 0;
}
#Body .bstrap30 .form-group .label-top {
  padding-bottom: 0.5em;
}
#Body .bstrap30 .field-container.checkbox-list {
  border-bottom: solid 1px #006b96;
  padding-top: 15px;
  margin-top: 5px;
  padding-bottom: 25px;
}
@media screen and (min-width: 786px) {
  #Body .bstrap30 .field-container.checkbox-list {
    column-count: 2;
  }
  #Body .bstrap30 .field-container.checkbox-list div.checkbox {
    display: inline-block;
    width: 100%;
  }
}
#Body .bstrap30 .field-container.checkbox-list .label-top {
  position: absolute;
  top: -1.5em;
}
#Body .bstrap30 .field-container.checkbox-list .checkbox input[type=checkbox] {
  top: 15px;
}
#Body .bstrap30 .field-container p b {
  color: #006b96;
}
#Body .submit-confirm {
  text-align: left;
}
.Dashboard .SideMenu h3 {
  margin-top: 0;
}
.Dashboard .SideMenu ul,
.Dashboard .SideMenu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.Dashboard .SideMenu li {
  border-bottom: solid 1px #006b96;
}
.Dashboard .SideMenu li a {
  display: block;
  padding: 1em 0.5em;
}
.Dashboard .SideMenu li a:hover {
  color: #006b96;
}
.Dashboard .SideMenu li.selected a:link,
.Dashboard .SideMenu li.selected a:visited {
  color: #006b96;
}
.oc-Modal-Popup {
  font-size: 1em;
}
.oc-Modal-Popup .close {
  font-size: 1.6em;
}
.oc-Modal-Popup .modal-title {
  color: #006b96;
  margin-top: 0;
}
.oc-Modal-Popup button.btn {
  font-size: inherit;
  background-color: #003296;
  color: #fff;
  border: none;
}
code {
  font-family: consolas, courier new;
  color: #00597d;
  background: #fdfefe;
  padding: 0 0.5em;
}
pre {
  font-family: consolas, courier new;
  color: #00597d;
  padding: 0.5em;
  background: #fdfefe;
}
/* RESPONSIVE */
img {
  max-width: 100%;
  height: auto !important;
}
img {
  -ms-interpolation-mode: bicubic;
}
iframe {
  max-width: 100%;
}
.ForDesktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .ForMobile {
    display: none;
  }
  .ForDesktop {
    display: initial;
  }
}
.CP-Edit .Panes .order-1:before {
  content: "Mobile: on top";
  display: block;
  padding: 0.3em;
  text-align: center;
  background: #fafafa;
  font-size: 0.8em;
}
.form-control {
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  border-radius: 0;
}
.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  border-radius: 0;
}
.form-control {
  border-radius: 0;
  font-size: 1em;
}
.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  border-radius: 0;
}
.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  border-radius: 0;
}
select.form-control:not([size]):not([multiple]) {
  height: auto;
}
.form-group {
  padding-top: 0.5em;
  border-bottom: solid 1px #d0d0d0;
}
.form-group .form-group-NormalBold {
  margin-bottom: 0;
}
.form-group p:last-child {
  margin-bottom: 0.3em;
}
.form-group .field-container {
  width: 100%;
  max-width: initial;
}
.form-group-NormalBold {
  color: #006b96;
}
.form-horizontal .btn {
  font-size: 1em;
  margin-top: 0.5em;
}
.btn {
  border-radius: 0;
  box-shadow: none;
  background: #eee;
  border: none;
  padding-left: 0.7em;
  padding-right: 0.7em;
  font-size: 1em;
}
.btn-link {
  color: #006b96;
}
.btn-secondary,
.btn-secondary:link,
.btn-secondary:visited {
  background-color: #006b96;
  color: #fff;
}
.btn-default,
.btn-primary,
.btn-default:link,
.btn-primary:link,
.btn-default:visited,
.btn-primary:visited {
  background-color: #003296;
  color: #fff;
}
.btn-default:hover,
.btn-primary:hover {
  background-color: #002a7d;
}
.btn-defaulty.disabled,
.btn-primaryy.disabled {
  background: #eee;
  color: #000;
}
.btn-success,
.btn-success:link,
.btn-success:visited {
  background-color: #37ba56;
}
.btn-warning,
.btn-warning:link,
.btn-warning:visited {
  background-color: #f7ba04;
}
.btn-danger,
.btn-danger:link,
.btn-danger:visited {
  background-color: #db0d02;
}
.btn-info,
.btn-info:link,
.btn-info:visited {
  background-color: #456f81;
}
.btn-dark,
.btn-dark:link,
.btn-dark:visited {
  background-color: #3c6070;
}
.alert {
  border-radius: 0;
  border: none;
}
.alert-primary {
  background-color: #eeeeff;
}
.lt-ie12 .WrapLang.ForDesktop.NoCore {
  padding-top: 10px;
}
/*# sourceMappingURL=Host.css.map */