/*
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 : Sep 7, 2020, 9:07:06 AM
    Author     : Desember
*/

@media (max-width: 767px) {
    
    .content-xs {
        width: 100%;
        margin: 0 auto; 
    }
    
    .btn-font-xs {
        font-size: 12px;
    }
    
    img-xs-width {
        padding: 0;
        width: 50px;
    }
    
    .imgukttk-xs {
        width: 100%;
    }
    
    .col-xs-0 {
        min-height: 0;
        min-width: 0;
        height: 0;
        width: 0;
        display: none;
    }
    
    .title-big-xs {
        font-family: 'Times New Roman'; 
        margin: 0; 
        font-weight: bold; 
        font-size: 14px;
        color: #fff;
    }
    
    .title-small-xs {
        margin: 0; 
        font-weight: normal; 
        font-size: 10px;
        color: #fff;
    }
}


@media (min-width: 767px) {
    
    .content-sm {
        width: 90%;
        margin: 0 auto; 
    }
    
    .btn-font-sm {
        font-size: 16px;
    }
    
    .img-sm-width {
        padding: 0;
        width: 70px;
    }
    
    .imgukttk-sm {
        width: 100%;
    }
    
    .title-big-sm {
        font-family: 'Times New Roman'; 
        margin: 0; 
        font-weight: bold; 
        font-size: 20px;
        color: #fff;
    }
    
    .title-small-sm {
        margin: 0; 
        font-weight: normal; 
        font-size: 16px;
        color: #fff;
    }
}


@media (min-width: 1200px) {
    
    .content-lg {
        width: 60%;
        margin: 0 auto; 
    }
    
    .btn-font-lg {
        font-size: 16px;
    }
    
    .img-lg-width {
        padding: 0;
        width: 100px;
    }
    
    .imgukttk-lg {
        width: 70%;
    }
    
    .title-big-lg {
        font-family: 'Times New Roman'; 
        margin: 0; 
        font-weight: bold; 
        font-size: 22px;
        color: #fff;
    }
    
    .title-small-lg {
        margin: 0; 
        font-weight: normal; 
        font-size: 14px;
        color: #fff;
    }
}


.tb-list-bap {
    margin: 0px 0;
    width: 100%; 
    background: #fff;
    font-size: 12px;
}

.tb-list-bap thead tr th {
    padding: 2px;
    background-color: #f5f5f5;
    border: 1px solid #fff;
    color: #aaa;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.tb-list-bap tbody tr td {
    padding: 2px 6px;
    /*border-bottom: 1px solid #ddd;*/
    border: 1px solid #fff;
    text-align: left;
    text-transform: none;
    color: #555;
    font-weight: normal;
}

.tb-list-bap tbody tr td:nth-child(1) {    
    text-align: left;
    /*text-transform: uppercase;*/
    color: #777;
}

.tb-list-bap tbody tr td:nth-child(2) {    
    text-align: right;
    text-transform: none;
    color: #777;
    font-weight: bold;
}

.tb-list-bap tfoot {
    border: 1px solid #fff;
    background-color: #f5f5f5;
    font-size: 14px;
}

.tb-list-bap tfoot tr td {
    padding: 2px 6px;
    text-align: left;
    text-transform: none;
    color: #555;
}

.tb-list-bap tfoot tr td p {
    padding: 4px 6px;
    text-align: left;
    color: #555;
    background-color: #fff;
    border-radius: 4px;
}

.tb-list-bap tbody tr:nth-child(odd) td {
    background-color: #fdf7d4;
}




.tb-list-info {
    margin: 0px 0;
    width: 100%; 
    background: #fff;
    font-size: 14px;
}

.tb-list-info thead tr th {
    padding: 2px;
    background-color: #f5f5f5;
    border: 1px solid #fff;
    color: #aaa;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.tb-list-info tbody tr td {
    padding: 2px 6px;
    /*border-bottom: 1px solid #ddd;*/
    border: 1px solid #fff;
    text-align: left;
    text-transform: none;
    color: #555;
    font-weight: normal;
}

.tb-list-info tfoot {
    border: 1px solid #fff;
    background-color: #f5f5f5;
    font-size: 14px;
}

.tb-list-info tfoot tr td {
    padding: 2px 6px;
    text-align: left;
    text-transform: none;
    color: #555;
}

.tb-list-info tfoot tr td p {
    padding: 4px 6px;
    text-align: left;
    color: #555;
    background-color: #fff;
    border-radius: 4px;
}

