/* FLIXGAMES - SOMENTE ÁREA DA CONTA */

body.pagina-conta #corpo,
body.pagina-login #corpo,
body.pagina-cadastro #corpo,
body.pagina-pedido #corpo {
    background: #000 !important;
}

/* área principal da conta */
body.pagina-conta #corpo .conteiner,
body.pagina-login #corpo .conteiner,
body.pagina-cadastro #corpo .conteiner,
body.pagina-pedido #corpo .conteiner {
    background: #000 !important;
}

/* caixas apenas da conta */
body.pagina-conta #corpo .caixa,
body.pagina-conta #corpo .caixa-sombreada,
body.pagina-conta #corpo .well,
body.pagina-conta #corpo .abas-conteudo,
body.pagina-conta #corpo .tab-content,
body.pagina-conta #corpo .secao-principal,
body.pagina-conta #corpo .span9,
body.pagina-conta #corpo .span12 {
    background: #101010 !important;
    color: #fff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 14px !important;
}

/* menu lateral só da conta */
body.pagina-conta #corpo .span3,
body.pagina-conta #corpo .menu-simples,
body.pagina-conta #corpo aside {
    background: #101010 !important;
    border: 1px solid #00d9ff !important;
    border-radius: 14px !important;
}

/* abas vermelhas só da conta */
body.pagina-conta #corpo .nav-tabs > li > a,
body.pagina-conta #corpo .abas li a,
body.pagina-conta #corpo .tabbable .nav-tabs li a {
    background: #ff003c !important;
    color: #fff !important;
    border: 1px solid #ff003c !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

/* aba ativa */
body.pagina-conta #corpo .nav-tabs > .active > a,
body.pagina-conta #corpo .nav-tabs > .active > a:hover,
body.pagina-conta #corpo .abas .active a,
body.pagina-conta #corpo .tabbable .nav-tabs .active a {
    background: #ff003c !important;
    color: #fff !important;
    box-shadow: 0 0 12px rgba(255,0,60,.6) !important;
}

/* textos só da conta */
body.pagina-conta #corpo,
body.pagina-conta #corpo p,
body.pagina-conta #corpo span,
body.pagina-conta #corpo div,
body.pagina-conta #corpo label,
body.pagina-conta #corpo strong,
body.pagina-conta #corpo td,
body.pagina-conta #corpo th,
body.pagina-conta #corpo li {
    color: #fff !important;
}

/* títulos */
body.pagina-conta #corpo h1,
body.pagina-conta #corpo h2,
body.pagina-conta #corpo h3,
body.pagina-conta #corpo h4 {
    color: #00d9ff !important;
}

/* botões só da conta */
body.pagina-conta #corpo .botao,
body.pagina-conta #corpo .btn,
body.pagina-conta #corpo button,
body.pagina-conta #corpo input[type="submit"] {
    background: linear-gradient(45deg,#0066ff,#00d9ff) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: bold !important;
}

/* inputs só da conta */
body.pagina-conta #corpo input,
body.pagina-conta #corpo select,
body.pagina-conta #corpo textarea {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #00d9ff !important;
    border-radius: 8px !important;
}
/* =======================================================
   FLIXGAMES - CORREÇÃO TABELA PEDIDOS
======================================================= */

/* tabela geral */
body.pagina-pedido-listar #corpo table,
body[class*="pedido"] #corpo table,
body[class*="conta"] #corpo table{
    background:#0b0b0b !important;
    border:1px solid #00d9ff !important;
}

/* cabeçalho */
body.pagina-pedido-listar #corpo table thead th,
body[class*="pedido"] #corpo table thead th,
body[class*="conta"] #corpo table thead th{
    background:#111 !important;
    color:#ffffff !important;
    border-bottom:1px solid #00d9ff !important;
    font-weight:900 !important;
}

/* TODAS AS COLUNAS */
body.pagina-pedido-listar #corpo table tbody td,
body.pagina-pedido-listar #corpo table tbody td a,

body[class*="pedido"] #corpo table tbody td,
body[class*="pedido"] #corpo table tbody td a,

body[class*="conta"] #corpo table tbody td,
body[class*="conta"] #corpo table tbody td a{

    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    font-weight:700 !important;
    text-shadow:0 0 6px rgba(0,217,255,.45) !important;
}

/* DATA */
body.pagina-pedido-listar #corpo table tbody td:nth-child(2),
body[class*="pedido"] #corpo table tbody td:nth-child(2),
body[class*="conta"] #corpo table tbody td:nth-child(2){
    color:#ffffff !important;
}

