@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,900,700italic,700,600italic,600,400italic);

@media (max-width: 700px) {
    .navbar-nav > li > a {
      /* (80px - line-height of 27px) / 2 = 26.5px */
      padding-top: 26.5px;
      padding-bottom: 26.5px;
      line-height: 27px;
    }
  }

#seconds{
    display: inline-block;
    line-height: 1;
    padding: 12px;
    color: #ffffff;
}

.navbar{
background: #3096e5 !important; /* Old browsers */
background: -moz-linear-gradient(left,  #3096e5 0%, #1e5799 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3096e5 0%,#1e5799 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3096e5 0%,#1e5799 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3096e5', endColorstr='#1e5799',GradientType=1 ) !important; /* IE6-9 */
}

.nav-link > i { 
    vertical-align: middle !important; 
}

.wrapper {
    text-align: center;
}

.button {
    position: absolute;
    top: 50%;
}

.ocontainer{
    background-color: white;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}
.container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding: 20px;
}

.searchlist .selectprofile{
    margin: 10px;
    padding: 10px;
}

.user_small_thumbnail{
    height: 100px;
    width: 100px;
    float: left;
    margin-right: 20px;
}

.user_small_thumbnail > object{
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.user_small_thumbnail > object > img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.user_large_thubmnail {
    height: 200px;
    width: 100%;
}

.user_large_thumbnail > object{
    height: 200px;
    width: 200px;
    float: right;
}

.user_large_thumbnail > object > img {
    height: 200px;
    width: 200px;
    float: right;
}

.material-icons{
    vertical-align: middle !important;
}
.dataview{
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;
    padding: 40px;
}
.center_heading {
    font-size: 18px;
    text-align: center;
    font-weight: bolder;
    padding: 10px;
}

.col-sm{
    text-align: center;
}
.statusic{
    font-size:56px;
    padding:10px;
    color: #3d3d3d;
    margin-left:auto;
    margin-right:auto;
}

.green{
    color: #27ae60 !important;
    transition: .3s ease-in-out;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    margin-left:auto;
    margin-right:auto;
    height: 64px;
    width: 64px;
    z-index: -10;
    background: url('../images/Preloader.gif') center no-repeat rgba(255, 255, 255, 0.082);
    background-size: 64px 64px;
}

hr {
    height: .25rem;
    width: 25%;
    margin: 0;
    background: #d3d3d3;
    border: none;
    transition: .3s ease-in-out;
  }

  a:hover{
    color: #dcdde1 !important;
    transition: .3s ease-in-out;
  }

  li.nav-item.active{
    background: #fff !important;
  }

  li.nav-item.active a{
    color:#3096e5 !important;
  }

 
.fmdivider{
    margin-top:3px;
    margin-bottom:3px;
    max-width: 100%;
    border-bottom: 1px dotted #7f8fa6;
}

.secdivider{
    margin-top:10px;
    margin-bottom:10px;
    max-width: 100%;
    border-bottom: 2px solid #3d3d3d;
}