/* BLOCKS DASHBOARD */
.hidden-competition-block {
  padding: 6px 6px;
  margin: 5px 0px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  
  position: relative;  
}
.hidden-competition-block span[class^="infoblock"] {
  padding: 3px 6px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: inline-block;
  font-size: 11px;
}

.competition-block span[class^="infoblock"] {
  padding: 3px 6px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: inline-block;
  font-size: 11px;
}
.phase-block {
    border-top: 2px solid #f4f4f4
}    
.phase-block span[class^="infoblock"] {
  padding: 3px 6px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: inline-block;
  font-size: 11px;
}
.phase-block .btn { margin-bottom: 3px; }
.phase-block .btn.btn-app {
  width: 100px;
  height: 100px;
  font-size: 12px;
  background: #cbeccf;
  border: #136629 1px solid;
  margin: 5px 5px 0px 0;
  padding: 8px 5px;
  color: black;
  white-space: normal;
}
.phase-block .btn.btn-app:hover,
.phase-block .btn.btn-app.btn-unimportant:hover {
  background: #f2f2f2;
}
.phase-block .btn.btn-app.btn-unimportant {
  background: #cccccc;
}
.phase-block .btn.btn-app i {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}

.phase-block-small .btn.btn-app {
  width: 30px;
  height: 30px;
  float: left;
}
/* INFOBLOCKS */

.infoblock {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  display: inline-block;
  padding: 3px 6px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.infoblock-red {
  background-color: red !important;
  border: 1px solid red !important;
  color: #ffffff;
}
.infoblock-grey {
  background: #cccccc;
  border: 1px solid #cccccc;
  color: black;
}
.infoblock-green {
  background: #136629;
  border: 1px solid #136629;
  color: #ffffff;
}
.infoblock-yellow {
  background: yellow;
  border: 1px solid yellow;
  color: #585858;
}

/* ASSIGNMENT */
#assignment { width: 100%; }
#actions { 
  padding: 0px 0px 0px 10px;
}
#pistes button {
  width: 40px;
  height: 40px;
  float: left;
  border: 1px solid #cccccc;
  background: #cbeccf;
  color: black;
  margin: 0px 5px 5px 0px;
  line-height: 16px;
}
#pistes button.blocked {
  background: #fc5f5f;
}
#pistes button.half-blocked {
  background: #fffd58;
}
#pistes button.inactive {
  background: #666666;
}
#referees { display: block; }
#refereebox label { float: none; display: block; text-align: left; width: 100%; }
#refereebox .count {
  color: black;
  font-weight: normal;
}
#refereebox .count-current {
  color: red;
  font-weight: bold;
}

/* TIMETABLE */
.pisteblock { padding: 4px; font-size: 120%; display: inline-block; }
.pisteblock input { margin-right: 4px; }

/* -- */

table.competition-info {
  line-height: 16px;
}

table.competition-info td {
  line-height: 16px;
}
.piste {
  float: left;
  width: 300px;
  margin: 5px;
  height: 180px;
  background: #FFBCBC;
}
.piste > * {
  margin: 5px;
}
.piste h3 {
  text-align: center;
}

/** jGrowl Styling **/
.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  position: fixed;
}
.jGrowl.top-left {
  left: 0px;
  top: 0px;
}
.jGrowl.top-right {
  right: 0px;
  top: 0px;
}
.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}
.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}
.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}
.center .jGrowl-notification,
.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  background-color: #ddd;
  opacity: .85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  zoom: 1;
  width: 235px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: left;
  display: none;
  border-radius: 5px;
}
.jGrowl .jGrowl-notification {
  min-height: 40px;
}
.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  margin: 10px;
}
.jGrowl .jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: .85em;
}
.jGrowl .jGrowl-notification .jGrowl-close {
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  border: 0px;
  background: transparent;
  
}
.jGrowl .jGrowl-closer {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
}
@media print {
  .jGrowl {
    display: none;
  }
}
.jGrowl .critical {
  background: red;
  color: white;
}
.table-xs th,
.table-xs td {
  padding: 0.1rem !important;
}
legend {
  font-size: 14px; font-weight: bold;
}
td.bigger { font-size: 150%;}

.poolresult  .error { background: #dd4b39; border: 2px solid black;}
input.result { background: #cbeccf; }

th.settingsgrid {
  height: 250px;
  width: 30px;
  white-space: nowrap;
  padding: 0 !important;
}
th.settingsgrid > div {
  transform:
  translate(13px, 0px)
  rotate(90deg);
  width: 30px;
}