/*.placehoder(@value) {
  &::-webkit-input-placeholder: @value;
           &::-moz-placeholder: @value;
            &:-moz-placeholder: @value;
       &:-ms-input-placeholder: @value;
 }*/
.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
/* Typography
==========================================================*/
/* Margins & Padding
==========================================================*/
body {
  min-width: initial !important;
}
#content {
  padding: 2em;
}
#content .container_12 {
  padding: 2em;
  border: 1px solid #aaa;
  background-color: white;
}
div#editor {
  position: absolute;
  z-index: 100;
  float: left;
  padding: 4px 6px;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}

/* Navigation */
nav a.button {
}
nav a.button.next {
  float: right;
}
nav button.next {
  float: right;
}

div.comment {
  padding: 4px;
  margin: 4px;
  margin-left: 50px;
  background-color: #fef5ca;
}
div#content h1 {
  font-size: 20px;
}
div#content h2 {
  font-size: 19px;
}
div#content h3 {
  font-size: 18px;
}
div#content h4 {
  font-size: 17px;
}
div#content h5 {
  font-size: 16px;
}
div#content h6 {
  font-size: 15px;
}
div#content li,
div#content p,
div#content th,
div#content td {
  font-size: 15px;
}
/* survey utilities */
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.survey content .direction {
  font-style: italic;
}
#survey-header {
  clear: both;
}
#survey-header h1 {
  float: left;
}
#survey-header-spacer {
  clear: both;
}
.tbl-Survey-text-left td {
  text-align: left;
}
.tbl-Survey-element-text-center {
  text-align: center;
}
.tbl-bordered,
.tbl-bordered th,
.tbl-bordered td {
  border: 1px solid #aaaaaa;
}
.tbl-header {
  font-size: 16px;
  font-weight: bold;
}
.tbl-Survey th {
  text-align: left;
}
.tbl-Survey td {
  text-align: center;
}
.tbl-Survey th,
.tbl-Survey td {
  font-size: 15px;
  padding: 4px 8px;
}
.tbl-bordered {
  border: 1px solid #aaaaaa;
}
.tbl-bordered th,
.tbl-bordered td {
  border: 1px solid #aaaaaa;
}
.tbl-header {
  font-size: 16px;
  font-weight: bold;
}
div#div-SubmitBtn {
  margin: 10px auto;
  text-align: center;
}
/* FIXME: Sort, clean and move out */
div.ncma-file-list li {
  list-style-type: none;
  margin-top: 5px;
}
div#controls {
  border: 1px solid #777;
  padding: 8px;
  -moz-box-shadow: -10px 10px 3px #aaa;
  -webkit-box-shadow: -10px 10px 3px #aaa;
  box-shadow: -10px 10px 3px #aaa;
}
.comment-hover {
  color: #999999;
}
/* Intro page */
div#collab_intro_submit_container {
  text-align: right;
  width: 200px;
  float: right;
}
#survey-textual-progress {
  float: right;
}
/* table odd / even colour difference. odd-even class used until no old collabs are in use as these styles affect all collabs, a thead and tbody are required*/
.odd-even thead tr {
  background-color: #eeeeee;
  font-weight: bold !important;
}
.odd-even thead tr th {
  font-weight: bold !important;
}
.odd-even tbody tr:nth-child(even) {
  background-color: #defdef;
}
.odd-even tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
/* FIXME: Shouldn't be here anymore, set a high level class to move these - Temporary roc styles */
.roc_collab_table tr td {
  padding: 3px 10px;
}
div.roc-container h4 {
  margin-bottom: 0;
}
table.tbl_roc {
  width: 100%;
  margin-bottom: 2em;
}
table.tbl_roc,
table.tbl_roc th,
table.tbl_roc td {
  border: 1px solid #999999;
}
table.tbl_roc th {
  font-size: 12pt;
  padding: 2px 4px;
}
table.tbl_roc td {
  font-size: 10pt;
  padding: 2px 4px;
}
.left_title {
  text-align: left;
}
.left_col-top {
  width: 30%;
  text-align: left;
}
.left_col-btm {
  width: 26%;
  text-align: left;
}
.tbl_roc_5-1,
.tbl_roc_5-2 {
  width: 12%;
  text-align: left;
}
.tbl_roc_5-3 {
  width: 10%;
  text-align: left;
}
.tbl_roc_5-4,
.tbl_roc_5-5 {
  width: 33%;
  text-align: left;
}
.tbl_roc_7-1 {
  width: 13%;
  text-align: left;
}
.tbl_roc_7-2 {
  width: 37%;
  text-align: left;
}
.tbl_roc_7-3,
.tbl_roc_7-4,
.tbl_roc_7-5,
.tbl_roc_7-6,
.tbl_roc_7-7 {
  width: 10%;
  text-align: left;
}
div#question_area {
  margin: 10px 0;
  padding: 4px 10px 2px 10px;
  background-color: #eeeeee;
  border: 1px solid #999999;
}
div#question_area textarea {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}
/* EO ROC styles */
.progress-bar-container {
  margin: 10px auto;
}
.progress-bar-container label {
  float: left;
  margin-right: 10px;
}
.progress-bar-position-left {
  float: left;
}
.progress-bar-position-right {
  float: right;
}
.progress-bar {
  float: right;
  height: 15px;
  /* Can be anything */
  position: relative;
  background: #555;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 3px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.progress-bar > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -webkit-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  background-image: -ms-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  background-image: -o-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
#content.nuance {
  background-image: none !important;
}
#content.nuance .container_12 {
  padding: 2em;
  border: 1px solid #aaa;
  background-color: white;
}
#content.nuance .logo-container .bab-logo {
  float: right;
  margin: 0 10px;
}
#content.nuance .logo-container .nuance-logo {
  float: left;
  margin: 0 10px;
}
#content.nuance .tbl-Survey th {
  text-align: left;
}
#content.nuance .tbl-Survey td {
  text-align: center;
}
#content.nuance .tbl-Survey th,
#content.nuance .tbl-Survey td {
  font-size: 15px;
  padding: 4px 8px;
}
#content.nuance .tbl-Survey.odd-even {
  border-spacing: 2px;
  border-collapse: separate;
}
#content.nuance .tbl-Survey.odd-even tr,
#content.nuance .tbl-Survey.odd-even th {
  font-size: 15px;
}
#content.nuance .tbl-Survey.odd-even thead tr {
  background-color: #2dc6d6;
  color: #ffffff;
  font-weight: bold !important;
}
#content.nuance .tbl-Survey.odd-even thead tr th {
  color: #ffffff;
  font-weight: bold !important;
}
#content.nuance .tbl-Survey.odd-even tbody tr:nth-child(even) {
  color: #000000;
  background-color: #c4caca;
}
#content.nuance .tbl-Survey.odd-even tbody tr:nth-child(odd) {
  color: #000000;
  background-color: #e5eceb;
}
#content.nuance .tbl-bordered {
  border: 1px solid #aaaaaa;
}
#content.nuance .tbl-bordered th,
#content.nuance .tbl-bordered td {
  border: 1px solid #aaaaaa;
}
#content.nuance .tbl-header {
  font-size: 16px;
  font-weight: bold;
}
#content.nuance .progress-bar-container {
  margin: 10px auto;
  float: right;
  width: 200px;
}
#content.nuance .progress-bar-container label {
  display: none;
}
#content.nuance .progress-bar-container .progress-bar {
  width: 200px;
  height: 12px;
  position: relative;
  background: #626d6f;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 3px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
