/* 
	Custom Variables
*/
/*
	@media: Small-devices
*/
@media (max-width: 767px) {
  #page-body {
    padding: 5px 0; }

  .filter-title {
    padding: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 16px; }

  .filter-category {
    padding: 10px 10px 0 10px; }

  .filter-toggle {
    display: none; }

  .filter-xs-container {
    margin-bottom: 5px;
    background-color: #986291; }

  .container {
    padding-left: 7px;
    padding-right: 7px; }

  #page-content {
    padding: 5px 0; }

  #mainnav-container {
    width: 260px;
    left: -260px; }

  #container.mainnav-in #navbar {
    left: 260px; }

  #container.mainnav-in .navbar-header {
    left: -260px; }

  #container.mainnav-in .tgl-menu-btn {
    right: 0; }

  #content-container {
    padding-top: 50px; }

  .panel-body {
    padding: 25px 10px; }

  .panel-group {
    margin-bottom: 5px; }

  .list-group {
    margin-bottom: 0px; }

  .menu-title {
    font-size: 16px; }

  #mainnav-menu ul a, .menu-popover .sub-menu ul a {
    padding: 10px 20px 12px 45px;
    font-size: 14px; }

  #mainnav-menu ul a:hover, .menu-popover .sub-menu ul a:hover {
    padding-left: 45px; }

  .form-control.form-control-search {
    font-size: 16px;
    border: 1px solid #87bd4b; }

  .loading {
    padding-bottom: 0px; }

  #footer {
    height: 36px;
    padding-top: 10px; }

  /* Used to change the width of table columns according to device */
  .rd-column-width {
    width: 50% !important; }

  /* Doesn't display row borders on mobile devices */
  .rd-table-responsive tr td {
    border-top: none !important;
    padding: 0px; }

  .rd-table-responsive tr.rd-table-last-row td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

  .font-xs-12 {
    font-size: 12px; }

  /* reduce container bottom padding set by nifty template */
  #content-container {
    padding-bottom: 36px; }

  .panel {
    margin-bottom: 0; }

  .cls-content-sm {
    min-width: 320px !important;
    max-width: 360px; }

  .loading {
    padding-bottom: 0 !important; }

  .rd-menu-shopping {
    position: absolute !important;
    top: 0;
    right: 40px; }

  .rd-menu-shopping a:hover .fa {
    color: #2b2b2b !important; }

  .rd-menu-profile {
    position: absolute !important;
    top: 0;
    right: 89px; }

  .rd-menu-profile a:hover .fa {
    color: #2b2b2b !important; } }
/* 
	Custom Variables
*/
/*
	@media: Medium and Large devices
*/
@media (min-width: 768px) {
  .filter-category {
    margin-bottom: 20px; }

  #container.mainnav-out .brand-title {
    padding: 0;
    background-color: transparent;
    color: #515151; }

  #container.mainnav-out .brand-title {
    color: #fff; }

  .navbar-header {
    background-color: #32404e;
    float: none; }

  .navbar-top-links .tgl-menu-btn > a, .navbar-top-links .tgl-menu-btn > a:hover {
    color: white; }

  .navbar-top-links .tgl-menu-btn {
    position: absolute;
    right: 0; }

  .rd-menu-shopping {
    position: absolute !important;
    top: 0;
    right: 40px; }

  .rd-menu-shopping a:hover .fa {
    color: #2b2b2b !important; }

  .rd-menu-profile {
    position: absolute !important;
    top: 0;
    right: 89px; }

  .rd-menu-profile a:hover .fa {
    color: #2b2b2b !important; } }
/* 
	Custom Variables
*/
/*
	@media: Medium and Large devices
*/
@media (min-width: 992px) {
  /* Sub Navigation */
  #sub-navbar {
    font-size: 12px;
    margin-top: 50px; }
    #sub-navbar #sub-navbar-container {
      background: #efefef; }
    #sub-navbar .navbar-content {
      margin-left: 0; }
      #sub-navbar .navbar-content ul.nav li a {
        height: 40px; }

  #page-body {
    padding: 20px 25px 0; }

  .filter-category {
    margin-bottom: 20px; }

  #container.mainnav-out .brand-title {
    padding: 0;
    background-color: transparent;
    color: #515151; }

  #container.mainnav-out .brand-title {
    /*color: #fff;*/ }

  .navbar-header {
    background-color: transparent;
    float: left; }

  .navbar-top-links .tgl-menu-btn > a, .navbar-top-links .tgl-menu-btn > a:hover {
    color: white; }

  .navbar-top-links .tgl-menu-btn {
    position: absolute;
    right: 0; }

  .rd-menu-shopping {
    position: absolute !important;
    top: 0;
    right: 40px; }

  .rd-menu-shopping a:hover .fa {
    color: #2b2b2b !important; }

  .rd-menu-profile {
    position: absolute !important;
    top: 0;
    right: 89px; }

  .rd-menu-profile a:hover .fa {
    color: #2b2b2b !important; } }
/* 
	Custom Variables
*/
table.no-border > tbody > tr > td,
table.no-border > tbody > tr > th,
table.no-border > tfoot > tr > td,
table.no-border > tfoot > tr > th,
table.no-border > thead > tr > td,
table.no-border > thead > tr > th {
  border-top: none !important; }

table tr.no-border td {
  border-top: none !important; }

body {
  font-size: 14px;
  background-color: #e7ebee; }

.panel-rd-main {
  margin-bottom: 0px; }

.panel-rd-main .panel-heading {
  background-color: #5fa2dd;
  border-color: #5fa2dd;
  color: #fff; }

.panel-rd-main-dark .panel-heading {
  background-color: #1C5486;
  border-color: #1C5486;
  color: #fff; }

.panel-rd-filter .panel-heading {
  background-color: whitesmoke;
  border-color: #262626;
  color: #262626; }

.badge-rd-main {
  background-color: #5fa2dd; }

#container .table .category-header {
  background-color: #DAE5F3;
  border-top: 1px solid #5fa2dd;
  border-bottom: 1px solid #5fa2dd;
  font-size: 14px; }

#container .table .sub-category-header {
  background-color: #f9f9f9; }

.filter-category-title {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px;
  cursor: pointer; }

.pagination > li > a {
  padding: 2px 6px; }

.field-validation-error {
  padding: 8px 10px;
  font-size: 90%;
  color: #c7254e;
  border-top: 2px solid #D45F7D;
  background-color: #f9f2f4;
  border-radius: 0px;
  display: block;
  margin-top: 2px; }

.validation-summary-errors {
  color: #c7254e; }

.req {
  color: red; }

.loading {
  z-index: 9999;
  padding-right: 24px;
  padding-bottom: 54px;
  width: 100%;
  height: 100%;
  position: absolute;
  display: none; }
  .loading .loading-bg {
    background-color: rgba(240, 240, 240, 0.4);
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #666;
    padding-top: 10px; }
    .loading .loading-bg span {
      font-weight: bold;
      font-size: 13px; }

.household-card {
  box-shadow: 1px 0px 1px #ccc;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #ccc; }

.household-card:hover {
  background: #f9f9f9;
  cursor: pointer; }

.rd-btn {
  background-color: #97c664;
  border: #87bd4b;
  color: #fff;
  border-radius: 7px; }

.btn-block.rd-btn.rd-btn-large {
  font-size: 16px; }

.rd-btn:hover {
  background-color: #8abf51;
  border-color: #7aaf40;
  color: #fff; }

.rd-btn-info {
  background-color: #5fa2dd;
  border-color: #DAE5F3;
  color: #fff;
  border-radius: 7px; }

.rd-btn-default {
  background-color: #eee;
  border-color: #ccc;
  color: #666;
  border-radius: 7px; }

.rd-btn-info:hover {
  background-color: #4a96d9;
  border-color: #c7d7ed;
  color: #fff; }

.info-header {
  vertical-align: middle;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px;
  background-color: #f3f5f8;
  color: #515151;
  margin-bottom: 20px; }

/* Used to change the width of table columns according to device */
.rd-column-width {
  width: 30%; }

.datepicker {
  padding: 5px 10px;
  border-radius: 0;
  direction: inherit; }

.datepicker.datepicker-dropdown {
  padding: 0; }

.rd-btn-back {
  background-color: #284E6F;
  border-color: #1F4362;
  color: #fff;
  font-size: 11px;
  margin-left: -10px; }

.rd-btn-back:hover {
  color: #f9f9f9 !important; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.panel-title-gray {
  margin-bottom: 20px;
  background: #f9f9f9;
  font-weight: bold;
  color: #666;
  padding: 15px 20px;
  text-shadow: 1px 1px #fff;
  font-size: 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #eee !important; }

.panel-heading-no-border:after {
  border-bottom: none !important; }

.nav-title {
  margin-bottom: 20px;
  background: #f9f9f9;
  font-weight: bold;
  color: #666;
  padding: 10px 20px;
  text-shadow: 1px 1px #fff;
  font-size: 14px; }

#editor, .tab_editor {
  margin: 0;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.navbar-content {
  box-shadow: none; }

.rd-row-selectable:hover {
  background: #ffffdb; }

/* Admin - File Explorer Classes */
.folder:hover, .file:hover, .move-up:hover {
  color: #337ab7;
  text-decoration: underline; }

.window {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  border-top: none !important;
  border-bottom: 1px solid #ddd !important; }

.file-tabs {
  background: #f9f9f9;
  border-bottom: 1px solid #ddd !important;
  font-size: 12px !important;
  font-weight: normal !important;
  padding: 0 !important; }

.file-tabs ul {
  margin: 10px 0 -1px 0;
  padding: 0; }

.file-tabs ul li {
  color: #888;
  list-style-type: none;
  line-height: 24px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-left: none;
  margin-left: 0px;
  display: inline-block;
  cursor: default;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,eaeaea+49,e8e8e8+50,f9f9f9+100 */
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #eaeaea 49%, #e8e8e8 50%, #f9f9f9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fefefe 0%, #eaeaea 49%, #e8e8e8 50%, #f9f9f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fefefe 0%, #eaeaea 49%, #e8e8e8 50%, #f9f9f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f9f9f9',GradientType=0 );
  /* IE6-9 */ }

.file-tabs ul li.active {
  color: #666;
  background: #f9f9f9;
  border-bottom: 1px solid #f9f9f9; }

.file-tabs ul li:hover {
  color: #666; }

.file-tabs ul li .file-close {
  cursor: pointer; }

.file-tabs ul li .file-close:hover {
  color: red; }

#explorer {
  border: 1px solid #ddd;
  position: relative;
  background: white; }

.toolbar {
  background: #f9f9f9;
  border-bottom: 1px solid #ddd !important;
  font-size: 12px !important;
  font-weight: normal !important;
  padding: 0 !important;
  border-top: none !important; }

.toolbar .menu-item {
  display: inline-block;
  padding: 8px 10px;
  font-size: 11px; }

.toolbar .menu-item:hover {
  background: #f0f0f0; }

.toolbar button.menu-item {
  border: none;
  background: #f9f9f9; }

.toolbar button.menu-item:hover {
  background: #f0f0f0; }

.window-container {
  border: 1px solid #ddd; }

.window-container, table,
.file-explorer table {
  margin-bottom: 0; }

.file-explorer-footer {
  border-top: 1px solid #ddd;
  background: #f9f9f9;
  padding: 10px;
  font-size: 11px;
  vertical-align: bottom; }

#file-explorer-content .tab-content {
  display: none; }

#file-explorer-content .tab-content.active {
  display: block; }

.menu-item-dropdown.open .menu-item {
  box-shadow: none;
  background: #f0f0f0; }

.new-row {
  display: block; }

.new-row th {
  background: #eff7ff;
  position: absolute;
  width: 100%;
  box-shadow: 1px 1px 4px #eee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

/* Pre Cart Classes (Bottom Bar) */
#rd-pre-cart {
  background: #3a4a54;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px 20px;
  border-top: 4px solid #ebaa4b;
  z-index: 9999; }

#rd-pre-cart-items {
  color: white;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px; }

.rd-item-selected td {
  background: #86be4b;
  color: white !important; }

.rd-item-selected td a {
  color: white !important; }

.rd-item-selected-info {
  background: #e8e8e8; }

/* IE 10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .badge-header {
    margin-top: 0; } }
.btn-link-no-underline:focus, .btn-link-no-underline:hover {
  text-decoration: none; }

/*
 * Button on side navigation 
*/
.rd-side-btn {
  background-color: #2872bf;
  font-size: 10pt;
  color: white;
  border: none;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  font-weight: bold;
  padding: 10px 5px;
  text-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  margin-bottom: 13px; }

.rd-side-btn:hover,
.rd-side-btn:focus {
  color: white !important; }

.rd-side-btn.rd-side-btn-hover-dark:hover,
.rd-side-btn.rd-side-btn-hover-dark:focus {
  color: #000000 !important; }

/*# sourceMappingURL=template.css.map */