/* @override 
	http://petzinfo.com/templates/default/styles/widgets.css */


/* 
 *Widget 
 */
/* #widget-profile-navigation{
 	font: 13px Museo-700 !important;
 }*/
 .link-followers{
 	line-height: 18px;
 	text-decoration: none !important;
 }
.link-followers .text{
	color: #686868;
}
.text-highlight .link-followers .text{
	color: inherit;
}
 .sidebar .widget:first-child{
 	margin-top: 0;
 }
 
 .widget{
 	margin-top: 10px;
 	margin-bottom: 10px;
/* 	padding-right: 10px;
 	padding-left: 10px;*/
 	clear: both;
 	float: left;
 	width: 100%;
 }
 .widget-body{
/* 	padding: 10px;*/
	padding-bottom: 10px;
 	clear: both;
 }
 .widget-inner{
 	padding: 10px;
 }
 .widget h3{
 	margin: 0 0 5px;
 }
 .widget img{
 	max-width: 100%;
 }
 /* widget-box */
 
.widget-box{
	/*border: 1px solid #dddedd; */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff;
}
#widget-listings .widget-title h3{
	width: 100%;
}
#widget-listings .widget-title a{
	color: #fff;
	float: right;
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 18px;
}
.widget-box h3{
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
}
.widget-box .widget-title-icon h3{
	float: left;
	width: 75%;
}
.widget-box .widget-title{
	border-bottom: 1px solid #eeefee;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	width: 100%;
	float: left;
	background-color: #3399ff;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/*border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px; */
	position: relative;
}
.widget:first-child.widget-box .widget-title{
	
}
.widget:first-child.widget-box h3{
/*	color: #3399ff;*/
}
.widget-box .see-all{
	font-size: 11px;
	float: right;
	margin-top: 7px;
}
.widget-box .list-info{
	max-width: 60%;
	color: #777;
	line-height: 14px;
	font-size: 12px;
	display: inline-block;
	margin-top: 5px;
}
.widget-box ul{
	margin: 0;
}
.widget-box li {
	/* border-bottom: 1px solid #eeefee; */
	padding: 10px 10px 7px;
}
.widget-box li:last-child{
	/*border-bottom-style: none;*/
}
.widget-box li a{
	color: #333;
	line-height: 20px;
	font-size: 15px;
	display: inline-block;
}
.widget-box ul.list-inline li {
	padding: 0;
	border-style: none;
}

/*.widget-box ul li a:hover{
	background-color: #f5f5f5;
}*/

 /* List-icon */
 
 
 .list-icon li{
 	clear: both;
 	margin-bottom: 7px;
 }
 .list-icon li .icon{
 	clear: both;
 	margin-right: 10px;
 	width: 27px;
 	height: 27px;
 	
 }
 .list-icon li a:hover {color: #ff9900;}
 
 /* widget-full */
.widget-full{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*border: 1px solid #dddedd; */
} 
.widget-full h3{
	color: #fff;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 20px;
	position: relative;
}
.widget-full .widget-title{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #3399ff;
	color: #fff;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	position: relative;
	clear: both;
}
.widget-full .widget-title a{
	float: right;
	font-size: 19px;
	margin-right: 3px;
	color: #fff;
	clear: none;
	position: absolute;
	right: 0;
	top: 10px;
}
.widget-full .widget-title a:hover{
	opacity: 0.8;
	color: #3399ff;
}
.widget-full .widget-title .arrow-down{
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #4697ec;
	position: absolute;
	left: 10px;
}
.widget-full ul{
	background-color: #fff;
/*	border: 1px solid #ccc;*/
	max-height: 300px;
	overflow: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.widget-full ul li:nth-child(even) a{
/*	background-color: #deecfb;*/
}
.widget-full li a{
	color: #4b9aea;
	line-height: 20px;
	font-size: 13px;
	display: inline-block;
	width: 100%;
	padding: 5px;
	
}
.widget-full li {
	/* border-bottom: 1px solid #eeefee; */
	
} 
.widget-full ul li a:hover{
	/* background-color: #9ac3ef; */
	text-decoration: underline;
	color: #3399ff;
	text-decoration:underline;
}
.widget-full li .list-title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
/*	float: left;*/
/*	max-width: 100px;*/
	color: #111;
	margin-top: 12px;
}
.widget-full li .list-title:hover{
		/*color: #3399ff; */
	text-decoration:underline;
}

#widget-my-petz.widget-full li .list-title{
	margin-top: 0;
}
.widget-full li .list-avatar-wrapper{
	width: 32%;
	margin-right: 0;
}
.widget-full li .list-info{
	width: 68%;
	margin-right: 0;
}
@media (max-width: 1200px) {
	.widget-full li .list-title{
/*		max-width: 60px;*/
	}
}
.widget-full li p{
	clear: both;
	display: block;
	width: 100%;
}

