body {
    margin:auto;
    padding:30px;
    padding-left:280px;
    font-size:14px;
    line-height: 14px;
    background:#f7f7f7;
    color:#585858;
}

body.page_Login, body.page_Cadastro, body.page_Recuperar, body.page_404 {
    padding:30px;
    background:url(/painel/imgs/dark.jpg);
}

@font-face {
  font-family: "icons";
  src: url("/painel/fonts/icons.eot");
  src: url("/painel/fonts/icons.eot?#iefix") format("embedded-opentype"),
       url("/painel/fonts/icons.woff") format("woff"),
       url("/painel/fonts/icons.ttf") format("truetype"),
       url("/painel/fonts/icons.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

:after {
    font-family:'icons';
}

.logo {
    background:url(/painel/imgs/logo.png) no-repeat bottom center;
    background-size:contain;
}

* {
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration:none;
    color: #ec5248;
}

a:hover {
    color: #e851a9;
}

.left {
    float:left;
}

.right {
    float:right;
    right:0px;
}

.fixed {
    position:fixed;
    top:0px;
}

h1 {
    margin:0px 1% 30px;
    padding:20px;
    background:#fff;
    border-left:10px solid #E91E63;
    font-size:22px;
    font-weight:200;
    line-height:22px;
}

h2 {
    border:1px solid rgba(0,0,0,0.05);
    border-left:10px solid #00BCD4;
    padding:15px 20px;
    margin:30px 0px 20px;
    font-size:16px;
    font-weight:300;
    border-radius:5px;
    color:#00BCD4;
}

/* menu */

#menu {
    position: fixed;
    top:0px;
    bottom:0px;
    left:0px;
    background: linear-gradient(to top left, #2d3846, #0c1117);
    float: left;
    width:250px;
    padding:30px 0px;
    font-weight:500;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.33);
}

#menu .profile {
    height:40px;
    border-bottom:1px solid rgba(255,255,255,0.1);
    padding-bottom:20px;
    margin:0px 20px 30px;
}

#menu h4 {
    color:#fff;
    font-weight:400;
    letter-spacing:0.5px;
    display:inline-block;
    margin-top:10px;
    font-size:12px;
}

#menu .profile-img {
    width:40px;
    height:40px;
    border-radius:50%;
    float:left;
    margin-right:10px;
}

#menu ul {
    margin:10px;
    padding:0px;
    position:relative;
    border-radius:5px;
}

#menu ul li {
    position:relative;
    display:block;
}

#menu li a {
    padding:15px 15px;   
    display:block;
    color:#fff;
    font-weight:300;
}

#menu ul:hover {
    background:rgba(255,255,255,0.03);
}

#menu ul.current {
    background:none;
}

#menu ul.current li:first-child {
    background:rgba(255, 255, 255, 0.05);
    font-weight:600;
    border-radius:5px;
}

#menu .sol {
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-10px;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    border-radius:50%;
    background:#FF9800;
    color:#fff;
    font-weight:700;
    font-size:12px;
}

/* faq */

#sidebar {
    width:350px;
}

#FAQ, #atendimento {
    margin-right:350px;
}

.box {
    margin:30px;
    padding:30px;
    border-radius:10px;
    line-height:22px;
    font-weight:300;
}

