/*---------- Energy Dasboard ---------*/
.energy-dashboard-wrapper .nav-tabs .nav-link.active,
.energy-dashboard-wrapper .nav-tabs .nav-item.show .nav-link,
.energy-dashboard-wrapper .nav-tabs .nav-link:hover{
    background: transparent;
}
.energy-dashboard-wrapper .white-box{
    margin-bottom: 0;
    height: 100%;
}
.energy-dashboard-wrapper .col-md-4,
.energy-dashboard-wrapper .col-md-8{
    margin-bottom: 30px;
}
/*---------- Energy Dasboard ---------*/

/*---------- Smart Home Dasboard ---------*/
.total-consumption{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #127ec0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.total-consumption h2{
    font-size: 30px;
    line-height: 32px;
    text-align: center;
}
.total-consumption h2 strong{
    display: block;
}
.total-consumption h2 span{
    font-size: 16px;
    line-height: 20px;
}
.sh-alerts .card-body{
	padding: 1rem;
}
.sh-alerts .card-title {
    margin: 0;
}
.sh-alerts .badge{background-color: #d00000;}
.sm-box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,0.125);
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sm-box h3 {
    font-size: 30px;
    margin: 0px;
    font-weight: 700;
    color: #000;
}
.sm-cont em {
    font-size: 12px;
    font-style: normal;
}
.sm-cont {
    text-align: right;
}

/*---------- Smart Home Dasboard ---------*/

