.letsbiobox {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 25px 30px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #eee;
}

body {
    min-height: 100%;
}

.addblock {
    padding: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 1px #eee;
    margin-bottom: 10px;

}

.blockform {
    padding: 30px 30px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 1px #eee;

}

.blockform h2 {
    font-size: 18px;
}

.blocklists {}

.blocklist {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px #eee;

}

.blocklistsview {}

.blocklistview {
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px #eee;
}

.blocklistview a {
    color: #808080;
}


.sendbutton {
    background-color: #f97bc5;
}

.iconphone {
    color: #f97bc5;
}

.contan {
    background-color: #F3EFFF;
}

.titlecolor {
    color: #000;
}

.titleabout {
    color: #f97bc5;
}

.featured-six {
    background-color: #fcfafb;
}

.howitworks {
    text-align: center;
    margin-left: 0px;
}

.bg-shape {
    background-color: #7052fb;
}

.pix-btn {
    background-color: #f97bc5;
}

.signin-from-wrapper .signin-from-inner p a {
    color: #f97bc5;
}

.section-title.style-three .sub-title {
    color: #f97bc5;
}

.about-content {
    margin-left: 15px;
}

.section-title .sub-title {
    color: #f97bc5;
}

.page-banner {
    height: 350px;
}

.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn,
.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two {
    border-color: #f97bc5;
    color: #f97bc5;
}

.pix-header-fixed .header-inner .site-nav.nav-two .site-main-menu li a:hover,
.pix-header-fixed .header-inner .site-nav.nav-two .site-main-menu li a.current_page {
    color: #f97bc5;
}

.site-header .header-inner .site-nav.nav-two .site-main-menu li .sub-menu li a:hover,
.site-header .header-inner .site-nav.nav-two .site-main-menu li .sub-menu li a.current_page {
    color: #f97bc5;
}

.pix-btn.btn-light.color-two {
    color: #f97bc5;
}

.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn:hover,
.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two:hover {
    background: #f79bc5;
    color: #fff;
    border-color: #f79bc5;
}

.section-title.color-two .sub-title {
    color: #f79bc5;
}

.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn {
    color: #f97bc5;
    border-color: #f97bc5;
}

.pix-header-fixed .site-main-menu li a:hover,
.pix-header-fixed .site-main-menu li a.current_page {
    color: #f97bc5;
}

.site-header .site-main-menu li .sub-menu li a:hover,
.site-header .site-main-menu li .sub-menu li a.current_page {
    color: #f79bc5;
}

.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn:hover {
    background-color: #f97bc5;
}

.pix-btn.btn-light.btn-outline,
.pix-btn.btn-light:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}


.interface-image-wrapper .image-two {
    position: relative;
    left: -12px;
}

.interface-image-wrapper.style-two .image-two {
    margin-left: 0px;
}

.editor-content .section-title.style-two .title {
    margin-top: 150px;
    margin-bottom: 15px;
}

.interface-image-wrapper {
    height: 560px;
}

.profileheader {
    padding-top: 10px;
    padding-bottom: 10px;

}

.profileusername {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.3px;
    color: #6853e4;
}

.profileusername a {
    color: #2b2350;
}

.addblocksingle {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: solid 1px #eee;
}

.addblock a {
    color: #333;
}

.specialsection {
    padding-top: 100px;
    min-height: 80vh;
}

.addblock {
    text-align: center;
}

.addblock img {
    padding-bottom: 10px;
    height: 50px;
}

span.addblocktitle {
    font-size: 16px;
    font-weight: 500;
    color: #808080;
}

.addblock p {
    padding: 0px;
    margin: 0px;
}


.addblocksingle h2 {
    font-size: 18px;
    padding-bottom: 20px;
}

.topeditshow {
    padding-top: 15px;
}

.addcontentbox {
    background-color: #fafafa;
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px #eee;
    padding: 50px;
    text-align: center;
    color: #808080;
    border-radius: 10px;
    opacity: 0.8;

}