.blue {
    background:linear-gradient(to bottom left, #00BCD4, #3F51B5), #00BCD4;
    color:#fff;
}

.green {
    background:linear-gradient(to bottom left, #8BC34A, #009688), #8BC34A;
    color:#fff;
}

.pink {
    background:linear-gradient(to bottom left, #E91E63, #FF5722), #E91E63;
    color:#fff;
}

.pink a {
    color: #FFEB3B;
    font-weight:500;
    font-style:italic;
}

.expand h3, #content li {
    background:#fff;
    padding:20px;
    border-radius:5px;
    color:#00BCD4;
    font-weight:400;
    cursor:pointer;
    position:relative;
    z-index:9;
}

.expand h3:hover, .faq.open h3 {
    color:#E91E63;
}

.expand .expand-content {
    padding:20px;
    line-height:28px;
    background:#00BCD4;
    color:#fff;
    border-radius:5px;
    text-align:justify;
    font-weight:300;
    display:none !important;
    margin-bottom:20px;
}

.expand.open .expand-content {
    display:block !important;
}

.page_FAQ input[type=submit] {
    margin:30px auto 0px;
    display:block;
}

.page_FAQ .expand {
    position:relative;
}

.page_FAQ .expand form {
    position:absolute;
    right:0px;
    top:0px;
    margin:0px;
    padding:0px;
    z-index:4345345;
}

.page_FAQ .expand form input[type=submit] {
    margin:7px;
    background:#F44336;
}

.page_FAQ .expand form input[type=submit]:hover {
    margin:7px;
    background:#FF5722;
}

/* perfil */

#perfil, .page_FAQ form, .page_Atendimento form {
    background:#fff;
    padding:1px 20px;
}

.page_FAQ form {
    padding:30px;
    margin-bottom:40px;
}

#perfil h3 {
    border-bottom:1px dotted rgba(0,0,0,0.1);
    padding:0px 0px 10px;
    margin:30px 0px;
    text-transform:uppercase;
    font-weight:400;
    font-size:14px;
}

form b {
    display:inline-block;
    width:29%;
    font-weight:400;
    color: #969696;
}

form input, form select, form textarea {
    width:70%;
    box-sizing:border-box;
    margin-bottom:20px;
}

form textarea {
    min-height:200px;
    margin-bottom:0px;
}

select {
    margin-left:-3px;
}

input, select, textarea {
    padding:10px;
    border-radius:5px;
    border:1px solid rgba(0,0,0,0.1);
    color:#E91E63;
    outline:none;
    white-space: normal;
    align-items: normal;
}

input::placeholder {
    color:#c3c3c3;
    font-style:italic;
}

input[readonly] {
    background:#f7f7f7;
    font-style:italic;
    color:#00000059;
}

input[type='submit'] {
    width:auto !important;
    margin-right:20px;
    background:#8BC34A;
    border:none;
    padding:10px 20px;
    color:#fff;
    cursor:pointer;
    font-weight:500;
    border-radius:5px;
}

input[type='submit']:hover {
    background:#4CAF50;
}

#deletar {
    background:#F44336;
}

#deletar:hover {
    background:#d83529;
}

.profile-img { 
    background-size:cover !important;
    width:150px;
    height:150px;
}

/* tables */

table {
    background:#fff;
    width:100%;
    border-spacing:0px;
    margin-bottom:60px;
    border-left:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
}

table th {
    padding:15px 20px;
    color:#515c65;
    background:#e8e8e8;
    font-weight:500;
    border-right:1px solid #d8d8d8;
}

table th:last-child {
    border:none;
}

table td {
    padding:20px;
    margin:0px;
    border-right:1px solid rgba(0,0,0,0.05);
    border-top:1px solid rgba(0,0,0,0.05);
    font-size:12px;
    font-weight:300;
}

table tr:nth-child(even) {
    background:rgba(0, 0, 0, 0.02);
}

table form {
    text-align:center;
}

table input[type='submit'] {
    margin:0px 5px;
}

table input[value=Excluir], input[value=Remover], input[value=Negar] {
    background:#F44336;
}

table input[value=Excluir]:hover, input[value=Remover]:hover, input[value=Negar]:hover {
    background:#FF5722;
}

/* financeiro */

.side-menu {
    background:linear-gradient(to left, rgb(237, 237, 237), rgba(0, 0, 0, 0));
    width:30%;
    float:left;
}

.side-menu li {
    display:block;
    padding:30px 20px;
    position:relative;
    font-weight:500;
    border-bottom:1px dashed #181d2312;
}

.side-menu li a {
    color:#00BCD4;
}

.side-menu li a:hover {
    color:#E91E63;
}

.side-menu li.current {
    background:linear-gradient(to left, #E91E63, #F44336);
}

.side-menu li.current:after {
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e91e63;
    position:absolute;
    right: -9px;
    top:50%;
    margin-top:-10px;
}

.side-menu li.current a {
    color:#fff;
}

#content {
    width:70%;
    float:right;
    background:#fff;
    margin-bottom:30px;
    padding-bottom:30px;
}

