a {
    text-decoration: none !important;
}

.grid-view {
	overflow-x: scroll !important;
}


.nav .navbar-nav{
	margin-right: 0px;
}
.loginUl {
	margin: auto;
	width: 80%;
}
@media (min-width: 992px) {

.detail-view {
	
	}

div[class$="-form"] {
	width:50% !important;
}
}

.margin-five {
	margin-right: 5px !important;
}

.fs{
	font-size:18px !important;
}

.content {
	min-height: calc(100vh - 120px);
}
.footer {
    padding: 5px;
    background-color: #fff;
position: fixed;
    bottom: 0px;
    margin: 0 auto;
}


/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

.btn-soc {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-soc > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  padding: 2px;
  border-right: 1px solid rgba(158, 83, 83, 0.6);
}
.btn-soc.btn-lg {
  padding-left: 61px;
}
.btn-soc.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-soc.btn-sm {
  padding-left: 38px;
}
.btn-soc.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-soc.btn-xs {
  padding-left: 30px;
}
.btn-soc.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-soc-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}
.btn-soc-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  padding: 2px;
  border-right: 1px solid rgba(158, 83, 83, 0.6);
}
.btn-soc-icon.btn-lg {
  padding-left: 61px;
}
.btn-soc-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-soc-icon.btn-sm {
  padding-left: 38px;
}
.btn-soc-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-soc-icon.btn-xs {
  padding-left: 30px;
}
.btn-soc-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-soc-icon > :first-child {
  border: none;
  text-align: center;
  width: 100%;
}
.btn-soc-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
.btn-soc-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
.btn-soc-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}

.btn-raparin {
  color: #ffffff;
  background-color: #800000;
  border-color: rgba(255, 255, 255, 0.2);
}
.btn-raparin:hover,
.btn-raparin:focus,
.btn-raparin.focus,
.btn-raparin:active,
.btn-raparin.active,
.open > .dropdown-toggle.btn-raparin {
  color: #ffffff;
  background-color: #760000;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-raparin:active,
.btn-raparin.active,
.open > .dropdown-toggle.btn-raparin {
  background-image: none;
}
.btn-raparin .badge {
  color: #800000;
  background-color: #ffffff;
}
.dropdown-menu {
right:auto;
}


.grid-item { 
  display: block;
  height: 300px;
  width: 200px; 
  padding: 5px;
  }

.profiles a{
  color: #800000;


}

.head {
  display: block;
  padding: 0 15px;
  
}

.uphead{
padding: 15px 0;
display: block;
}

.header {
  display: block;
  background-color: #800000;
    border-radius: 4px 4px 0 0;
    min-height: 70px;
    padding: 10px 10px;

}

.header  > h1 {
  color: #fff;
  position: relative;
  float: left;
  top: 50%;
}

.header > a > img {
  float: left;
}

.profile-background {

  background: #f3f3f3;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #dd4b39;
}

.box-profile {
  min-height: 285px
}
.panel-uor>.panel-heading {
    color: #ffffff;
    background-color: #800000;
    border-color: #ebccd1;
}
.panel-uor>.panel-heading a{
    color: #ffffff !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    border-radius: 4px 4px 0 0;
    color: #fff;
    background-color: #dddddd;
    border-color: #dddddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #800000;
    border-color: #800005;
}

.middle {
  padding-top:25px;
}

@media (max-width: 525px) {
  .middle {
    float: left !important;
  } 
.header  > h1 {
    margin-top: 0px;
    margin-bottom: -20px;

} }
@media (max-width: 768px) {
.footer {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}}

.box-profile a {
  color: #800000;
}
.box-profile a:hover {
  color: #ab1414;
}
.box-uor {
  border-top-color: #800000;
}


.header a {
  color: #fff;
}

.header a:hover {
  color: #bfbebe;
}
.profile-user-img {
    height: 100px;
}