/* STATUS */
body.pagina-pedido-listar #corpo table tbody td:nth-child(3),
body[class*="pedido"] #corpo table tbody td:nth-child(3),
body[class*="conta"] #corpo table tbody td:nth-child(3){
    color:#00ff66 !important;
}

/* CANCELADO */
body.pagina-pedido-listar #corpo table tbody tr.cancelado td:nth-child(3),
body[class*="pedido"] #corpo table tbody tr.cancelado td:nth-child(3){
    color:#ff3b3b !important;
}

/* VALOR */
body.pagina-pedido-listar #corpo table tbody td:nth-child(4),
body[class*="pedido"] #corpo table tbody td:nth-child(4),
body[class*="conta"] #corpo table tbody td:nth-child(4){
    color:#ffffff !important;
    font-weight:900 !important;
}

/* linhas */
body.pagina-pedido-listar #corpo table tbody tr,
body[class*="pedido"] #corpo table tbody tr,
body[class*="conta"] #corpo table tbody tr{
    background:#0a0a0a !important;
    transition:.2s;
}

/* hover */
body.pagina-pedido-listar #corpo table tbody tr:hover,
body[class*="pedido"] #corpo table tbody tr:hover,
body[class*="conta"] #corpo table tbody tr:hover{
    background:rgba(0,217,255,.08) !important;
}



/* =======================================================
   FLIXGAMES - MENU ESTILO STEAM DESKTOP + MOBILE
======================================================= */

/* MENU GERAL */
.menu.superior,
.menu.lateral,
.menu-mobile,
.menu-principal,
.nivel-um {
    background: linear-gradient(180deg,#1b2838,#171a21) !important;
    border: 1px solid #2a475e !important;
    border-radius: 14px !important;
    box-shadow: 0 0 20px rgba(0,0,0,.45) !important;
    overflow: hidden !important;
}

/* LINKS DO MENU */
.menu.superior .nivel-um > li > a,
.menu.lateral .nivel-um > li > a,
.menu-mobile a,
.menu-principal a {
    background: #1b2838 !important;
    color: #c7d5e0 !important;
    border-bottom: 1px solid rgba(102,192,244,.12) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    transition: .25s !important;
}

/* HOVER */
.menu.superior .nivel-um > li > a:hover,
.menu.lateral .nivel-um > li > a:hover,
.menu-mobile a:hover,
.menu-principal a:hover {
    background: linear-gradient(90deg,#66c0f4,#417a9b) !important;
    color: #fff !important;
}

/* SUBMENU */
.menu.superior .nivel-dois,
.menu.lateral .nivel-dois {
    background: #171a21 !important;
    border: 1px solid #2a475e !important;
}

.menu.superior .nivel-dois a,
.menu.lateral .nivel-dois a {
    background: #171a21 !important;
    color: #66c0f4 !important;
    border-bottom: 1px solid rgba(102,192,244,.08) !important;
}

/* ITEM ATIVO */
.menu .ativo > a,
.menu li.active > a {
    background: linear-gradient(90deg,#66c0f4,#417a9b) !important;
    color: #fff !important;
    box-shadow: inset 4px 0 0 #ffffff !important;
}

/* BOTÃO MENU MOBILE */
.atalho-menu,
.botao-menu,
.menu-toggle,
.hamburger {
    background: linear-gradient(180deg,#2a475e,#1b2838) !important;
    color: #66c0f4 !important;
    border: 1px solid #417a9b !important;
    border-radius: 10px !important;
}

/* ÍCONE */
.atalho-menu i,
.botao-menu i,
.menu-toggle i,
.hamburger i {
    color: #66c0f4 !important;
}

/* AJUSTE MOBILE */
@media (max-width:768px){
    .menu.superior .nivel-um > li > a,
    .menu.lateral .nivel-um > li > a,
    .menu-mobile a,
    .menu-principal a {
        padding: 13px 15px !important;
    }
}



/* Deixar números dos pedidos visíveis */
body.pagina-conta .tabela-pedidos td:first-child,
body.pagina-conta .tabela-pedidos tbody tr td:first-child,
body.pagina-conta table td:first-child a,
body.pagina-conta table td:first-child {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Caso o número esteja dentro de link */
body.pagina-conta .tabela-pedidos td:first-child a,
body.pagina-conta table td:first-child a {
  color: #ffffff !important;
  opacity: 1 !important;
}