body, html {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#eeeeee;
    --col-1- :#a6a6a6;
    --col-3- :blue;
    --col-4- : #f9ec8e;
    font-family:'Jazz LET, fantasy';
    dir:rtl;
}
.colorspectrum{
    --color-0 : #bf0a0a;
    --color-1 : #a33600;
    --color-2 : #a9790b;
    --color-3 : #414c17;
    --color-4 : #47a906;
    --color-5 : #04a876;
    --color-6 : #0895b9;
    --color-7 : #0a1d79;
    --color-8 : #5705a0;
    --color-9 : #8f09a3;
    --color-A : #ea48a4;
    --color-B : #530207;
    --color-C : #bf4000;
    --color-D : #8f0808;
    --color-E : #6b8406;
    --color-F : #7f5b08;
    --color-G : #357f05;
    --color-H : #037e59;
    --color-I : #06708b;
    --color-J : #08165b;
    --color-K : #410478;
    --color-L : #6b077a;
    --color-M : #b0367b;
    --color-N : #a8a8a8;
}
.closebtn{
    position:absolute;
    right:0;
    top:0;
    z-index:999;
}
.layout .header {
    background:#fff;
}
.layout .body{
    position:relative;
}
.inGameDialog{
    position: absolute;
    z-index:99;
    top:0;
    background:#e6ffe6;
    padding:5px;
    overflow:none;
    font-size:10px;
}
.inGameDialog td{
    text-align:center;
    padding:0;
}
.inGameDialog button{
    width:70px;
    background:linear-gradient(#ffbebe,#7bf9b2);
    border:none;
    font-weight:bold;
    margin:0px 0px 5px 0px;
}
.menuDialog{
    text-align: center;
    position: absolute;
    top: 0px;
    left:50%;
    transform:translate(-50%,0);
    z-index:99;
    background:#cececece;
    padding: 20px;
    overflow-y: auto;
    max-height:500px;
}
.menuDialog td{
    padding:0px 0px 10px 0px;
}
.menuDialog button{
    width:100px;
    background: linear-gradient(#5e5e5e, #f7f7f7);
    border:none;
    font-weight:bold;
    margin:0px 0px 5px 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
*{
    box-sizing:border-box;
    border-collapse:collapse;
    user-select:none;
}
.footer{
    font-size: 10pt;
    font-family:cursive;
}
table,tr,td{
    padding:0;
    margin:0;
    border-spacing:0;
}
.footer table tr{
    text-align:center;
}
.header table td{
    text-align:center;
}
.tdt{
    font-weight:bold;
    text-align:left;
    padding: 0px 10px 0px 0px;
}
.footer button{
    width:70px;
    background:linear-gradient(#ffbebe,#7bf9b2);
    border:none;
}
#castlepagemenu button{
    width:100px;
    border:none;
    font-weight:bold;
    background:linear-gradient(#ffbebe,#7bf9b2);
}
.gamecontrolstable{
    position:fixed;
    top:100%;
    transform:translate(0,-100%);
    opacity:0.2;
    width:100% !important;
}
.tableshowprogress{
    width:300px;
    min-height:100px;
}
.tableshowprogress td{
    border:1px solid black;
}
.fullwbtn{
    width: 98%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!i,;!i;!i,;!i;!;
}
.tableshowprogress{
    width:100%;
}
.green{
    padding:10px;
    border-radius:10px;
    margin: 10px 0px 10px 0px !important;
    background:#065906 !important;
    color:#fff;
    cursor:pointer;
}
.red{
    padding:10px;
    border-radius:10px;
    margin: 10px 0px 10px 0px !important;
    background:#e30000 !important;
    color:#fff;
    cursor:pointer;
}
.ActionButton{
    padding:10px;
    border-radius:10px;
    margin: 1px 0px 0px 0px !important;
    background:#065906;
    color:#fff;
    cursor:pointer;
}
.table{
}
.borderd-table td{
    border:1px solid black;
    vertical-align:middle;
    padding:5px;
}
.full-width{
    width:99%;
} 
.table-striped{
    
}