@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

html, body, footer, header, nav, div, a, h1, h2, h3, h4, p, span, label, input, textarea, select, section, * {
}

.box h1, .lines > div span, .box h1, #box1 .lines div, #box2 .lines div, ul.breadcrumb li a, .sideArea > .loggedInfo > .saldo .total > span#valorSaldo, ul.breadcrumb, div.pddInner, .mult .charSelectedTxt {
    font-family: Open Sans, -apple-system, sans-serif!important;
}

body {
    color: #b5b5b5;
}

section {
    border-radius:0px!important;
    width: auto!important;
}
    
.lines div.two {
    background: rgba(84, 44, 164, 0.1)!important;
}

.lines > div {
border-top: 1px solid rgba(222, 222, 222, 1);
}

nav .icon {
    width: 65px;
}

.purpArea .menu {
    width: 65px;
}

.purpArea .menu > div {
    transition: width 0.3s!important;
    width: 65px;
}

.purpArea .menu > div {
    background: #16181b!important;
}

.purpArea .menu:hover > div, .purpArea .menu > div > div {
    width: 320px!important;
}

.whitArea {
    background: #1b1d21!important;
}

ul.breadcrumb li a {
    color: #fff;
    font-size: 20px;
}

ul.breadcrumb {
    border-bottom: 2px solid #32383e!important;
    background: #212529!important;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

ul.breadcrumb li a, ul.breadcrumb li a:hover {
    color: #fff!important;
    font-weight: 400;
}

.leftTop .langs:hover > div {
    border: 1px solid #212529;
    background-color: #212529;
}

.leftTop .langs > div {
    padding: 7px 20px;
}

.langs div a, .langs div a:active, .langs div a:visited, .langs div a:link {
    color: #a6a6a6!important;
    font-size: 0.78rem!important;
}

.langs div a:hover {
    color: #d0d0d0!important;
}

.box {
    background: #1b1d21;
    border: 1px solid #1b1d21;
    color: #b5b5b5;
}

.lines div.two {
    background: #212529!important;
}

.lines > div, .linelogs2 div {
    border-top: 1px solid #32383e!important;
}

#box1 .lines div, #box2 .lines div {
    background-color: #212529!important;
    color: #d0d0d0!important;
}

#box1 .lines div {
    font-weight: 600;
}

#box2 .lines div:hover, #box1 .lines div:hover {
    
}

.lines.logs > div {
    border-color: #32383e!important;
}


.mult .selec > * {
    background: #212529!important;
}

.mult .selec > div.actived {
    background: #cda000!important;
}

.mult .selec > span:hover {
    background: #32383e!important;
}

.mult .selec > * {
    padding: 2px;
    margin: 0 16px 0 0;
    border-radius: 6px 6px 6px 6px;
}

.mult .selec {
    margin-bottom: 20px;
}

.mult .infos, .mult .opts {
    background: transparent;
}

.mult .selec > div > div {
    right: 9px!important;
}

.box h1 {
    color: #bebebe;
}

nav > * {
    font-size: 14px !important;
}

nav > *.actived {
    background: none!important;
}

nav .icon {
    font-size: 18px;
}

.leftTop, .leftTop:hover {
    top: 18px;
    color: #878a99!important;
}

.leftTop .langs, .leftTop .langs:hover {
    border: 1px solid #878a99!important;
}

.leftTop > a, .leftTop > a:hover, .langs span:hover, div.langs:hover, .langs a:hover {
    color: #878a99!important;
}

.sideArea > .loggedInfo > .blue-bg-5, .sideArea > .loggedInfo > .userCts {
    height: 195px;
}

.sideArea > .loggedInfo > .userCts {
    padding: 30px 0 0 0;
}

.sideArea > .loggedInfo > .blue-bg-5 {
    background: #16181b!important;
}

.sideArea > .loggedInfo > .blue-bg-5 {
    opacity: 1;
}

.sideArea > .loggedInfo > .saldo {
    background-color: #16181b;
    border-bottom: 1px solid #16181b;
    color: #dbdbdb;
}

