body{
background-color:#fcfcfc;
font-size: 0.8rem;
}
.btn-twitter-icon {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #428bca 0%, #428bca 100%);
    background-image: -o-linear-gradient(top, #428bca 0%, #428bca 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#428bca));
    background-image: linear-gradient(to bottom, #428bca 0%, #428bca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #2d6ca9;
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.2);
}
.btn-twitter-icon:hover {
    background-image: -webkit-linear-gradient(top, #55acee 0%, #55acee 100%);
    background-image: -o-linear-gradient(top, #55acee 0%, #55acee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#55acee), to(#55acee));
    background-image: linear-gradient(to bottom, #55acee 0%, #55acee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #2d6ca9;
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.2);
}

.btn-facebook-icon {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #55acee 0%, #55acee 100%);
    background-image: -o-linear-gradient(top, #55acee 0%, #55acee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#55acee), to(#55acee));
    background-image: linear-gradient(to bottom, #55acee 0%, #55acee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #2d6ca9;
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.2);
}
.btn-facebook-icon:hover {
    background-image: -webkit-linear-gradient(top, #428bca 0%, #428bca 100%);
    background-image: -o-linear-gradient(top, #428bca 0%, #428bca 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#428bca));
    background-image: linear-gradient(to bottom, #428bca 0%, #428bca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #2d6ca9;
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.2);
}

.index-page{
background-color:#eef0f1;
}
/*.coatOf-arms {
padding-bottom:10px;
}*/
nav-chuchu {
line-height: 0.5;
}
.top-padding{
padding-top:15px;
}
.bottom-padding{
padding-bottom:15px;
}
.left-padding{
padding-bottom:15px;
}
.right-padding{
padding-bottom:15px;
}

.pageFrom-top{
padding-top:0px;
padding-bottom:30px;
background:#fcfcfc;
}
.join-startGrp{
margin-top:30px;
}
.page_height {
min-height:500px;
}

.joinbuddygroupContSignupMessage {
padding-top:20px;
margin-top:1rem !important;
/*padding-bottom:20px;*/
padding-bottom:0px;
background:#eef0f1;
/*background-color:cornflowerblue;*/
}

/**/
.joinGrps{
background: rgba(61, 68, 76, 1)
}
.joinbuddygroupContShwCs,{
width:100%;
margin:0;
}
#joinbuddygroupContShwCs {
padding-bottom:0px;
background: rgba(61, 68, 76, 1)
}


.joinbuddygroupCont,{
width:100%;
margin:0;
}
#joinbuddygroupCont {
padding-top:0px;
/*padding-top:20px;*/
/*padding-bottom:20px;*/
padding-bottom:0px;
background:#eef0f1;
}
.carousel-container{
background: #eef0f1;
padding-bottom: 15px;
}
.joinbuddygroupText, .startbuddygroupText {
font-size:16px;
color:#FFF;
word-wrap:break-word;
}
.container-indexBkGnd1 {
background-color:#e9ecef;
border-bottom:1px solid #CCC;
}.container-indexBkGnd2 {
background-color:#f7f7f7;
border-bottom:1px solid #CCC;
}
.logo-container {
min-height:44px;
margin:0 auto;
position:relative;
z-index:2;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;	
-webkit-box-shadow: 0 0px 0px #cccccc;
-moz-box-shadow: 0 0px 0px #cccccc;
-o-box-shadow: 0 0px 0px #cccccc;
box-shadow: 0 0px 0px #cccccc;
}
.megaMenuWrapper {
width:100%;
padding-top:0px;
/*background-color:#222;
border-bottom: 1px solid #080808;*/
background-color:#131a22;
border-bottom: 1px solid #5f748d;
-webkit-box-shadow: 0 2px 3px #cccccc;
-moz-box-shadow: 0 2px 3px #cccccc;
-o-box-shadow: 0 2px 3px #cccccc;
box-shadow: 0 2px 3px #cccccc;
background-image: -webkit-linear-gradient(top, #0f1a27 0%, #131a22 100%);
background-image:      -o-linear-gradient(top, #0f1a27 0%, #131a22 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#0f1a27), to(#131a22));
background-image:         linear-gradient(to bottom, #0f1a27 0%, #131a22 100%);
/*background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
}
.menuHdr-container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
@media (min-width: 576px) {
.menuHdr-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.menuHdr-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.menuHdr-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.menuHdr-container {
max-width: 1140px;
}
}
/*
.navbar {
padding: 0.5px 1px;
}

.navbar-nav .dropdown-menu {
position:absolute;
}
*/
.navbar-navx .dropdown-menux {
position:absolute;
}

.navbar-nav > li > .dropdown-menu {
margin-top: 0px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
background-color: #568F10;
}
.navbar-inverse .navbar-nav > li > a {
padding: 10px 7px;
display: block;
}
.navbar-toggler {
line-height: 2;
}
.show-loginlinks {
margin-top: 10px;
margin-left: 8px;
margin-right: 7px;
padding-bottom: 5px;
}
.show-loginlinks2 {
margin-top: 10px;
/*margin-left:8px;
margin-right: 7px;*/
padding-bottom: 5px;
}
.show-loginlinks3 {
margin-top: 0px;
margin-left: 15px;
margin-right: 7px;
padding-bottom: 5px;
}
/*.menulink-seperator{
padding-right:10px;
}*/
.text-announce {
color: #d64d22 !important;
}
a {
color: #b5b5b5;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #dee0e1;
text-decoration: underline !important;
}

.start-buddyGroups{
width:250px;
margin-bottom:10px;
}
.btn {
cursor: pointer;
}
.btn:focus, .btn:active {/*Added by MSB to stop the blue borders around buttons*/
outline: none !important;
box-shadow: none !important;
}
.jumbotron {
margin: 30px 0;
padding-left: 30px;
padding-right: 30px;
background: #eee;
}

.card-msb{
background: #eee;
}

/*.jumbotron {
  padding: 1rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}*/



.card-title {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.logoSizing {
width: 250px;
height:auto;
position:relative;
top:10px;
margin-left:0px;
/*margin-right:15px;*/
}
/*@media(max-width:320px){
.logoSizing {
width:176px;
height: auto;
}
}*/

@media(max-width:480px){
.logoSizing {
width:196px;
height: auto;
}
}
/*a {
color: #777;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #dee0e1;
text-decoration: none;
}*/
/* Landscape phones and smaller */
.display-1, .display-2, .display-3, .display-4{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.display-3 {
font-size: 2.5rem;
}
.display-4 {
font-size: 1.5rem;
}
.isuser-owner {
/*line-height: normal;*/
line-height: 24px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.isuser-info {
line-height: normal;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.social-welcomeBdy {
font-size: 1.2rem;
line-height: normal;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
#cart-total {
font-size: 1.2rem;
line-height: normal;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
hr.soften {
height: 1px;
background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
border: 0;
}
hr.soften-editProfile {
height: 1px;
background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
border: 0;
margin-top:50px;
margin-bottom:50px;
}
.menubar-searchcontrol {
position:relative;
top:0px;
}
.memSearchResults{
position: absolute;
top: 48px;
width: 88%;
word-break: break-all;
padding-left: 10px;
padding-right: 10px;
/*background-color: rgb(255, 255, 255);*/
display: block;
/*background-position-x: left;*/
background-color: #eef0f1;
z-index:10;
}

/* search Form-control*/
.form-searchcontrol {
position:relative !important;
width: 100%;
height: 40px;
top:10px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #ddd8d8;
background-color: #000;
background-image: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #000;
border-bottom: 1px solid #333;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.searchBarlabel {
display: inline-block;
margin-bottom: 5px;
}

pre {
margin: 0;
padding: 10px 20px !important;
}
footer {
margin-top: 200px;
}
.footer-topband{
background-color:#494e54;
padding-top:10px;
}
.footer-menusection{
background-color:#343a40;
padding-top:10px;
}
.footer-international{
background-color:#343a40;
padding-top:10px;
border-top:solid thin #494e54;
}
.footer-5endFooter{
background-color:#343a40;
padding-top:10px;
}

.jumbotron.intro {
margin-top: 0;
}

.jumbotron .navbar {
font-size: 14px;
line-height: 1.6;
}
/* menu styes */
.list-unstyled,
.list-unstyled ul {
min-width: 120px
}
/* Grid demo styles */
.grid-demo {
padding: 10px 30px;
}

.grid-demo [class*="col-"] {
margin-top: 5px;
margin-bottom: 5px;
font-size: 1em;
text-align: center;
line-height: 2;
background-color: #e5e1ea;
border: 1px solid #d1d1d1;
}
.fontawesome-success{
color:#0C0;
}
.fontawesome-failed{
color:#f00;
}
/*--------------------------------------------------------------------*/
img.friendpics {
border: #000 1px solid;
width: 75px;
height: 75px;
margin: 5px 10px 5px 0px;
}
.img-profile_pic {
width:200px;
height:200px;
}
.img-profile_social_pic {
/*margin:0 auto;
min-width:200px;
min-height:200px;*/
}
div#buddy_profile_pic_box {
width: 200px;
/*height: 200px;*/
height: 174px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom: 0px;
}
div#buddy_profile_pic_box > img{
z-index:2000;
width:200px;
}
div#buddy_profile_pic_box > a {
display: none;
position:absolute; 
/*margin:95px 0px 0px 83px;*/
margin: 138px 0px 0px 83px;
z-index:4000;
background:#D8F08E;
border:#81A332 1px solid;
border-radius:3px;
padding:5px;
font-size:12px;
text-decoration:none;
color:#60750B;
}
div#buddy_profile_pic_box > form {
display: none;
position: absolute;
z-index: 3000;
padding: 10px;
opacity: .8;
background: #F0FEC2;
width: 200px;
height: 200px;
top: 25px;
}
div#buddy_profile_pic_box:hover a {
display: block;
}
/*--------------------------------------------------------------------*/
/* Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
/*@media (max-width: 341px) {*/
/*@media (max-width:323px){*/
@media (max-width:303px){
div#buddy_profile_pic_box > img {
/*position: absolute;*/
z-index: 9;
/*width: 150px;*/
width: 114px;
position:absolute;
top: 1rem;
height: auto;
}
div#buddy_profile_pic_box{
/*width:150px;*/
width:114px;
/*height:150px;*/
height:114px;
margin:0 auto; 
overflow-y:hidden;
}
div#buddy_profile_pic_box > form {
display: none;
position: absolute;
z-index: 3000;
padding: 10px;
opacity: .8;
background: #F0FEC2;
/*width: 150px;*/
max-width: 114px;
/*height: 159px;*/
max-height: 121px;
top:1rem;
}
.form-control{
	width:100%;
	padding:0rem 0rem;
}
div#buddy_profile_pic_box > a {
margin: 122px 0px 0px 0px;
}
h4,.h4{
	font-size:0.75rem;
}

}

/*@media (min-width: 324px) and (max-width: 478px){ */
@media (min-width: 304px) and (max-width: 478px){ 
div#grp-activity1>.btn,div#grp-activity2>.btn{
font-size:0.9rem;
padding:10px 6px;
}
#cart-total{
font-size:0.9rem;
}
div#buddy_profile_pic_box{
width:150px;
height:150px;
margin:0 auto; 
overflow-y:hidden;
}
div#buddy_profile_pic_box > form {
display: none;
position: absolute;
z-index: 3000;
padding: 10px;
opacity: .8;
background: #F0FEC2;
width: 150px;
height: 159px;
top:1rem;
}
div#buddy_profile_pic_box > a {
display: none;
position:absolute; 
margin:48px 0px 0px 38px;
z-index:4000;
background:#D8F08E;
border:#81A332 1px solid;
border-radius:3px;
padding:5px;
font-size:12px;
text-decoration:none;
color:#60750B;
}
div#buddy_profile_pic_box > img {
z-index: 2;
max-width: 150px;
position:absolute;
top: 1rem;
height: auto;
}
/*input {
width:70%;
overflow:hidden;
}*/
input#offer-add{
width:100%;
overflow:hidden;
}