.arrow-wrapper{
	text-align: center;
	clear: both;
	position: relative;
}
.arrow-wrapper .arrow-down{
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #4697ec;
	margin-right: auto;
	margin-left: auto;
	width: 0;
	padding: 0 !important;
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}
.widget-full ul.list-users{
	clear: both;
	float: left;
	width: 100%;
	padding-top: 20px;
	margin-top: -10px;
}
/* List-users */

ul.list-users{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
/*	max-height: 300px;
	overflow: scroll;*/
}

ul.list-users li{
	clear: both;
	float: left;
	width: 100%;
}

ul.list-users .active{
	background-color:#F00;
}
ul.list-users .active a{
	color:#FFF;
}

ul.list-users .active .notification-bubble {
	background-color:#FFF;
	color:#F00;
}

ul.list-users li p{
	margin: 0;
}
.list-avatar-wrapper{
	margin-right: 10px;
}

.list-avatar-wrapper img{
	width: 40px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
/*	border: 1px solid #4697ec;*/
	
	background-color: #fff;
	border-style: none;
}
ul.list-users li:nth-child(even) .list-avatar-wrapper img{
/*	border: 1px solid #feac30;*/
}
/*ul.list-users .roundedOne{
	margin: 2px 5px 0 0;
	float: left;
}
ul.list-users .roundedOne label{
	margin: 0;
}*/

/* WIDGET BUSINESS */

#widget-business-invite form{
	margin-top: 10px;
	margin-bottom: 10px;
}
#widget-business-invite .btn{
	margin-top: 10px;
	width: 60px;
	height: 60px;
	font-size: 14px;
	line-height: 14px;
}
#widget-business-invite .widget-body{
	font-size: 16px;
	line-height: 20px;
}
/* Notifications */

.notification-bubble{
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	padding: 5px 7px;
	color: #fff;
	font-weight: bold;
	background-color: #3399FF;
	min-height: 12px;
	min-width: 12px;
}

.notification-bubble.notification-active{
	background-color: #fe2200;
}
.notification-online{
	background-color: #14f324;
}
.notification-offline{
	background-color: #fe2200;
}
 /* User Profile */
 
#widget-user-card.widget{
	margin: 0 !important;
	padding: 0 !important;
}
#widget-user-card .widget-title{
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-top: -15px;
	margin-bottom: 10px;
}
#widget-user-card h3{
	color: #fff;
	margin: 0;
}
#widget-user-card a{
 color: #fff;
 margin: 0;
 	
}
.user-profile-image-wrapper{
	margin: 0 auto 20px;
	text-align: center;
}
.user-profile-image-wrapper .user-profile-image{
	width: 100%;
	max-width: 180px;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #fff;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
	background-position: 0 0;
}


.widget-title a .icon-search-friends{
	width: 18px;
	height: 18px;
	background: url(../images/sprite-icons.png) -37px -127px;
	display: inline-block;
}


 /* widget-profile-navigation */

.list-icon .icon-home{
	background: url(../images/sprite-icons.png) -151px -61px;
}
.list-icon li .icon.icon-petz{
	background: url(../images/sprite-icons.png) -179px -60px;
	width: 30px;
	height: 30px;
	margin-right: 6px;
}
.list-icon .icon-petz-records{
	background: url(../images/sprite-icons.png) -121px -61px;
}
.list-icon .icon-alerts{
	background: url(../images/sprite-icons.png) -91px -61px;
}
.list-icon .icon-photos{
	background: url(../images/sprite-icons.png) -1px -61px;
}.list-icon .icon-messages{
	background: url(../images/sprite-icons.png) -31px -61px;
}.list-icon .icon-groups{
	background: url(../images/sprite-icons.png) -61px -61px;
}

