.warna {
    color: #FFBB00 !important;
}

.card-footer a.link {
    color: rgb(153, 151, 147) !important;
}

.home-icon img {
    width : auto;
    height: 64px;
}

.block-title {
    /*color         : #003499 !important;*/
    font-size     : 1.5em !important;
    line-height   : 1.2em !important;
    margin        : 16px 16px 5px !important;
    padding-bottom: 10px;
    text-overflow : unset !important;
    white-space   : unset !important;
}

/*Form style*/
.item-floating-label {
    color: rgba(0, 0, 0, .8) !important;
}

/*Form style*/

/* Invert navigation bars to fill style */
:root,
:root.theme-dark,
:root .theme-dark {
    --f7-bars-bg-color                  : #FFBB00;
    --f7-bars-text-color                : #000100;
    --f7-bars-link-color                : #000100;
    --f7-navbar-subtitle-text-color     : rgba(255, 255, 255, 0.85);
    --f7-bars-border-color              : transparent;
    --f7-tabbar-link-active-color       : #fff;
    --f7-tabbar-link-inactive-color     : rgba(255, 255, 255, 0.54);
    --f7-searchbar-bg-color             : #;
    --f7-searchbar-input-bg-color       : #fff;
    --f7-searchbar-input-text-color     : #000;
    --f7-sheet-border-color             : transparent;
    --f7-tabbar-link-active-border-color: #fff;
}

.appbar,
.navbar,
.toolbar,
.subnavbar,
.calendar-header,
.calendar-footer {
    --f7-touch-ripple-color     : var(--f7-touch-ripple-white);
    --f7-link-highlight-color   : var(--f7-link-highlight-white);
    --f7-button-text-color      : #fff;
    --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1);
}

.appbar,
.navbar,
.toolbar,
.subnavbar,
.calendar-header,
.calendar-footer {
    --f7-touch-ripple-color     : var(--f7-touch-ripple-white);
    --f7-link-highlight-color   : var(--f7-link-highlight-white);
    --f7-button-text-color      : #fff;
    --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1);
}

.video-container {
    position      : relative;
    padding-bottom: 56.25%;
    padding-top   : 30px;
    height        : 0;
    overflow      : hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

/*Scrolling text*/
@keyframes slide {
    from {
        left     : 100%;
        transform: translate(0, 0);
    }

    to {
        left     : -100%;
        transform: translate(-100%, 0);
    }
}

@-webkit-keyframes slide {
    from {
        left     : 100%;
        transform: translate(0, 0);
    }

    to {
        left     : -100%;
        transform: translate(-100%, 0);
    }
}

#marquee {
    width      : 100%;
    height     : 20px;
    line-height: 20px;
    overflow   : hidden;
    position   : relative;
}

#text {
    position                         : absolute;
    top                              : 0;
    left                             : 0;
    font-size                        : 14px;
    white-space                      : nowrap;
    animation-name                   : slide;
    animation-duration               : 10s;
    animation-timing-function        : linear;
    animation-iteration-count        : infinite;
    -webkit-animation-name           : slide;
    -webkit-animation-duration       : 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.toast{
    background-color: #0000009e;
}

.panelkecil{
    background-color: white;
    padding: 5px;
    border-radius: 15px;
    box-shadow: 1px 1px 8px #E3E3E3;
}

th, td {
    padding: 10px !important;
}
.data-table  .data-table-title{
    font-size: 18px;
}