#content.nuance .progress-bar-container .progress-bar > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2dc6d6), color-stop(1, #2dc6d6));
  background-image: -webkit-linear-gradient(center bottom, #2dc6d6 37%, #2dc6d6 69%);
  background-image: -moz-linear-gradient(center bottom, #2dc6d6 37%, #2dc6d6 69%);
  background-image: -ms-linear-gradient(center bottom, #2dc6d6 37%, #2dc6d6 69%);
  background-image: -o-linear-gradient(center bottom, #2dc6d6 37%, #2dc6d6 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  #content.skills-for-justice .container_12 {
    width: 100% !important;
    border: none !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em !important;
  }
  #content.skills-for-justice #content {
    padding: 0 !important;
  }
  #content.skills-for-justice .logo-container img {
    width: 100%;
  }
  #content.skills-for-justice .tbl-Survey {
    width: 100%;
  }
}
#content.skills-for-justice .sfj-intro-block {
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
#content.skills-for-justice .logo-container .sfj-wales-logo {
  float: left;
}
#content.skills-for-justice .logo-container .sfj-esf-logo {
  float: right;
}
@media (max-width: 767px) {
  #content.skills-for-justice .logo-container .sfj-wales-logo {
    width: 62%;
  }
  #content.skills-for-justice .logo-container .sfj-esf-logo {
    width: 26%;
  }
}
.er-micro-biz .tbl-Survey.odd-even thead tr {
  background-color: #efdca4;
}
.er-micro-biz .tbl-Survey.odd-even tbody tr:nth-child(even) {
  background-color: #fff7e0;
}
#content.sqa {
  background-image: none !important;
}
#content.sqa .container_12 {
  padding: 2em;
  border: 1px solid #aaa;
  background-color: white;
}
#content.sqa .logo-container img {
  float: right;
  margin: 0 10px;
}
#content.sqa .tbl-Survey th {
  text-align: left;
}
#content.sqa .tbl-Survey td {
  text-align: center;
}
#content.sqa .tbl-Survey th,
#content.sqa .tbl-Survey td {
  font-size: 15px;
  padding: 4px 8px;
}
#content.sqa .tbl-Survey.odd-even {
  border-spacing: 2px;
  border-collapse: separate;
}
#content.sqa .tbl-Survey.odd-even tr,
#content.sqa .tbl-Survey.odd-even th {
  font-size: 15px;
}
#content.sqa .tbl-Survey.odd-even thead tr {
  background-color: #053776;
  color: #ffffff;
  font-weight: bold !important;
}
#content.sqa .tbl-Survey.odd-even thead tr th {
  color: #ffffff;
  font-weight: bold !important;
}
#content.sqa .tbl-Survey.odd-even tbody tr:nth-child(even) {
  color: #000000;
  background-color: #cfe4ff;
}
#content.sqa .tbl-Survey.odd-even tbody tr:nth-child(odd) {
  color: #000000;
  background-color: #faf0ff;
}
#content.sqa .tbl-bordered {
  border: 1px solid #aaaaaa;
}
#content.sqa .tbl-bordered th,
#content.sqa .tbl-bordered td {
  border: 1px solid #aaaaaa;
}
#content.sqa .tbl-header {
  font-size: 16px;
  font-weight: bold;
}
#content.sqa .progress-bar-container {
  margin: 10px auto;
  float: right;
  width: 200px;
}
#content.sqa .progress-bar-container label {
  display: none;
}
#content.sqa .progress-bar-container .progress-bar {
  width: 200px;
  height: 12px;
  position: relative;
  background: #053776;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 3px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
#content.sqa .progress-bar-container .progress-bar > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b392c4), color-stop(1, #b392c4));
  background-image: -webkit-linear-gradient(center bottom, #b392c4 37%, #b392c4 69%);
  background-image: -moz-linear-gradient(center bottom, #b392c4 37%, #b392c4 69%);
  background-image: -ms-linear-gradient(center bottom, #b392c4 37%, #b392c4 69%);
  background-image: -o-linear-gradient(center bottom, #b392c4 37%, #b392c4 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}