.list-icon li.active .icon-home{
	background: url(../images/sprite-icons.png) -151px -91px;
}
.list-icon li.active .icon-petz{
	background: url(../images/sprite-icons.png) -181px -91px;
}
.list-icon li.active .icon-petz-records{
	background: url(../images/sprite-icons.png) -121px -91px;
}
.list-icon li.active .icon-alerts{
	background: url(../images/sprite-icons.png) -91px -91px;
}
.list-icon li.active .icon-photos{
	background: url(../images/sprite-icons.png) -1px -91px;
}.list-icon li.active .icon-messages{
	background: url(../images/sprite-icons.png) -31px -91px;
}.list-icon li.active .icon-groups{
	background: url(../images/sprite-icons.png) -61px -91px;
}
.widget-profile-navigation h3{
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: normal;
	font-style: normal;
}
.widget-profile-navigation ul{
	padding-left: 20px;
}
.widget-profile-navigation .icon{
 	float: left;
 }
.widget-profile-navigation .fa-stack{
/* 	float: left;*/
/* 	background-color: #4697ec;
 	-webkit-border-radius: 100px;*/
margin-right: 5px;
 }
 .widget-profile-navigation li{
 	margin-bottom: 10px;
 }
 .widget-profile-navigation li a{
 	text-transform: uppercase;
 	color: #686868;
 	font: 13px Museo-500 !important;
 }
  .widget-profile-navigation li a .fa-lg{
  	font-size: 16px;
  }

  .widget-profile-navigation li.active a .fa-lg{
  	font-size: 16px;
  	color: #ff9800 !important;
  }
 .widget-profile-navigation li.active .fa-inverse{
 	color: #fff !important;
 }
 
 /* WIDGET LISTINGS */
 
.widget-listings .widget-body li{
	text-align: center;
	position: relative;
}
.widget-listings .widget-body li a.listing-link{
	font-size: 15px;
	color: #555;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	padding-right: 20px;
	text-align: left;
	line-height: 36px;
}
.widget-listings ul.dropdown-menu{
	z-index: 100000000;
}
.widget-listings .icons{
	z-index:inherit !important;
	margin-top: 10px;
}
.widget-listings.widget-box li:last-child{
	margin-bottom: 10px;
}
.widget-listings img{
	float: left;
	margin-right: 5px;
}
/* WIDGET ALERTS */

.widget-alerts .widget-body li a{
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.widget-alerts .widget-body li a span{
	position: relative;
	top: 2px;
}
.widget-alerts .widget-body li a .roundedOne{
	
}
ul.list-users .roundedOne{
	left: 0;
	top: 0;
}


.see-more{
	background-color: #4b9aea;
	padding: 2px 10px;
	color: #fff !important;
	font-family: Museo-500;
	display: inline-block;
	margin: 0;
}
.see-more:hover{
	background-color: #3295ff;
	text-decoration: none;
	color: #fff !important;
}
.widget-alerts ul{
	margin-bottom: 5px;
}
.widget-alerts ul li{
	font-family: Museo-300;
}


/* WIDGET REWARDS */
.stats-wrapper{
	padding: 10px 15px;
}
#widget-reward-status .progress{
	border: 1px solid #ff9700;
	margin: 0;
}
#widget-reward-status .progress-bar{
	background-color: #ff9700;
	border-style: none;
	box-shadow: 0 0 1px;
	-moz-box-shadow: 0 0 1px;
}
#widget-reward-status .progress-bar span{
	color: #111;
}
.stats-legend{
	width: 110%;
	margin-left: -5px!important;
	float: left;
}
.stats-legend li{
	border-style: none;
	width: 33%;
	padding: 10px 0 0;
	float: left;
	position: relative;
	margin-top: -2px;
}
.stats-0{
	text-align: left;
}
.stats-100{
	text-align: right;
}
.stats-legend li.stats-0:before{
	content: "";
	width: 1px;
	height: 10px;
	background-color: #ff9600;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 5px;
}
.stats-legend li.stats-50:before{
	content: "";
	width: 1px;
	height: 10px;
	background-color: #ff9600;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
}
.stats-legend li.stats-100:before{
	content: "";
	width: 1px;
	height: 10px;
	background-color: #ff9600;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 4px;
}
#widget-reward-status .points{
	font-size: 20px;
}
#widget-reward-status small{
	font-size: 11px;
}