#content .content {
    padding:0px 30px 30px;  
}

.saldo {
    text-align:center;
    margin-bottom:60px;
}

.saldo h3 {
    font-size:24px;
    font-weight:200;
    margin:30px 0px 0px;
}

.saldo h4 {
    font-size:48px;
    color:#8BC34A;
    margin:10px 0px 0px;
    line-height:48px;
}

/* mensagens */

.msg p, .warning p, .info p {
    background:#b8efba;
    padding:20px;
    padding-left:62px;
    border-radius:5px;
    color:#4CAF50;
    border:1px solid #a1cea3;
    position:relative;
}

.warning p {
    background:#f6c8c5;
    color:#F44336;
    border:1px solid #f6a09a;
}

.info p {
    background:#fffacd;
    color:#FFC107;
    border:1px solid #FFEB3B;
}

/* login */

#login, .page_Cadastro form, .page_Recuperar form {
    background:#fff;
    padding:30px;
    margin:auto;
    max-width:400px;
    border-radius:5px;
}

#login input, .page_Cadastro form input, .page_Recuperar form input {
    width:100%
}

#login input[type=submit], .page_Cadastro input[type=submit], .page_Recuperar input[type=submit] {
    margin:auto;
    display:block;
}

.page_Login .logo, .page_Cadastro .logo, .page_Recuperar .logo {
    width:400px;
    height:120px;
    margin:100px auto 30px;
}

.login-msg {
    text-align:center;
    margin-top:50px;
    color:#fff;
    line-height:22px;
    font-weight:200;
    font-size:16px;
}

/* atendimento */

.page_Atendimento #sidebar {
    position:absolute;
    top:0px;
}

.page_Atendimento form {
    padding-top:30px;
}

.page_Atendimento .info {
    margin:0px 0px 30px;
    border:1px solid rgba(12, 17, 23, 0.06);
    padding:20px;
    border-radius:5px;
    color:#00bcd4;
}

.page_Atendimento .info i {
    color:#e91e63;
}

.page_Atendimento form input[type=submit] {
    margin:30px auto;
    display:block;
}

/*noticias*/

#content li {
    display:block;
    padding:20px;
    margin:0px 0px 20px;
    border-radius:5px;
    background:rgba(0,0,0,0.01);
    cursor:auto;
    color:#626b72;
    position:relative;
}

#content li form {
    float:right;
    margin:-9px -27px;
}

#content li b {
    color:rgba(0, 0, 0, 0.09);
    display:inline-block;
    margin:0px 10px;
}

#content li a {
    text-transform:uppercase;
    font-size:10px;
    display:inline-block;
    padding:5px 10px;
    background:#717b87;
    border-radius:5px;
    color:#fff;
}

#content li a:hover{
    background:#E91E63;
}

.page_Disponiveis .expand h3 {
    border:1px solid rgba(0,0,0,0.05);
    color:#607D8B;
}

.page_Disponiveis .expand.open h3, .page_Disponiveis .expand h3:hover {
    color:#FF5722;
}

.page_Disponiveis .expand h3 {
    font-size:14px;
    padding:10px 20px;
    margin:0px 0px 10px;
}

.page_Disponiveis .expand-content {
    background: none;
    padding:0px;
    float:left;
    width:100%;
}

.page_Disponiveis h3 {
    background:rgba(0,0,0,0.01);
}

.page_Disponiveis #content li,
.page_Noticias #content li {
    width:48%;
    margin:40px 1% 0;
    box-sizing:border-box;
    float:left;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
    background:none;
}

.page_Disponiveis .expand {
    float:left;
    width:100%;
}

.post-img {
    height:100px;
    width:100px;
    margin: -40px 10px 20px 0px;
    border-radius:5px;
    background-size:cover !important;
    background-position:center !important;
    position:relative;
    float:left;
}

.post-header h4 {
    font-weight: 500;
    margin:0px 0px 20px 110px;
    text-transform:uppercase;
    font-size:11px;
}

