.views-exposed-group-label{
display: inline-block;
vertical-align: top;
}

.views-exposed-group-label > div {
width: 90px;
height: 90px;
padding-bottom: 30px;
display: inline-block;
position: relative;
margin-right: 30px;

}
.views-exposed-group-label > div label {
opacity: .5;
}
.lr-group-label-active{
opacity: 1 !important;
}
.lr-filtered-list-frame .lr-filtered-list {
    padding: 5px 10px;
    background: #41CC0B;
    color: #fff;
    display: inline-block;
    position: relative;
    padding-right: 30px;
    font-size: 16px;
    margin: 0 0 10px 0;
    margin-right: 10px;
    cursor: pointer;
}

.lr-filtered-list-frame .lr-filtered-list .lr-close:before {
    content: "\00D7";
    position: absolute;
    display: inline-block;
    right: 5px;
    top: 5px;
}
.lr-filtered-list-frame{
max-width: 960px;
margin: 0 auto;
}
hr.lr-zoo-divider {
    border: none;
    width: 100%;
    max-width: 996px;
    margin: 30px auto;
    height: 6px;
    clear: both;
    background: url(/sites/all/themes/zoostrap/images/animalsFilterRule.jpg);
}
.lr-button {
    padding: 5px 10px;
    background: #eee;
    color: #444;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
/*
view page css
*/
.view-id-discover_our_animals .view-header {
float: left;
margin-top: -62px;
margin-left: 45%;
padding-left: 10px;
}
.lr_clear_filter_tag{
position: absolute;
margin-top: 22%;
margin-left: -31%;
}
.lr_add_all_item_button{
margin-left:10px;
background-color: #10bbb3;
letter-spacing: normal;
display: inline-block;
vertical-align: middle;
cursor: pointer;
line-height: 42px;
text-align: center;
color: #fff;
z-index: 1;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-left: 10px;
padding-right: 10px;

}

#lr_tabs > .ui-tabs-hide {
display: none;
}
#lr_tabs > ul >li > a {
color: black;
}
.lrshare-totalshare {
  display: none;
}
/*
* Not display even more popup
*/
.lrshare_iconsprite32.lrshare_evenmore32, .lrshare_iconsprite16.lrshare_evenmore16 {
display: none;
}
.interface_error{
color:red;
}
.interface_block{
background-color: rgb(231, 255, 224);
border: 1px solid rgb(191, 231, 176);
}
#user-login-form .advance_social_login_and_share-links,
#user-login .advance_social_login_and_share-links {
overflow: hidden;
padding-bottom: 15px;
padding-left: 0;
}
#user-login-form .advance_social_login_and_share-links li,
#user-login .advance_social_login_and_share-links li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
#user-register-form .advance_social_login_and_share-links,
#user-register .advance_social_login_and_share-links {
overflow: hidden;
padding-bottom: 15px;
padding-left: 0;
}
#user-register-form .advance_social_login_and_share-links li,
#user-register .advance_social_login_and_share-links li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
.advance_social_login_and_share-idlinks {
color: #018FE2;
overflow: hidden;
padding-bottom: 15px;
padding-left: 0;
}
.advance_social_login_and_share-idlinks li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
.advance_social_login_and_share-mapprovider {
font-weight: bold;
}
.advance_social_login_and_share-mapprovider img {
margin-right: 5px;
}
.LoginRadius_overlay {
background: none no-repeat scroll 0 0 rgba(127, 127, 127, 0.6);
height: 100%;
left: 0;
overflow: auto;
padding: 220px 20px 20px 20px;
padding-bottom: 130px;
position: fixed;
top: 0;
width: 100%;
/*z-index: 100001;*/
z-index: 10000;
}
#textmatter {
background: url(images/textmatter.png) repeat !important;
border: 1px solid #90b203;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 10px 0px 10px 0px;
padding: 10px;
text-align: justify;
}
#textdivpopup {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;	
text-align: right;
margin-left: 216px;
}
.spanpopup {
color: #00ccff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.span1 {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}



.form{
font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important;
}

.form .div label:last-child {
width: 220px !important;
float: right;
}
.inputtxt {
width:100%;
}
.inputimg{
width:42px !important;
height:42px !important;
}
.form .div input {
margin-right: 10px;
}
.advance_social_login_and_share-ajax-loader {
background: url(images/ajax_loader_white_bg.gif) no-repeat center center;
width: 100%;
height: 100%;
display:block;
}
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
font-size: 11px;
}
#sociallogin_userprofile_table th {
text-align: left;
color: black;
font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
text-transform: none !important;
background-color: #f1f1f1;
background-image: -ms-linear-gradient(top,#f9f9f9,#ececec);
background-image: -moz-linear-gradient(top,#f9f9f9,#ececec);
background-image: -o-linear-gradient(top,#f9f9f9,#ececec);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#ececec));
background-image: -webkit-linear-gradient(top,#f9f9f9,#ececec);
background-image: linear-gradient(top,#f9f9f9,#ececec);
color: black;
border-width: 1px;
border-style: solid;
border-color: #bebfb9;
padding: 3px 10px;
}
#sociallogin_userprofile_table tr {
word-wrap: break-word;
}
#sociallogin_userprofile_table {
table-layout: fixed;
border-color: #dfdfdf;
background-color: #f9f9f9;
word-break:break-all;
}
.inputtxtarea{
width: 457px !important;
height: 81px !important;
overflow-y: auto;
margin: 0px 0px 10px;
padding: 10px;
line-height: 21px;
}
.popupmain {
width: 506px !important;
box-shadow: 0px 4px 30px #B5B5B5 !important;
-moz-box-shadow: 0px 4px 30px #B5B5B5 !important;
-webkit-box-shadow: 0px 4px 30px #B5B5B5 !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
border-radius: 8px !important;
left: 31% !important;
top: 10% !important;
position: fixed !important;
z-index: 999999 !important;
border: #BABABA 1px solid !important;
background: #FFFFFF !important;
height:400px !important;
}
.heading {
background:url(images/tophead_bg.png) repeat-x !important; 
height: 45px !important;
float: left !important;
text-align: left !important;
width: 100% !important;
color: #464241 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
font-weight: normal !important;
padding: 7px 0 0 0 !important;
border-top-right-radius: 8px !important;
border-top-left-radius: 8px !important;
border-bottom: 1px solid #888888;
}

.spantext {width: 50%!important;
float: left !important;
padding: 0px 0 0 15px !important;
color: #fff !important;
margin-left: 0 !important;
line-height: 80px;
}

.lr_footerbox{
width:96%!important;
float: left !important;
color: #fff !important;
margin-left: 0 !important;
text-align:right!important;
}

#loginRadiusMiddiv{
margin: 0 auto !important;
width:94% !important;
clear: both !important;
overflow-y:auto !important;
overflow-x:none !important;
height: 294px !important;
}
.form .div {
width: 99% !important;
float: left !important;
font-weight: normal !important;
word-wrap: break-word;
}



.form label{
width: 15% !important;
float: left !important;
margin: 0px 0px 0px 0 !important;
display: block !important;
}

.button{
display: inline-block !important;
outline: none !important;
cursor: pointer !important;
text-align: center !important;
text-decoration: none !important;
font: 14px/100% Arial, Helvetica, sans-serif !important;
padding: 10px 15px 10px !important;
width: auto !important;
border: none !important;
}
.blue {
color: #fff !important;
background:url(images/deselect.png) repeat !important;
}
.blue:hover{
color: #fff !important;
background:url(images/deselect_hover.png) repeat !important;
}
.colorless {
color: #fff !important;
background:url(images/skip.png) repeat !important;
}
.colorless:hover {
color: #fff !important;
background:url(images/skip-hover.png) repeat !important;
}
.green {
color: #fff !important;
background:url(images/button_bg.png) repeat !important;
}
.green:hover {
background:url(images/button_hover.png) repeat-x !important; 
}
.lr_popupmidtop{
background:url(images/shadow_bg.png) no-repeat!important;
float:left;
width:100%; 
height:6px;
}
.lr_contact_search {
width: 47%!important;
float: right !important;
color: #fff !important;
margin-left: 0 !important;
}
.lr_contact_searchbox{
float: right !important;
margin-right: 10px !important;
margin-top: 5px !important;
border: 1px solid #0574aa !important;
border-radius: 0px !important;
}
.lr_feedbackbutton{width:25% !important; float:left !important;text-align: right;margin-top: 10px;  }
.facegoolabel{width: 50% !important; float:left !important; margin:3px 10px 10px 0 !important;
display:block !important;
}
.search_icon {
background-image: url(images/searchBG.jpg) !important;
background-position: right center !important;
background-repeat: no-repeat;
border: medium none;
color: #A1A1A1;
float: left;
font-size: 12px;
height: 25px;
margin: 0;
outline: medium none;
padding: 5px;
}
@media (max-width: 335px) and (max-device-width: 320px){	
.popupmain {
width: 100% !important;
height:400px !important;
}		
}
@media (max-width: 495px) and (max-device-width: 480px){
.popupmain {
width: 90% !important;
height:400px !important;
left: 5% !important;
top: 8% !important;
}	

}


@media (max-width: 767px){

.popupmain {
width: 90% !important;
height:400px !important;
left: 5% !important;
top: 8% !important;
}	

}

@media (max-width: 1023px) and (min-width: 768px){

.popupmain {
width: 506px !important;
height:400px !important;
}		
}

@media (max-width: 1170px) and (min-width: 1024px){
.popupmain {
width: 506px !important;
height:400px !important;
}	
}

<!--[if IE]>
.LoginRadius_content_IE {
background: black;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
<![endif]-->