/*----------07-02-20---------*/
.login-bg{
    
    background: url(../images/login-bg.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 100vh;
    padding-top: 170px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.login-bg::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #de3700 44%, #be1800 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #000000 0%,#de3700 44%,#be1800 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #000000 0%,#de3700 44%,#be1800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#be1800',GradientType=0 ); /* IE6-9 */
}
.login-inner{
    background: #fff;
    padding: 40px 25px 25px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    position: relative;
}
.login-logo{
    display: flex;
    justify-content: center;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    max-width: 190px;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 5px 8px -2px rgba(0,0,0,0.5);
}
.login-fld-wrapper{
    padding-top: 20px;
}
.login-fld-wrapper.form-material .form-control{
    padding-left: 15px;
    padding-right: 15px;
}
.login-fld-wrapper.form-material .form-control.focus, 
.login-fld-wrapper.form-material .form-control:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b50f00), to(#b50f00)),-webkit-gradient(linear, left top, left bottom, from(rgba(181,15,0,0.13)), to(rgba(181,15,0,0.13)));
    background-image: linear-gradient(#b50f00, #b50f00),linear-gradient(rgba(181,15,0,0.13), rgba(181,15,0,0.13));
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
}
.login-btn{
    text-align: center;
}
.login-btn .btn-custom-red{
    background: #4d0920 ; 
    background: -moz-linear-gradient(top,  #4d0920  0%, #4d0920 100%); 
    background: -webkit-linear-gradient(top,  #4d0920 0%,#4d0920 100%); 
    background: linear-gradient(to bottom,  #4d0920 0%,#4d0920 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0920', endColorstr='#4d0920',GradientType=0 );
    color: #fff;
    padding: 7px 35px;
    border-radius: 5px;
    transition: all 0.5s;
}
.login-btn .btn-custom-red:hover{
    background: #2e0001 ;
    background: -moz-linear-gradient(top,  #2e0001  0%, #2e0001  100%);
    background: -webkit-linear-gradient(top,  #2e0001  0%,#2e0001  100%);
    background: linear-gradient(to bottom,  #2e0001  0%,#2e0001  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0001 ', endColorstr='#2e0001 ',GradientType=0 );

}
.forgot-pass{
    text-align: center;
}
.forgot-pass p{
    font-size: 14px;
}
.forgot-pass p a{
    color: #b50f00;
}

.top-left-part{
    display: flex;
    justify-content: center;
}
.top-left-part a{
    padding-left: 5px;
    padding-right: 5px;
}
.block-img-width{
    max-width: 30px;
}
/*----------07-02-20---------*/

.clublist_box{
    display:flex;
    padding: 15px;
}
.clublist_box .clublist_image{
    width:80px;
    margin-right:15px;
}
.clublist_box  .clublist_details{
    width:calc(100% - 95px);

}
.clublist_box  .clublist_details h5.box-title{
     font-size:15px;
     font-weight:500;
     color:#555;
     text-align: left;
     text-decoration: none;
     text-transform: capitalize;
}
.clublist_box  .clublist_details p{
    font-size:13px;
    line-height: 20px;
    text-align: left;
    padding: 0;
    margin:0 0 10px 0;
}
.clublist_box  .clublist_details button{
    background: #4d0920;
    padding: 3px 15px;
    margin: 0;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    transition: all linear 0.2s;
    white-space: nowrap;
    border:0;
}
.clublist_box  .clublist_details button:hover{
    color: #fff;
    transition: all linear 0.2s;
    border:0;
    background:#a22003;
}


/*-------------------------12-02-2020 Start------------------------------*/

.profile_timeline{
    position: relative;
    height:205px;
    background-size: cover!important;
}
.profile_details{
    position: relative;
    padding:0 20px 15px 20px;
    margin:0;
    display:flex;
    align-items: center; 
}

.profile_details .profile_pic{
    width: 120px;
    /* height: 120px; */
    position: relative;
    margin-top: -50px;
     top: 0px;
    left: 0;
    border: 4px solid #ffffff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); 
}
.profile_namelocation{
    width:30%;
    margin:15px 0 0 15px;
}
.profile_namelocation h3{
    padding: 0 0 0px 0;
    margin:0;
    font-size:20px;
    text-decoration: none;
    text-transform: capitalize;
    color:#4d0920;
    font-weight:500;
}
.profile_namelocation p{
    padding: 0;
    margin:0;
    font-size:13px;
    color:#555;
    text-decoration: none;;
}
.profile_socialactivity{
    width:40%;
    margin:15px 15px 0 15px;
    padding: 0;
}

.profile_socialactivity ul{
    padding: 0;
    margin:0;
    list-style: none;
    display:flex;
}
.profile_socialactivity ul li{
    display:flex;
    padding: 0;
    margin:0 10px 0 0;
    flex-grow:1;
    align-items: center;
    border-right:1px solid #d4d4d4;
}
.profile_socialactivity ul li:last-child{
    border:0;
}
.profile_socialactivity ul li .soicalicon{
    margin-right:10px;
}
.profile_socialactivity ul li .soicalicon img{
    width:30px;
}
.profile_socialactivity ul li h4{
    padding:5px 0 0 0;
    margin:0;
    font-size:20px;
    font-weight:500;
    color:#4d0920;

}
.profile_socialactivity ul li p{
    font-size: 14px;
    text-decoration: none;
    color:#555;
    padding: 0;
    margin:0;
}
.player_rank{
    padding: 15px 0 0 0;
    margin:0;
    flex-grow: 1;
}
.player_rank a{
    background:#4d0920;
    padding: 3px 15px;
    margin:0;
    border-radius:40px;
    font-size:15px;
    font-weight:500;
    text-decoration: none;
    color:#fff;
    transition: all linear 0.2s;
    white-space: nowrap;
}
.player_rank a:hover{
    background:#a22003;
    color:#fff;
    transition: all linear 0.2s;
}

.post_title{
    display:flex;
    align-items: center;
    padding: 0;
    margin:0 0 15px 0;
}
.post_title .postauthor_pic{
    width:55px;
    height:55px;
    margin:0 15px 0 0;
}
.post_title .postauthor_pic img{
    border-radius:60px;
    border:2px solid #ddd;
}
.post_title .post_content{
    flex-grow:1;
}
.post_title .post_content h4{
    padding: 0;
    margin:0;
    font-size:13px;
    font-weight:600;
    color:#555;
}
.post_title .post_content h3{
    padding: 0;
    margin:0;
    font-size:15px;
    font-weight:500;
    color:#555;
    text-align: left;
}
.post_imageslider{
    padding: 0;
    margin:0 0 8px 0;
}
.post_likesharebtnpart{
    display: flex;
    align-items: center;
    background: #eee;
    padding: 2px 8px 0 8px;
    border-radius: 3px;
    border: 1px solid #eaeaea;
}
.like_sharebtn{
    flex-grow:1;
}
.like_sharebtn ul{
    padding: 0;
    margin:0;
    list-style: none;
    display:flex;
}
.like_sharebtn ul li{
    padding: 0 5px;
    margin:0;
}
.like_sharebtn ul li a{
    text-decoration: none;
    color:#555;
    font-size:18px;
}
.like_sharebtn ul li a:hover{
    color:#4d0920;
}
.like_count{
    text-align: right;
    text-decoration: none;
    color:#555;
}
.like_count i{
    color:#4d0920;
}
.post_details{
    padding: 8px 0 0 0;
    margin:0;
    font-size:13px;
    line-height: 20px;
    text-align: left;
    color:#555;
}
.post_details a{
    color:#4d0920;
    text-decoration: none;
}
.post_details a.readmore{
    font-weight:500;
    color:#000;
}
.post_details a.readmore:hover{
    color:#4d0920;
}
.post_imageslider .owl-pagination{
    display:flex;
    justify-content: center;
    text-align: center;
    margin-top:5px;
}
.post_imageslider .owl-pagination .owl-page{
    margin:0 5px;
}
.post_imageslider .owl-numbers{
    font-size:0;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ddd;
    display:flex;
}
.post_imageslider .owl-page.active .owl-numbers{
    background:#4d0920;
}

a.editProfile_btn{
    position: absolute;
    top:20px;
    right:20px;
    background: #4d0920;
    padding: 3px 15px;
    margin: 0;
    border-radius: 40px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    transition: all linear 0.2s;
}
a.editProfile_btn:hover{
    background:#a22003;
    color: #fff;
    transition: all linear 0.2s;
}


/*-------------------------12-02-2020 End------------------------------*/




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

    .profile_socialactivity ul li{
        flex-direction: column;
    }
    .profile_socialactivity ul li h4{
        font-size:15px;
    }
    .profile_socialactivity ul li p{
        font-size:12px;
    }
    




}
@media only screen and (max-width:767px) {

    .profile_details{
        flex-direction: column;
        text-align: left;
    }
    .profile_namelocation{
        padding: 10px 0 0 0;
        width:100%;
    }
    .profile_socialactivity{
        margin:15px 0 0 0;
        width:100%;
    }
    .profile_namelocation h3, .profile_namelocation p{
        text-align: center;
    }

}
.login-bg::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    background: #7a0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #7a0000 0%, #2e0001 44%, #2e0001 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7a0000 0%,#2e0001 44%,#2e0001 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7a0000 0%,#2e0001 44%,#2e0001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#be1800',GradientType=0 ); /* IE6-9 */
}
.backlogin-bg{
    
    background: url(../images/login-bg-2.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 100vh;
    padding-top: 170px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.backlogin-bg::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    background: #7a0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #7a0000 0%, #2e0001 44%, #2e0001 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7a0000 0%,#2e0001 44%,#2e0001 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7a0000 0%,#2e0001 44%,#2e0001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#be1800',GradientType=0 ); /* IE6-9 */
}
body.fix-header.show-sidebar .top-left-part img{
    max-height: 50px;
}
body.fix-header.hide-sidebar .top-left-part img{
    max-height: 29px;
}