div.isuser-info {
/*padding-bottom:10px;*/
font-size: 0.9rem;
}
.form-inline .form-control {
display: inline-block;
width:inherit;
max-width:250px;
vertical-align: middle;
}
#pLongDescription, #submitBtn .btn {
display: inline-block;
width:inherit;
max-width:150px;
vertical-align: middle;
}
}
@media only screen and (min-width: 479px) and (max-width:575px ){ 
div#grp-activity1>.btn,div#grp-activity2>.btn{
font-size:0.9rem;
padding:10px 6px;
}
div.isuser-owner {
padding-bottom:10px;
font-size: 1rem;
}
div.isuser-info {
/*padding-bottom:10px;*/
font-size: 1rem;
}
.navbar-collapse {
margin-left: 0px;
margin-top: -10px;
}
input {
width:70%;
overflow:hidden;
}
input#offer-add{
width:100%;
overflow:hidden;
}
.form-inline .form-control {
display: inline-block;
width:inherit;
max-width:250px;
vertical-align: middle;
}
#pLongDescription, #submitBtn .btn {
display: inline-block;
width:inherit;
max-width:150px;
vertical-align: middle;
}
}

/*@media(max-width:575px;){
#fullname,
#fname,
#lname,
#supplier_fname,
#supplier_lname,
#buddy_group,
#buddy_email,
#buddy_phone,
#bizname,
#pManufacturer,
#buddy_prop_ref,
#final_bud_savings,
#result,
#pPrice,
#numFormatPrice,
#final_price,
#offer_date,
#offer-add input{
width:100% !important;
overflow:hidden;
}
}*/

