html, body {
    font-family: Roboto;
    font-weight:300;
    font-size:11pt;
}

#content {
    padding-top: 50px;
    margin-top: 10px;
}

#loading {
    position: absolute;
    top:150px;
    text-align:center;
    display:none;
    border:0px solid #ccc;
    z-index:100;
    margin:auto;
}

#loading-bg {
    position: absolute;
    z-index:99;
    background-color:#fff;
    display:none;
    opacity:0.6;
    top:0px;
    left:0px;
}

#filter {
    border:0px;
    border-bottom: 2px solid #28a745;
    box-shadow: 0 7px 7px -7px #aaa;
    border-radius:0;
}


table.table thead tr th{
    /*text-align:center;*/
}
table.table tbody tr td {
    #border:1px solid #ff0;
}

table.table thead, fixed-table-container table thead {
    box-shadow: 0 7px 7px -5px #aaa;
    border-bottom: 0px solid #c00;
    z-index:100;
}

th.shadow-bottom {
    box-shadow: 0 5px 5px -3px #aaa;
    border-radius: 0px;
    border-bottom: 3px solid #c0c;
}

tbody tr.shadow_hover:hover {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

table.table thead.fixed, table.htable thead.fixed, .fixed-table-container table thead, div.fixed {
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -ms-sticky !important;
    position: -o-sticky !important;
    position: sticky !important;
    background-color:#fff;
}

table.table thead.fixed, table.htable thead.fixed, div.fixed {
    top: 50px;
}

table.compressed td {
    padding:0px;
}

table.compressed-2 td {
    padding:2px;
}

table.compressed-5 td {
    padding:5px;
}

table.table td {
    border-top: 0px;
    border-bottom: 1px solid #eee;
    vertical-align:middle;
}

td.options-col, table.center-col td {
    text-align: center;
    white-space:nowrap;
}

td.right-col {
    text-align: right;
}

td.left-col {
    text-align: left;
}

td.center-col {
    text-align: center;
}

.fixed-table-container, .table-container {
    overflow:auto;
}

.fixed-table-container table thead {
    top:0px;
}

#table-options {
    box-shadow: 0 7px 7px -7px #aaa;
    padding: 5px;
    border:0px;
    border-bottom:1px solid #5c9dff;
    background-color: #fff;
}

.ctrl-table-options {
    cursor:pointer;
    color: #5c9dff;
    text-align:center;
}

.pointer, .cursor-pointer {
    cursor:pointer;
}

.sidebar {
    background-color: #ccc;
    color: #999;
    height: 100vh;
    position: fixed;
    top: 150;
    left: -150px;
    /* top layer */
    z-index: 9999;
    width:200px;
    overflow-y: scroll;
}

.container {
    border:0px solid #ccc;
}

.card {
    margin-bottom:5px;
}

.card-shadow, shadow {
    box-shadow: 0 10px 10px -5px #aaa;
    border-radius:0px;
}

.card-shadow .card-header {
    border-radius:0px;
}

.card-shadow-5, shadow-5 {
    box-shadow: 0 5px 5px -2px #aaa;
    border-radius:0px;
}


#top-menu {
    box-shadow: 0 5px 5px -5px #aaa;
    margin-bottom:5px;
}

.file-explorer {
    list-style-type: none;
    margin:0px !important;
    padding:0px !important;
}

.file-explorer ul {
    list-style-type: none;
    padding-left:25px;
}

li.explorer-folder i {
    vertical-align:middle;
}

.hidden {
    visibility: hidden;
}

.tree-functions i {
    cursor:pointer;
}

inputi { /*  No s'aplica de moment.*/
    border-radius:0px ! important;
    border:1px solid #ccc;
    padding:3px !important;
    line-height: 1.2 !important;
}

input.search {
    border:0px;
    padding:3px;
    border-bottom:2px solid #f00;
    margin-bottom:2px;
}

input.search ::placeholder {
    color: #ff0000;
}

.material-icons {
    vertical-align:middle;
}

.btn:hover {
    box-shadow: 0 9px 9px -9px #777;
}

button {
    margin:2px !important;
}

.btn-activity {
    text-transform: uppercase;
    font-size:20pt;
}

.bookmark {
    font-size:30pt;
}

.call {
    cursor: pointer;
    color: #f00;
}