
/* Cards */
.card {
    margin-top: 1rem;
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
    min-width: 280px;
}

.card#profile {
    height: auto;
    text-align: left;
}

.card#user-services {
    text-align: left;
}

/* Buttons */

.vnb-button {
    background: #117a8b;
}

.vnb-button:hover {
    background: #138496;
}

.btn-primary {
    background-color: #117a8b;
    border-color: #117a8b;
}

.btn-primary:hover {
    background-color: #138496;
    border-color: #138496;
}

/* ***************** */

nav#main-navbar {
    box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
}

div.profile-container {
    margin: 1rem;
}

div.title {
    font: 700 26px/26px 'Fedra Sans Pro', sans-serif;
    text-align: center;
}

div.name {
    font: 500 18px/22px 'Fedra Sans Pro', sans-serif;
    text-align: left;
}

body {
    height:100%;
    font: 16px/20px 'Fedra Sans Pro', sans-serif;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    background-color: #eee;
    overflow:scroll;
}

.list-group-item {
    transition: 0.8ms;
}

table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    text-align: left;
    border-collapse: separate;
    border-spacing: 5px;
}

.list-group-item.active {
    background-color: #a5edf3;
    border-color: #a5edf3;
}

.text-align-vertical-middle {
    vertical-align:middle;
}

.no-margin-bottom {
    margin-bottom: 0rem;
}

div.footer-content {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.active {
    color: #00b2c3;
    text-align: right;
}

button#transparent {
    background-color: transparent; 
    border-color: transparent;
  }
.b-table-sticky-header > .table.b-table > thead > tr > th {
    top: 0;
    z-index: 0;
}

div.reports-container {
    margin: 1rem;
}

div.payments-container {
    margin: 1rem;
}

div.rentsoft-container {
    margin: 1rem;
}