/* WIDGET BADGES */
#widget-badges .badges-wrapper ul{
	padding: 10px;
	margin-bottom: 10px;
}
#widget-badges .fa-stack{
/*	color: #3399ff;*/
	font-size: 22px;
}


/* WIDGET EVENTS */

#widget-events h4{
	color: #3399ff;
	font: 14px Museo-500;
	margin: 0 0 10px;
}
#widget-events .widget-body{
	padding: 5px;
	margin-bottom: 5px;
}
#widget-events a img{
	width: 45px;
	height: 45px;
	margin-right: 5px;
}

#widget-events-area a{
	color: #333;
	font-size: 12px;
	line-height: 16px;
}

/* WIDGET SEARCH FRIENDS */
.widget-search-friends .form-group{
	clear: both;
}
.widget-search-friends form .btn-orange{
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.widget-search-friends .widget-inner{
	clear: both;
}
.widget-search-friends label{
	text-align: center;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
}
.widget-search-friends .help-block{
	color: #ff9800;
}

/* Widget Business Friends */


/* Widget Photos */

.widget-photos li{
	padding: 2px;
	border-style: none;
}
.widget-photos a{
	display: inline-block;
	width: 100%;
}
.widget-photos i{
	width: 100%;
	height: 60px;
	display: inline-block;
	background-size: cover !important;
	background-position: center center !important;
}

/* MODAL */

/* Simple */

.modal-simple .modal-header{
	border-bottom-style: none;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	z-index: 1000;
}
.modal-simple .close{
	color: #3399ff;
	opacity: 1;
	padding: 20px;
	z-index: 1000000;
}
.modal-simple .close:hover{
	color: #ff9800 !important;
}

.signup-popup li{
	width: 100%;
	margin-bottom: 20px;
}
.signup-popup li .text{
	width: 100%;
	margin-bottom: 20px;
	padding-left: 40px;
}
.signup-popup-header{
	background: url(../images/signup/signup-popup-header.jpg) center no-repeat;
	width: 100%;
	height: 220px;
	margin-bottom: 20px;
}
/* Petz*/

/*.modal-dialog{
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -25%;
	margin-top: -5%;
	min-width: 600px;
}*/
.modal-simple .modal-dialog{
	min-width: 460px;
}
.signup-popup .modal-dialog{
	width: 460px;
	left: 55%;
	top: 30%;
}
.page-index .modal-backdrop{
	background-color: transparent;
}
.petz-modal{
	font-family: Museo-300;
}
.petz-modal .modal-title{
	font-family: Museo-500;
}
.petz-modal .modal-content{
	border-width: 3px;
	border-color: #3399ff;
}
.petz-modal .modal-body{
	max-height: 400px;
	overflow: auto;
}
.petz-modal.nopadding .modal-body{
	padding: 0;
}

.petz-modal .close{
	color: #fff;
	opacity: 1;
}
.petz-modal .close:hover{
	color: #fff;
	opacity: 0.5;
}
.petz-modal .modal-header{
	background-color: #3399ff;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 40px;
}
.petz-modal .button-close{
}
.petz-modal .modal-footer{
	background-color: #d9e9fa;
	border-top-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0;
	text-align: center;
}
.modal-vertical-centered {
/*	transform: translate(0, 50%) !important;
	-ms-transform: translate(0, 50%) !important; /* IE 9 *!/
	-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome *!/*/
}
body.modal-open {margin-right: 0px !important;}
body, .navbar-fixed-top, .navbar-fixed-bottom {
  margin-right: 0 !important;
}
.modal {
 overflow-y: auto;
}

.modal-open {
 overflow: auto;
}

/* POPUPS */

/* Popup Block User */

.popup-block{
	
}
.popup-block img{
	width: 100px;
}
.popup-block .span12{
	float: left;
	width: 70%;
	margin-left: 20px;
}
.popup-block li{
	width: 100%;
	float: left;
}
.popup-block .text-primary{
	font-size: 16px;
}
.popup-block .checkbox-wrapper{
	font-size: 16px;
	float: left;
	margin-right: 0;
	margin-top: 5px;
	width: 10%;
}
.popup-block .popup-block-text{
	float: left;
	width: 80%;
}