body {
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}

footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 0;
    overflow:hidden;
}

[v-cloak] { display:none; }

.dataTables_filter{
    float:right;
}

.datepicker{z-index:9999 !important}

/*
form .error input {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

form .error .help-inline {
    color: #B94A48;
}
*/

.providers {
    margin: 5px 0;
    list-style: none;
}

.providers li {
    display: inline;
}

/*
.help-block {
    margin: -10px 0 10px 0;
    font-size: 10px;
    color: #ccc !important;
}
*/

/*
h1 {
    margin-bottom: 20px !important;
}
*/

/**** TREE PASTAS *****/
.mleft-5 {
    margin-left: 10px;
}

.ficheiros-arvore {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
}

.arvore-pastas {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.arvore-pastas .arvore-pastas {
    padding-left: 20px;
}

.arvore-pastas-tree-node {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px;
}

.tree-node {
    /*border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;*/
    padding: 10px 10px;
    cursor: pointer;
}

.tree-node:hover {
    background-color: #f4f6f7;
    border-color: #dce2e8;
}

.tree-node-selected {
    background-color: #f4f6f7;
    border-color: #dce2e8;
}

.tree-node-expand {
    /*line-height:40px;*/
    cursor:pointer;
    /*display:inline;*/
}

.badge-ficheiros {
    background-color: #337ab7;
    color: #fff;
}


.ficheiro-img {
    max-height:190px;
    cursor: pointer;
}

.thumbnail-pasta {
    height: 200px;
    /*max-height:250px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.thumbnail-ficheiro {
    height:250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.thumbnail-ficheiro-conc {
    height:270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ficheiro-operacoes {
    margin-top: 2px;
    text-align: right;
}

.fa-13x {
    font-size: 13em !important;
}

.fa-12x {
    font-size: 12em !important;
}

.loginimagesection {
    width: 66.66%;
    background-size: cover;
    color: #333;
    height: 100vh;
    background-position: center bottom;
}

.login {
    height: 100vh;
}

.loginside {
    height: 100%;
    border-spacing: 0px
}

.loginwrapper {

    display: table-cell;
    vertical-align: middle;

}

/* Navbar Concessionarios */

.nav-concessionario {
    border-bottom: solid 3px #b61d31;
}


.nav-concessionario li:not(:last-child):after{
    content: '';
    position: absolute;
    right: -2px;
    width:2px;
    height: 60%;
    top: 20%;
    background: #b61d31;
}

.nav-concessionario > li > a {
    color: #333;
    font-weight: bold;
}

.nav-concessionario > li > a:hover,
.nav-concessionario > li > a:focus
{
    border-radius: 0;
    border-bottom: solid 2px #b61d31;
    background-color: white;
    color: #111;
}

.nav-concessionario > li.active > a {
    border-radius: 0;
    border-bottom: solid 2px #b61d31;
    background-color: white;
    color: #111;
}

.nav-concessionario > li.active > a:hover,
.nav-concessionario > li.active > a:focus
{
    border-radius: 0;
    border-bottom: solid 2px #b61d31;
    background-color: white;
    color: #111;
}

.nav-concessionario > .active > a > .badge {
    color: #fff;
    background-color: #777;
}