*{padding:0; margin:0;}
a{text-decoration:none;}
li{list-style:none;}
body{
    font-family: 'Open Sans', sans-serif;
    font-family: 'Roboto', sans-serif;
}

/*HEADER*/
.nav-atas{background:#031f5f; color:#fff;}
.navbar-inverse .navbar-nav>li>a{
    color: #ccc;
    background: rgba(0, 0, 0, 0);
    margin: 0 2px;
    border-radius: 10px;}
.navbar-inverse .navbar-nav>li>a:hover{color:#fcbb23;background: rgba(152, 19, 58, 1);}


/*Content CONTENT*/
.wrapper-content{width:100%; min-width:50%; max-width:100%;}


/*CONTENT*/
.content-middle{width:100%; min-width:50%; max-width:100%; margin:0 auto;height:auto;}
.content-middle .table-mid{width:100%; height:auto; overflow:hidden;  margin-top:30px;}
.content-middle .table-left {width:80%; float:left;}
.content-middle .table-right {width:15%; float:right;}


/*RESULT*/
.result{padding:4px 10px; background: linear-gradient(to bottom, #24ab38 , #11571b); border-radius:50%; font-weight:bold; font-size:16px;}

.sr{color:#7aa6ff;}

/*BODY*/
.logo img{display:block; margin:0 auto;}n

.wrapper-content{width:100%; border:1px solid red; height:500px; border:1px solid yellow;}
.wrapper-content .wrapper-table{width:80%; margin:0 auto; }

.wrapper-content table{
        -webkit-box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.75);
        -o-box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.75);
        -ms-box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 17px 1px rgba(0,0,0,0.75);
        border:none;
        border-collapse:collapse;
        border-spacing:0;
        text-align:center;
        background:#323C50;
        min-width:50%; max-width:100%; width:100%;
}

.wrapper-content table a{color:#caf3f3;}
.wrapper-content table thead, tfoot{background:#2d2f2d; border:none; border-collapse:collapse; }
.wrapper-content table tr th{
        padding:20px 0;
        background: linear-gradient( 330deg, #e05252 0%, #1846c7 25%, #5263e0 50%, #ff0277 75%, #d01c1c 100%);
        -webkit-background-clip: text;
        -o-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -webkit-text-fill-color: transparent;
        -o-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        -ms-text-fill-color: transparent;
        text-align:center;
        font-size:15px;
        font-weight:bold;
}
.wrapper-content table tr td{padding:20px 0;color:#caf3f3;vertical-align:middle; border:none;}
.wrapper-content table tr .nama-pasaran a{color:#FB667A;}
.wrapper-content table tr .nama-pasaran span, .wrapper-body table tr .nama-pasaran span a{font-size:15px; color:grey;}
.wrapper-content tbody tr:nth-child(odd){  background-color: #58010bd4; border:none}
.wrapper-content tbody tr:nth-child(even){  background-color: #041248; border:none}
.wrapper-content tbody tr:hover{
          background-color: #343a424a;
}

.alert {
    padding: 20px;
    background-color: #0d4d16;
    color: white;
}
.tgl_indo{color:#9dbbff;}

.closebtn {
    margin-left: 15px;
    color: yellow;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 3s;
}

.closebtn:hover {
    color: black;
}

/*INFO LOTTERY*/
.info_lottery{ font-size:15px; color:#959595;}
.info_lottery .livedraw{color:rgb(255, 199, 0);}
.sup-result .livedraw-result {color:rgb(255, 199, 0);font-size:15px;}
.sup-result{ font-size:15px;}
.name-result{font-size:15px; text-transform:capitalize;}

.wrapper-footer {
    background:#070b3a;
    margin-top:50px;
    color:white;
    padding:50px 0;
    height:auto;
}

.wrapper-footer{min-width:1000px;}
.brand-bottom img{width:200px;}
.wrapper-footer h3{color:#6588d8;}
.wrapper-footer .menu a{color:#ffffff;}
.wrapper-footer .menu a:hover{color:#656d6d;}