﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #777;
    border-color: #fff
}

.code-listing {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    border: 1px solid #fff;
}

.back-to-top-darkgrey
{
    color:darkgray;
}

.pre-sintax {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: #f7fafe;
    font-size: large;
    /*border-left: dotted 3px #ffd800;*/ /* solid dotted dashed todas as sintaxes */
}

.pre-sintax-naocodigo {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: snow; /*snow*/
    font-size: large;
}

.pre-sintax-onde {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: #f7fafe;
    font-size: large;
}

.pre-sintax-retorno {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: snow;
    font-size: large;
}

.pre-output-success {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: #f7fef6;
    font-size: large;
}

.pre-output-danger {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: #fef7f8;
    font-size: large;
}

.navbar-ant-prox a{
    text-decoration:none;
    /*color:#408746*/
}

.obj-itens a {
    /*text-decoration: none;*/
    color:black;
}

.titulo-topico-principal-separador{
    color:crimson;
}

.card-topic-banner 
{
    height: 70px;
    background-color: #fcfbfb;
    border-bottom: 1px dotted #d1d1d1;
    text-align: center
}
    .card-topic-banner .card-topic-banner-content {
        margin: auto;
        padding: 5px;
    }
.card-topic-description .card-topic-description-text 
{
    
}

.card-topic-banner-subtopic {
    height: 64px;
    background-color: #fcfbfb;
    border-bottom: 1px dotted #d1d1d1;
    text-align: center
}

    .card-topic-banner-subtopic .card-topic-banner-subtopic-content {
        margin: auto;
        padding: 5px;
    }

.section-topic-list a {
    font-style: italic;
    font-weight: 400;
    list-style-type: none;
    padding-left: 0px;
}
.section-topic-list .topic-list-icon {
    padding-right:5px;
}
/*.navbar-ant-prox a:hover {
    background-color:yellow;
}*/
.table-methods {
    background-color: floralwhite;
    /* todo: adicinar italico e bold na font*/
}

.logo-language-icon
{
    font-size:xx-large;
}

.logo-language-default-page {
    font-size: 100px;
}

.div-logo-language-default-page {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

/*css sintaxes
https://jsfiddle.net/ p/ testes
*/
.pre-sintaxe-overline{
    text-decoration:overline;
}

.par-ita-under {
    text-decoration: underline;
    font-style: italic;
}

.par-ita-over {
    text-decoration: overline;
    font-style: italic;
}

.par-ita-bold {
    font-weight: bold;
    font-style: italic;
}
.par-norm-wavy {
    text-decoration-line: underline;
    text-decoration-style: wavy; /* dotted, dashed*/
}
/* todo: bold under/over */