.tb-list-info tbody tr:nth-child(odd) td {
    background-color: #fdf7d4;
}

.tb-list-info tbody tr:nth-child(even) td {
    background-color: #fff;
}


.tb-list-report {
    margin: 0px 0;
    width: 100%; 
    background: #fff;
    font-size: 12px;
    font-family: "Tahoma";
}

.tb-list-report thead tr th {
    background: #ddd;
    padding: 4px 2px;
    /*background-color: #f5f5f5;*/
    border: 1px solid #ccc;
    color: #555;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.tb-list-report tbody tr td {
    padding: 2px 6px;
    border: 1px solid #ccc;
    text-align: left;
    text-transform: none;
    color: #555;
    font-weight: normal;
}

.tb-list-report tfoot {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}

.tb-list-report tfoot tr td {
    padding: 2px 6px;
    text-align: left;
    text-transform: none;
    color: #555;
    border: 1px solid #ccc;
}

.tb-list-report tfoot tr td p {
    padding: 4px 6px;
    text-align: left;
    color: #555;
    background-color: #fff;
    border-radius: 4px;
}

.tb-list-report tbody tr:nth-child(odd) td {
    background-color: #fdf7d4;
}

.tb-list-report tbody tr:nth-child(even) td {
    background-color: #fff;
}




.menuba a {
    font-size: 16px;
    text-decoration: underline;
    font-weight: 600;
    text-shadow: -1px 0px 1px #ccc;
    color: navy;
}

.menuba a:hover {
    color: #999;
}

.menuba li {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    text-shadow: -1px 0px 1px #ccc;
    color: navy;
    padding-left: 7px;
}

.detailba a {
    color: green;
    font-size: 16px;
    font-weight: 600;
    text-shadow: -1px 0px 1px #ccc;
}

.detailba a:hover {
    color: #999;
}

.oldate a {
    color: green;
    font-size: 16px;
    font-weight: 600;
    text-shadow: -1px 0px 1px #ccc;
}

.oldate a:hover {
    color: #aaa;
}

.oldate li {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    text-shadow: -1px 0px 1px #ccc;
    color: green;
    padding-left: 7px;
}

.reportba a {
    color: black;
    font-size: 16px;
    font-weight: 600;
    text-shadow: -1px 0px 1px #ccc;
}

.reportba a:hover {
    color: #fff;
}

.bgBlack {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/*black table*/
.tb-black {
    background: #4f4f4f;
    width: 100%;
    /*font-family: Arial, "Century Gothic", Tahoma;*/
    font-size: 12px;
    color: #fff;
    border-collapse: collapse;
    /*box-shadow: -1px -1px 1px #eee;*/
}
.tb-black thead tr th {
    background: #111;
    padding: 7px 4px;
    font-weight: bold;
    text-align: center;
}
.tb-black tbody tr td {
    font-weight: normal;  
    padding: 3px 4px;
    vertical-align: top;
}
.tb-black thead tr th, .tb-black tbody tr td {
    border: 1px solid #666;
}
.tb-black tr:nth-child(even) td {
    background-color: #404040;
}
.tb-black tbody tr:hover {
    /*background-color: none; #ccffff;*/
}
.tb-black a {
    font-weight: bold;
    color: #fff;
}
.tb-black a:hover {
    cursor: pointer;
    color: #a0b3ff;
    font-weight: bold;
}

/*blue table*/
.tb-blue {
    background: #e3f7ff;
    width: 100%;
    /*font-family: Arial, "Century Gothic", Tahoma;*/
    font-size: 12px;
    color: #000;
    border-collapse: collapse;
    /*box-shadow: -1px -1px 1px #eee;*/
}
.tb-blue thead tr th {
    background: #155973;
    padding: 3px 2px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.tb-blue tbody tr td {
    font-weight: normal;  
    padding: 3px 4px;
    vertical-align: top;
}
.tb-blue thead tr th, .tb-blue tbody tr td {
    border: 1px solid #ccc;
}
.tb-blue tr:nth-child(even) td {
    background-color: #fff;
}
.tb-blue tbody tr:hover {
    /*background-color: none; #ccffff;*/
}
.tb-blue a {
    font-weight: bold;
    color: #fff;
}
.tb-blue a:hover {
    cursor: pointer;
    color: #a0b3ff;
    font-weight: bold;
}