#content li .post-header h4 a {
    padding:0px;
    text-transform: initial;
    background:none;
    color:#00BCD4;
    font-size:12px;
}

#content .post-header a {
    padding: 0px;
}

.post-img:before {
    position:absolute;
    content:'post';
    margin:10px;
    background:rgba(233, 30, 99, 0.82);
    padding:0px 10px;
    font-size:10px;
    text-transform:uppercase;
    border-radius:5px;
    font-weight:700;
    color:#fff;
    left:0px;
}

.page_Disponiveis #content li form {
    float:none;
    margin:0px 0px;
}

.page_Disponiveis #content li form input[type=submit] {
    display:block;
    width:100% !important;
    margin:0px;
    border-radius:5px;
    border:1px solid #8BC34A;
    color:#8BC34A;
    background:none;
    padding:5px 10px;
    font-size:10px;
    text-transform:uppercase;
}

.page_Disponiveis #content li form input[type=submit]:hover {
    border:1px solid #FF9800;
    color:#FF9800;
}

.page_Disponiveis h2 {
    width:100%;
    float:left;
    box-sizing:border-box;
}

.copy {
    width:100%;
    background:rgba(0,0,0,0.01);
    color:rgba(0,0,0,0.3);
    height:35px;
    line-height:35px;
    padding:0px 10px;
    margin-top:10px;
}

.post .copy {
    padding:0px;
}

