File: /home/barbeatleanalyti/public_html/manage.beatleanalytics.com/theme/black/css/profile.css 1-2-2019
.box.box-primary.card.hovercard {
margin: 0px !IMPORTANT;
}
.btn-group .btn.btn-primary {
background: #3c8dbc !IMPORTANT
}
.card-info {
margin-top: 10px;
}
.bx-box.footer-box.offer-data {
background: #fffdf8;
margin-bottom: 10px;
}
/* USER PROFILE PAGE */
.card {
margin-top: 0px;
padding: 12px;
background-color: rgba(214, 224, 226, 0.2);
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
border-top-right-radius:5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.card.hovercard {
position: relative;
padding-top: 0;
overflow: hidden;
text-align: center;
background-color: #fff;
background-color: rgba(255, 255, 255, 1);
}
.card.hovercard .card-background {
height: 237px;
}
.card-background img {
-webkit-filter: blur(25px);
-moz-filter: blur(25px);
-o-filter: blur(25px);
-ms-filter: blur(25px);
filter: blur(25px);
margin-left: -100px;
margin-top: -200px;
min-width: 130%;
}
.card.hovercard .useravatar {
position: absolute;
top: 55px;
left: 0;
right: 0;
}
.card.hovercard .useravatar img {
width: 160px;
height: 160px;
max-width: 160px;
max-height: 160px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, 0.5);
}
.card.hovercard .card-info {
position: absolute;
bottom: 14px;
left: 0;
right: 0;
}
.card.hovercard .card-info .card-title {
padding:0 5px;
font-size: 20px;
line-height: 1;
color: #262626;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.card.hovercard .card-info {
overflow: hidden;
font-size: 12px;
line-height: 20px;
color: #737373;
text-overflow: ellipsis;
}
.card.hovercard .bottom {
padding: 0 20px;
margin-bottom: 17px;
}
.btn-pref .btn {
-webkit-border-radius:0 !important;
}
/**********************************profile******************************/
.prof-page-info{padding:10px;}
.prof-img{width:100%;height:300px;position:relative;border:5px solid #666;}
.prof-img img{position:absolute;width:100%;height:100%;padding:3px;}
.img-title{position:absolute;bottom:0px;background:#666;color:#fff;width:100%;text-align:center;padding:5px;border:1px solid #fff;padding:5px 5px 5px 5px;}
.info{padding:10px;font-size:14px;border-bottom:1px solid #ddd;}
.prog-page{border:1px solid #ddd;box-shadow:1px 1px 5px #ddd;position:relative;}
.header-info {position:relative;padding-left:25px;background:#666;color:#fff;padding:10px;}
.prof-info .info i{padding:8px 9px 0px 9px;box-shadow:1px 1px 5px #ddd;background:#0099ff;width:30px;height:30px;border-radius:50%;color:#fff;margin-right:10px;}
.header-info i{padding-right:8px;font-size:25px;}
.tags-label {background:#0099ff;color:#fff;position:absolute;padding:7px 6px 7px 5px;
box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);z-index:1;
}
.tags-label i{color:#fff;}
.tags-label span{padding:4px;border:1px solid #fff;padding:4px 7px 3px 9px}
.header-info a{cursor:pointer;float:right;position:absolute;}
.header-btn-edit{float:right;top:15px;position:absolute;right:12px;}
.header-btn-edit a{background:#2b7dc3;color:#fff;padding:10px;border-radius:20px;box-shadow:1px 1px 5px #eee;}
.header-btn-edit a i{color:#fff;padding-right:8px;}
/*********************************bouness-point**************************/
#colorstar { color: #ee8b2d;}
.badForm {color: #FF0000;}
.goodForm {color: #00FF00;}
.evaluation { margin-left:30px;}
.select2-container--default .select2-selection--single{
border-radius:0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:25px; padding:0px;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
background-color: #787878;
border: 2px solid #555555;
}
.main_container{ width: 100%;float:left; }
.span40{width: 40%; font-weight: bold; display: block; float: left;}
.span60{width: 60%; font-weight: normal; display: block; float: left;}
input[type="text"]{font-size: 12px ;line-height: 20px;}
.well {
width: 100%;
float: left;
}
.tab-content {
width: 100%;
float: left;
}
span.col-lg-2.m-pro {
padding: 0 0 8px 0;
}
.p .f-from {
width: 100%;
float: left;
}
.p span.i_text {
width: 90% !IMPORTANT;
}
.p span.outside_btncontainer.right {
width: 10% !IMPORTANT;;
float: left;
}
.p span.ibtn_container.right i {
padding: 6px 0;
}
.selected-quick{ color:#FFF !important; }
.selected-quick:hover{ color:#FFF !important; }
.btn-app{min-width:99px !important; margin-left:7px !important; }
.quick-main-header{min-height:0px !important; }
.quick-show{width:100%;float:left;cursor:pointer;font-size:18px;}
.quick-show:hover{background-color:#F0F8FF !important;}
.quick-btn{margin:5px; background-color:#5bb2fc; font-weight:bold; line-height:25px; float:left; padding:5px; color:#FFF;font-size:25px; cursor:pointer; border-radius:5px;}
.quick-lable{font-size:12px;}
.quick-btn:hover{background-color:#43525B;}
ul.img-list1 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.img-list1 li {
display: inline-block;
height: 90px;
position: relative;
width: 90px;
}
span.text-content1 {
border-radius:50%;
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 90px;
}
span.text-content1 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 90px;
opacity: 0;
}
ul.img-list1 li:hover span.text-content1 {
opacity: 1;
}
span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width:90px;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
#uploadPreview{ overflow: auto;}
.imageView{ border: 5px solid #d6d5d5;}
.textboxshow{ border:none; }
.textprofile{ height:auto; margin-top:20px;}
.spannew{ font-size:12px !important; float:left; font-weight:bold; width:200px; line-height:40px;}
embed { width:100% !important;}
.profile-textbox{
font-weight:bold;
}
.textboxNew_{line-height:32px;height:25px;max-height:25px;margin-bottom:4px;border:1px solid #ccc;width:300px;padding:6px 12px 6px 10px;/*font-size:13px;*/outline:0;border-radius:0;-moz-border-radius:0px;-webkit-border-radius:0px;border:1px solid #ccc;}
.my-point {
border-radius: 50%;
font-size: 38px;
margin: 0 auto;
color: white;
}
.my-point p {
padding: 33px 15px;
}
.my-point p {
padding: 10px 15px;
TEXT-ALIGN: CENTER;
color: #f48c1f;
font-size: 70px;
font-weight: 700;
font-family: cursive;
font-size: 75px;
text-shadow: 1px 1px 3px black;
}
p.f-bounes {
text-align: center;
font-size: 21px;
font-weight: 600; color: #000;
}
.my-bounes-point {
width: 100%;
float: left;
}
.col-lg-4.bonas-main {
text-align: center;
}
.pur button {
padding: 10px 25px;
font-size: 17px;
margin: 70px 0 0 0;
color: white;
border: none;
border-radius: 3px;
}
.well .container h2 {
text-align: center;
}
.col-lg-6.bonas-main {
text-align: center;
}
section.content .modal-dialog.redem {
width: 90%;
}
.Retting-sub {
margin-top: 89px;
}
span.col-lg-8.f-pro {
text-align: left;
}
span.col-lg-2.control-label.m-pro {
width: 122px !IMPORTANT;
}
span.col-lg-8.f-pro {
width: 382px;
}
div#text_demo {
background: #DDD;
padding: 6px 15px;
}
span.col-lg-2.control-label.m-pro {
padding: 8px 0;
}
.main_container {
width: 54%;
float: none;
margin: 0 auto;
}
button#favorites:focus {
background: #3c8dbc !IMPORTANT;
color: white;
}
button#following:focus {
background: #3c8dbc !IMPORTANT;
color: white;
}
button#stars:focus {
background: #3c8dbc !IMPORTANT;
color: white;
}
.bt-button button {
width: 29%;
float: left;
margin: 12px 8px !IMPORTANT;
}
span.col-lg-8.f-pro select {
width: 100%;
padding: 5px 0;
}
.retting span {
background: #f4f4f4;
padding: 4px 8px;
border-radius: 3px;
margin-left: 16px;
}
button#stars {
background: #f4f4f4;
border: 1PX SOLID #ddd;
}
.Redeem-item {
/* width: 70%; */
border: 1px solid #DDD;
/* margin: 0 auto; */
display: table-cell;
height: 225px;
vertical-align: middle;
text-align: center;
}
.text-center.Redeem-main {
float: left;
width: 100%;
}
.col-md-3.Redeem-box {
margin-bottom: 10px !IMPORTANT;
}
.Redeem-item img {
width: 100%;
}
button.rd {
margin: 0px;
font-size: 16px;
padding: 5px 15px;
}
.point-rd p {
FONT-SIZE: 21PX;
FONT-WEIGHT: 600;
}
.point-rd {text-align:center;}
.Redeem-item img {
width: 85%;
height: 186px !important;
display: inline-block;
}
button.rd {
background: #3c8dbc !IMPORTANT;
color: white !IMPORTANT;
border: none !IMPORTANT;
border-radius: 3px !IMPORTANT;
}
.panel.panel-default hr {
float: left;
width: 100%;
}
.top-redeem {
width: 100%;
float: left;
margin-top: 41px;
}
.offer_redeem , .producut_purchase {
width: 95% !IMPORTANT;
}
.offer_redeem .modal-header .close , .producut_purchase button.close {
color: #FFF !IMPORTANT;
font-size: 28px !IMPORTANT;
margin-top: 6px !IMPORTANT;
}
.offer_redeem small.label.bg-yellow , .producut_purchase small.label.bg-yellow {
background: none !IMPORTANT;
}
.offer_redeem .modal-content , .producut_purchase .modal-content{ border: none;}
.offer_redeem .modal-body , .producut_purchase .modal-body {
width: 100% !IMPORTANT;
}