/*
Copyright (C) 2017 Aeonsoft
www.aeonsoft.it
All rights reserved.
*/
/* 
    Created on : Jul 14, 2016, 8:50:05 AM
    Author     : ramon
*/

body {
    padding-top: 0px;
    color: #000;
}

.login-form {
    margin-top: 40px;
}

.form-control {
    color: #000;
}

.dashboard-panel {
    color: white;
}

.dashboard-panel .text-right {
    /*
    position: absolute;
    right: 15px;
    */
}

.entity-list-object-delete {
    margin-bottom: 5px;
}

/*
.leadspro-admin-areas .btn-group>.btn.active, .leadspro-campaign-lists .btn-group>.btn.active {
    background-color: #004179;
    border-color: #083e6e;
}

.leadspro-admin-areas .btn-group>.btn, .leadspro-campaign-lists .btn-group>.btn {
    margin-bottom: 4px;
}
*/



.fa-pencil-square-o {
    font: normal normal normal 16px/1 FontAwesome;
}

.panel-primary>.panel-heading a {
    color: #ffffff;
    text-decoration: none;
}


.header-progress-navbar .progress {
    height: 13px;
    width: 120px;
    margin-bottom: 1px;
    border-radius: 0px;
}

.header-progress-navbar .progress .progress-bar {
    line-height: 12px;
}

.header-progress-navbar .progress .progress-bar span{
    position: absolute;
    display: block;
    width: 120px;
    color: black;
}

#header-stats div,
#header-stats i,
#header-stats span {
    color: #66ccff;
    /*color: #ffe700;*/
}

#header-stats i:hover,
#header-stats span:hover {
    opacity: 0.75;
}

#header-stats .title {
    vertical-align: bottom;
}

#header-stats .badge {
    color: #212529;
    background-color: #66ccff;
    /*background-color: #ffe700;*/
}

#header-stats .fa-lg {
    vertical-align: -0.1em;
}


.login-form {
    background-color: #f4ec10;
}

.dashboard-panel-title {
    font-size: 14px;
}

.dashboard-requests .panel-heading {
    /*background: url(../images/lightbulb.png) no-repeat !important;*/
    background-image: url(../images/lightbulb.png);
    background-size: cover;
    background-position: right 10px top 10px;
    background-repeat: no-repeat;
    background-size: 100px;
}

.dashboard-projects .panel-heading {
    background-image: url(../images/tools.png);
    background-size: cover;
    background-position: right 10px top 20px;
    background-repeat: no-repeat;
    background-size: 90px;
}

.dashboard-shared-projects .panel-heading {
    background-image: url(../images/handshake.png);
    background-size: cover;
    background-position: right 10px top 10px;
    background-repeat: no-repeat;
    background-size: 100px;
}

/*
BOOTSTRAP
*/
/*

.form-inline .form-group,
.form-inline.form-group,
.entity-list .form-group {
    margin-bottom: 6px;
}

@media (min-width: 768px) {
    .form-control-static {
        height: 46px;
        min-height: 46px;
    }
}

.form-horizontal .control-label,
.control-label,
.dropdown .btn,
.dropdown .dropdown-menu,
.form-group .dropdown .btn,
.form-group .dropdown-menu,
.form-control-static {
    font-size: 18px;
    line-height: 1.3333333;
}

.form-horizontal .control-label,
.control-label,
.form-control-static {
    line-height: 46px;
}

.dropdown .btn .caret {
    top: 22px;
    right: 18px;
}

.btn,
.form-control {
    height: 46px;
    min-height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-inline .form-control,
.entity-datepicker {
    width: 84px;
}

*/

.leadspro-btn-lg {
    min-height: 46px;
    padding: 10px 16px;
    line-height: 1.6;
}

.form-group .dropdown .leadspro-btn-lg {
    min-height: 46px;
    padding: 10px 16px;
    line-height: 1.6;
}

.my-profile-user-avatar {
    padding: 0px;
    width: 100px;
    height: 100px;
}

.my-profile-user-avatar img {
    width: 80px;
    height: 80px;
}

.leadspro-heart {
    color: red;
}

.leadspro-user-heart{
    font-size: 12px;
}

.leadspro-user-heart .fa-heart{
    color: red;
    font-size: 27px;
}

.leadspro-user-heart-2 .fa-heart {
    position: relative;
    top: 1px;
}

