/**
 * Additional style for css
 */

.dash-icon .badge{
    position: absolute;
    top: 5%;
    left: 50%;
    font-size: 100%;
}
.input-group{margin-bottom: 1rem;}
.overlay
{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding-top: 90px;
    padding-bottom: 90px;
}
body.front {
    background: url('https://assets.expresso.biz.id/bg/home.jpg') no-repeat;
    background-size: cover;
    /*text-align: center;*/
    width: 100%;
}

body{
    font-size: 11px;
}
.front .app-footer {
    /*min-height: 100px;*/
    padding: 0 1rem;
    line-height: 50px;
    background: grey !important;
    border-top: none;
    text-align: center;
    /*z-index: -100;*/
}

.front .ornamen{
    z-index: -99;
}

.front .ornamen.bottom-right,
.front .ornamen.bottom-left{
    position: absolute;
    bottom: 0px;
    z-index: 0;
}
.front .ornamen.bottom-left {
    left: 5%;
    /*width: 134px;*/
    /*height: 200px;*/
}
.front .ornamen.bottom-right{
    bottom: 20px !important;
    right: 1%;
    width: auto;
    /*height: 200px;*/
}

.front .ornamen.logo{
    position: absolute;
    /*right: 5%;*/
    top: 10%;
    /*background: url('../img/box_200.png') no-repeat;*/
    max-width: 300px;
    /*height: 200px;*/
    align-self: center;
}

#info-box .list-group {
    max-height: 250px;
    overflow-y: auto;
}

.flying-alert{
    position: fixed;
    top: 100px;
    right: 0;
    z-index:999;
}

.table thead th{
    text-align: center;
}
.table thead th{
    vertical-align: middle;
}
.table-scrollbar {
    width: 78em;
    overflow-x: auto;
    white-space: nowrap;
}

.download .table-bordered th, .download table td{
    border: 1px solid #222222;
}

.download table th{
    background-color: #dddddd;
    text-align: center;
}

.download .no-border, .download table.no-border td{
    border: 0 !important;
}

.download tbody tr:nth-of-type(even) {
    background-color: #dddddd; }


/** css for fixed header  */
table#fixed-header th {border-right:solid 1px #000}
table#fixed-header th#right-border {padding:0 4px 0 3px;border-right:none;}
table#tbl-scroll td {border-bottom:solid 1px #bbb;border-right:solid 1px #bbb;}
table#tbl-scroll tr#bottom td {border-bottom:none;}
#box{
    width:100%;
    height:300px;
    overflow-y:auto;
    border:solid 1px #000;
}

#tbl-scroll{
    width:1090px;
    table-layout:fixed;
    background:#fff;
}

#fixed-header{
    width:1090px;
    text-align:left;
    table-layout:fixed;
}

tr.founded{background-color:yellow;}
/** end fixed header */

body{font-family: "Calibri", "Arial", "sans-serif"}
.table{font-size: 13px}

/*.nav-pills .nav-link.active, .nav-pills .navbar .active.dropdown-toggle, .navbar .nav-pills .active.dropdown-toggle, .show > .nav-pills .nav-link, .show > .nav-pills .navbar .dropdown-toggle, .navbar .show > .nav-pills .dropdown-toggle{border:1px solid #f0f3f5 !important;}*/
/*.nav-link, .navbar .dropdown-toggle{border: 1px solid #f0f3f5 !important}*/

.row-flex [class*="col-"] {
    margin-bottom: 30px;
}

.row-flex .content, .row-flex .card {
    height: 100%;
}

.row-flex .card-body{
    /*padding-top:0;*/
    padding-bottom:0;
}