.page_Noticias .content li:before {
    content:'Link de compartilhamento';
    position:absolute;
    background:linear-gradient(to right top, #00BCD4, #3F51B5), #3F51B5;
    bottom:48px;
    left:20px;
    right:20px;
    font-size:9px;
    padding:5px 5px;
    line-height:14px;
    color:#fff;
    text-transform:uppercase;
    border-radius:5px 5px 0px 0px;
    text-align:center;
    font-weight:700;
    letter-spacing: 1px;
}

.page_Disponiveis .info {
    width:100%;
    float:left;
    box-sizing:border-box;
}

.post h3:before {
    content:'Exibir ';
}

.post.open h3:before {
    content:'Ocultar ';
}

.divisao {
    width:100%;
    height:1px;
    background:rgba(0,0,0,0.05);
    margin-top:30px;
}

.page_Disponiveis .divisao {
    float:left
}

/* icons */

ul li a:after {
    float:left;
    margin-right:20px;
    font-weight:normal;
    font-size:21px;
}

ul.financeiro li a:after {
    content:"\f107";
    color:#8BC34A;
}

ul.perfil li a:after {
    content:"\f10a";
    color:#FF9800;
}

ul.dashboard li a:after {
    content:"\f11f";
    color:#00BCD4;
}

ul.FAQ li a:after {
    content:"\f117";
    color:#FF5722;
}

ul.atendimento li a:after {
    content:"\f119";
    color:#9f6aff;
}

ul.sair li a:after {
    content:"\f11a";
    color:#e81000;
}

ul.noticias li a:after {
    content:"\f100";
    color:#ff5991;
}

ul.usuarios li a:after {
    content:"\f11c";
    color:#9f6aff;
}

ul li:hover a:after {
    color:#9fb2cc;
}

.side-menu li a:after {
    float:left;
    font-size:22px;
    margin-right:20px;
}

.page_Noticias .side-menu li:nth-child(1) a:after,
.page_Disponiveis .side-menu li:nth-child(1) a:after {
    content:"\f102";
}

.page_Noticias .side-menu li:nth-child(2) a:after,
.page_Disponiveis .side-menu li:nth-child(2) a:after {
    content:"\f101";
}

form {
    position:relative;
}

.page_Noticias form:after {
    position:absolute;
    color:#fff;
    top:12px;
    right:30px;
    font-size:16px;
}

form.remover:after {
    content:"\f104";
}

form.adicionar:after {
    content:"\f105";
}

.page_Noticias input[type=submit] {
    padding-right:35px !important;
}

.info p:before,
.warning p:before,
.msg p:before {
    font-family:'icons';
    content:'\f10b';
    float:left;
    font-size:32px;
    line-height:32px;
    position:absolute;
    top:50%;
    left:20px;
    margin-top:-16px;
}

.warning p:before {
    content:'\f10c'
}

.msg p:before {
    content:'\f10d'
}

h3.postagens:after, .cat h3:after {
    content:'\f105';
    float:right;
    font-size:16px;
    margin-right:-10px;
}

.open h3.postagens:after, .cat.open h3:after {
    content:'\f106';
}

.cat h3:before {
    font-family:'icons';
    content:'\f102';
    margin-right:10px;
}

.page_Financeiro .side-menu li:nth-child(1) a:after,
.page_Historico .side-menu li:nth-child(1) a:after,
.page_Contas .side-menu li:nth-child(1) a:after {
    content:'\f113'
}

.page_Financeiro .side-menu li:nth-child(2) a:after,
.page_Historico .side-menu li:nth-child(2) a:after,
.page_Contas .side-menu li:nth-child(2) a:after {
    content:'\f115'
}

.page_Financeiro .side-menu li:nth-child(3) a:after,
.page_Historico .side-menu li:nth-child(3) a:after,
.page_Contas .side-menu li:nth-child(3) a:after {
    content:'\f116'
}

.saldo:before {
    content:"\f112";
    font-family:'icons';
    font-size:80px;
    line-height:80px;
    margin-top:30px;
    display:block;
    color:#00BCD4;
}

.box:before {
    font-family:"icons";
    display:block;
    margin:auto;
    text-align:center;
    font-size:50px;
    line-height:50px;
    margin-bottom:30px;
    color:#ffaac7;
}

.page_FAQ .box:before {
    content:'\f11d';
}

.page_Atendimento .box:before {
    content:'\f11d';
}

.page_Atendimento .box.blue:before {
    content:'\f11e';
    color:#75eefd;
}

.panel-box:after {
    width:50px;
    height:50px;
    line-height:50px;
    content:'';
    float:right;
    background:#fff;
    border-radius:50%;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-25px;
    box-shadow:1px 1px 5px rgba(95, 81, 81, 0.38);
    color:#335886;
    text-align:center;
    font-size:24px;
}

.panel-box.visualizacoes:after {
    content:'\f120';
}

.panel-box.ontem:after {
    content:'\f114';
}

.panel-box.ganhos:after {
    content:'\f107';
}

/* dashboard */

.panel-box {
    width:31%;
    margin:0px 1%;
    display:inline-block;
    border-radius:7px;
    padding:20px;
    padding-right:94px;
    position:relative;
    box-sizing:border-box;
}

.panel-box h4 {
    font-size:32px;
    font-weight:100;
    margin:10px 0px 0px;
    line-height:32px;
}

.p50 {
    width:48%;
    margin:0px 1%;
}

.p100 {
    width:98%;
    margin:0px 1%;
}

.list {
    display:inline-block;
    float:left;
    margin-bottom:30px;
}

.list h3 {
    background:#fff;
    margin:0px;
    padding:20px;
    border-radius:7px 7px 0px 0px;
    color:#00BCD4;
    font-size:16px;
    font-weight:500;
}

.list-option {
    padding:10px 20px;
    background:#ffffff8c;
    border-top:1px solid rgba(0, 0, 0, 0.02);
    border-bottom:1px solid rgba(0, 0, 0, 0.02);
}

.list-option input {
    background:#FF9800;
    padding:5px 10px;
    color:#fff;
    font-size:10px;
    border:none;
    margin:5px;
    cursor:pointer;
}

.list-option input:hover, .list-option input.current {
    background:#E91E63;
}

.list-view {
    display:none;
    background:#fff;
}

.list-view.current {
    display:block;
}

.list-view li {
    display: block;
    padding:20px;
    border-bottom:1px solid rgba(0, 0, 0, 0.02);
    font-size:12px;
    color:#8f9ca7;
}

.list-view li b {
    font-weight:500;
    color:#759cbb;
}

#chartContainer {
    margin:30px 0px;
}