.sideArea > .loggedInfo > .saldo .total > span {
    font-size: 22px;
    color: #e19111;
    text-transform: uppercase;
}

.sideArea > .loggedInfo > .saldo .total > span#valorSaldo {
    font-size: 17px!important;
    color: #ff8034!important;
    text-transform: uppercase!important;
    padding: 8px 0px!important;
    margin: 0px 27px!important;
    border-radius: 5px!important;
    font-weight: 600;
}

span#textoSaldo {
    color: #d7d7d7!important;
    font-size: 1rem!important;
    text-transform: inherit!important;
    margin-bottom: 11px!important;
}

.sideArea > .loggedInfo > .saldo {
    color: #dbdbdb;
}

div.saldo div.total span {
    margin-top: 10px;
}

.sideArea, div.purpArea, .sideArea > .loggedInfo > .donateButtons {
    background: #16181b;
}

div.purpArea {
    border: 0px solid #202020;
}

.sideArea > .loggedInfo > .donateButtons {
    padding: 30px!important;
}

.sideArea > .loggedInfo > .donateButtons a {
    padding: 5px 5%!important;
}

.mult .selec > div > img {
    border-radius: 5px;
}

a.donateBtnTx {
    background: #32383e!important;
    border-radius: 5px!important;
    border: 1px solid #1b1d21;
    color: #fff!important;
    font-size: 12px!important;
    margin: 0 0 20px 0!important;
    padding: 6px 6px!important; 
    width: auto!important;
    transition: background-color 0.4s!important;
}

a.donateBtnTx:hover {
    background: #283a4b!important;
    border: 1px solid #5d6574;
    color: #fff!important;
    transition: background-color 0.4s!important;
}

a.donateBtnTx i {
    font-size: 22px!important;
    display: flex!important;
}

a.donateBtnTx span {
    position: relative!important;
    display: block!important;
    top: -30px!important;
}

a.donateBtnTxDestaque {
    background-color: #fff!important;
    border-radius: 5px!important;
    color: #1b1d21!important;
}

.pddInner {
    /*border-right: 4px solid #bb7a15;*/
}

.titleI {
    display: block!important;
}

.lines > div span {
    font-weight: 400!important;
    color: #878a99!important;
}

.box h1 {
    color: #fff;
    font-weight: 500!important;
}

.linelogs2 .headerLL2, .linelogs2 .headerLL2 span {
    font-weight: 500!important;
    color: #fff!important;    
}

.mult .lines > div {
    background: #212529!important;
}

ul.breadcrumb li + li:before {
    color: #898989;
}

.mult .charSelectedTxt {
    font-size: 0.9rem;
    background: #17304a;
    width: auto;
    padding: 10px 15px;
    border-radius: 0px;
    
    display:none;
    
}

table.default tr th {
    background: #32383e;
}

a.default, input.default {
    background: #ff8034!important;
    box-shadow: none;
    font-family: Open Sans, -apple-system, sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 11px 12px;
    text-shadow: none!important;
    color: #fff!important;
}

a.default:hover, input.default:hover, a.default:focus, input.default:focus {
    background: #ba6634!important;
}

.sideArea > .loggedInfo > .userCts .avatar {
    padding: 5px;
    background: #32383e;
}

.service > .title .costs {
    background: #181a1e;
    color: #ffffff;
}

.service {
    background: transparent;
}





