﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/***
Bootstrap4 Card with Tabs by @mdeuerlein
***/

body {
    background-color: #f7f8f9;
}

/* Trunca o texto com reticências e mantém o botão X alinhado */
.select-text-limit {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.card {
    background-color: #ffffff;
    border: 1px solid rgba(0, 34, 51, 0.1);
    box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05), 2px 4px 10px 0 rgba(0, 34, 51, 0.05);
    border-radius: 0.15rem;
}

/* Tabs Card */

.tab-card {
    border: 1px solid #eee;
}

.tab-card-header {
    background: none;
}
    /* Default mode */
.tab-card-header > .nav-tabs {
        border: none;
        margin: 0px;
}

.tab-card-header > .nav-tabs > li {
            margin-right: 2px;
}

.tab-card-header > .nav-tabs > li > a {
                border: 0;
                border-bottom: 2px solid transparent;
                margin-right: 0;
                color: #737373;
                padding: 12px 70px;
}

.tab-card-header > .nav-tabs > li > a.show {
                    border-bottom: 2px solid #007bff;
                    color: #007bff;
}

.tab-card-header > .nav-tabs > li > a:hover {
                    color: #007bff;
}

.tab-card-header > .tab-content {
        padding-bottom: 0;
}

.text-amarelo {
    color: goldenrod;
}

.text-azul {
    color: cornflowerblue;
}

.text-rosa {
    color: deeppink;
}

.text-laranja {
    color: coral;
}

.text-roxo {
    color: blueviolet;
}

.copyright {
    text-align: center;
    margin-top: 30px;
    font-size: 1.2rem;
    color: #999;
}