/*#fullname,
#fname,
#lname,
#supplier_fname,
#supplier_lname,
#buddy_group,
#buddy_email,
#buddy_phone,
#bizname,
#pManufacturer,
#buddy_prop_ref,
#final_bud_savings,
#result,
#pPrice,
#numFormatPrice,
#final_price,
#offer_date,
#offer-add input{
display:flex;
width:100% !important;
overflow:hidden;
}
*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
div.isuser-owner {
padding-bottom:10px;
font-size: 1.05rem;
}
div.isuser-info {
padding-bottom:20px;
font-size: 1.05rem;
}
.navbar-navMSB{
margin-top: 6px;
margin-left: 65px;
}
.form-inline .form-control {
display: inline-block;
width:inherit;
max-width:250px;
vertical-align: middle;
}

}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
div.isuser-owner {
padding-bottom:10px;
font-size: 1.2rem;
}
div.isuser-info {
/*padding-bottom:25px;*/
font-size: 1.2rem;
}
.panel-group {
width: 400px;
}
.thumbnail {
margin: 0;
}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
div.isuser-owner {
padding-bottom:10px;
font-size: 1.2rem;
}
div.isuser-info {
/*padding-bottom:25px;*/
font-size: 1.2rem;
}
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
div.isuser-owner {
padding-bottom:10px;
font-size: 1.2rem;
}
div.isuser-info {
/*padding-bottom:25px;*/
font-size: 1.2rem;
}
}