.addcontentbox:hover {
    opacity: 1;
    background-color: #fff;

}

.addcontentbox a {
    color: #808080;
}

.newbox {}

.newbox h2 {
    font-size: 18px;
    padding-bottom: 10px;
}

.letsbioboxtop {
    text-align: right;
    padding-bottom: 10px;
}

.letsbioboxtop a {
    color: #6853e4;
    padding-left: 10px;
    opacity: 0.6;
}

.letsbioboxtop a:hover {
    opacity: 1.0;
}

.profilesiteurl {
    font-size: 14px;
}

.addcontentboxicon {
    text-align: center;
}

.addcontentboxicon img {
    height: 60px;
}

.featured-two-same .section-title {
    margin-bottom: 40px;
}

.note-editor .note-toolbar,
.note-popover .popover-content {
    background-color: #eee;
}

@media (max-width: 991px) {
    .site-header .header-inner {
        text-align: left;
        ;
        padding: 0px;
    }

    .featured-two-same {
        padding-top: 100px;
    }

    .featured-two-same .section-title {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .profileusername {
        font-size: 14px;

        letter-spacing: -0.3px;

    }

    .rightsorter {
        display: none;
    }

    .profilesiteurl {
        font-size: 13px;
    }

    .leftsidecard {
        float: left !important;

        width: 100% !important;
    }


}

.profilebody {
    background-color: #f5f5f5;
}

.profilefooter {
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}

.modal-backdrop {
    z-index: 999998;
}

.pix-header-fixed {
    z-index: 9999;
}

img.avatarimage {
    max-height: 100%;
    width: 100%;
    box-shadow: 5px 5px 10px 0 rgba(80, 80, 80, 0.15);
    border-radius: 50%;
    padding: 0px;
    padding-top: 5px;
}

.profileimage {
    padding: 0px;
    float: left;
    padding-right: 15px;
    width: 60px;
    height: 60px;
}

.profiletitle {
    float: left;
    padding-top: -2px;
    height: 60px;

}

.linksform {
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px #eee;
    padding: 20px;
    padding-left: 10px;
    color: #808080;
    border-radius: 3px;
}

.linksform .form-group {
    margin-bottom: 0px;
}

.linksform .form-control {
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
    font-size: 14px;
    background-color: #fff;

}

.linksform .form-control:focus {
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
    font-size: 14px;
    box-shadow: none;
    background-color: #fff;


}

.linksform .linkbuttons {
    padding-top: 5px;
}

.addlinks {
    background-color: #fff;
    border-left: solid 3px #7052fb;
}

ul.linkssortable {
    padding: 0px;
    margin: 0px;
}

ul.linkssortable li {
    list-style-type: none;
    border: none;
    width: 100%;
}

.editform {
    float: left;
    width: calc(100% - 20px);
}

.smartphonearea {
    position: relative;
    right: 0px;
    margin: auto auto;
}

.smartphone {
    position: relative;
    width: 360px;
    height: 640px;
    margin: auto;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
}

/* The horizontal line on the top of the device */
.smartphone:before {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 10px;
}

/* The circle on the bottom of the device */
.smartphone:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    bottom: -65px;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 50%;
}

/* The screen (or content) of the device */
.smartphone .content {
    width: 360px;
    height: 640px;
    background: white;
}

.showlinks {
    padding: 10px;
    background-color: #7052fb;
    margin-bottom: 10px;
    color: #fff;
}

.showlinks a {
    color: #fff;
}

input.entertitle {
    border-bottom: solid 1px #f5f5f5 !important;
    font-weight: 600;
}

.showheader {
    background-color: #fff;
    margin-bottom: 20px;
}

.showlinksphone {
    padding: 10px;
}

.editpage {
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 1px #eee;

}

.bg-light {
    background-color: #fff !important;
}

.navbar-smalls {
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px #eee;
    padding: 0px;
}

.userinformationshow {
    font-size: 14px;
    margin-bottom: 20px;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: #fafafa;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

}

