.spa-records-nav-records {
    position: absolute;
    top: -85px;
    left: 0px;
    z-index: 100;
    padding: 10px 50px 10px !important;
    display: none;
}

#spa.records.list .spa-records-nav-records {
    display: block;
}

#spa.records.add .spa-records-nav-sidebar-add,
#spa.records.list .spa-records-nav-sidebar-list {
    display: none;
}

.spa-records-nav-sidebar-history,
.spa-records-nav-sidebar-edit {
    display: none !important;
}

#spa.records.edit .spa-records-nav-sidebar-history,
#spa.records.history .spa-records-nav-sidebar-edit {
    display: block !important;
}

.spa-records-nav-records .form-inline .input-group .form-control {
    max-width: 120px;
}

.spa-records-nav-records .form-inline .form-group {
    margin-top: 10px;
    padding-bottom: 5px;
}

.spa-records-nav-records > .form-group > div,
.spa-records-nav-records > .form-group {
    margin: 0;
    padding: 0;
}

.spa-records-list-item-action {
    cursor: pointer;
}

#spa-records-list-pagination {
    text-align: center;
}

.spa-records-list-filter .form-group {
    margin: 0 !important;
    padding: 0 !important;
}

.spa-records-list-filter .form-group select {
    margin: 0 !important;
}

#spa-records table th,
#spa-records table td {
    padding: 15px !important;
    vertical-align: middle;
    border:none !important;
}

#spa-records table tr td:last-child {
    text-align: right;
}

#spa-records table tr .spa-records-list-td-creation,
#spa-records table tr .spa-records-list-td-deadline,
#spa-records table tr .spa-records-list-td-priority,
#spa-records table tr .spa-records-list-td-status {
    text-align: left;
}

#spa-records table tr .spa-records-list-td-id {
    text-align: left;
}

#spa-records table tr .spa-records-list-td-title {
    text-align: left;
    font-weight: 700;
}

#spa-records table th {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
}

#spa-records table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#spa-records table td .material-icons,
#spa-records table th .material-icons,
#spa-records-view-detail td .material-icons {
    float: left;
    margin-top: -2px;
    margin-right: 5px;
}

#spa-records table th.spa-records-list-filter .material-icons {
    margin-top: 8px;
}

.spa-records-list-sort,
.spa-records-list-filter select {
    cursor: pointer;
}

#spa-records > table,
#spa-records > table thead,
#spa-records > table tbody {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#spa-records > table thead {
    border-bottom: 1px solid #dddddd;
}

#spa-records table tr {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 3px;
}

#spa-records table th,
#spa-records table td {
    display: inline-block;
    box-sizing: border-box;
}

#spa-records table tr td {
    vertical-align: top;
}

#spa-records table tr .spa-records-list-td-title {
    width: 41%;
}

#spa-records table tr .spa-records-list-td-entity {
    width: 12%;
}

#spa-records table tr .spa-records-list-td-BLUELEAF {
    width: 8%;
}

#spa-records table tr .spa-records-list-td-MEG {
    width: 7%;
}

#spa-records table tr .spa-records-list-td-DCA {
    width: 8%;
}

#spa-records table tr .spa-records-list-td-number {
    width: 10%;
}

#spa-records table tr .spa-records-list-td-moment {
    width: 10%;
}

#spa-records table tr td:last-child,
#spa-records table tr th:last-child {
    width: 14%;
}

#spa-records table tr .spa-records-list-td-deadline span.onOut {
    display: block;
}

#spa-records table tr .spa-records-list-td-deadline:hover span.onOut {
    display: none;
}

#spa-records table tr .spa-records-list-td-deadline span.onHover {
    display: none;
}

#spa-records table tr .spa-records-list-td-deadline:hover span.onHover {
    display: block;
}

#spa-records table tr.danger td,
#spa-records table tr.danger {
    background-color: #F2DEDE;
}

#spa-records table tr.danger:hover td,
#spa-records table tr.danger:hover {
    background-color: #ebcccc;
}

table#spa-records-view-detail td {
    padding: 15px;
}

table#spa-records-view-detail tr td:first-child {
    font-weight: 600;
    padding-left: 0px;
}

table#spa-records-view-detail {
    margin-bottom: 30px;
}

textarea#task {
    height: 100px;
    transition: height .3s ease-out;
}

textarea#task:focus {
    height: 300px;
}

#spa-records-view-detail .label-warning,
#spa-records-content .label-warning {
    /*background-color: #f0ad4e !important;*/
    background: transparent !important;
    color: #333 !important;
    font-size: 14px;
}

#spa-records-content span.label {
    font-weight: 300;
    font-family: Roboto;
    font-size: 14px;
    top: -2px;
    left: auto;
}

#spa-records table tr {
    position: relative;
}

#spa-records table tr td {
    position: relative;
    z-index: initial;
}

#spa-records table tr.dangerBorder:before {
    content: "";
    top: 0;
    height: 100%;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #e25108;
    position: absolute;
}

#spa-records table td.spa-records-list-td-status .material-icons {
    font-size: 30px;
    margin-left: 35px;
}

.spa-records-list-th-sort-icon {
    display: none;
}

.spa-records-list-sort.asec .spa-records-list-th-sort-icon-asec {
    display: block;
}