/*------------------Styling for the new_buddies.php page------------------------*/
#newbuds-jumbo.jumbotron{
	margin-top:0;
}
@media(min-width:0px){
#new-buds.card-body{
padding:15px 0 15px 0;
}
}


@media(min-width:768px){
#new-buds-col.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 50%;
    max-width: 50%;
}
}

@media(min-width:992px){
#new-buds-col.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 25%;
    max-width: 25%;
}
}
/*------------------Styling for the products.php page------------------------*/
#new-prods-jumbo.jumbotron{
	margin-top:0;
}
#new-prods.card {
    padding: 5px 5px 5px 5px;
	background-color:#fff;
}
@media(min-width:0px){
#new-prods.card-body{
padding:15px 0 15px 0;
}
}
@media(min-width:576px){
#new-prods-col.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 50%;
    max-width: 50%;
}
}
@media(min-width:768px){
#new-prods-col.col-md-3 {
    -ms-flex: 0 0 33.33%;
    flex: 33.33%;
    max-width: 33.33%;
}
}
@media(min-width:992px){
#new-prods-col.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 25%;
    max-width: 25%;
}
}

a #new-prods{
color:#9d9d9d;
}
#new-prods a:hover{
color:#999;
text-decoration:underline;
}

/*------------------Styling for the sidebar menu user.php page------------------------*/
.bullhorn{
	-webkit-animation-duration: 5s;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-iteration-count:5;*/
}
.email-alert{
	-webkit-animation-duration: 5s;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count:infinite;
}
.fa-cart-plus{
	color:#fff;
}
#notification-link a{
color: #fff;
margin:0 9px
}
#notification-link a:hover{
color:#fff;
text-decoration:underline;
}
div.background {
background-image:url(../../images/msbAvatar.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-color:#333;
position: relative;
top: -3px;
left: 14px;
}
.imgbox-size {
height:30px;
width:30px;
}
div.transbox {
background-color: #333;
opacity: 0.6;
filter: alpha(opacity=60);
display: block;
min-height: 30px;
min-width: 22px;
line-height: 22px;
-moz-border-radius: 40px;
border-radius: 18px;
border: 0.01px solid #ccc;
position: relative;
left: 18px;
top: 7px;
}
div.transbox div {
padding: 3%;
color: #fff;
text-align:center;
font-size:small;
width:100%;
height:auto;
font-family: Verdana, Geneva, sans-serif;
}
.topnavBtn{
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: 0.5rem 0.75rem;
font-size: 1.2rem;
line-height: 1.25;
border-radius: 0.25rem;
transition: all 0.15s ease-in-out;
margin-left:-11px;
}
.topnav {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: row;
width:13rem;
word-wrap: break-word;
color: #d4d4d4;
background-color: #333;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0rem;
padding: 0.9rem;
top:0px;
margin-left:0;
}
.card-body.topnav-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.topnav-header{
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
@media(max-width:576px){
.topnav{
width: 10.4rem;
top: 0px;
margin-left:0;
padding: 0.6rem;
}
.topnavBtn{
margin-left: -10px;
}
.pl-1 {
padding-left: 0.0rem !important;
}
.topnav .pl-2 {
    padding-left: 0.0rem !important;
}
.pl-3 {
padding-left: 0.5rem !important;
}
div.background {
background-image: url(../../images/msbAvatar.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-color: #333;
position: absolute;
left: 109px;
top: 16px;
}
div.transbox {
left: 20px;
top: 2px;
}
}
@media (max-width:320px){
.btn.offerstatus {
padding: 0.4rem 0.72rem;
font-size: 0.84rem;
}
.btn.addto-cart {
padding: 0.4rem 0.72rem;
font-size: 0.84rem;
}
}
/*---------------------------------------------CSS STYLING FOR THE PROPOSALS.PHP PAGE ---------------------------------------*/
.my-card {
    max-width: 1140px;
    margin: 0 auto 15px auto;
    background-color:#efefef;
    padding-top: 10px;
    padding-bottom: 10px;
}
.call-outs-container {
  max-width:1098px;
  margin: 15px auto 0 auto;
}
.call-out {
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  flex-basis: 49%;
  border: 1px solid #e0e0e0;
  background-color:#fff;
  margin-left:15px;
  margin-right:15px;
}
@media (min-width: 900px) {
  .call-outs-container {
    display: flex;
    justify-content: space-between;
  }
}
/*---------------------------------------------GROUP ASPECT_RATIO SETUP FOR THE PROPOSALS.PHP PAGE ONLY---------------------------------------*/
#aspect-ratio div{
  float: left;
  width: 100%;
  padding: 10px;
  margin: 0;
  background-color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#aspect-ratio div a{
  display: block;
  width: 100%;
  overflow: hidden;
}
#aspect-ratio img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
#aspect-ratio div a{
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
#aspect-ratio img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.endsIn{
	cursor:default;
}

@media(max-width:380px){
.list-group {
    margin-top: 5rem;
}
}
@media(max-width:991px){
.myBtn-wrap {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
/*Change order of divs @ max-width:991px Proposal.Php page only*/
#seeMor {
    order: 1;
}
#endsIn{
    order: 2;
}
#shwCntDwn {
    order: 3;
	margin-right:15px;
}
}

