:root{
  --red:#821011;
}


/*body{*/
  /*margin:0;*/
  /*font-family: Arial, Helvetica, sans-serif;*/
/*}*/

/*.container{*/
  /*display:flex;*/
  /*flex-direction: column;*/
  /*align-items: center;*/
/*}*/

/*.header,.footer{*/
  /*width:100%;*/
/*}*/


.gdlotto{
  background-image: url(/royalewin/img/gdlotto/bg.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 500px;
  min-width: 1100px;
  position:relative;
  padding-top: 30px;
  height: 100%;
}


.gd_header{
  margin:0 auto;
  margin-top: 30px;
  margin-bottom: 50px;
  width:100%;
  display:flex;
  justify-content: center;
  align-items: flex-end;
  position:relative;
  height:200px;

}

.gd_logo{
  height:100%;
  -webkit-filter: saturate(120%) drop-shadow(3px 3px 3px black);
  filter: saturate(120%) drop-shadow(3px 3px 3px black);
}


.dragon_left,.dragon_right{
  height:100%;
  -webkit-filter: drop-shadow(3px 3px 3px black);
  filter: drop-shadow(3px 3px 3px black);
}

.dragon_left{
  -moz-transform:scaleX(-1);
  -webkit-transform:scaleX(-1);
  transform:scaleX(-1);
}

.gd_container{
  margin:50px auto;
  width:1100px;
  display:flex;
  flex-direction: row;
}


.gd_content_left{
  display:flex;
  flex-direction: column;
  align-items:center;

}

.gd_date{
  font-size: 30px;
  font-family: 'Black Ops One', cursive;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                   radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom:solid 1px #D1B464;
  -webkit-filter: brightness(150%) drop-shadow(3px 3px 3px black);
  filter: brightness(150%) drop-shadow(3px 3px 3px black);
}

.gd_content_left button{
  z-index: 1;
  margin-top: 50px;
  font-family: 'Black Ops One', cursive;
  color:var(--red);
  width:220px;
  border:none;
  font-size: 24px;
  border-radius: 10px;
  padding:10px;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                 radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  box-shadow: 3px 3px 5px black;
  cursor: pointer;
  transition: 0.3s;
}

.gd_content_left button:hover{
  -webkit-filter:brightness(120%) saturate(120%);
  filter:brightness(120%) saturate(120%);
  letter-spacing: 1px;
}


.gd_content_right{
  width:100%;
  margin-left: 50px;
  display:flex;
  flex-direction: column;
  /*z-index: 2;*/
  background-image: url(/royalewin/img/gdlotto/result_bg.jpg);
  padding:10px 15px;
  padding-bottom:0;
  border-radius: 20px;
  border:solid 1px #9f7928;
}

.gd_content_right table{
  width:100%;
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
  border-collapse: collapse;
  -webkit-filter:drop-shadow(3px 3px 5px black);
  filter: drop-shadow(3px 3px 5px black);

}


.gd_content_right table th{
  font-size: 25px;
  font-weight: lighter;
    font-family: 'Black Ops One', cursive;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                   radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom:solid 2px #FFFFAC;
  -webkit-filter: brightness(150%);
  filter: brightness(150%);

}

.gd_content_right table td{
  padding:10px;
  border:dotted 2px #9f7928;
  background: white;
  font-size: 15px;
  font-weight: bold;

}

.alphabet{
  font-weight: bold;
  background: #9f7928;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.payoutTable{
  z-index: 10002 !important;
  /*bottom: 222px;*/
  /*margin: auto;*/
  /*overflow: auto;*/
}

.lmHolder {
  display: none;
  z-index: 2011 !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 560px;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  max-height: 85vh !important;
  font-size: 11px;
}

.lmHolder table {
  border-collapse: collapse;
  width: 100%;
}

.lmHolder table, .lmHolder table th, .lmHolder table td {
  border: 1px solid black;
}

.lmHolder table tr:first-child td {
  font-weight: bold;
}

.lmHolder table td {
  padding: 6px 0;
  text-align: center;
  vertical-align: middle;
}

.btnClose {
  font-weight: bold;
  cursor: pointer;
  color: gray;
  font-size: 18px;
}