.pointer:hover{
	cursor: pointer;
}
.default, .disabled{
	cursor: default !important;
}
.no-select{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}

.red{
	color: red !important;
}
.bold{
	font-weight:bold;
	text-decoration: underline;
}
.green{
	color: #00b200 !important;
}

.theader{
	font-size:20px;
}

.achievementTD{
	padding: 0px;
	background-color: white !important;
}

/* Mobile & Tablet optimizations */
@media (max-width: 768px) {
  /* Stack resources list and description vertically, make both full width */
  #resources .container.col-xs-1 { width: 100% !important; float: none !important; padding: 0 8px !important; }
  #resources #resourceNavParent { width: 100% !important; }
  #resources #resourceNavParent tr { height: 42px !important; }
  #resources #resourceNavParent td { padding: 6px 4px !important; }
  #resources #resourceNavParent img { width: 22px !important; height: auto !important; }
  #resources #resourceNavParent span { font-size: 13px !important; }

  #resourceTabParent { width: 100% !important; }
  #resourceTabParent .tab-pane { margin-left: 0 !important; width: 100% !important; float: none !important; }
  #resourceTabParent .container { max-width: 100% !important; padding: 0 8px !important; }

  /* Slightly tighter padding inside resource detail tables */
  #resourceTabParent table.table td { padding: 8px 6px !important; }
}

/* Achievements: make icons slightly compact on small screens */
@media (max-width: 768px) {
  .achievementTD { padding: 2px !important; }
  #achievementsTab .table td { vertical-align: top; }
}