@media(min-width:992px){
.myBtn-wrap {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}
/*Change order of divs @ max-width:991px Proposal.Php page only*/
#endsIn{
    order: 1;
}
#shwCntDwn {
    order: 2;
	margin-right:0;
}
#seeMor {
    order: 3;
}

}
/*pagination controls for the Proposal.Php page only*/
#pagination_controlsProposal{
	margin-left:36px;
	margin-right: 36px;
}
#textline1,#textline2{
	margin-top:15px;
	margin-left: 36px;
	margin-right: 36px;
}
/*--------------------------------------------------------------CSS STYLING FOR THE PROPOSALS.PHP PAGE------------------------------------------------------------*/
.fixed-size-containerDesignBudGrp{
	max-width:1098px;
	margin:0px auto 0 auto;
	padding:15px 0;
	display:flex;
	align-items:center;
	justify-content: space-around;
	flex-wrap:wrap;
}
.fixed-sizeItemBudGrp{
	width:270px;
	min-height:1px;
    position: relative;
	color:#000;
	margin-top:15px;
	margin-bottom:15px;
}
#fx-sz-itm{
	background-color:#fff;
}
#aspect-ratioBudGrp div{
  float: left;
  width: 100%;
  padding: 10px;
  margin: 0;
  background-color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#aspect-ratioBudGrp div a{
  display: block;
  width: 100%;
  overflow: hidden;
}
#aspect-ratioBudGrp img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
#aspect-ratioBudGrp div a{
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
#aspect-ratioBudGrp img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#buddy-name, #grp-prod, .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    font-size: smaller;
    font-weight: bolder;
}
/*--------------------------------------- Styling for the buddy_groups.php page-----------------------------------*/
@media(max-width:575px){
.fixed-sizeItemBuddy-Groups {
    width: 100%;
    min-height: 1px;
    position: relative;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    flex: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
}
@media(min-width:576px){
.fixed-sizeItemBuddy-Groups {
    width: 50%;
    min-height: 1px;
    position: relative;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    flex: 50%;
    margin-left: 15px;
    margin-right: 15px;
}
}
@media(min-width:768px){
.fixed-sizeItemBuddy-Groups {
    width: 33.33%;
    min-height: 1px;
    position: relative;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    flex: 33.33%;
    margin-left: 15px;
    margin-right: 15px;
}
}
@media(min-width:992px){
.fixed-sizeItemBuddy-Groups {
    width: 33.33%;
    min-height: 1px;
    position: relative;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    flex: 33.33%;
    margin-left: 15px;
    margin-right: 15px;
}
}
@media(min-width:1200px){
.fixed-sizeItemBuddy-Groups {
    width: 22%;
    min-height: 1px;
    position: relative;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    flex: 22%;
    margin-left: 15px;
    margin-right: 15px;
}
}
.btn-uploadit{
width:100px;
}
/*---------------------------------privacy.php styles-------------------------------*/
.unsubscribe-privacy a:hover{
color:#09F;
text-decoration:underline
}
/*---------------------------------search.php styles-------------------------------*/
.links a:hover{
color:#000;
text-decoration:underline;
}
/*---------------------------------Faq.php style-------------------------------------------------*/
a.collapsibles {
color: #4a4a4a;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
font-size: 0.8em;
}
.collapsible-body{
font-size:0.9em;
background-color: #fff;
}
.collapsible-body a:hover{
color:#09F;
text-decoration:underline
}
/*----------------------------------NOTIFICATIONS.php-------------------------------------------*/
div#notesBox{
/*border:#F0F 1px dashed;*/
padding:10px;
}
div#friendReqBox{
/*border:#F0F 1px dashed;*/
padding:10px;
}
div.friendrequests{
height:95px;
border-bottom:#CCC 1px solid;
margin-bottom:8px;
}
img.user_pic{
float:left;
width:68px;
height:68px;
margin-right:8px;
}
div.user_info{
float:left;
font-size:14px;
}
#pageBody {
padding:0 15px;
}
/*--------------------------------------------cart.php.php-------------------------------------------*/
#cart-total2{
font-size:18px;
margin-top:12px;
text-align:right;
}
@media(max-width:576px){
#cart-total2{
text-align:left;
font-size:15px;
margin-left:15px;
margin-right:15px;
margin-bottom:10px;
}
}
@media(max-width:991px){
#product{
	min-width:200px;
}
#description{
	min-width:500px;
}
#Price{
width:160px;
}
#qty{
width:80px;
}

