@charset "UTF-8";
/* Ponderate Styles - Version 0.2
All rights reserved Semandra Inc. 2012
http://Semandra.com - info@semandra.com
*/


/*
  Well worth the read:
     https://css-tricks.com/complete-guide-table-element/
*/

/* ============ Overall Table Styles ===========*/

/*	table, tr, td {
	margin: 0;
	border-width: 0;
	padding: 0;
border-collapse:collapse;
}*/

.addCandidateButton {
    background-color: #4CAF50;
    color: white;
}
.addCriterionButton {
    background-color: #4CAF50;
    color: white;
}

#ponderateTop {
  position: fixed;
  left: 12px;
  top: 12px;
  display: block;
  draggable: true;
}

#navAndControls {
  font-size: 150%;
}

.ponderateTabularWidget {
  z-index: 1000;
  color: #373737;
  font-weight: 300;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .9em;
  background: #fff;
  margin: 0px;
  /* border: 1px solid #711E00; */
  border-collapse: collapse;
}

.ponderateTabularWidget td{
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

.ponderateTabularWidget a {
  color: #069;
  text-decoration: none;
}
.ponderateTabularWidget a:hover{

}
.ponderateTabularWidget a:visited {

}

/* ============ Colours Styles =============*/

.ponderateTabularWidget caption {
  background-color: #711E00;
  padding: 3px;
  font-size: 1.1em;
  font-weight: bold;
  color: #E2E2E2;
}

.ponderateTabularWidget .criterionRow {
  cursor: move;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  /* background-color: #EDEBD3; */
  background-image: url(../images/grab-grip.png);
  background-repeat: no-repeat;
  background-position: right center;
}


.ponderateTabularWidget .criterionRow:nth-child(odd) .arrow_box,
.ponderateTabularWidget .criterionRow:nth-child(even) .criterionControl,
.ponderateTabularWidget .candidateRow .eval:nth-child(even) {
  background-color: #EEEEEE;
}

.ponderateTabularWidget .criterionRow:nth-child(even) .arrow_box,
.ponderateTabularWidget .criterionRow:nth-child(odd) .criterionControl,
.ponderateTabularWidget .candidateRow .eval:nth-child(odd) {
  background-color: #DDDDDD;
}

.ponderateTabularWidget thead td {
  padding: 3px 0 5px 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999;
}
.ponderateTabularWidget thead {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #AAA;
}
#root_index__controls {

}

.ponderateTabularWidget tbody {
/*
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000;
*/
}

.ponderateTabularWidget tr.candidateRow {
  text-align: left;
}
.ponderateTabularWidget .candidateCell {
  background-color: #F0F1F7;
  padding: 0 3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999;
}
.ponderateTabularWidget .candidateCell a {
  padding-right: 10px;
}
.ponderateTabularWidget .candidateCell a:visited {
  color: #339;
}
.ponderateTabularWidget .candidateCell a:hover, a:active {
  color: #C90;
}
/* Table Footer */
.ponderateTabularWidget tfoot  {

}
.ponderateTabularWidget tfoot tr {
  background-color: #711E00;
  color: #fff;
}
.ponderateTabularWidget tfoot a {
  color: #C90;
  text-decoration: none;
}
.ponderateTabularWidget tfoot a:hover {
  text-decoration: underline;
}
.ponderateTabularWidget .poweredBy {
  float: right;
  font-size: 0.8em;
  line-height: 2em;
  padding: 0 10px 0 0;
}
.poweredBy:before {
  font-size: 0.8em;
  line-height: 2em;
  padding-left: 3px;
  content: "powered by:";
}
.ponderateTabularWidget #displayedModifiedDate {
  font-size: 0.8em;
  line-height: 2em;
  padding: 0 10px 0 10px;
}

.ponderateTabularWidget #displayedModifiedDate a {

}
/* ================ controls  ================== */

.controls {
  background-color: #F6F6EB;
}
.candidateDragHandle {
  float:right;
  cursor: move;
  draggable: true;
}
.candidateDeleteButton {
  float:right;
  padding: 0 3px;
  color:#069;
  cursor: pointer;
}
.candidateLinkEditButton {
  float:right;
  padding: 0 3px;
  color:#069;
  cursor: pointer;
}
.candidateDeleteButton:hover {
  color:#C90;
}
.candidateDeleteButton a{

}
/*.candidateDeleteButton:after {
  background: red;
  font-size: 200%;
}
.candidateEditButton:after {
  font-size: 200%;
}
*/
/* ==================old styles ===========================*/


