@charset "UTF-8";
/* Insert your custom CSS styles */

/***** General Styles *****/
/* Block titles */
.title-accent > h3 > span {
  color: #0062ad;
}
/* Remove link and button outline on focus */
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus {
  outline: none;
}
/* Blockquotes */
blockquote:before { color: #0062ad; }

/* remove breadcrumbs */
section.page-heading .breadcrumb { display: none; }

/* prevent auto hiding of scrollbar in IE10/11 */
body { 
  -ms-overflow-style: scrollbar;
}	
/* Main content area */
body .main {
  position: relative;
}
/* regions */
.nd-region {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* containers except homepage */
.not-front .main > section.nd-region .container { padding: 0 13px; }
.not-front .main .container #Content #content { padding: 0 10px; }

/* markers or required form items */
.marker,
.form-required {
  color: #f00;
}
/* Bootstrap popovers 
 * Give more spacing between element and popover, override bootstrap default 
 * font and size for popovers
 */
.popover.right { 
  margin-left: 15px;
  font-family: inherit;
  font-size: inherit;
}
/* Bootstrap Tour */
/* Change button to use btn-sm styles since we can't modify the HTML withou modifying the module */
.popover.tour button {
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
/* Don't allow the tour to be over the top of a modal */
.popover.tour-tour { z-index: 1039; }
/* Change order of tour navigation */
.popover.tour .popover-navigation {
  overflow: auto;
}
.popover.tour .popover-navigation .btn-group {
  float: right;
}
.popover.tour .popover-navigation > button[data-role=end] {
  float: left;
}
/* Style headline and content */
.popover.tour .popover-title {
  font-size: 20px;
  color: #0062ad;
}
.popover.tour .popover-content {
  font-size: 14px;
  font-family: 'Muli';
}
.popover.tour .popover-content p:last-child {
  margin-bottom: 0;
}
/* Tablet and greater styles */
@media (min-width: 768px) {
  .popover.tour { max-width: 475px; }
}
/* Phone Styles */
@media (max-width: 767px) {
  .popover.tour#step-0 { 
    background: #fff;
    height: auto;
  }
  .popover.tour#step-0 .popover-content { height: auto; }
  .popover.tour#step-0 .popover-content .content-container {
    float: none;
    width: auto;
    position: static;
    top: initial;
  }
}  
/* Footable styles */
.footable.table-bordered { border-color: #ccc; }
.footable thead tr { background: linear-gradient(#fff, #f0f0f0); }
.footable tr { height: 40px; }
.footable.table-striped>tbody>tr:nth-child(odd) { background-color: #fff; }
.footable.table-striped>tbody>tr:nth-child(even) { background-color: #f8f7f7; }
.footable th { 
  color: #333;
  font-size: 14px;
}
.footable th.footable-sortable.footable-asc,
.footable th.footable-sortable.footable-desc {
  background: linear-gradient(#cbdfea, #fff);
  background-clip: padding-box;
}
.footable td.footable-sortable>span.fooicon, 
.footable th.footable-sortable>span.fooicon { 
  top: 0px; 
  margin-top: 0px;
  line-height: 38px;
}
.footable>thead>tr>th, .footable>tbody>tr>th,
.footable>tfoot>tr>th, .footable>thead>tr>td,
.footable>tbody>tr>td, .footable>tfoot>tr>td {
  padding: 10px;
  vertical-align: middle;
}
.footable td a:focus {
  text-decoration: none;
}
.footable.table-bordered th {
  border-bottom-width: 1px;
}
.footable.table-bordered th,
.footable.table-bordered td { 
  border-color: #ccc;
}
/***** Layout Specific Styles *****/

/* Full Width Layout */
/* don't hide overflow on mobile which will allow proper scrolling and zoom */
@media (max-width: 991px) {
  .layout-container-width .site-wrapper {
    overflow: visible;
  }
}  

/***** Top Header *****/
.header-top {
  position: relative;
}
/* mmenu icon */
.header-top #mmenu-icon {
  position: absolute;
  bottom: 12px;
  left: 15px;
  display: none;
  border: none;
}
.header-top #mmenu-icon i {
  color: #acd13f;
  font-size: 2em;
}
/* Phone Number in the top left header */
.header-top-left .phone {
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
  vertical-align: bottom;
}
/* First menu link next to the Phone Number */
.header-top-left .first.leaf {
  padding-left: 13px;
}
/* before the About Us link */
.header-top-left .first.leaf:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background: #616161;
  height: 7px;
  width: 1px;
}
/* welcome text styles */
.header-top-right .welcome {
  color: #fff;
  float: left;
  max-width: 625px;
}
.header-top-right .welcome span + span {
  position: relative;
  padding-left: 20px;
}
.header-top-right .welcome span + span:before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 7px;
  margin-top: -4px;
  background: #616161;
  height: 7px;
  width: 1px;
}
/* Phone Only styles */
@media (max-width: 767px) {
  /* Enable top login bar for phones */
  .header-top {
    display: block;
  }
  /* Reduce logo size for phones */
  .header .logo { padding: 22px 0; }
  .header .logo img {
    height: 40px !important;
  }
  /* vertically center menu button */
  .header button {
    top: 22px;
  }
  .logged-in .header-top-right .welcome .welcome-inst,
  .logged-in .header-top-right .welcome .welcome-acct {
    display: none;
  }
}
/* Phone and Tablet styles */
@media (max-width: 991px) {
  .logged-in .header-top-left,
  .logged-in .header-top-right .login,
  .logged-in .header-top-right .logout {
    display: none;
  }
  .logged-in .header-top-right {
    float: none;
  }
  /* hide flexnav when logged in */
  .logged-in .navbar-toggle {
    display: none;
  }
}
/* Tablet Only */
@media (min-width: 768px) and (max-width: 991px) {
  .logged-in .header-top-right .welcome {
    max-width: 700px;
    float: none;
  }
}  
/***** Top Menu *****/
/* Tablets and Phones */
@media (max-width: 991px) {
  /* Reduce dropdown menu font size */
  .dropdown-menu {
    font-size: 12px;
    width: 100% !important;
  }
  .dropdown-menu .touch-button {
    display: none;
  }
}
/* Tablet Only */
@media (min-width: 768px) and (max-width: 991px) {
  /* Show submenu similar to desktop version */
  .dropdown-menu #tb-megamenu-column-2,
  .dropdown-menu #tb-megamenu-column-4 {
    float: left;
    width: 50%;
  }
}
/* Desktops Only */
@media (min-width: 992px) and (max-width: 1199px) {
  /* descrease padding for the logged in menu 
   * to fit "My Dashboard" instead of "Home" */
  .logged-in .header .header-main .container { 
    padding-left: 10px;
    padding-right: 10px;
  }
  .logged-in .flexnav > li > a {
    padding: 0 7px;
  }
  .header-top-right .welcome {
    max-width: 425px; 
  }  
}  

/* Desktops and up */
@media all and (min-width: 992px) {
  .flexnav > li + li {
    margin-left: 5px;
  }
  .flexnav > li > a {
    font-size: 15px;
    padding: 0 10px;
  }
}
/* Change cursor to default for any menu title link with # as href */
.tb-megamenu-item a[href="#"].mega-group-title { cursor: default; }

/***** User Login Block *****/
#block-user-login {
  background: rgba(255,255,255,0.90);
  border: 5px solid #d4d4d4;
  overflow: auto;
  padding: 10px;
  text-align: center;
}
/* title area */
#block-user-login .title-accent {
  padding: 0;
  display: inline-block;
  margin-left: 5px;
}
/* title text */
#block-user-login h3 {
  font-family: 'Muli', sans-serif;
  color: #666;
  margin: 0 0 10px 0;
}
/* position the lock icon */
#block-user-login .fa-lock {
  font-size: 18px;
}
#block-user-login h3 span {
  font-family: 'Muli', sans-serif;
  font-size: 18px;
  color: #666;
}
#block-user-login form {
  clear: both;
}
#block-user-login .form-group {
  margin-bottom: 10px;
}
/* Password textbox */
#block-user-login .form-item-pass {
  margin-bottom: 0;
}
/* form inputs */
#block-user-login .form-text {
  font-size: 12px;
  height: auto;
  padding: 10px;
  margin: 0 auto;
  border-radius: 3px;
}
/* "Forget your password?" link */
#block-user-login a {
  font-size: 11px;
  display: block;
  float: left;
  margin-top: 21px;
}
#block-user-login .form-actions {
  float: right;
  margin-top: 10px;
}
/* Sign In button */
#block-user-login .form-submit:active {
  outline: 0 !important;
}
#block-user-login .placeholder {
  color: #aaa;
}
/***** Logged In Menu Icon Area and Menu *****/
#menu-menu-client-menu { display: none; } /* hide menu generated by Drupal */
#mmenu-open-close {
  float: left;
  width: 230px;
  height: 78px;
  text-align: center;
  background-color: #555; 
  position: absolute;
  display: none;
}
#mmenu-open-close i {
  line-height: 78px;
  color: #acd13f;
  cursor: pointer;
}
/* for non-mobile viewports, this style will prevent the sticky header from being white on initial scroll */
.mm-slideout {
  z-index: auto;
}
.mm-menu.mm-theme-dark {
  background: #555;
}
.mm-navbar {
  height: 50px;
  line-height: 30px;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  border-color: #666;
}
.mm-menu.mm-theme-dark .mm-navbar .mm-title {
  color: #acd13f;
  text-transform: uppercase;
}
.mm-navbar .mm-prev {
  height: 50px;
}
.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before,
.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after, 
.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
  border-color: #fff;
}
.mm-listview {
  background-color: #484848;
  line-height: 14px;
}
.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
  margin-top: -10px;
}
.mm-listview>li>a, .mm-listview>li>span {
  padding-left: 10px;
}
.mm-listview>li>a,
.mm-listview>li>span, 
.mm-menu.mm-theme-dark em.mm-counter {
  font-size: 13px;
  color: #fff;
}
.mm-listview>li>a>span:first-child {
  float: left;
}
.mm-listview>li>a>span.addl-text {
  float: right;
  font-size: 11px;
  text-transform: uppercase;
}
.mm-listview>li>a>span.addl-text.new {
	color: #aed13f;
}
.mm-listview>li>a>span.addl-text.trial {
  color: #00b4ac;
}
.mm-listview .mm-next:before {
  display: none;
}
.mm-listview>li:not(.mm-divider):after {
  border-color: #666;
}
/* hover color */
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover { background: rgba(255,255,255,0.12); }
/* remove underline on focus */
.mm-listview>li>a:focus {
  text-decoration: none;
}
#client-menu-sidebar { 
  width: 230px;
  z-index: 98;
  left: -230px;
}
/* hide menu before it's converted to mmenu */
.client-menu:not(.mm-menu) {
   display: none;
}
/***** Sidebar *****/
#sidebar .widget { margin-bottom: 30px; }
/* title color */
#sidebar .title-accent > h3 > span {
  color: #2f2f2f;
}
#sidebar { padding-bottom: 15px; }
/* move position of column border to fit our layout */
#sidebar.col-bordered:before { left: 2px; }
/* position the info icon in the left sidebar menus */
#sidebar .menu .fa-info-circle { 
  position: absolute; 
  margin-right: 20px; 
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
  right: 0px;
  cursor: default;
}
/* desktop only styles */
@media (min-width: 992px) and (max-width: 1199px) {
  /* reduce left/right padding of sign in button to fit */
  #sidebar #block-user-login #edit-submit { padding: 7px; }
  /* reduce testimonal padding */
  #sidebar #block-views-sidebar-testimonials-block blockquote {
    padding-left: 35px;
  }
  /* reduce quote size and change position */
  #sidebar #block-views-sidebar-testimonials-block blockquote:before {
    left: 9px;
    top: 24px;
    font-size: 20px;
  }
  /* move author info to the left */
  #sidebar #block-views-sidebar-testimonials-block .bq-author {
    padding-left: 95px;
  }
  #sidebar #block-views-sidebar-testimonials-block .bq-author:before {
    left: 44px;
  }
  #sidebar #block-views-sidebar-testimonials-block .bq-author:after {
    left: 45px;
  }
}
/* mobile device styles */
@media (max-width: 991px) {
  /* remove column border */
  #sidebar.col-bordered:before, 
  #sidebar.col-bordered:after, 
  .logged-in #sidebar.col-bordered:after { display: none; }
  /* add spacing between content and sidebar */
  #sidebar { margin-top: 40px; }
  /* remove bottom margin for last item in sidebar */
  #sidebar .widget:last-child { margin-bottom: 0; }
  /* hide sidebar menu */
  #client-menu-sidebar { left: -230px; display: none; }
  /* change mm-wrapper overflow to allow zoom out on mobile */
 .mm-wrapper { overflow: inherit; }
}
@media (min-width: 992px) {
  /* hide certain menu items to avoid duplicating horizontal menu items on desktops */
  .mm-menu #menu-products,
  .mm-menu #menu-research,
  .mm-menu #menu-data-licensing,
  .mm-menu #menu-contact {
    display: none;
  }
}
/*****  Footer *****/
footer .title-accent > h3 > span {
  color: #fff;
}
#block-block-8 .btn.btn-sm.btn-default {
  border: 1px solid #fff;
}
.footer-copyright a:hover {
  color: #fff; 
}
/* always display privacy link */
.social-links-txt { display: inline-block; margin-right: 0; }