#total{
width:160px;
}
#x{
width:70px;
}
}
@media(min-width:992px){
#product{
width:20%;
}
#description{
width:54%;
}
#price{
width:10%;
}
#qty{
width:5%;
}

#total{
width:10%;
}
#x{
width:1%;
}
}
/*--------------------------------------------suppliers_offer.php. page-------------------------------------------*/
/*@media(max-width:380px){
.list-group {
margin-top: 0rem;
}
}
@media (max-width: 767px){
.img-container{
height:auto;
}
.list-group {
margin-top: 0rem;
}
}
@media (min-width: 768px){
.img-container{
height:200px;
}
.list-group {
margin-top: 0rem;
}
}
@media (min-width: 992px){
.img-container{
display:flex;
margin: auto;
height:145px;
}
.list-group {
margin-top: 0rem;
}
}
input {
width:auto;
}*/
@media(max-width:380px){
.list-group {
margin-top: 0rem;
}
.img-container{
margin: auto;
max-height:145px;
}
}
@media (max-width: 767px){
.img-container{
width:auto;
max-height:20rem;
}
.list-group {
margin-top: 0rem;
}
}
@media (min-width: 768px){
.img-container{
height:200px;
}
.list-group {
margin-top: 0rem;
}
}
@media (min-width: 992px){
.img-container{
display:flex;
margin: auto;
height:145px;
}
.list-group {
margin-top: 0rem;
}
}
input {
width:auto;
}
/*------------------------------------------------ grid Buttons centering for buddu_profileActivity.php page -------------------------------*/
.gridBtn-fixed-size-layout-container {
max-width: 1400px;
margin: 0 auto 0 auto;
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.gridBtn-fixed-size {
width: 200px;
height: auto;
}
.gridBtn-width{
width:100%;
}
/*-----------------------------------------Styling for the Tables in the buddy_profileActivity.php ---------------------------------------*/
@media(max-width:991px){
.memOffr-acptd-one{
min-width:230px;
}

.memOffr-acptd-two{
min-width:300px;
}

.memOffr-acptd-three{
min-width:200px;
}
.memOffr-acptd-four{
min-width:300px;
}
}
@media(min-width:992px){
.memOffr-acptd-one{
min-width:22%;
}
.memOffr-acptd-two{
min-width:28%;
}
.memOffr-acptd-three{
min-width:22%;
}
.memOffr-acptd-four{
min-width:28%;
}
}

@media(max-width:991px){
.grp-crtd-one{
min-width:400px;
}
.grp-crtd-two{
min-width:300px;
}
.grp-crtd-three{
min-width:150px;
}
.grp-crtd-four{
min-width:300px;
}
}
@media(min-width:992px){
.grp-crtd-one{
min-width:29%;
}
.grp-crtd-two{
min-width:24%;
}
.grp-crtd-three{
min-width:14%;
}
.grp-crtd-four{
min-width:24%;
}
}

@media(max-width:991px){
.grp-jnd-one{
min-width:400px;
}
.grp-jnd-two{
min-width:300px;
}
.grp-jnd-three{
min-width:150px;
}
.grp-jnd-four{
min-width:300px;
}
}
@media(min-width:992px){
.grp-jnd-one{
min-width:29%;
}
.grp-jnd-two{
min-width:24%;
}
.grp-jnd-three{
min-width:14%;
}
.grp-jnd-four{
min-width:24%;
}
}

.sup-offr-one{
min-width:10%;
}
.sup-offr-two{
min-width:30%;
}
.sup-offr-three{
min-width:10%;
}
.sup-offr-four{
min-width:30%;
}

@media(max-width:991px){
.sup-offr-one{
min-width:400px;
}
.sup-offr-two{
min-width:300px;
}
.sup-offr-three{
min-width:150px;
}
.sup-offr-four{
min-width:300px;
}
}
@media(min-width:992px){
.sup-offr-one{
min-width:18%;
}
.sup-offr-two{
min-width:30%;
}
.sup-offr-three{
min-width:18%;
}
.sup-offr-four{
min-width:30%;
}
}

.offr-md-one{
min-width:10%;
}
.offr-md-two{
min-width:30%;
}
.offr-md-three{
min-width:10%;
}
.offr-md-four{
min-width:30%;
}

@media(max-width:991px){
.offr-md-one{
min-width:400px;
}
.offr-md-two{
min-width:300px;
}
.offr-md-three{
min-width:150px;
}
.offr-md-four{
min-width:300px;
}
}
@media(min-width:992px){
.offr-md-one{
min-width:18%;
}
.offr-md-two{
min-width:30%;
}
.offr-md-three{
min-width:15%;
}
.offr-md-four{
min-width:30%;
}
}
@media(max-width:320px){
#offers-made.col-sm-3{
flex: 100%;
max-width: 100%;
}
}

