.cLabelColumns {
height: 26px; 
}
.cLabel {
display: flex;
height: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: sans-serif;
color: #555;
}

.cMsgGame { 
margin: 5px 0 0 0;
padding: 5px 0 5px 5px;
border-top: 1px solid #aceb7e;
border-bottom: 1px solid #aceb7e;
background-color: #e5ffe0;
font-family: Verdana, Tahoma;
font-size: 14px;
color: #179f00;
}
.cMsgGame .cDurationGame  {
margin: 0;
margin-top: 5px;
padding: 5px;
padding-bottom: 3px;
color: #75ad2b;
font-weight: bold;
border-top: 1px dashed #eee;
}

.cLabelLines {
display: inline-block;
width: 27px; 
vertical-align: top;
}
.cField {
margin: 5px;
display: inline-block;
text-align: center;
}
.cFields { 
text-align: center;
}

.cSquare {
display: inline-block;
position: relative;
overflow: hidden;
border: 1px solid #ddd; 
width: 25px; 
height: 25px;
}

.cDeck { 
margin: 0;
padding: 0;
display: inline-block;
position: absolute;
top: 0; 
bottom: 0;
left: 0;
right: 0;
border: 1px solid #333;
border-radius: 5px;
}
.cCreating { 
background-color: #c7ffc7;
}
.cToCreate { 
margin: 0;
padding: 0;
display: inline-block;
position: absolute;
top: 0; 
bottom: 0;
left: 0;
right: 0;
border: 1px dashed #59c51b;
border-radius: 5px;
}

.cDot { 
background-color: rgba(255,255,255,0.5);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHRSURBVHhe7ZlNSsNQFIUbFapL8GfmFnQdOhAVuw53oqhLEEe6DV2CA0HUJSgUqeekp/BCH1LSewd67wcfJ31Nk75Dmh9tJpPJIDIryrBkAcqwZAHKsGQByrBkAcqwZAHKsGQByrBkAcqwZAHKsGQByrBkAcqwuBXQNE3NIRzBO/gCx5LLHON7XGfus27wz+IeVjiGr5Bv/ibXOYEdavuwsDpoYcEqvIDlJBfxEvKzLbV9WFgdtLCgz+RnsoSW2j4srA5aKHjYlxPq4yms7sNCt3+N4cQ1RDzDnXagP+9wF9/za/rSFs/L4BFcdvJkC/JIcsGzgEOlBZbb6uBZwL7Sgj2lOZ7ngDFibfpqab7xPa221SFvhZUevCkt+FCa41nAk9KCR6U5ngXcKy14UJrjeRJcR/BGaLsd6A8Pf94IfU5f2uJ5BPDO7Xy6uBTchsvkW3gEeFhwBTnQxxvYUtuHhdVBCwv4SHsNy4ktIif/Lx6HZ5xBPtiUk6zJdUawQ20fFnqeBLXUYQPyweYA8lZ5ExKe6HjZ5JXjFs795t2+p9eG/wp5K6wMSxagDEsWoAxLFqAMSxagDEsWoAxLFqAMSxagDEsWoAxLFqAMS/ACBoMfs3MxnPfm9agAAAAASUVORK5CYII=');
background-position: center center;
background-size: 15px 15px;
background-repeat: no-repeat;
background-blend-mode: lighten;
}

.cCross { 
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHqSURBVHhe5ZtLTsNAEAUDbDgKH4kzIMQlgQ1wMg7ABYAFdEeuaOwMUWzPp7tT0hNK4k2VYFhEszl1LoafypXsTvaxfRWXe9ml7HP7akDlv2S/smfZuSwa6vQkU8dv2Y1sx4NMP2DRIqiLOqWOj7IdZ7JXWfpAlAg5eXVV5xF6HrzJ0ge9R8jJq2N69o2IFGG2PESIsFgePEdYLQ8eIxSTB08RisuDhwjV5MFyhOryYDFCM3mwFKG5PFiI0E0eekboLg89IpiRh5YRzMlDiwhm5aFmBPPyUCOCG3koGcGdPJSI4FYe1kRwLw9LIoSRhzkRwsnDMRHCysOhCOHlIRfhZVj6Xkh5yEVIF1oeVPBdNpXX95rLpwdRK1RWv4mewrfTockdeOmm/x1CkZPXX/vpn0PICDl5DrzcwRgqwiF5CBvhGHkIF2GOPISJsEQe3EdYIw9uI5SQB3cRSsqDmwg15MF8hJryYDZCC3kwF6GlPJiJ0EMeukfoKQ/dIliQh+YRLMlDswgW5aF6BMvyUC2CB3koHsGTPBSL4FEeVkfwLA+LI0SQh9kRIsnDrAhcKmTe5eG/CKNrc3qdNH0gijzkIowuTl7L9DqpfqCXCiPJgzpxOfRHdisboXdptcrejcpAqJs67smfKJvNH8CR7kXfVOQrAAAAAElFTkSuQmCC');
background-position: center center;
background-size: 16px 16px;
background-repeat: no-repeat;
}

.cNoneLeftBorder {
border-left: none; 
} 

.cNoneTopBorder {
border-top: none; 
}


.cBtn { 
margin: 0;
padding: 7px 18px;
display: inline-block;
font-size: 15px;
border: 1px solid #aaa;
cursor: pointer;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #fff;
text-shadow: 0px -1px 0px rgb(91, 114, 27);
transition:text-shadow .3s ease-out;
-moz-transition:text-shadow .3s ease-out;
-webkit-transition:text-shadow .3s ease-out;
box-shadow:0 0 1px rgba(200,200,200,0.5);
background:#a6c54c;
background:-moz-linear-gradient(top,#a6c54c 0,#688811 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a6c54c),color-stop(100%,#688811));
background:-webkit-linear-gradient(top,#a6c54c 0,#688811 100%);
background:-o-linear-gradient(top,#a6c54c 0,#688811 100%);
background:-ms-linear-gradient(top,#a6c54c 0,#688811 100%);
background:linear-gradient(top,#a6c54c 0,#688811 100%);
border: 0px none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.cPlacePlayer2 {
display: inline-block;
}

.cHideElm { 
display: none;
}

.cClick { 
  animation: cross 3s forwards;
}

.cHintLabel {
margin: 0;
padding: 5px 12px;
display: inline-block;
position: absolute;
top: -50%;
left: -50%;
border: 1px solid #ffb300;
border-radius: 8px;
background-color: #ffc633;
font-family: Verdana, Tahoma;
font-weight: bold;
font-size: 15px;
color: #ffffff;
z-index: 5;
opacity: 0.0;
}

.cShowHint { 
animation: fadeOut 3s forwards;
}

@keyframes cross {
0% {
box-shadow: 0 0 7px 2px rgb(255 136 0 / 70%), inset 0 0 7px 2px rgb(255 136 0 / 70%);
}
50% {
box-shadow: 0 0 7px 2px rgb(255 136 0 / 35%), inset 0 0 7px 2px rgb(255 136 0 / 35%);
}
95% {
box-shadow: 0 0 7px 2px rgb(255 136 0 / 10%), inset 0 0 7px 2px rgb(255 136 0 / 10%);
}
100% {
box-shadow: 0 0 7px 2px rgb(255 136 0 / 0%), inset 0 0 7px 2px rgb(255 136 0 / 0%);
}
}

@keyframes fadeOut {
0% {
opacity: 1.0;
}
75% {
opacity: 0.95;
}
95% {
opacity: 0.05;
}
100% {
opacity: 0.0;
}
}