.page_404 {
    text-align:center;
}

.page_404 h1 {
    background:none;
    border:none;
    margin:100px 0px 0px;
    line-height:100px;
    color:#fff;
    font-size:100px;
    font-weight:100;
}

.page_404 h2 {
    background:rgba(255,255,255,0.03);
}

.page_404 a:before {
    font-family:'icons';
    content:'\f110';
    margin-right:10px;
    color:#fff;
}

.pagination {
    margin-top:30px;
    width:100%;
    float:left;
}

.pagination a {
    background:#00BCD4;
    display:inline-block;
    padding:10px 20px;
    border-radius:3px;
    color:#fff;
}

.pagination .next {
    float:right;
}

.pagination a:hover {
    background:#E91E63;
}

#search input[type='submit'] {
    padding:10px 20px !important;
    margin:0px;
    margin-left:10px;
}

#search input {
    width:auto;
}

#search input[value='Limpar'] {
    background:#F44336;
}

#search input[value='Limpar']:hover {
    background:#FF5722;
}

@media(max-width:1023px) {
    .logo {
        max-width:100%;
    }

    #menu {
        font-size:0px;
        width:71px;   
    }

    #menu ul {
        line-height:30px;
    }

    ul li a:after {
        margin-right:0px;
    }

    body {
        padding-left:100px;
    }

    #menu h4 {
        display:none;
    }

    #menu .profile-img {
        width:32px;
        height:32px;
    }

    #menu .sol {
        right:0px;
        margin-top:-20px;
    }

    .panel-box {
        width:100%;
        margin-bottom:20px;
    }

    .p50 {
        width:98%;
    }

    table {
        overflow:scroll;
        display:block;
    }

    .fixed {
        position:relative;
    }

    #sidebar, .page_Atendimento #sidebar {
        width:100%;
        float:none;
        margin:0px;
        position:relative;
    }

    .box {
        margin:0px 0px 30px;
    }

    #FAQ, #atendimento{
        margin:auto;
    }

    #FAQ input, #FAQ textarea {
        width:100%;
        margin-top:10px;
    }

    .side-menu li a:after {
        margin-top:4px;
        margin-left:4px;
    }

    .side-menu {
        float:none;
        width:100%;
        margin-bottom:20px;
    }

    .pagination {
        text-align:center;
    }

    .pagination a {
        float:none !important;
        margin:5px;
    }

    #content {
        width:100%;
        box-sizing:border-box;
        padding-top:1px;
    }

    h2 {
        line-height:22px;
    }

    .side-menu li.current:after {
        display:none;
    }

    .page_Noticias #content li a {
        display:inline-block;
        text-align:center;
        padding:0px 10px;
        line-height:32px;
        margin:10px 0px;
    }

    .page_Noticias .content li:after {
        display:none;
    }

    .page_Noticias #content li b {
        display:block;
        font-size:0px;
    }

    .page_Noticias #content li form {
        float:none;
        margin:0px 0px 0px;
        display:inline-block;
    }

    .page_Noticias #content li input[type=submit] {
        font-size:0px;
        width:32px !important;
        height:32px;
        line-height:32px;
        padding:0px;
        margin:0px auto;
        display:block;
        font-size:12px;
        color:rgba(0,0,0,0);
    }

    .page_Noticias form:after {
        right:50%;
        bottom:50%;
        margin-right:-9px;
        margin-bottom:-7px;
        top:auto;
    }

    .page_Noticias #content {
        padding-bottom:20px;
    }

    .page_Noticias #content li {
        font-size:12px;
        text-align:center;
    }

    #content .content {
        padding:0px 20px;
    }

    .page_Disponiveis #content li,
    .page_Noticias #content li {
        width:98%;
    }

    .post-img {
        width:100%;
    }

    .post .copy {
        margin-top:40px;
    }

    .post-header h4 {
        margin:0px 0px 10px;
    }

    form b {
        display:block;
        margin-bottom:10px;
        width:100%;
    }

    form input, form textarea {
        width:100%;
    }

    .page_Atendimento form {
        margin-bottom:30px;
    }
}