﻿.tableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	background-color: #0099CC;
}

.tableStyle1 {
    width: 100%
}

.tableStyle1 th{
	background: #ffffff;
	color: #000;
	padding: 5px;
        border-bottom:1px solid #ccc;
    text-transform: uppercase;
     font-weight:bold;
	
}

.tableStyle1 tr{
	background: #ffffff;
}

.tableStyle1 td{
	padding: 5px;
       border-bottom:1px solid #ccc
}

/*  Define the background color for all the ODD background rows  */
.tableStyle1 tr:nth-child(odd){ 
	background: #ffffff;
}
/*  Define the background color for all the EVEN background rows  */
.tableStyle1 tr:nth-child(even){
	background: #ffffff;
}

.tableStyle1 tr td:first-child{ 
	width: 60%;
}



.tableStyle2 {
    width: 100%
}

.tableStyle2 th{
	background: #ACA7A6;
	color: white;
	padding: 5px;
        text-transform: uppercase;
    font-weight:bold;
      border-bottom:1px solid #ccc;
	
}

.tableStyle2 tr{
	background: #ffffff;
}

.tableStyle2 td{
	padding: 5px;
      border-bottom:1px solid #ccc;
}

/*  Define the background color for all the ODD background rows  */
.tableStyle2 tr:nth-child(odd){ 
	background: #EBEBEB;
}
/*  Define the background color for all the EVEN background rows  */
.tableStyle2 tr:nth-child(even){
	background: #F0F3F4;
}

.tableStyle2 tr td:first-child{ 
	width: 40%;
}

.bg-dark {
  color: #444;
  background: #f3f3f3;
}

.breadcrumb > li + li::before {
  content: "/";
  padding: 0 5px;
  color: #ccc;
}
body{background-color:#f3f3f3;font-size:15px}
.solution{display:inline;margin-left:10px;font-size:20px;}
.brand{margin-right:10px;border-right:1px solid #999;padding-right:15px}
.bs-docs-footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #99979c;
  text-align: center;
   background-color: #f3f3f3;
}
.bs-docs-footer-links li a{color:#444}
.bs-docs-footer-links li {display: inline-block;border-right:1px solid #ccc; margin-right:10px;padding-right:10px;color:#666
}
.jumbotron{padding-top:0px;background-color:#fff}
.jumbotron p{font-size:15px}
/***** Youtube Responsive Code *****/  
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto; 
}   

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}


/* On screens that are 600px wide or less,
  the background color is yellow */
@media screen and (max-width: 600px) {
   .brand{border-right:0px}
  .solution {
    display:none
  }
}