/*
//Copyright 2017 Made Headway Limited
*/

/* Status styling */
.region
{
  /*display:inline-block;*/
  float:left;
  vertical-align:top;
  
  white-space:normal;
  border-top:4px solid #9d248b;
  border-left:4px solid #9d248b;
  border-right:4px solid #9d248b;
  border-bottom:4px solid #9d248b;
  margin:0px 1% 0px 1%;
  
  border-radius:4px;
  background:#FFF;
  overflow:hidden;
}

.region .region
{
  background-color:#DCC;
}

.region .title
{
  color:#9d248b;
  font-size:24px;
  font-weight:bold;
  padding:4px 12px 8px;
  border-bottom:6px solid #9d248b;
  margin-bottom:16px;
  background-color:#FFF;
}

.clickShield.dragManager {
  background-color:rgba(0,0,0,0) !important;
}

.clickShield
{
  background-color:rgba(0,0,1,0.3);  
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 20;
  pointer-events: all;
}

.buggyBrowser .clickShield
{
  background-color:rgba(0,0,0,0.25);
}

.clickShield.dragManager {
}
.dragWrap {
  display:block;
  position:absolute;
  overflow:visible;
  width:1px;
  height:1px;
}
.dragWrap * {
  cursor:grab;
}

.dialogContainer
{
  position:absolute;
  top:50%;
  left:50%;
  overflow:visible;
}
.dialog
{
  position:absolute;
  box-shadow: 2px 2px 4px #9d248b;
}
.dialog .content
{
  max-height:400px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:20px;
  margin:16px;
}
.dialog .controls
{
  padding:4px 16px 12px;
}

.dlgContent {
   margin:2px 16px 8px;
}

.objectDataTable {
  width:95%;
  margin:0px auto;
}
.objectDataTable select, .objectDataTable input[type="text"], .objectDataTable input[type="password"], .objectDataTable textarea {
  width:100%;
}
.objectDataTable input[type="file"] {
  width:190px;
}
.objectDataTable td {
  padding:4px;
}

.objectDataTable input[type="text"].sliderValue {
  width:64px;
  text-align:center;
  background-color:#EEE;
  margin-right:32px;
}
.objectDataTable .ui-slider
{
  display:inline-block;
  width:360px;
}

.mini .objectListingTable
{
  height:220px;
}

.objectListingTable
{
  overflow-x:auto;
  overflow-y:auto;
  height:400px;
  border:1px solid #AAA;
  background-color:#FFF;
  margin-bottom:8px;
}
.objectListingTable.RosterTemplate, .objectListingTable.RosterDayTemplate
{
  height:200px;
}

.objectListingTable table {
  width:100%;
  font-size:0.9em;
}
.objectListingTable td {
  padding:4px 4px;
  border-right:1px solid #efefef;
  cursor:pointer;
}
.objectListingTable tr.selected td{
  color:#FFF;
  background-color:#888 !important;
}
.objectListingTable tr.selected a {
  color:#FFF !important;
}
.objectListingTable tr.selected a:hover {
  color:#000 !important;
}

.objectListingTable tr:nth-child(2n+1) td {
  background-color:#EEE;
}

.objectListingTable tr.hd td {
  font-weight:bold;
  border-bottom:2px solid #efefef;
  border-right:1px solid #efefef;
  background-color:#FFFFFF;
  color:#2F2F2F;
  cursor:normal;
}
.objectListingTable tr.hd td.sortHeader {
  border-bottom:2px solid #444 !important;
}

.objectControls button {
  margin-left:16px;
}


.pseudoArrayListing {
  overflow-y:scroll;
  height:128px;
  border:1px solid #000;
  background-color:#FFF;
  margin:4px;
}

.op {
  display:block;
  margin-top:6px;
  padding-bottom:6px;
  border-bottom:1px dashed #DDD;
}
.opControl
{
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
}
.opLabel {
  font-weight:bold;
}

/* Item display */
.inside {
  width:80%;
  margin:4px auto;
}

.visibleOnHoverOnly 
{
  color:rgba(255,255,255,0.1) !important;
}
.visibleOnHoverOnly:hover
{
  color:#00F !important;
}

