/* Margin / Paddings */
.pA5 { padding: 5px !important }
.pT5 { padding-top: 5px !important }
.pR5 { padding-right: 5px !important }
.pL5 { padding-left: 5px !important }
.pB5 { padding-bottom: 5px !important }

.mA5 { margin: 5px !important }
.mT5 { margin-top: 5px !important }
.mR5 { margin-right: 5px !important }
.mL5 { margin-left: 5px !important }
.mB5 { margin-bottom: 5px !important }

.pA10 { padding: 10px !important }
.pT10 { padding-top: 10px !important }
.pR10 { padding-right: 10px !important }
.pL10 { padding-left: 10px !important }
.pB10 { padding-bottom: 10px !important }

.mA10 { margin: 10px !important }
.mT10 { margin-top: 10px !important }
.mR10 { margin-right: 10px !important }
.mL10 { margin-left: 10px !important }
.mB10 { margin-bottom: 10px !important }

.pA15 { padding: 15px !important }
.pT15 { padding-top: 15px !important }
.pR15 { padding-right: 15px !important }
.pL15 { padding-left: 15px !important }
.pB15 { padding-bottom: 15px !important }

.mA15 { margin: 15px !important }
.mT15 { margin-top: 15px !important }
.mR15 { margin-right: 15px !important }
.mL15 { margin-left: 15px !important }
.mB15 { margin-bottom: 15px !important }

.pA20 { padding: 20px !important }
.pT20 { padding-top: 20px !important }
.pR20 { padding-right: 20px !important }
.pL20 { padding-left: 20px !important }
.pB20 { padding-bottom: 20px !important }

.mA20 { margin: 20px !important }
.mT20 { margin-top: 20px !important }
.mR20 { margin-right: 20px !important }
.mL20 { margin-left: 20px !important }
.mB20 { margin-bottom: 20px !important }

.pA25 { padding: 25px !important }
.pT25 { padding-top: 25px !important }
.pR25 { padding-right: 25px !important }
.pL25 { padding-left: 25px !important }
.pB25 { padding-bottom: 25px !important }

.mA25 { margin: 25px !important }
.mT25 { margin-top: 25px !important }
.mR25 { margin-right: 25px !important }
.mL25 { margin-left: 25px !important }
.mB25 { margin-bottom: 25px !important }

.pA30 { padding: 30px !important }
.pT30 { padding-top: 30px !important }
.pR30 { padding-right: 30px !important }
.pL30 { padding-left: 30px !important }
.pB30 { padding-bottom: 30px !important }

.mA30 { margin: 30px !important }
.mT30 { margin-top: 30px !important }
.mR30 { margin-right: 30px !important }
.mL30 { margin-left: 30px !important }
.mB30 { margin-bottom: 30px !important }


/* General */
img .no-style { padding: 0; border: 0 }

/* Tips */
p.reminder {color:#555555;background-color:#f3f9fd;padding: 15px 20px 15px 64px;border-radius: 6px;font-style: italic; position:relative; line-height:1.4; border: 1px solid #CCE7F4; border-left: solid 10px #4488B0; border-radius: 0 5px 5px 0; margin: 2rem auto;}
p.reminder:before {content:""; display: inline-block; height:24px; width:24px; background:url(/img/reminder-icon-26.png); position:absolute; left:20px; top:12px}
p.tip {color:#555555;background-color:#FFFCE1;padding: 15px 20px 15px 64px;border-radius: 6px;font-style: italic; position:relative; line-height:1.4; border: 1px solid #FFE599; border-left: solid 10px #FFD24D; border-radius: 0 5px 5px 0; margin: 2rem auto;}
p.tip:before {content:""; display: inline-block; height:24px; width:24px; background:url(/img/tip-icon-26-1.png); position:absolute; left:20px; top:12px}
p.green {color:#555555;background-color:#F2FBE6;padding: 15px 20px 15px 64px;border-radius: 6px;font-style: italic; position:relative; line-height:1.4; border: 1px solid #C2E3B9; border-left: solid 10px #4E943B; border-radius: 0 5px 5px 0; margin: 2rem auto;}
p.green:before {content:""; display: inline-block; height:24px; width:24px; background:url(/img/tip-icon-26.png); position:absolute; left:20px; top:12px}


/*p.warning {color:#555555;background-color:#ffefef; padding: 15px 20px 15px 64px;border-radius: 6px;font-style: italic; position:relative; line-height:1.4; border: 1px solid #ec7373; border-left: 10px solid #ec7373; border-radius: 0 5px 5px 0; margin: 2rem auto;}
p.warning:before {content:""; display: inline-block; height:24px; width:24px; background:url(/img/warning-icon-24.png); position:absolute; left:20px; top:14px}
p.alert {color:#666666;background-color:#ffdcdc;padding: 10px 15px;border-radius: 6px;font-style: italic}*/

 /* Badge Number*/ 
.ss-article-page .ss-page h3 .badge {
    line-height: 16px;
    margin-right: 0.45rem;
    margin-top:-3px;
    top: 3px;
    height: 24px;
    width: 10px;
    display:inline-block;
}

/* h3 numbering */ 
.ss-article-page .ss-page {
    counter-reset: my-list-counter;
}
.ss-article-page .ss-page h2 {
    counter-reset: my-list-counter;
}
.ss-article-page .ss-page h3.numbered {
    position: relative;
    margin-bottom: 1rem;
    margin-top: 2.2rem;
    line-height: 30px;
    display:block;
    padding-left: 40px;
}
.ss-article-page .ss-page h3.numbered:before {
    content: counter(my-list-counter);
    counter-increment: my-list-counter;
    background-color:#EF8427;
    border-radius:20px;
    padding:0px 12px;
    margin-right:10px;
    list-style:none;
    color:#FFF;
    font-size: 0.75rem;
    font-weight:bold;
    position: absolute;
    left: 0;
}




/* Numbered Lists */
.numbered-list {
    counter-reset: my-badass-counter;
    list-style:none;
    margin:0px;
    padding:0px;
    margin-bottom:20px
}
.numbered-list li{
    position:relative
}
.numbered-list li:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    background-color:#CCC;
    border-radius:20px;
    padding:3px 8px;
    margin-right:10px;
    margin-left:10px;
    list-style:none;
    color:#333;
    font-size: 0.65rem;
    font-weight:bold;
    position: absolute;
    left: 0;
    top:1px;

}
.numbered-list.orange li:before {
    background-color:#EF8427; color:#FFF;
}
    .numbered-list.green li:before {
        background-color: #158472;
        color: #FFF;
    }
.numbered-list.darkgrey li:before {
    background-color:#888; color:#FFF;
}
.numbered-list li {
    padding-bottom:10px;
    padding-left: 43px;
}


   .numbered-list li ul {margin:0.6rem auto 0.4rem 0.6rem}
        .numbered-list li ul li {padding-left:0; padding-bottom:0; list-style:square}
        .numbered-list li ul li:before {display:none}