/* INPUT */






    label.formpadrao {
        border: 0px!important;
    }
    div.grayArea {
        background: transparent!important;
    }
    .formpadrao input {
        box-shadow: none!important;
    }
    
    /*Try something*/
    
    .card {
      margin: 2rem auto;
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 425px;
      background-color: #FFF;
      border-radius: 10px;
      box-shadow: 0 10px 20px 0 rgba(153, 153, 153, 0.25);
      padding: 0.75rem;
    }
    
    .card-image {
      border-radius: 8px;
      overflow: hidden;
      padding-bottom: 65%;
      background-image: url("https://assets.codepen.io/285131/coffee_1.jpg");
      background-repeat: no-repeat;
      background-size: 150%;
      background-position: 0 5%;
      position: relative;
    }
    
    .card-heading {
      position: absolute;
      left: 10%;
      top: 15%;
      right: 10%;
      font-size: 1.75rem;
      font-weight: 700;
      color: #735400;
      line-height: 1.222;
    }
    .card-heading small {
      display: block;
      font-size: 0.75em;
      font-weight: 400;
      margin-top: 0.25em;
    }
    
    .card-form {
      padding: 1rem 1rem 0;
    }
    
    .card-form input {
        font-size: 14px;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .card-form a, .card-form a:visited, div.greyArea a, div.greyArea a:visited {
        color: #e19010!important;
    }
    
    .input {
      display: flex;
      flex-direction: column-reverse;
      position: relative;
      padding-top: 1.5rem;
    }
    .input + .input {
      margin-top: 1.5rem;
    }
    
    .input-label {
    color: #a6a6a6;
    position: absolute;
    top: 2.3rem;
    left: 1rem;
    transition: 0.25s ease;
      
    font-family: Open Sans, sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    }
    
    .input-field {
    border: 0;
    z-index: 0;
    background-color: #25292f;
    border: 2px solid #25292f;
    padding: 0.55rem;
    border-radius: 5px;
      
    font-weight: 400!important;
    color: #fff!important;
    font-family: Open Sans, sans-serif!important;
    font-size: 0.8rem!important;
    }
    
    .input-field:focus, .input-field:valid {
      outline: 0;
      /*border-bottom-color: #e19010;*/
        border: 2px solid #16181b!important;
        background-color: #16181b!important;
    }
    
    .input-field:focus + .input-label, .input-field:valid + .input-label {
        color: #ff8034;
        background-color: #16181b;
        padding: 0.2rem 0.5rem;
        border-radius: 8px;
        border: 1px solid #2b2b2b;
        transform: translateY(-2.8rem);
        left: 3px;
    }
    
    .action {
      margin-top: 2rem;
    }
    
    .action-button {
      font: inherit;
      font-size: 1.25rem;
      padding: 1em;
      width: 100%;
      font-weight: 500;
      background-color: #6658d3;
      border-radius: 6px;
      color: #FFF;
      border: 0;
    }
    .action-button:focus {
      outline: 0;
    }
    
    .card-info {
      padding: 1rem 1rem;
      text-align: center;
      font-size: 0.875rem;
      color: #a6a6a6;
    }
    .card-info a {
      display: block;
      color: #6658d3;
      text-decoration: none;
    }

/* FIM */

    .smallCenter .accessButton {
        margin: 10px auto -10px!important;
    }

    .formpadrao > div {
        background: transparent;
    }

    .formpadrao .desc {
        color: #fff;
        font-family: Open Sans, sans-serif;
        font-weight: 600;
    }
    
    .formpadrao .camp input[type="text"], .formpadrao .camp input[type="password"], .formpadrao .camp input[type="file"], .formpadrao .camp select, .formpadrao textarea, .formpadrao .camp input[type="text"]:focus, .formpadrao .camp input[type="password"]:focus, .formpadrao .camp select:hover, .formpadrao textarea:focus {
        background: #16181b;
        color: #b1b1b1;
    }
    
    .formpadrao .camp input[type="text"]:disabled, .formpadrao .camp input[type="password"]:disabled {
        background: #161616;
    }
    
    a.default.big, span.default.big, input.default.big {
        text-transform: inherit;
    }

div.shopItemList {
    padding-top: 2rem!important;
}

a.default.big {
    max-width: 100px;
}


/* TESTE SELECT CSS STYLE */

select {
  background-color: #32383e!important;
  color: #b1b1b1!important;
  height: 30px!important;
}

span#valor_symbol, span#valor_total {
    color: #ff8034!important;
}

/* END */

i.fa-power-off {
    color: #a64040!important;
}

div.grayArea, div.grayArea a, article, article div, nav, nav a, nav a div {
    font-family: Open Sans, sans-serif!important;
}