.arrow_box{
  /* background-color:white; */
  text-align: center;
  vertical-align: bottom;
  background-image: url(../images/arrow.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.ponderateTabularWidget .criterionName {
  background-color:red;
}
.ponderateTabularWidget .eval {
  background-color:white;
  text-align: center;
  border-bottom: 1px dotted #900;
  border-left: 0px;
  border-right:0px;
  padding: 3px;
  /* background-image: url(../images/tablecell-bg.jpg); */
  background-repeat: no-repeat;
  background-position: right;
}
div.frame {
  background: rgb(200,200,200);
  padding: 0.5em;
  width: inherit;
  border: none;
  display:block;
  margin: 20px;
}

.valuetypeId {
  font-size: 70%;
  color: gray;
}
.valuetypeId:before {
  padding-left: 3px;
  content: "(";
}
.valuetypeId:after {
  content: ")";
}

.formula_editor {
  display: inline-block;
  padding-left: .2em;
  font-weight: 200;
  cursor: pointer;
  min-width: 1.2em;
  font-family: monospace;
  font-size: 80%;
  /*
    vertical-align: super;
    font-size: .83em;
    font-size: 130%;
 */
  border-bottom: 1px solid black;
}
.formula_editor:hover {
  content: "f()";
  background-color: #900;
}
.formula_editor:before {
  content: "ƒ()=";
}
.inViewMode .formula_editor,
.inViewMode .valuetypeId {
  display: none;
}
.formula_editor:focus,
.formula_editor.hilightFormula
{
  background-color: white;
  font-size:100%;
}
.formula_editor.hilightFormula {
  display: inline;
  border: 4px dashed purple;
  font-size:112%;
}
.createdBy:before {
  font-size: 0.8em;
  line-height: 2em;
  padding-left: 3px;
  content: "created by: ";
}
.editButton:after {
  font-size: 0.8em;
  line-height: 2em;
  padding-left: 3px;
  content: "edit";
}
.editButton {
  padding-left: 20px;
}
/* http://www.imaputz.com/cssStuff/bigFourVersion.html */
/*
tbody {
    display: block;
    height: 262px;
    overflow: auto;
}
*/
thead {
  position: relative;
}
.disableSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-draggable {
  cursor: move;
}
.candidateRow {
  cursor: pointer;
}
.arrow_box {
  cursor: not-allowed;
}
.criterionOrderButton{
  cursor: default; /* or ns-resize ??? but that suggests a drag operation rather than a click */
}
.criterionLabel {
  cursor: default; /* or ns-resize ??? but that suggests a drag operation rather than a click */
}
.windowShade {
  white-space: nowrap;
  width: 100%;
  background-color: #EDEBD3;
  cursor: row-resize;  /* or ns-resize */
}

/* editToggler */
.editToggler {
  border: 1px black solid;
  border-radius: .3em;
  padding-left: .3em;
  padding-right: .3em;
  cursor: pointer;
}
.inEditMode .editToggler::before {
  content: "view";
  font-weight: lighter;
  font-style: italic;
}
.inEditMode .editToggler::after {
  content: "edit";
  font-weight: 1000;
  color: red;
}
.inEditMode .fa-toggle-off {
  display: none;
}
.inEditMode .fa-toggle-on {
  display: inline;
}
.inViewMode .editToggler::before {
  content: "view ";
  font-weight: 1000;
  color: green;
}
.inViewMode .editToggler::after {
  content: "edit";
  font-weight: lighter;
  font-style: italic;
}
.inViewMode .fa-toggle-off {
  display: inline;
}
.inViewMode .fa-toggle-on {
  display: none;
}

/* hearing_network */
.eval {
  border: 4px;
}
.hears {
  border: 4px dashed red !important;
}
.protagonist {
  border: 4px dashed purple !important;
}
.heardBy {
  border: 4px dashed blue !important;
}

/* drag and drop micro-interactions */
.dndOverMe {
  background-color: yellow !important;
  /* TODO show where the drop will happen, before or after like below */
  /*  border-bottom: 1em dashed red !important; */
}