.leadspro-user-heart strong {
    font-size: 12px;
    color: white;
    left: 1px;
    top: -1px;
}

.member .panel,
.member .card {
    min-height: 120px;
    background-color: #efefef;
}

.member .panel hr,
.member .card hr{
    border-color: #dddddd;
}

.member .user-avatar {
    position: absolute;
    top: -10px;
    left: 30px;
}

.member .user-avatar img {
    border-radius: 4px;
    width: 50px;
    height: 50px;
}

.member #user-profile-link {
    position: absolute;
    right: 30px;
    bottom: 10px;
}

.member .name,
.member .title-profession {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stars {
    color: gold;
    display: inline-block;
}

#user-dashboard-details .stars-lg {
    font-size: 20px;
}

.member-profile #header {
    position: absolute;
    width: 100%;
    left: 0px;
    top: -10px;
    padding-right: 25px;
    padding-left: 25px;
}

.member-profile #header img {
    border-radius: 4px;
    object-fit: cover;
    border-style: none;
    width: 100%;
    height: 245px;
}

.member-profile #header .user-avatar {
    position: absolute;
    top: 20px;
    left: 45px;
    width: 20%;
    overflow: hidden;
}

.member-profile #header .user-avatar:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.member-profile #header .user-avatar .avatar-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: left;
}

.member-profile #header .user-avatar img {
    border-radius: 16px;
    width: 56%;
    height: 56%;
}

.member-profile #header .user-name-container {
    position: absolute;
    bottom: 10px;
    right: 0px;
    width: 70%;
    margin-right: 25px;
    background-color: black;
    background: linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.4));
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    object-fit: cover;
    border-style: none;
}

.member-profile #header .user-name-container .user-name,
.member-profile #header .user-name-container .user-title {
    margin: 0px 20px;
    color: white;
}

.member-profile .profile {
    margin-top: 240px;
}


.member .user-avatar img,
.member #user-profile-link button,
.member-profile #header img {    
    box-shadow: 2px 2px 10px #888888;
}

.member-profile #header .user-avatar img {    
    box-shadow: 2px 2px 10px #333333;
}

@media (max-width: 1280px) {
    .member-profile #header .user-name-container .user-name h1 {
        font-size: 28px;
    }

    .member-profile #header .user-name-container .user-title h2 {
        font-size: 22px;
    }

    .member-profile #header img {
        height: 205px;
    }

    .member-profile .profile {
        margin-top: 200px;
    }

    .member-profile #header .user-avatar img {
        width: 66%;
        height: 66%;
    }

}

@media (max-width: 1024px) {
    .member-profile #header .user-name-container .user-name h1 {
        font-size: 22px;
    }

    .member-profile #header .user-name-container .user-title h2 {
        font-size: 16px;
    }

    .member-profile #header img {
        height: 165px;
    }

    .member-profile .profile {
        margin-top: 160px;
    }
}

@media (max-width: 768px) {
    .member-profile #header .user-name-container .user-name h1 {
        font-size: 16px;
        margin: 5px;
    }

    .member-profile #header .user-name-container .user-title h2 {
        font-size: 13px;
        margin: 5px;
    }

    .member-profile #header img {
        height: 125px;
    }

    .member-profile .profile {
        margin-top: 120px;
    }

    .member-profile #header .user-name-container .user-name,
    .member-profile #header .user-name-container .user-title {
        margin: 5px;
    }
}

@media (max-width: 480px) {
    .member-profile #header .user-name-container .user-name h1 {
        font-size: 13px;
    }

    .member-profile #header .user-name-container .user-title h2 {
        font-size: 12px;
    }

    .member-profile #header img {
        height: 85px;
    }

    .member-profile .profile {
        margin-top: 80px;
    }
}



.request-note-list .message-info {
    position: relative;
    text-align: right;
}

.request-note-list .message-timestamp,
.request-note-list .message-user {
    position: relative;
    font-size: 12px;
    display: inline-block;
}

.request-note-list .message-user {
    font-weight: bold; 
}

.request-note-list .message-timestamp {
    opacity: 0.5;
}

.request-note-list .message {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
    float: left;
}

#filterForm .value-filter {
    width: 400px;
}


.gamification-premium-objective .name{
    font-size: 0.8rem;
}