@media(min-width:576px){
#offers-made.col-sm-3{
flex: 50%;
max-width: 50%;
}
}

@media(min-width:768px){
#offers-made.col-sm-3{
flex: 25%;
max-width: 25%;
}
}

@media(max-width:991px){
.grpOffr-acptd-one{
min-width:175px;
}

.grpOffr-acptd-two{
min-width:400px;
}

.grpOffr-acptd-three{
min-width:175px;
}
.grpOffr-acptd-four{
min-width:400px;
}
}
@media(min-width:992px){
.grpOffr-acptd-one{
min-width:22%;
}
.grpOffr-acptd-two{
min-width:28%;
}
.grpOffr-acptd-three{
min-width:22%;
}
.grpOffr-acptd-four{
min-width:28%;
}
}
/*----------------------------------BOOTSTRAP THEMES(BOOTSTRAP BUTTONS) DON'T CHANGE ANYTHING BELOW--------------------------------------------------*/
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #e0e0e9;
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.btn-default:disabled,
.btn-default[disabled] {
  background-color: #e0e0e0;
  background-image: none;
}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color:#2aabd9;
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
  border-color: #28a4c9; 
}
.btn-primary:active,
.btn-primary.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #2aabd2;
  background-image: none;
}
/*Below is the Original btn-primary color*/
/*.btn-primary {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image:      -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2));
  background-image:         linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #2d6ca2;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #2d6ca2;
  border-color: #2b669a;
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #2d6ca2;
  background-image: none;
}*/
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #419649;
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-success:disabled,
.btn-success[disabled] {
  background-color: #419641;
  background-image: none;
}

