/* ----- Body ----- */
body {
    /*background: #fff;*/
    background: #003d80;
    text-align: center;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 12px;    
}

a {
    color: #33cc33;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

a:hover { color: #888; text-decoration: none; }

strong { font-weight: bold; }

/* .StarBlue { color: #003D80; } */

.StarBlue { color: #0B3E7C; }

.ColorLime { color:lime; } 

.ColorRed { color:Red; } 

.ColorBrown { color: #f0ad4e; } 

.ColorLightGray 
{
  color: #E6EAEB; 
  color:GrayText;
  color: rgba(255,255,255,0.5);    
}

.CellCenter
{
 display:table; 
 margin: 0.5em auto; 
 border-width:0;
}

.RowCenter
{
 display:table; 
 margin: 1em auto; 
}


.RowLeft
{
    float:left;
    margin: 1em 2em 1em 0;
    display:block;
}

.RowRight
{
    float:right;          
    margin: 1em 0 1em 2em;
}

/* Image Shadow */
.ImgShadow
{         
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;
    border: silver 5px solid;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #888; 
}

.Image {
    border: 0;
    display: inline-block;
    position: relative;
}

.FullContent
{
 font-size: larger;
 color: black;
 text-align:left;
 margin: 3em auto;
 padding: 2em 3em;
 border-width:thick;
 border-style:groove;
 background-color:#eee;
 -webkit-border-top-right-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 border-top-right-radius: 10px;
 border-bottom-left-radius: 10px;
 box-shadow: 5px 5px 5px #888;
}



.MoreInfo-button{
  float: Right;  
  background:#33cc33;
}

.PrintDemo-button
{
  float: left; 
  background:#33cc33; 
}

.MoreInfo-button a,.PrintDemo-button a{
  padding: 20px 20px;
  color:White;
  font-size: 18px;
  font-style: italic;   
  background:#33cc33;
}

.MoreInfo-button a:hover,.PrintDemo-button a:hover{  
  background:#444;
}
 
/* Share Link */ 
.share-btn {
  display: inline-block;
  color: #ffffff;
  border: none;
  padding: 0.5em;
  width: 4em;
  opacity: 0.9;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
  outline: none;
  text-align: center;
}

.share-btn:hover {
  color: #eeeeee;
}

.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}

.share-btn.twitter { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook { background: #3B5998; }
.share-btn.whatsapp { background: #189d0E; }
.share-btn.qrcode { background: #eba249; }  
.share-btn.email { background: #b342f5; }  
.share-btn.copyurl { background: #e8380c; }  
	
/* Top Header Icon */	
li [class^="fa fa-"], li [class*=" fa-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}	
	
	
/* Top Margin*/
.TopMargin {
  /* margin: 5em; */
  margin-top: 5em;
}

.FocusIcon:hover
{
 font-size:large;
}

.InputFullWidth {
    width: 100%;
    box-sizing: border-box;
}