/***** Our Products: Homepage & Dashboard *****/
#block-block-2 {
  padding: 50px 0;
}
/* title */
#block-block-2 .widget-title {
  color: #646262;
  border-bottom: 1px solid #d4d4d4;
  padding: 0 0 5px 5px;
  margin-bottom: 22px;
}
/* remove row margins */
#block-block-2 .row {
  margin: 0;
}
#block-block-2 
/* shape description */
#block-block-2 figcaption p {
  color: #646262;
}
/* view button */
#block-block-2 figcaption button {
  font-size: 13px;
}
/* when clicking a product image, the description text turns blue (bootstrap.css) */
/* this code removes the color change */
#block-block-2 a.shape-item:focus {
  color: #6d6d6d;
}
/* remove padding for paragraph in shape item, the paragraph did not look right in 1024 x 768 */
#block-block-2 .shape-item figcaption p {
  padding: 0;
}
/* touch devices */
/* always show view button */
.touch #block-block-2 .shape-effect2.shape-item figure .btn {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* disable hover functionality  */
.touch #block-block-2 .shape-item:hover figcaption h3,
.touch #block-block-2 .shape-item:hover figcaption p {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
/* show product description at full opacity */
.touch #block-block-2 .shape-item:hover figcaption p {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* show image at full opacity */
.touch #block-block-2 .shape-item figure img {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* remove opacity transition on image */
.touch #block-block-2 .shape-item:hover figure img {
  -webkit-transition: none;
  transition: none;
}
/* Tablet and Phone Only */
@media (min-width: 768px) and (max-width: 991px) {
  #block-block-2 .row { margin-left: -15px; }
  #block-block-2 .row div { padding-right: 0; }
  #block-block-2 .shape-item figcaption h3 {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    font-size: 16px;
  }
  #block-block-2 .shape-item:hover figcaption h3 {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  #block-block-2 .shape-item figcaption p {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    font-size: 12px;
    line-height: 1.4em;
  }
  .touch #block-block-2 .shape-item:hover figcaption h3 {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
   .touch #block-block-2 .shape-item:hover figcaption p {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@media (max-width: 767px) {
  #block-block-2 .row .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  #block-block-2 .row .col-xs-12:not(:last-child) {
    margin-bottom: 5px;
  }
  /* hide shape items for other sizes */
  #block-block-2 .shape-item {
    display: none;
  }
  #block-block-2 .product-link {
    height: 70px;
    background-color: #f7f7f7;
    border-radius: 0px;
    padding: 0;
  }
  #block-block-2 .product-link:hover {
    background-color: #e8e8eb;
  }
  #block-block-2 .product-link h3 {
    float: left;
    margin-bottom: 0px;
    line-height: 70px;
    margin-left: 20px;
  }
  #block-block-2 .product-link .image {
    background-image: url(/sites/all/themes/contrib/stability/stability_sub/images/our-product-images-mobile-sprite.png);
    width: 93px;
    height: 70px;
    float: right;
  }
  #block-block-2 .product-link.dep .image {
    background-position: 0px 0px;
  }
  #block-block-2 .product-link.dep:hover .image {
    background-position: -93px 0px;
  }
  #block-block-2 .product-link.ln .image {
    background-position: 0px -75px;
  }
  #block-block-2 .product-link.ln:hover .image {
    background-position: -93px -75px;
  }
  #block-block-2 .product-link.fees .image {
    background-position: 0px -150px
  }
  #block-block-2 .product-link.fees:hover .image {
    background-position: -93px -150px
  }
  #block-block-2 .product-link.comp .image {
    background-position: 0px -225px
  }
  #block-block-2 .product-link.comp:hover .image {
    background-position: -93px -225px
  }
  #block-block-2 .product-link button {
    position: absolute;
    right: 7px;
    bottom: 22px;
    padding: 3px 20px;
  }
}	
/* Small Phones Only */
@media (max-width: 479px) {
  /* place product header at top of shape box */
  #block-block-2 .shape-item figcaption h3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  /* don't move product header on touch devices */
  .touch #block-block-2 .shape-item:hover figcaption h3 {
    -webkit-transform: none;
    transform: none;
  }
  /* hide product description */
  #block-block-2 .shape-item figcaption p {
    display: none;
  }
}
/***** Use FontAwesome instead of Glyphicons for FooTable *****/
.fooicon {
  font-family: FontAwesome !important;
}
.fooicon-loader:before {
  content: "\f01e" !important;
}
.fooicon-plus:before {
  content: "\f067" !important;
}
.fooicon-minus:before {
  content: "\f068" !important;
}
.fooicon-search:before {
  content: "\f002" !important;
}
.fooicon-remove:before {
  content: "\f00d" !important;
}
.fooicon-sort:before {
  content: "\f0dc" !important;
}
.fooicon-sort-asc:before {
  content: "\f160" !important;
}
.fooicon-sort-desc:before {
  content: "\f161" !important;
}
.fooicon-pencil:before {
  content: "\f040" !important;
}
.fooicon-trash:before {
  content: "\f1f8" !important;
}
.fooicon-eye-close:before {
  content: "\f070" !important;
}
.fooicon-flash:before {
  content: "\f0e7" !important;
}
.fooicon-cog:before {
  content: "\f013" !important;
}