.btn-info {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image:      -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2));
  background-image:         linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #2d6ca9;
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2d6ca2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2d6ca2;
  border-color: #2b669a;
}
.btn-info:disabled,
.btn-info[disabled] {
  background-color: #2d6ca2;
  background-image: none;
}
/*Below is the Original btn-info colors*/
/*.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info:disabled,
.btn-info[disabled] {
  background-color: #2aabd2;
  background-image: none;
}*/
/*
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;

}
.btn-warning:disabled,
.btn-warning[disabled] {
  background-color: #eb9316;
  background-image: none;
}
*/
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #c12e2a;
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-danger:disabled,
.btn-danger[disabled] {
  background-color: #c12e2a;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #357ebd;
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image:      -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3));
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
/*
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
*/
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    /*background-color: #080808;*/
}
.navbar-inverse {
/*darker shade*/
  /*background-image: -webkit-linear-gradient(top, #0f1e30 0%, #131a22 100%);
  background-image:      -o-linear-gradient(top, #0f1e30 0%, #131a22 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0f1e30), to(#131a22));
  background-image:         linear-gradient(to bottom, #0f1e30 0%, #131a22 100%);*/
  
/*Lighter shade*/
  background-image: -webkit-linear-gradient(top, #162a42 0%, #131a22 100%);
  background-image:      -o-linear-gradient(top, #162a42 0%, #131a22 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#162a42), to(#131a22));
  background-image:         linear-gradient(to bottom, #162a42 0%, #131a22 100%);
  
/*Original black shade*/
  /*background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
  background-image:      -o-linear-gradient(top, #222 0%, #282828 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#282828));
  background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image:      -o-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
  background-image:         linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #3071a9;
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
  background-image:      -o-linear-gradient(top, #428bca 0%, #3278b3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3278b3));
  background-image:         linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #3278b3;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image:      -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}