/*
 * Game 10x10
*/
table.game10x10{
	border-collapse:collapse;
	border-spacing:0;
	height: auto;
}
table.game10x10, 
table.game10x10 td
, table.game10x10 th 
{
   
    color: #714354;
    text-shadow: 5.905px 6.792px 3.4px rgba(74, 40, 47, 0.38);
    font-size: 45px;
    font-style: normal;
    font-weight: bold;
}

table.game10x10 td img {
    width: 55px;
    height: 50px;
    float: left;
}

table.game10x10 td img:hover {
    box-shadow: 0px 1px 5px 1px #b8b986de;
}

table.game10x10 td, table.game10x10 th {
    padding: 2px 7px;
    height: 50px;
    text-align: center;
}
table.game10x10 th {
	background: #347c99; 
	color: #fff; 
	/* font-weight: normal; */
}

.icon_format_df {
    width: 55px; 
    height: 50px;
    float: left;
}
.modal-body-game { padding: 0px 0; }

.block_game_center { padding: 40px 40px; }


.td_game { border-bottom: 2px solid #e9b6aa; border-right: 2px solid #e9b6aa; }
.td_game_bottom { border-bottom: 2px solid #e9b6aa; }
.td_game_right { border-right: 2px solid #e9b6aa; }
.gmaddialog { max-width: 750px; }
.modal-game_content { width: 803px; height: 720px; }

.game_bg {
    width: 780px; height: 720px;
    background: url("/templates/Dragon/images/game/game10x10_n01.jpg") no-repeat center;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
}

.btn-game {
    background-color: #99371d;
    color: #d9cac8;
    height: auto;
    line-height: 20px;
    padding: 3px 10px;
}
.game_footer {
    color: #000000;
    text-align: center;
    font-size: 17px;    
    padding: 15px 0px;
}

.game_footer_row {
    margin-right: -20px;
    margin-left: -20px;
}

.game_footer .message {
    margin-top: 13px;
}

.btn_footer {
    text-align: center;
    margin: 5px 0px;
}

.game-error {
    background: #c3aab3;
    COLOR: red;
    padding: 4px 5px;
    border-radius: 20px;
    font-weight: 600;
}

/*
 * Game wheel
*/
.modal .wheel-modal {
    width: 722px; 
    height: 722px; 
    background-color: transparent; 
    border: none;
}

.wheel-body {
    width: 720px;
    height: 720px;
    padding: 65px 84px;
    text-align: center;
    /* wheel_body_background  wheel_body  wheel_body_background_2 */
    background: url("/templates/Dragon/images/game/wheel_body_background.png") no-repeat center;
    
}

.wheel-center {
    width: 640px;
    height: 548px;
}

.wheel-center::after {
    content: "";
    position: absolute;
    top: 0;
    right: 32px;
    width: 540px;
    height: 533px;
    background: url("/templates/Dragon/images/game/wheel_ground_pumk.png") no-repeat center;
}

.wheel::after {
    content: "";
    position: absolute; 
    top: 65px;
    right: 102px;
    width: 535px;
    height: 538px;
    background: url("/templates/Dragon/images/game/wheel_ground.png") no-repeat center;
}

.wheel-num {
    width: 535px;
    height: 538px;
}

.wheel-num .wheel-num-center {
    position: absolute;
    top: 298px;
    left: 315px;
}

.wheel-num-center img {
    width: 70px;
    height: 70px;
}

.wheel-footer {
    width: 536px;
    height: 100px;
    position: absolute;
}

.btn-wheel {
    border: none;
    width: 370px;
    height: 100px;
    background: url("/templates/Dragon/images/game/wheel_btn.png") no-repeat center;
}

.btn-wheel:active {
    background: url("/templates/Dragon/images/game/wheel_btn_push.png") no-repeat center;
}

.main-icon { 
    position: relative; 
}

.count-item {     
    position: absolute;
    right: 8px;
    bottom: 0;
    color: white;
    font-weight: 500;
    font-size: 13px;
}

.main-icon { width: 55px; height: 50px; float: left; }
.itemicon { width: 50px; height: 50px; float: left; }
.button-del {
    color: white;
    background: rgb(241, 69, 69);
    border-radius: 9px;
    cursor: pointer;
 }
 .button-del:hover {
    background-color: rgb(233 62 46);
    transform: scale(1.2);
    box-shadow: 0 0 4px #6e6c68;
    transition: .3s;    
}