/*-------------------------------------ELEMENTOS-------------------------------------*/
a { color: #AE81FF; font-weight: 700; }
    a:hover { color: #FFF; background-color: #7371B7; text-decoration: underline; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
abbr[title] { border-bottom: none; }
body { color: #000; background-color: #2C1B56; text-align: justify; font-size: 16px; }
h1 { font-size: 50px; line-height: 1; padding: 50px 0; color: #EEE; }
ol { list-style-type: decimal; }
    ol li ol { list-style-type: upper-roman; }
li { margin-bottom: 8px; }

pre.prettyprint { background: rgba(29,17,64,0.85); border: 0; border-left: 4px solid #2c1b56; border-radius: 0; color: #6C7887; overflow-x: auto; padding: 10px; font-size: 13px; line-height: 1.4; word-break: break-all; word-wrap: break-word; }
pre code .str { color: #FFFFFF; /*String*/ }
pre code .kwd { color: #AE81FF; /*Keyword*/ }
pre code .tag { color: #AE81FF; }
pre code .pln { color: #E6DB74; }
pre code .pun { color: #FFFFFF; /*punctuation*/ }
pre code .atn { color: #7FA929; /*attribute name*/ }
pre code .atv { color: #E6DB74; /*attribute value*/ }
pre code .typ { color: #66D9EF; /*type*/ }
pre code .com { color: #378B49; /*type*/ }
pre .pln:first-child,
pre .pln:last-child { display: none; }
/*-------------------------------------IDENTIFICADORES-------------------------------------*/
#imgQrcode { width: 160px; margin: 0 auto; }
#sidebar li.active { border: 0 solid #AE81FF; border-left-width: 5px; background-color: #7371B7; }
    #sidebar li.active a { color: #2C1B56; }
#sidebar > li > a:focus,
#sidebar > li > a:hover { text-decoration: none; background-color: rgba(115,113,183,0.5); color: #FFF; }
/*-------------------------------------CLASSES-------------------------------------*/
.affix-top,
.affix { position: static; }

.btn { display: inline-block; font-size: 12px; padding: 10px 30px; font-style: normal; text-align: center; vertical-align: middle; margin-top: 1px; margin-bottom: 1px; cursor: pointer; background-image: none; border: 1px solid; border-radius: 2px; outline: none; white-space: pre-wrap; -webkit-text-stroke: 0px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.btn-theme { color: #FFF; background-color: #00D779; border-color: #00D779; font-size: 16px; position: relative; }
    .btn-theme:after { content: ''; position: absolute; border: 1px solid; border-radius: inherit; border-color: inherit; top: -1px; right: -1px; bottom: -1px; left: -1px; -webkit-animation-duration: .5s; animation-duration: .5s; }
    .btn-theme:hover,
    .btn-theme:focus,
    .btn-theme:active { background-color: transparent; border-color: #00D779; color: #00D779; outline: 0; }
        .btn-theme:hover:after,
        .btn-theme:focus:after,
        .btn-theme:active:after { -webkit-animation-name: btn-ripple-out; animation-name: btn-ripple-out; }

        .btn-theme:hover i,
        .btn-theme i.fa-inverse { color: #00D779 !important; }
            .btn-theme:hover i.fa-inverse { color: #FFF !important; }

.fa-stack .fa-circle { color: #FFF; }
.imgLoto { height: 30px; margin: 30px auto 0 auto; }

.mark,
mark { background-color: #FF0; }
/*-------------------------------------Tabs*/
.nav-tabs { margin: 20px 0; border-bottom: 2px solid #7371B7; }
    .nav-tabs li { }
        .nav-tabs li a { background-color: #AE81FF; border: 1px solid #AE81FF; border-bottom-color: #7371B7; border-right: none; color: #FFF; cursor: pointer; font-weight: 300; padding: 4px 20px; }
        .nav-tabs li:first-child a { border-left: 1px solid #AE81FF; margin-left: 2px; }
        .nav-tabs li:last-child a { border-right: 1px solid #AE81FF; }
        .nav-tabs li.active a { background-color: #7371B7; border-bottom: 1px solid #7371B7; color: #2C1B56; }
            .nav-tabs li a:hover,
            .nav-tabs li.active a:hover { background-color: #7371B7; color: #2C1B56; }
.tab-pane { margin: 10px 0; width: 100%; }
/*-------------------------------------FIM - Tabs*/
/*-------------------------------------Price*/
.price-table .plan-container { padding-top: 10px; padding-bottom: 20px; margin-top: 30px; position: relative; border: solid 1px #CCC; }
    .price-table .plan-container > .title { margin-top: -34px; width: 60%; margin-left: auto; margin-right: auto; background-color: #F0F0F0; }
    .price-table .plan-container > span { display: block; padding: 5px 0; }
    .price-table .plan-container > .title > h3 { margin: 0; padding: 5px 0 0 0; }
.price-table b { font-weight: 700; }
.price-table .plan-container > .subtitle { margin-left: auto; margin-right: auto; margin-top: -5px; width: 70%; border-bottom: 1px solid #DDDDDD; }
.price-table .price-item .price { display: block; text-align: center; width: 120px; height: 120px; margin: 15px auto; border-radius: 200px; position: relative; color: #FFF; background-color: #26B7EB; border: solid 5px #E9E9E9; }
.price-table .plan-container .currency { font-size: 24px; top: -9px; padding-right: 3px; }
.price-table .price-item .price strong { line-height: 70px; font-size: 32px; font-weight: 700; }
.price-table .price-item .price strong small { border-top: none; font-size: 14px; font-weight: 100; line-height: 1; display: inline; letter-spacing: 1px; }
.price-table .price-item .price small { border-top: 1px solid; display: block; margin-left: auto; margin-right: auto; margin-top: -10px; padding-top: 3px; width: 45px; text-transform: uppercase; letter-spacing: 2px; }
.price-table .price-item .options { margin-top: 10px; }
    .price-table .price-item .options > span:first-child { border-top: 1px solid #D6D6D6; }
    .price-table .price-item .options > span:nth-child(odd) { background-color: #F6F6F6; }
    .price-table .price-item .options > span { display: block; text-align: left; padding: 5px 5px 5px 60px; font-size: 14px; border-bottom: 1px solid #D6D6D6; color: #585858; }
        .price-table .price-item .options > span:before { font-family: 'FontAwesome'; content: "\f08E"; margin: 0 5px 0 -15px; padding-right: 5px; color: #26B7EB; }
/*-------------------------------------FIM - Price*/
/*-------------------------------------Panel*/
.panel-group { margin-top: 20px; }
    .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEE; margin-bottom: 20px; }
.panel-default > .panel-heading { padding: 0; border-radius: 0; color: #2C1B56; background-color: #EEE; border-color: #DDD; }
.panel-title { padding: 15px; color: #212121; font-weight: 700; }
.panel-default > .panel-body { border-top: 1px solid #EEE; }
.panel-title > a,
.panel-title > small > a { cursor: pointer; }
    .panel-title > a:hover,
    .panel-title > small > a:hover { text-decoration: none; }
/*-------------------------------------FIM - Panel*/
@media (min-width: 979px) {
    #sidebar.affix-top { position: static; margin-top: 30px; width: 220px; }
    #sidebar.affix { position: fixed; top: 70px; width: 220px; }
}
/* Ripple Out */
@-webkit-keyframes btn-ripple-out {
    100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}

@keyframes btn-ripple-out {
    100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}