.spa-records-list-sort.desc .spa-records-list-th-sort-icon-desc {
    display: block;
}

.spa-records-list-filter .btn {
    text-align: left;
    text-transform: none;
    padding-left: 5px;
}

#spa-records-add-form {
    max-width: 700px;
    margin: 0 auto;
}

.btn.spa-records-list-item-action {
    padding: 0px 12px;
    margin: 0;
}

#spa.dashboard #spa-records-nav,
#spa.dashboard #spa-records-list-pagination,
#spa.dashboard #spa-records thead,
#spa.dashboard #spa-records tr td:last-child {
    display: none;
}

#spa-records-content {
    /*height: 100%;*/
    overflow-y: scroll;
}

#spa.dashboard #spa-records-content {
    width: 100%;
    padding: 0;
    box-shadow: none;
    margin: 0;
}

#spa.dashboard #spa-records-content #spa-records table {
    margin: 0;
}

#spa.dashboard #spa-records table tr .spa-records-list-td-title {
    width: 36%;
}

#spa.dashboard #spa-records table tr .spa-records-list-td-deadline {
    width: 26%;
}

#spa.dashboard #spa-records table tr .spa-records-list-td-who,
#spa.dashboard #spa-records table tr .spa-records-list-td-creation {
    display: none;
}

#spa.dashboard #spa-records table tr .spa-records-list-td-priority {
    width: 16%;
    text-align: center;
}

#spa.dashboard #spa-records table tr .spa-records-list-td-status {
    width: 20%;
}

#spa-records-table-body > .text-center {
    margin-top: 20px;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper {
    position: relative;
    cursor: pointer;
    z-index: 140;
    width: 56px;
    margin: 0 auto;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper + .infoicon-selection-wrapper {
    position: absolute;
    z-index: 8;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper {
    position: absolute;
    z-index: 180;
    top: 0;
}

.infoicon-selection-wrapper .infoicon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .5s ease;
    opacity:0;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper .infoicon {
    z-index: 200;
    position: absolute;
    display: block;
    opacity: 1;
    top: 10px;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper > .infoicon:nth-child(1) {
    left: -56px;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper > .infoicon:nth-child(2) {
    left: 74px;
}

#spa.dashboard #spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper > .infoicon:nth-child(1) {
    left: -56px;
}

#spa.dashboard #spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper > .infoicon:nth-child(2) {
    left: 74px;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper > .infoicon {
    margin: 0;
    zoom: 75%;
}

#spa-records-table-body .spa-records-list-td-status .infoicon-wrapper .clicked + .infoicon-selection-wrapper > .infoicon:hover {
    background: #cccccc;
}

#spa-records table td.spa-records-list-td-status .infoicon-wrapper > .material-icons {
    background: rgba(0,188,213, 0.3);
    transition: all .5s ease
}

#spa-records table td.spa-records-list-td-status .infoicon-wrapper > .material-icons:hover {
    background: rgba(0,188,213, 0.7);
}

#spa-records table td.spa-records-list-td-status .infoicon-wrapper > .material-icons {
    float: none;
    margin: 0 auto;
}

#spa-records {
    min-height: 300px;
}

#spa.records,
#spa.records #spa-shell-wrapper,
#spa.records #spa-shell-wrapper #spa-shell-main,
#spa.records #spa-shell-wrapper #spa-shell-main > .row,
#spa.records #spa-shell-wrapper #spa-shell-main-content,
#spa.records #spa-shell-wrapper #spa-shell-main-content > .row {
    height: 100%;
}

#spa-records-lines-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}

#spa-records-lines-wrapper .bootstrap-select {
    margin-top: 0px !important;
}

.spa-records-list-item-details-notes,
.spa-timeline-listitem-li table.sub-table td,
#spa-records table table.sub-table td {
    font-weight: normal;
}

.spa-timeline-listitem-li table.sub-table th,
.spa-timeline-listitem-li table.sub-table td,
#spa-records table table.sub-table th,
#spa-records table table.sub-table td {
    /*width: 10%;*/
    text-align: right;
}

.spa-timeline-listitem-li table.sub-table tr td:last-child,
#spa-records table table.sub-table tr td:last-child {
    /*width: 30%;*/
}

.spa-timeline-listitem-li table.sub-table th,
#spa-records table table.sub-table th {
    /*width: 50%;*/
    text-align: left;
}

.spa-timeline-listitem-li table.sub-table,
#spa-records table table.sub-table {
    margin-top: 15px;
}

.spa-timeline-listitem-li table.sub-table th,
.spa-timeline-listitem-li table.sub-table td,
#spa-records table table.sub-table th,
#spa-records table table.sub-table td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

table.sub-table > tbody {
    display: table-row-group !important;
}

table.sub-table > tbody > tr {
    display: table-row !important;
}

table.sub-table > tbody > tr > th,
table.sub-table > tbody > tr > td {
    display: table-cell !important;
}

.spa-records-list-item-details {
    height: 0;
    overflow: hidden;
    transition: height .3s ease-out;
}

.spa-records-list-item.show .spa-records-list-item-details {
    height: auto;
}

th.spa-records-list-td-search > .form-group {
    margin: 0;
    padding: 0;
}

#spa-records-search-form-field {
    width: 75%;
}