body 				{ background-color: #f9f9f9; }

pre				{ font-size: 14px;  }
li				{ font-size: 14px;  }
.subheader		{ color: #669; }
.indent1		{ margin-left: 36px; }

.top-bar2		{ padding: 2px; background-color: #fff; margin-bottom: 12px; }
.top-bar-left2	{ padding: 2px; background-color: #fff; margin-bottom: 12px; }
.top-bar-right2	{ padding: 2px; background-color: #fff; margin-bottom: 12px; }
.menu2			{ background-color: #fff; }
.top-bar {
  padding: 0.2rem; margin-bottom: 12px;}
  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table; }
  .top-bar::after {
    clear: both; }
  .top-bar, .top-bar ul {
    background-color: #fff; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }

/* colors */
.yellow-bg 		{ background-color: #ffd64d; }
.yellow-bg-dark	{ background-color: #dfaf2d; }

.blue-title		{ color:#1E89BF; /* font-size: 24px; */}
.blue-bg-light	{ background:#007bc0; }
.blue-bg-dark	{ background:#045a85; }

.docs-menu-title	{ color: #9ad; font-weight: bold; }
.gennav			{ margin-bottom: -9px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;}
.gennav-active	{ margin-left: 17px; margin-bottom: 6px; margin-top: 6px; font-weight: bold; color:#045a85;}

p.gentext		{ font-size: 14px; }
.pghead-links	{ border-bottom: 1px solid #000; background-color: #eee; }

h2.header		{ font-family: Roboto; font-size: 32px; font-weight: 400; margin-bottom: 0px;}
h3.header		{ font-family: Roboto; font-size: 24px; font-weight: 400; margin-bottom: 0px; margin-top:0px; color: #99aadd;}
h5.intext		{ font-family: Roboto; font-size: 18px; font-weight: 400; margin-bottom: 12px; margin-top:32px; 
				  padding: 4px; color: white; }
h4.htitle		{ margin-top: 12px; }
h6.wizhead		{ color: maroon; font-weight: normal; border-bottom: 1px solid maroon; margin-bottom: 24px; }
h6.intext		{ font-weight: bold; color: #9ad; }
				  
th.intext		{ font-size: 14px; text-align: left; border-bottom: 1px solid #007bc0; }
td.intext		{ font-size: 12px; text-align: left;  }

.codeblock		{ background-color: #eee; padding: 5px; border: 1px solid silver;  }
.xmldisplay		{ font-family: monospace; font-size: 12px; color: #222; background-color: #fff; padding: 5px; height: 500px; }

.tttext			{ display: none; }
.ttanchor		{ color: #666; text-decoration: underline; font-weight: bold; }

.headr	{ font-family: 'Roboto', 'verdana', 'arial', 'sans-serif'; 
		  font-size: 14px; letter-spacing: 3px; color: red; margin-top: 3px; 
		  border-top: 0px solid black; font-weight: bold; }
		  
.red	{ color: #d00; }		  
		  
/* Pricing Tables */
.pricing-table {
  border: solid 1px #DDDDDD;
  margin-left: 0;
  margin-bottom: 1.25rem; 
  }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #333333;
    color: #EEEEEE;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center; }
  .pricing-table .price {
    background-color: #F6F6F6;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center; }
  .pricing-table .description {
    background-color: #FFFFFF;
    border-bottom: dotted 1px #DDDDDD;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    padding: 0.9375rem;
    text-align: center; }
  .pricing-table .bullet-item {
    background-color: #FFFFFF;
    border-bottom: dotted 1px #DDDDDD;
    color: #333333;
    /* font-size: 0.875rem; */
    font-size: 1.1rem;
    font-weight: normal;
    padding: 0.9375rem;
    text-align: left; 
    /* padding-left: 25%; */ }
  .pricing-table .cta-button {
    background-color: #FFFFFF;
    padding: 1.25rem 1.25rem 0;
    text-align: center; }
    
    
.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 1rem;
  text-align: center;
  border-radius: 45%;
  background: #2199e8;
  color: #fefefe; }
  .badge.secondary {
    background: #777;
    color: #fefefe; }
  .badge.success {
    background: #3adb76;
    color: #fefefe; }
  .badge.alert {
    background: #f42;
    color: #fefefe; }
  .badge.warning {
    background: #ffae00;
    color: #fefefe; }
    
small {
  font-size: 70%; }
.gr	{ color: #888; }


.footer {
  /* background-color: #292c2f; */
  background-color: #200;
  text-align: center;
  font-size: 1.0rem;
  padding: 4rem; }
  .footer p.slogan {
    color: #8d9093;
    font-size: 1.8rem;
    margin: 0 0 1rem; }
  .footer p.copywrite {
    color: #8f9296;
    font-size: 0.875rem;
    margin: 0; }
  .footer .links a {
    list-style: none;
    font-weight: bold;
    color: #ffffff;
    padding: 3rem 0 2rem;
    margin: 0; }
    .footer .links a::after {
      content: "•";
      padding: 0 0.4rem 0 0.8rem; }
    .footer .links a:last-child::after {
      content: "";
      padding: 0 0.4rem 0 0.8rem; }

.icobottom { font-size: 1.4rem; }

.accordion-title { font-size: 1.0rem; }

.features {
  text-align: center; /* white-space: nowrap; */ font-size: 0.85rem;}
  .features hr {
    width: 50%;
    margin: 0.5rem auto;}
  .features .round-icon {
    background-color: #d50;
    /* background-color: #242; */ 
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: -21px auto 1rem;
    width: 100px;
    font-size: 3rem; }
    .features .round-icon span {
      color: #fff;
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
  @media only screen and (max-width: 40em) {
    .features .columns {
      margin-bottom: 5rem; } }

.fp1st			{ font-size: 64px; vertical-align: middle; color:#d50; font-weight: normal; }
.zdrop          { font-size: 5rem; vertical-align: middle; /* letter-spacing: -0.5rem; */ border-radius: 50%; color: #f50;}

.txttab         { font-size: 0.8rem; }
.ttselected     { color: #d50; font-weight: bold; }
.divtab         { padding: 12px; }
.dtselected     { background-color: #ddd; border: 0px solid #d50; border-bottom: 0px; }
.tabcontent     { background-color: #ddd; padding: 9px; padding-left: 16px; padding-right: 16px; border: 0px solid #d50; border-top: 0px; 
                  font-size: 0.8rem;}
                  
.ulhow          { font-size: 0.8rem; margin-left: 48px; margin-top: -12px;}     
.lihow          { font-size: 0.8rem; }   

.zbot        { height: 200px; vertical-align: bottom; display: table-cell; }   
.zorange        { color: #f50; }