/*Global variables and MIXINS only
    PLEASE DO NOT CREATE STYLES HERE
    Globl Styles are to go into Site.scss
*/
/*Color Variables*/
/*#region Theme Colours*/
/*#endregion*/
/*#region Eye Colours*/
/*#endregion*/
/*Mix Ins - 
 * usage:   .box { @include border-radius(10px); }  
*/
/*#region Admin Forms */
.admin-data-list-table {
  border: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  border-color: black;
  border-width: 1px;
  margin-top: 2px;
  border-radius: 10px;
  border-style: groove;
  *border-collapse: collapse; /* IE7 and lower */
  border-spacing: 0;
}
.admin-data-list-table thead:first-child {
  border-radius: 6px 0 0 0;
}
.admin-data-list-table thead:last-child {
  border-radius: 0 6px 0 0;
}
.admin-data-list-table thead:only-child {
  border-radius: 6px 6px 0 0;
}

.admin-data-list-table thead {
  font-weight: 500;
  font-size: medium;
  color: darkblue;
  background-color: #c5e8f7;
  border-bottom: double;
  border-top: thin;
  border-radius: 10px;
}

.admin-data-list-table tbody tr td {
  vertical-align: middle;
}
.admin-data-list-table tbody tr td.preference-rule {
  background-color: darkred;
  width: 200px;
}
.admin-data-list-table tbody tr td.preference-outcome {
  background-color: darkgreen;
  width: 200px;
}
.admin-data-list-table tbody tr td.no-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.admin-data-list-table tbody tr:hover td {
  background-color: rgba(203, 234, 243, 0.55);
  cursor: pointer;
}

.admin-data-list-table tbody tr:hover {
  background-color: lightgray;
}

.admin-data-list-page {
  margin-left: 10px;
  /*position: absolute;*/
  width: calc(100% - 30px);
  height: calc(100% - 20px);
}

.admin-data-list-page-header {
  border-color: rgba(19, 104, 140, 0.37);
  border-width: 1px;
  border-bottom-style: solid;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  background: #c5e8f7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #9ED3E8, #c5e8f7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #9ED3E8, #c5e8f7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #9ED3E8, #c5e8f7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #9ED3E8, #c5e8f7); /* Standard syntax */
  color: #003471;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  vertical-align: middle;
  padding: 1px;
}
.admin-data-list-page-header .table {
  margin-bottom: 0px;
}

.admin-data-list-page-header table tr td {
  vertical-align: middle;
  font-weight: 500;
  font-size: medium;
  border: 0;
  padding: 1px 10px 1px 10px;
  border: none;
}

.admin-data-list-header {
  height: 50px;
}

.admin-data-list-page-body {
  height: calc(100% - 100px);
  overflow-y: auto;
}

.admin-data-list-sort-bar {
  margin-top: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.admin-data-list-search-input {
  width: 300px;
}

.admin-data-list-table thead td {
  vertical-align: middle;
  /*position:absolute;*/
}

.admin-data-list-table tbody tr td {
  padding: 1px 8px 1px 8px;
}

.admin-data-list-table > thead > td > label {
  text-wrap: none;
  font-weight: 200;
  vertical-align: middle;
  text-align: center;
}

/*#endregion*/
/*#region Custom */
.warning-level-display-big {
  width: 50px;
  font-size: x-large;
  line-height: normal;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
}

/*#endregion*/
td {
  vertical-align: middle;
}
td.preference-rule {
  border-top: 2px darkred solid !important;
  border-bottom: 2px darkred solid !important;
  background-color: rgba(139, 0, 0, 0.27);
  width: 200px;
}
td.preference-rule:first-child {
  /*border-left: 2px darkred solid !important;*/
}
td.preference-rule:last-child {
  border-right: 2px darkred solid !important;
}
td.preference-rule label {
  font-weight: normal;
}
td.preference-outcome {
  border-top: 2px darkgreen solid !important;
  border-bottom: 2px darkgreen solid !important;
  background-color: rgba(0, 100, 0, 0.27);
  width: 200px;
}
td.preference-outcome:first-child {
  /*border-left: 2px darkgreen solid !important;*/
}
td.preference-outcome:last-child {
  border-right: 2px darkgreen solid !important;
}
td.preference-outcome label {
  font-weight: normal;
}

/*#region Sortable CSS*/
.sortable-item {
  list-style-type: none;
  border: solid 1px black;
  margin: 5px;
  padding: 5px;
  background: #ccc;
  width: 100px;
  cursor: move;
}

.sortable-item-booklet {
  width: unset;
  display: inline;
  height: 20px;
  padding: 10px;
  margin-top: 15px;
  background-color: cornsilk;
}

/*#endregion*/
/*#region Wizard Classes*/
.dox-wizard-progress > .dox-wizard-progress-indicator {
  width: calc(100% - 50px);
  border: 1px darkgrey solid;
}
.dox-wizard-progress > .dox-wizard-progress-indicator > .dox-wizard-progress-step {
  display: inline-block;
  width: 100px;
  font-size: x-small;
  margin-left: 20px;
  cursor: pointer;
  min-height: 34px;
  border: 1px solid lightgrey;
  padding: 3px;
  border-radius: 0 11px 0 0;
}
.dox-wizard-progress > .dox-wizard-progress-indicator > .dox-wizard-progress-step.dox-wizard-progress-is-current {
  font-weight: bold;
}
.dox-wizard-progress > .dox-wizard-progress-indicator > .dox-wizard-progress-step > .dox-progress-icon.complete {
  color: green;
}
.dox-wizard-progress > .dox-wizard-progress-indicator > .dox-wizard-progress-step > .dox-progress-icon.in-progress {
  color: blue;
}
.dox-wizard-progress > .dox-wizard-progress-indicator > .dox-wizard-progress-step > .dox-progress-icon.not-started {
  color: lightgrey;
}

.dox-wizard-step-header > .dox-wizard-step-name {
  font-weight: bold;
}
.dox-wizard-step-page {
  height: calc(100% - 250px);
}

.dox-wizard-button-holder {
  width: 85%;
  align-self: center;
}
.dox-wizard-button-holder > .btn {
  min-width: 85px;
}
/*#endregion*/