/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 5, 2019, 7:57:19 PM
    Author     : Andik Hermawan<andik.system@gmail.com>
*/

html {

}

body{
    margin:0; 
    padding: 0;
    background-color: #006064;
}

html, html a {

}

.ui-widget {

}

.ui-widget .ui-widget {

}

/* clear table */

.clear-table.ui-datatable table thead tr th,
.clear-table.ui-datatable table tbody tr td,
.clear-table.ui-datatable table tfoot tr th {
    border: none!important;
}

.clear-table.ui-datatable table thead tr th {
    background: none!important;
    background-color: #00838f!important;
    color: #fff!important;
    text-align: left;
    padding-top: 32px!important;
    padding-bottom: 8px!important;
    padding-left: 8px!important;
    padding-right: 8px!important;
    vertical-align: bottom;
    font-weight: normal!important;
    font-size: 18px!important;
}

.clear-table.ui-datatable table tbody tr td,
.clear-table.ui-datatable table tfoot tr th {
    border-top: none!important;
    padding-top: 12px!important;
    padding-bottom: 12px!important;
    padding-left: 8px!important;
    padding-right: 8px!important;
    vertical-align: top;
    font-size: 18px!important;
}

.clear-table.ui-datatable table tbody.ui-widget-content,
.clear-table.ui-datatable table tbody tr.ui-widget-content {
    border: none!important;
}

.clear-table.ui-datatable .ui-datatable-summaryrow.ui-widget-header {
    border: none!important;
}

.clear-table.vmid tbody tr td {
    vertical-align: middle!important;
    text-align: center;
}

.ui-datatable table thead tr th:first-child,
.ui-datatable table tbody tr td:first-child {
    padding-left: 32px!important;
    text-align: left!important;
}

.ui-datatable table thead tr th:last-child,
.ui-datatable table tbody tr td:last-child {
    padding-right: 32px!important;
}

.ui-datatable table tbody tr:first-child td {
    border-top: 5px solid #ff9900!important;
}

.ui-widget-content.ui-datatable-even {
    background-color: #0097a7!important;
    color: #fff!important;
}

.ui-widget-content.ui-datatable-odd {
    background-color: #00838f!important;
    color: #fff!important;
}

.card-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.content {
}

.header {
    padding-left: 32px;
    padding-right: 32px;
}

.header-grid {
    width: 100%;
}

.header-grid tbody tr td.logo {
    width: 80px;
    height: 80px;
}

.header-grid tbody tr td.logo img {
    width: 80px;
    height: 80px;
}

.header-grid tbody tr td.title {
    
}

.header-grid tbody tr td.px {
    width: 300px;
    padding-right: 32px;
}

.header-title {
    padding: 32px;
    text-align: left;
}

.header-grid tbody tr td.time {
    width: 320px;
    text-align: left;
}

.header-title h1 {
    margin: 0;
    padding: 0;
    font-size: 32px;
    color: #fff;
}

.header-title p {
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #fff;
}

.tanggal {
    background: none!important;
    color: #fff!important;
}

.waktu-info {
    padding-left: 16px;
    border-left: 1px solid #ff9900;
}

.waktu-info .tanggal {
    margin-bottom: 8px;
}

.waktu-info .tanggal .ui-clock.ui-widget.ui-widget-header.ui-corner-all{
    background: none!important;
    color: #fff!important;
    border-radius: 0!important;
    border: none!important;
    font-weight: normal!important;
}

.waktu-info .jam .ui-clock.ui-widget.ui-widget-header.ui-corner-all{
    background: none!important;
    color: #fff!important;
    border-radius: 0!important;
    border: none!important;
    font-size: 42px!important;
}

.jumlah-grid {
    width: 100%;
}

.jumlah-grid tbody tr td.label {
    text-align: right;
    font-size: 18px;
    color: #fff;
}

.jumlah-grid tbody tr td.value {
    text-align: right;
    font-size: 24px;
    color: #fff;
    font-weight: 900;
}