@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@600;700&family=Roboto+Condensed&display=swap');

p {margin-bottom: .8rem; line-height: 1.35rem;}

.cke_combopanel {width: 220px !important;}

.color-swatch {
  width: 18%;
  height: 50px;
  line-height: 50px;
  display: inline-block; }

.highlight {
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8; }

.paneOutline_display {
  margin: 2px 1px;
  height: 50px;
  line-height: 50px;
  background: #eee;
  border: 1px solid #ccc;
  text-align: center; }

.admin {
  top: 53px !important;
  z-index: 9; }

.header-spacer, .header-spacer-admin {padding-top: 111px; background-color: #a01308;}

@media (min-width: 768px) {
  .header-spacer, .header-spacer-admin {padding-top: 115px;}
}

@media (min-width: 992px) {
  .header-spacer, .header-spacer-admin {padding-top: 150px;}
}

.dnnbooster header span, .dnnbooster header span.normal {
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -khtml-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  }

.dnnbooster header .topbar {
  height: 35px;
  line-height: 35px; }
.dnnbooster header .topbar .general-functions a:link, .dnnbooster header .topbar .general-functions a:visited, .dnnbooster header .topbar .general-functions a:focus, .dnnbooster header .topbar .general-functions a:active {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
.dnnbooster header .topbar .general-functions .open > .dropdown-menu {
    -webkit-transform: scale, 1, 1;
    -khtml-transform: scale, 1, 1;
    -moz-transform: scale, 1, 1;
    -ms-transform: scale, 1, 1;
    -o-transform: scale, 1, 1;
    transform: scale, 1, 1;
    opacity: 1; }
.dnnbooster header .topbar .general-functions .dropdown-menu {
    opacity: .3;
    display: block;
    -webkit-origin: top;
    -khtml-origin: top;
    -moz-origin: top;
    -ms-origin: top;
    -o-origin: top;
    origin: top;
    -webkit-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale(1, 0);
    -khtml-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 1005 !important;
    width: 40px;
    min-width: inherit;
    border-top-color: transparent;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-top: -1px; }
.dnnbooster header .topbar .general-functions .dropdown-toggle:after {
    display: none; }
.dnnbooster header .topbar .general-functions li {
    float: right;
    border: none;
    margin: 0;}
.dnnbooster header .topbar .general-functions li li {
    border: none; }
.dnnbooster header .topbar .general-functions li .buttonGroup {
      list-style: none;
      margin: 0 !important; }
.dnnbooster header .topbar .general-functions li .material-icons {
      font-size: 1.8em;
      display: block;
      width: 40px;
      height: 35px;
      line-height: 35px;
      text-align: center; }
.dnnbooster header .topbar .general-functions li a {
      font-size: 15px;
      display: block;
      border: none;
      line-height: 35px;
      text-align: center;
      padding: 0 6px;}
.dnnbooster header .topbar .general-functions li:first-child {
      border-left: none; }
.dnnbooster header .topbar .general-functions li:first-child a:before {
      display: none; }
.dnnbooster header .topbar .general-functions li .notification-holder a {
      display: block;
      position: relative;
      height: 35px;
      width: 40px;
      font-size: 0;
      text-align: center; }
.dnnbooster header .topbar .general-functions li .notification-holder .buttonGroup .userDisplayName, .dnnbooster header .topbar .general-functions li .notification-holder .buttonGroup .userProfileImg, .dnnbooster header .topbar .general-functions li .notification-holder .buttonGroup .userMessages {
      display: none; }
.dnnbooster header .topbar .general-functions li .notification-holder .buttonGroup .userNotifications strong:before {
      font-family: 'Material Icons';
      content: "forum";
      font-weight: 400;
      font-size: 24px; }
.dnnbooster header .topbar .general-functions li .notification-holder .buttonGroup .userNotifications span {
      line-height: 18px;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      font-weight: 400;
      font-size: 10px;
      text-align: center;
      width: 18px;
      top: 50%;
      right: 10px;
      z-index: 10;
      display: block;
      position: absolute;
      overflow: hidden; }
.dnnbooster header .topbar .general-functions li .message-holder a {
      display: block;
      position: relative;
      height: 35px;
      width: 40px;
      font-size: 0;
      -webkit-transition: all 0.5s ease-in-out;
      -khtml-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
.dnnbooster header .topbar .general-functions li .message-holder .buttonGroup .userDisplayName {
      display: none; }
.dnnbooster header .topbar .general-functions li .message-holder .buttonGroup .userProfileImg {
      display: none; }
.dnnbooster header .topbar .general-functions li .message-holder .buttonGroup .userNotifications {
      display: none; }
.dnnbooster header .topbar .general-functions li .message-holder .buttonGroup .userMessages strong:before {
      font-family: 'Material Icons';
      content: "mail_outline";
      font-weight: 400;
      font-style: normal;
      font-size: 24px;
      line-height: 35px;
      -webkit-font-smoothing: antialiased; }
.dnnbooster header .topbar .general-functions li .message-holder .buttonGroup .userMessages span {
      line-height: 18px;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      font-weight: 400;
      font-size: 10px;
      text-align: center;
      width: 18px;
      top: 50%;
      right: 10px;
      z-index: 10;
      display: block;
      position: absolute;
      overflow: hidden; }
.dnnbooster header .topbar .general-functions li .profile-holder a {
      display: block;
      position: relative;
      height: 35px;
      width: 40px;
      font-size: 0;
      text-align: center;
      border-left: solid 1px; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userDisplayName {
      display: none; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userMessages {
      display: none; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userNotifications {
      display: none; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userProfileImg {
      height: 35px;
      width: 40px; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userProfileImg a {
        -webkit-transition: all 0.5s ease-in-out;
        -khtml-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        text-align: center; }
.dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userProfileImg img {
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        border: solid 2px blue;
        width: 25px; }
        .dnnbooster header .topbar .general-functions li .profile-holder .buttonGroup .userProfileImg img:hover {
          border: solid 2px;
          -webkit-transition: all 0.5s ease-in-out;
          -khtml-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
.dnnbooster header .topbar .language-object .Language {
    padding: 0 3px; }
.dnnbooster header .topbar .language-object .Language img {
      height: 20px;
      border: solid 1px transparent;
      opacity: .6; }
 .dnnbooster header .topbar .language-object .Language.selected img {
      opacity: 1; }

.dnnbooster header .search-bar {
  padding: 10px 0; }
.dnnbooster header .search-bar .SearchButton {
    display: none;
    visibility: hidden; }
.dnnbooster header .search-bar .searchInputContainer {
    width: 100%;
    z-index: 15; }
.dnnbooster header .search-bar .searchInputContainer .NormalTextBox {
    background-color: #fff;
      width: 100%;
      height: 35px;
      line-height: 40px;
      font-size: 1rem;
      padding: 0 20px;
      border: none;
      outline: none; }
 .dnnbooster header .search-bar .searchInputContainer a.dnnSearchBoxClearText {
      right: 10px;
      top: 15px;
      margin: 0; }
 .dnnbooster header .search-bar .searchInputContainer ul.searchSkinObjectPreview {
      border-top: none;
      width: 100%;
      padding: 0; }

@media (min-width: 375px) {

.dnnbooster header .topbar .general-functions li a {font-size: 16px; padding: 0 10px;}

}

/*-------- DFJ Generic Container Styles --------*/

.dnnbooster .bootsterContainer img {max-width: 100%; border-radius: 5px;}

.dnnbooster .bootsterContainer li {margin-bottom: .3rem;}


/* -------------------------------------
/* ------Begin Original Menu Styling ---
/* -------------------------------------*/


.navbar-nav.sm-collapsible .sub-arrow {
    width: .5em;
    font-size: 2rem;
 }

ul.navbar-nav.sm-collapsible {
    margin-left: 0;
}

.dnnbooster header .navbar {
    padding: 0; }

.dnnbooster header .navbar .navbar-brand {padding: 0; margin: 0;}

.dnnbooster header .navbar img {
    height: 115px;
    width: auto; }

.dnnbooster header .navbar .navbar-nav .nav-link {
    font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 115px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;}


@media (max-width: 1199px) {
    .dnnbooster header .navbar .navbar-nav .nav-link {font-size: 1rem;}
    .dnnbooster header .navbar img {height: 115px;}
}

@media (max-width: 991px) {
    .dnnbooster header .navbar img {height: 80px;}
    .dnnbooster header .navbar .navbar-nav .nav-link {line-height: 80px; font-size: .9rem;}
}

@media (max-width: 767px) {
    .dnnbooster header .navbar .navbar-nav .nav-link {line-height: 50px; font-size: 1rem;}
    ul.navbar-nav {margin: 0 !important;}
    .dnnbooster header .navbar img {height: 80px; margin-left: 15px;}
}

@media (max-width: 480px) {
  .dnnbooster header .navbar img {height: 76px;}
}


@media (max-width: 425px) {
  .dnnbooster header .navbar img {height: 76px;}
}

@media (max-width: 374px) {
  .dnnbooster header .navbar img {height: 76px;}
}




.dnnbooster header .navbar .navbar-nav .nav-link:hover {
      -webkit-transition: all 0.5s ease-in-out;
      -khtml-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }

.dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 40px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */

    margin: 0;
    padding: 0;
    border: 0; }
    .dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
      text-decoration: none; }
    .dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu {
      position: relative; }
    .dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu a::after {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: absolute;
      right: 6px;
      top: 45%; }
    .dnnbooster header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-left: .5rem;
      margin-right: .1rem; }
  .dnnbooster header .navbar .navbar-toggler {
    background: none;
    cursor: pointer;
    position: relative;
    width: 46px;
    height: 46px;
    margin: 10px 15px 20px 0;
    margin-right: 15px;
    font-size: 1.25rem;
    line-height: 1rem;
    border: solid 1px red;
    border: none;
    outline: none; }
    .dnnbooster header .navbar .navbar-toggler .toggle-bar {
      display: block;
      position: absolute;
      left: 25%;
      height: 4px;
      width: 75%;
      -webkit-transform: rotate(0deg);
      -khtml-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: 0.25s ease-in-out;
      -khtml-transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
      -ms-transition: 0.25s ease-in-out;
      -o-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out; }
      .dnnbooster header .navbar .navbar-toggler .toggle-bar.top {
        top: 25%; }
      .dnnbooster header .navbar .navbar-toggler .toggle-bar.middle1, .dnnbooster header .navbar .navbar-toggler .toggle-bar.middle2 {
        top: 50%; }
      .dnnbooster header .navbar .navbar-toggler .toggle-bar.bottom {
        top: 75%; }
    .dnnbooster header .navbar .navbar-toggler.open .toggle-bar.top {
      top: 18px;
      width: 0%;
      left: 50%; }
    .dnnbooster header .navbar .navbar-toggler.open .toggle-bar.middle1 {
      -webkit-transform: rotate(45deg);
      -khtml-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .dnnbooster header .navbar .navbar-toggler.open .toggle-bar.middle2 {
      -webkit-transform: rotate(-45deg);
      -khtml-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .dnnbooster header .navbar .navbar-toggler.open .toggle-bar.bottom {
      top: 18px;
      width: 0%;
      left: 50%; }


@media (max-width: 991px) {
  .dnnbooster .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px; }
}

@media (max-width: 768px) {
  .dnnbooster .dropdown-menu {
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    text-align: left;
    list-style: none;
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
     }
    .dnnbooster .dropdown-menu .dropdown-item {
      padding: 0 0 0 15px;
      line-height: 40px;
      font-weight: 400; }

    .dnnbooster .dropdown-menu .dropdown-item:before {
        display: inline-block;
        font: normal normal normal 12px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\f054';
        padding-right: 5px; }
    .dnnbooster .to-left {text-align: center; }
    .dnnbooster .to-right {text-align: center; }
}

@media (min-width: 992px) {
    .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px; }
}


/*-------- DFJ Added for mobile menu scroll --------*/
@media (max-width: 767px) {
    .navbar {
        overflow: auto;
        max-height: 85vh;
        align-items: flex-start;
    }
}

/*-------- DFJ Added for breadcrumb --------*/


.bcrumb-div {font-size: 12px; font-weight: bold;}


@media (min-width: 992px) {
    
    .bcrumb-div {font-size: 14px;}
}

@media (min-width: 1200px) {
    
    .bcrumb-div {font-size: inherit;}
}


/*-------- DFJ Added for jQuery Smartmenu --------*/

.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
   content: '\2013';
}

@media (min-width: 768px) {
    .navbar-nav {
        margin-left: auto !important;
    }
    
    .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {display: inline-block;}
}

/* -------------------------------------
/* ------End Original Menu Styling ---------
/* -------------------------------------*/

.dnnbooster footer {
  padding: 25px 0 0 0;}
  .dnnbooster footer a:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .dnnbooster footer .legal-footer {
    font-size: 0.75rem;
    padding: 13px 0 0;
  }

.dnnbooster .list {
  list-style-type: none; }
  .dnnbooster .list li:before {
    font-family: FontAwesome;
    font-size: 60%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    vertical-align: middle; }
  .dnnbooster .list li {
    list-style-position: inside;
    text-indent: -22px;
    padding-left: 22px; }
    .dnnbooster .list li > ul > li {
      list-style-position: inside;
      text-indent: -44px;
      padding-left: 44px; }
  .dnnbooster .list li > ul {
    padding-left: 20px; }
  .dnnbooster .list li > ul > li > ul {
    padding-left: 40px; }
  .dnnbooster .list li > ul > li > ul > li > ul {
    padding-left: 60px; }
  .dnnbooster .list.square li:before {
    content: "\f0c8"; }
  .dnnbooster .list.circle li:before {
    content: "\f111"; }
  .dnnbooster .list.angle-double li:before {
    content: "\f101"; }
  .dnnbooster .list.arrow li:before {
    content: "\f061"; }
  .dnnbooster .list.arrow-circle li:before {
    content: "\f0a9"; }
  .dnnbooster .list.chevron li:before {
    content: "\f054"; }
  .dnnbooster .list.chevron-circle li:before {
    content: "\f138"; }
  .dnnbooster .list.caret li:before {
    content: "\f0da"; }
  .dnnbooster .list.caret-square li:before {
    content: "\f152"; }
  .dnnbooster .list.tick li:before {
    content: "\f00c"; }
  .dnnbooster .list.tick-circle li:before {
    content: "\f05d"; }
  .dnnbooster .list.cross li:before {
    content: "\f00d"; }
  .dnnbooster .list.cross-circle li:before {
    content: "\f05c"; }
  .dnnbooster .list.link li:before {
    content: "\f0c1"; }
  .dnnbooster .list.anchor li:before {
    content: "\f13d"; }
  .dnnbooster .list.hand li:before {
    content: "\f0a4"; }
  .dnnbooster .list.cog li:before {
    content: "\f013"; }


.dnnbooster ol, .dnnbooster ul {margin-left: 1.8rem;}

.dnnbooster .to-left {
  text-align: left; }

.dnnbooster .to-right {
  text-align: right; }

.dnnbooster a:hover {
  text-decoration: none;
 }


/*-------- DFJ Override and Addition Styles --------*/

#skipnav a, #skipnav a:hover, #skipnav a:visited {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    color:#fafbf3;
    background-color:transparent;
    text-decoration:underline;
}

#skipnav a:active, #skipnav a:focus {
    position:static;
    width:auto;
    height:auto;
    color:#fafbf3;
    background-color:transparent;
    text-decoration:underline;
} 

/*-------- DFJ DNN Activity Feed, Account, Profile Styles --------*/

.journalTools {margin-bottom: 20px;}
.UserProfileControls {width: 120px; text-align: center;}
.UserProfileControls ul {margin-left: 0; margin-top: 10px;}
#dnn_ctr_EditUser_servicesTab {display: none;}
#dnnEditUser ul li:nth-child(3) {display: none;}

/*-------- DFJ DNN Primary, Secondary. Form Buttons --------*/

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: #272727; /*dark blue*/
    background: #757370;
    background: -moz-linear-gradient(top, #454545 0%, #757370 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#757370)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #454545 0%,#757370 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #454545 0%,#757370 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef !important;
    text-shadow: 0px -1px 0px #185B93;
    text-decoration: none !important;
}

.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
    border-color: #272727;
    background: #757370; /* Old browsers */
    background: -moz-linear-gradient(top, #757370 0%, #454545 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757370), color-stop(100%,#454545)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #757370 0%,#454545 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #757370 0%,#454545 100%); /* W3C */
    color: #e6ecf2;
}

.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
    border-color: #272727;
    background: #1f66be; /* Old browsers */
    background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    color: #e6ecf2;
}

.dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
    background: #ccc !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #aaa !important;
    text-shadow: none;
}

/* Secondary Action */

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
.dnnLogin .LoginTabGroup span {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    /*text-shadow: 0px 1px 2px #000000;*/
    color: #333 !important;
    text-decoration: none !important;
}

.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: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
    color: #555 !important;
}

.dnnFormItem button:active,
.dnnFormItem input[type="button"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnSecondaryAction:active,
a.dnnSecondaryAction:active,
ul.dnnAdminTabNav li a:active {
    border-color: #999;
    background: #c6c6c6; /* Old browsers */
    background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}

/*======================================
    Bootstrap CUSTOM GUTTER CODE
======================================*/

@media (min-width: 1200px) {
  .container-lg, .container-xl {
    max-width: 1170px;
  }
}

@media(min-width:768px) {  /* Modify this based on column def */

.custom-gutter > [class*='col-'] {
    padding-right:8px;
    padding-left:8px; 
}

.custom-gutter > [class*="col-"]:first-child {
  padding-left:15px;
}
  
.custom-gutter > [class*="col-"]:last-child {
  padding-right:15px;
}

}