body {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #1b1b1b;
}

.btn {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
}

.container {
    width: 100%;
}

.glyphicon {
    margin-right: 5px;
}

.no-gutter>[class*='col-'] {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tengahBaris {
    vertical-align: middle;
}

table {
    padding-bottom: 0px;
}

.panel {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}

input[readonly] {
    background-color: #fff0c4 !important;
    /* any other styles */
}


.panel-danger>.panel-heading,
.panel-warning>.panel-heading,
.btn-warning {
    color: #000000;
    font-weight: bold;
    border-color: rgba(0, 0, 0, 0.6);
    background-image: -webkit-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
    background-image: -o-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee791), color-stop(60%, #9d8b3d), to(#9f8435));
    background-image: linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
    -webkit-filter: none;
    filter: none
}

.btn-warning:hover {
    color: #000000;
    font-weight: bold;
    border-color: rgba(0, 0, 0, 0.6);
    background-image: -webkit-linear-gradient(#d7a001, #d7a001 60%, #d7a001);
    background-image: -o-linear-gradient(#d7a001, #d7a001 60%, #d7a001);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d7a001), color-stop(60%, #d7a001), to(#d7a001));
    background-image: linear-gradient(#d7a001, #d7a001 60%, #d7a001);
    background-repeat: no-repeat;
}

.login {
    color: #000000;
    font-weight: bold;
    border-color: rgba(0, 0, 0, 0.6);
    background-image: -webkit-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
    background-image: -o-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee791), color-stop(60%, #9d8b3d), to(#9f8435));
    background-image: linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
    -webkit-filter: none;
    filter: none
}


.panel-default>.panel-heading {
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.6)
}

.navbar-default {
    background-color: #000000;
    border-color: #2b2e32
}

.well {
    background: #111 !important;
}


input[readonly] {
    background-color: #eeeecd !important;
    /* any other styles */
}

textarea[readonly] {
    background-color: #eeeecd !important;
    /* any other styles */
}

.form-control {
    height: 40px !important;
    border-radius: 3px !important;
}

.form-control#validasi {
    height: 50px !important;
    border-radius: 3px !important;
}

.form-control-login {
    height: 40px !important;
    border-radius: 3px !important;
}

.form-control#reg_username,
#reg_pass,
#reg_passcon,
#reg_email,
#reg_telpon,
#reg_bank,
#reg_rek,
#reg_nama,
#reg_ref,
#reg_dari,
#reg_lain {
    height: 45px !important;
    border-radius: 3px !important;
}


textarea {
    height: 100px !important;
    width: 100%;
    padding: 10px;
    border-radius: 5px !important;
}

td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.borderbottom {
    border-bottom: 2px solid #c2c2c2;
    border-top: 2px solid #c2c2c2;
}

@media (max-width: 1200px) {
    .navbar {
        background: #32363b;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }


    @media (min-width: 320px) {

        /* iPhone SE,6/7/8/X, Galaxy S5,  */
        .fadein {
            position: relative;
            width: 100%;
            height: 160px;
        }

        .fadein img {
            position: absolute;
            left: 0;
            top: 0;
        }

    }

    @media (min-width: 400px) {

        /* iPhone 6/7/8 Plus, Pixel 2,Pixel 2 XL,  */
        .fadein {
            position: relative;
            width: 100%;
            height: 200px;
        }

        .fadein img {
            position: absolute;
            left: 0;
            top: 0;
        }


    }

    @media (min-width: 700px) {

        /* iPad  */
        .fadein {
            position: relative;
            width: 100%;
            height: 380px;
        }

        .fadein img {
            position: absolute;
            left: 0;
            top: 0;
        }

    }

    @media (min-width: 1000px) {
        .fadein {
            position: relative;
            width: 100%;
            height: 480px;
        }

        .fadein img {
            position: absolute;
            left: 0;
            top: 0;
        }

    }

}

textarea {
    height: 100px !important;
    width: 100%;
    padding: 10px;
    border-radius: 5px !important;
}

.form-control {
    height: 25px !important;
    border-radius: 3px !important;
}

td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.grabgtab {
    font-weight: bold;
    border-color: rgba(0, 0, 0, 0.6);
    background-image: -webkit-linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
    background-image: -o-linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1b1b), color-stop(60%, #1b1b1b), to(#10100e));
    background-image: linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#10100e', GradientType=0);
    -webkit-filter: none;
    filter: none
}

.grabgtabbottom {
    font-weight: bold;
    border-color: rgba(0, 0, 0, 0.6);
    background-image: -webkit-linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
    background-image: -o-linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3e444c), color-stop(60%, #1b1b1b), to(#1b1b1b));
    background-image: linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#1b1b1b', GradientType=0);
    -webkit-filter: none;
    filter: none
}

.abel {
    font-family: 'Abel';
}