.sharkBreadcrumbs { 
    list-style-type: none;
    display: inline;
    padding:0px;
    text-align:left;
}
  
li.sharkBreadcrumbs{ 
    display: inline;
}

ul.sharkBreadcrumbs  { 
    display: inline;
}

.sharkBreadcrumbs li{ 
    display: inline;
}

ul.sharkBreadcrumbs li+li:before {
    padding-left: 4px;
    padding-right: 4px;
    color: black;
    content: "»";
}

.sharkBreadcrumbs a
{
    color: #4DB7FE;
    text-align: left;
}

.sharkEmbededDocs
{
    width:100%; 
    height:500px;    
}    

.sharkAdDIV
{
  margin-left:auto;
  margin-right:auto;
  text-align:center    
}


.sharkArticleIMG{
    max-width:300px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.sharkArticleImageDIV{
    
    min-height:200px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}


.sharkArticleCard 
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    width:290px;
    padding: 16px;
    text-align: center;
    background-color: #f1f1f1;
    margin:10px;
    display:inline-block;
}

.sharkArticleCardImageIMG{
    max-width:290px;
    max-height:160px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.sharkArticleCardImageDIV{
    
    height:160px;
    width:290px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.sharkArticleMetadata{
    text-align:center;
    font-size:10px;
}

.sharkDIVCenter{
    text-align: center;
}

.sharkPagination {
  display: inline-block;
}

.sharkPagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.sharkPagination a.active {
  background-color: #4CAF50;
  color: white;
  border-radius: 5px;
}

.sharkPagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

.shark-scrollup{
/*
    background-color:rgba(113,127,142,.5);
*/    
    display:none;
    position:fixed;
    bottom:60px;
    right:2px;
    color:#999;
    z-index:10000;
    padding:7px 15px 3px;
    transition:color .3s linear,background .3s ease-in-out;
    -moz-transition:color .3s linear,background .3s ease-in-out;
    -webkit-transition:color .3s linear,background .3s ease-in-out;
    text-align:center
}

.shark-scrollup i{
    font-size:20px;
    margin:0!important
}

.shark-scrollup:hover{
    text-decoration:none;
    color:#fff
}

.shark-scrollup.position-center{
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);bottom:0;
    right:auto
}

.shark-scrollup.position-left{
    left:20px;
    right:auto
}