.newbar li a.nav-link {
    font-size: 14px;
    padding: 15px 30px !important;

}

.newbar li a.active {
    font-size: 14px;
    background-color: #7052fb;
    color: #fff !important;
}

.newbar li a:hover {
    background-color: #fafafa;


}

.btn-new {
    padding: 5px;
    opacity: 0.4;

}

.btn-new:hover {
    opacity: 1.0;
}

.banner-btn.pix-btn.btn-two.wow.fadeInUp.settingindex {
    background-color: rgb(255, 255, 255);
    border: 2px solid #f97bc5;
    color: #f97bc5;
}

.banner-btn.pix-btn.btn-two.wow.fadeInUp.settingindex:hover {
    background-color: #f97bc5;
    color: #fff;


}

.banner-btn.pix-btn.btn-two.wow.fadeInUp.settingindex2 {
    background-color: #f97bc5;
    border: 2px solid #f97bc5;
    color: #fff;
}

.banner-btn.pix-btn.btn-two.wow.fadeInUp.settingindex2:hover {
    background-color: #fff;
    color: #f97bc5;
    border: 2px solid #f97bc5;


}

#footer.footer-app {
    padding-bottom: 0px;
}

.noshadow {
    box-shadow: 1px 1px 1px #eee;
}

.statbox {
    border: solid 1px #eee;
    padding: 20px;
    text-align: center;
}

.statbox h2 {
    font-weight: 600;

}

.statbox h3 {
    font-weight: 400;
}

.analysticpage {
    margin-top: 20px;
    background-color: #fff;
    border: solid 1px #eee;
    padding: 30px;
}

.table-stats {
    font-size: 12px;
}

.table-stats td,
.table-stats th {
    border: solid 0.5px #eee;

}

.table-stats thead {
    font-weight: 600;
}

.editor-content.color-two {
    padding-left: 140px;
}

.carddiv {
    background-color: #FCF7F7;
}

.card-links-add {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.card-links-add .form-type-material.form-group,
.form-type-material .form-group {
    margin-bottom: 5px;
}

.specialcardbody {
    padding: 5px 15px;
}

.specialcardfooter {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;

}

.newcontainer {
    width: 95% ;
    max-width: 95% ;
}

.newcontainer2 {
    max-width: 70% !important;
}

.leftsideprofile {
    padding-top: 20px;
}

.rightsideprofile {
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    padding-bottom: 20px;
    min-height: 91vh;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
}

.newmaincontent {
    padding-top: 0px;
    padding: 0px;
}

.rightsideprofile {}

.newcard {
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;

}


.rightsorter {
    float: left;

    width: 5%;
    background-color: #7052fb;
}

.rightsorter:hover {
    cursor: all-scroll;
}

.newformcontrol {
    color: #333;
    font-weight: 400;
    border: none;
    padding-left: 0px;
    border-bottom: solid 1px #fff;

}

.newformcontrol:focus {
    background: none;
    box-shadow: none;
}

.goprofile {
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #eee;

}

.newformgroup {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

.edittitle {
    border-bottom: solid 1px #eee;
}

.targetclass {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #eee;
}
.linkthumbnail
{
    max-width: 20px;
}
.linkthumb
{
    max-width: 30px;
    width: 30px;
    display: inline-block;

}
span.thumbimage
{
     max-width: 60px;
    width: 60px;
    display: inline-block;
    margin-right: 20px;
}
.thumbimagedetail
{
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
}
p.targettitle
{
    font-weight: 400;

}
.boxdesign
 {
    height: 200px;
    width: 21%;
    margin: 2%;
    float: left;
    border: solid 1px #eee;
    border-radius: 10px;
    padding: 10px;
        opacity: 0.8;

 }
 .boxdesign:hover
 {
    opacity: 1.0;
 }
 .boxdesgn
{

}
.boxcol
 {
    height: 50px;
    margin-top: 10px;


 }