label,
table.cc td.hvg,
td.hvg input {
  cursor: pointer;
}

table.progbar {
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
}
table.progbar td.progcell {
  border: none;
  padding: 0px;
  text-align: left;
}

/* Default style for image canvas */
canvas {
  border:1px solid #9a9a9a;
  position: relative; /* Needed for javascript to work */
}

/* Default styles for image photo */
.CW_photoframe {
  border: 2px solid #ccc;
  border-radius: 10px;
  width: 340px;
  height: 400px;
  margin:0 auto;
  margin-bottom:20px;
}

.CW_previewframe {
  width: 300px;
  height: 300px;
  margin:0 auto;
  margin-top: 20px;
  margin-bottom:20px;
  background-color: #dcdcdc;
  overflow: hidden;
}

.CW_previewframe img {
  box-sizing: content-box;
}

.CW_preview {
  width: 300px;
  height: 300px;
}

.CW_photobuttons-wrapper .CW_photobtn,
.CW_photobuttons-wrapper .CW_photobtn_clear {
    margin-top: 0px;
    margin-left:20px;
    display: inline;
    float: left;
    border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 8px 20px 8px 20px;
    border-radius: 8px;
    font-size: 14pt;
    font-weight: bold;
    line-height: 15pt;
}

.CW_photobtn_clear:hover { cursor:pointer; }

.CW_photobtn input[type=file] {
    display: none;
}

.rotate90{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}
.rotate180{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.rotate270{
    transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
}

/* Ranking mode1 styles */
table[data-pglayout=mode1][data-qordered=true] td.rordered input[type="radio"],
table[data-pglayout=mode1][data-qordered=true] td.rordered input[type="checkbox"] { position:absolute; left:-9999px; }

table[data-pglayout=mode1][data-qordered=true] td.rordered label { vertical-align:middle; }

table[data-pglayout=mode1][data-qordered=true] td.hv:not(.rordered) { margin-top:10px; display:block; }

table[data-pglayout=mode1][data-qordered=true] td.rordered span.CW_order_rank {
  float:left;
  width: 50px;
  height: 25px;
  line-height: 25px;
  background-color: #333;
  color: #fff;
  margin: 1px 5px 1px 0px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-shadow: 1px 2px 1px silver, 0 0 0 0 white inset;
  -webkit-box-shadow: 1px 2px 1px silver, 0 0 0 0 white inset;
  -moz-box-shadow: 1px 2px 1px silver, 0 0 0 0 white inset;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-top-left: 0px;
}
table[data-pglayout=mode1][data-qordered=true] td.hvg.rordered span.CW_order_rank { display:block; margin:auto; float:none; }

table[data-pglayout=mode1][data-qordered=true] td.rordered span.CW_order_rank:hover,
table[data-pglayout=mode1][data-qordered=true] td.rordered span.CW_order_rank.hovering { opacity:0.8; }

.item-name::after, .choice-tag::after { content: ".\00a0" }

/* Class 'sr-only' is needed for "aria-describedby" to work properly */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(100%);
    white-space: nowrap;
    border: 0;
}