/*** Css leads setting frontend ***/

/* sidebar */
#sidebar #custom_html-4 ul.sl-list.custom.yellow li {
    padding: 4px;
    margin: 0;
}
#sidebar #custom_html-4 ul.sl-list.custom.yellow li:before {
    display: none !important;
}       
#wrapper #main #sidebar #custom_html-4 ul.sl-list.custom.yellow li a {      
    padding-left: 28px !important;
}
#sidebar #custom_html-4 h3{
    background: none;
    border-bottom: 1px solid gray;
    text-align: left !important;
    padding-left: 0;
    font-family: "Avant-Garde", sans-serif;
    font-size: 18px;
}
#sidebar #custom_html-4 ul{
    margin-left: 18px !important;
    margin-right: 13px;
}
#sidebar #custom_html-4 h3 span{
    background: none;
    color: #444444 !important;
    text-align: left !important;
    font-family: "Avant-Garde", sans-serif;
}
#sidebar .sl-list li a span {
    font-family: "Avant-Garde", sans-serif;
}
/* Icon */
#sidebar #custom_html-4 #tk-1 a{
    background-image: url("../images/icon-leads-setting/dashboard.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-2 a{
    background-image: url("../images/icon-leads-setting/press.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-3 a{
    background-image: url("../images/icon-leads-setting/publish-article.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-4 a{
    background-image: url("../images/icon-leads-setting/how-it-works.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-5 a{
    background-image: url("../images/icon-leads-setting/setting.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-6 a{
    background-image: url("../images/icon-leads-setting/report.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-7 a{
    background-image: url("../images/icon-leads-setting/company.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-8 a{
    background-image: url("../images/icon-leads-setting/user.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-9 a{
    background-image: url("../images/icon-leads-setting/accounts-billing.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-16 a{
    background-image: url("../images/icon-leads-setting/payment.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-10 a{
    background-image: url("../images/icon-leads-setting/trustscore.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-11 a{
    background-image: url("../images/icon-leads-setting/ratings.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-17 a{
    background-image: url("../images/icon-leads-setting/create_review.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-12 a{
    background-image: url("../images/icon-leads-setting/contact.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-13 a{
    background-image: url("../images/icon-leads-setting/terms.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-14 a{
    background-image: url("../images/icon-leads-setting/media.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-15 a{
    background-image: url("../images/icon-leads-setting/support.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}
#sidebar #custom_html-4 #tk-18 a{
    background-image: url("../images/icon-leads-setting/logout.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
}

#sidebar #custom_html-4 #tk-19 a{
    background-image: url("../images/icon-leads-setting/history.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
    background-size: 16px;
}

#sidebar #custom_html-4 #tk-20 a{
    background-image: url("../images/icon-leads-setting/terms.png"); 
    background-repeat: no-repeat;
    background-position: 1px;
    background-size: 16px;
}

#docs-content {
    line-height: 33px;
}

.page-template-template-group-archives .row-lead-setting .span3 {
    min-height: auto;
    margin-bottom: 10px;
}

/* Pricing */
@media (min-width: 1200px) {
    body.user-admin.packages #main-wrapper {
        width: 1170px;
    }
    .row {
        margin-left: 0;
    }
}

.pricing {
    padding: 0;
}
.pricing header {
    margin-bottom: 50px;
}
.user-admin #content .pricing header h2 {
    margin-top: 15px;
}
.pricing-table-container {
    padding: 2em;
    box-shadow: 0 0 3px 0 rgba(107, 107, 107, 0.15), 0 0 30px 0 rgba(107, 107, 107, 0.08);
    background-color: #fff;
    position: relative;
}

body.user-admin .pricing .container {
    width: 100%;
    padding: 0;
}

body.user-admin .pricing *{
    box-sizing: border-box;
}
body.user-admin .pricing .span4 {
    position: relative;
    padding-left: 30px;
    margin: 0;
}
body.user-admin .pricing .span4:first-child {
    padding-left: 0;
}

.plan-popular.pricing-table-container::before {
    background: #ec407a;
    color: #fff;
    content: 'Most Popular';
    font-size: 14px;
    padding: 3px 10px;
    position: absolute;
    text-align: center;
    left: 50%;
    top: -27px;
    width: 80%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.plan-type h4 {
    font-size: 14.5px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

.plan-price h5 {
    font-size: 54px;
    color: #febe10;
    text-transform: uppercase;
    margin: 36px 0 24px;
}

.plan-currency { vertical-align: 30px; }

.plan-currency,
.plan-duration { font-size: 19px; }

.plan-cta span {
    font-size: 13px;
    color: #848e92;
    display: block;
}

.plan-cta .btn {
    width: 100%;
    margin: 12px 0 24px;
    padding: 1.25em 0;
    font-weight: bold;
    color: #fff;
}

.plan-details li {
    font-size: 14px;
    margin-bottom: 12px;
    color: #3a4a51;
    list-style: none;
}

.plan-details li:last-child { margin-bottom: 0; }

.plan-details li i {
    color: #ccd7dc;
    font-size: 18px;
    padding-left: .5em;
}

.plan-details li i:hover { cursor: help; }
@media (max-width: 1200px) {
    body.user-admin .pricing .span4 {
        padding-left: 20px;
    }
    body.user-admin .pricing .span4:first-child {
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .pricing .span4 {
        width: 33.3333%;
    }
}
@media (max-width: 768px) {
    body.user-admin .pricing .row {
        margin-left: -15px;
    }
    
    body.user-admin .pricing .span4 {
        margin-left: 0;
        padding-left: 0;
        width: 100% !important;
        margin-top: 20px;
    }
}