/**
* importer.less
*
* By default, new Sails projects are configured to compile this file
* from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
* included automatically unless they are imported below.
*
* The LESS files imported below are compiled and included in the order
* they are listed.  Mixins, variables, etc. should be imported first
* so that they can be accessed by subsequent LESS stylesheets.
*
* (Just like the rest of the asset pipeline bundled in Sails, you can
* always omit, customize, or replace this behavior with SASS, SCSS,
* or any other Grunt tasks you like.)
*/
@import 'helpers/animate.css';
.sortlist {
  margin: 0;
  padding: 0;
}
.sortlist .sortitem {
  margin: 0 0 5px;
  padding: 10px 10px;
  border-radius: 4px;
  list-style: none;
  background: #f6f6f6;
  color: #333;
  border: 1px solid #ccc;
}
.sortlist .sortitem:hover {
  cursor: move;
  background: #f0f0f0;
}
.sortlist .sortitem .icon {
  margin-top: 2px;
  color: #444;
}
.sortlist .sortitem .title {
  font-size: 18px;
  padding-left: 10px;
}
.sortlist .sortitem .title i {
  color: #888;
}
.sortlist .sortitem .anchor {
  float: right;
  color: #999;
}
.sortlist .sortitem .anchor:hover {
  cursor: move;
}
.sortlist .sortitem .sortitem {
  background: #fff;
}
.sortlist .sortitem .sortitem:first-child {
  margin-top: 10px;
}
.sortlist .sortitem .sortitem:hover {
  cursor: move;
  background: #f6f6f6;
}
/*
* Dashboard Theme
*/
#navigation > .container-fluid {
  padding-left: 0;
}
#navigation #brand {
  background: #fff;
  padding: 5px;
  margin-top: 0;
  width: 200px;
  height: 40px;
  text-align: left;
}
#navigation #brand img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
#navigation .user .dropdown > a {
  padding: 10px 12px 12px 12px;
}
body {
  background: #fff;
  font-family: 'Univers Roman', sans-serif;
  font-size: 13px !important;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Univers Bold', sans-serif;
}
p,
li {
  font-family: 'Univers Roman', sans-serif;
}
.flash-banner p {
  font-family: 'Univers Bold', sans-serif;
}
.control-label {
  font-family: 'Univers Bold', sans-serif;
}
.control-label small {
  font-family: 'Univers Roman', sans-serif;
}
.map footer.footer {
  position: absolute;
  bottom: 0;
  background: transparent;
  color: #fff;
  width: 100%;
  height: 60px;
  text-align: center;
}
.map footer.footer .container {
  padding: 15px;
  background: #000;
  width: 100%;
}
#textMessage {
  color: white;
}
#textMessage :hover {
  color: #337ab7;
  cursor: pointer;
}
.buttons {
  text-align: right;
  display: inline;
}
.category-tree li {
  list-style-type: none;
  margin-bottom: 5px;
}
.category-tree ul {
  border-color: #113E88;
  border-width: 1px;
  border-left-style: solid;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  margin-top: -5px;
}
.page.apptCaseStudyView {
  color: #FF9900;
}
.category.apptCaseStudyView {
  color: #113E88;
}
.apptThoughtsView {
  color: #551A8B;
}
.category-tree ul.list-group-root {
  padding-top: 0;
}
#current-videos li {
  margin-bottom: 5px;
}
#current-resources li {
  margin-bottom: 5px;
}
.placeholder {
  position: relative;
}
.placeholder::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 0;
  margin-top: 5px;
  left: -5px;
  top: 0;
  border-top: 1px solid red;
}
i.no-margin {
  margin: 0 !important;
}
body.dragging,
body.dragging * {
  cursor: move !important;
}
.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000;
}
.box.box-bordered.box-color .box-title-detailed p {
  color: #fff;
}
.box.box-bordered.box-color .box-title-detailed a {
  color: #fff;
  text-decoration: underline;
}
.login .wrapper .login-body {
  /* Webkit based browsers */
  /* Gecko based browsers */
}
.login .wrapper .login-body form {
  padding: 0 30px 20px;
}
.login .wrapper .login-body blockquote {
  padding: 10px 10px;
  margin: 0 0 20px;
  font-size: 12px;
  border-left: 5px solid #eee;
}
.login .wrapper .login-body img {
  width: 125px;
  text-align: center;
  margin: 20px auto 20px;
  display: block;
  padding-top: 20px;
  padding-bottom: 10px;
}
.login .wrapper .login-body meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 auto 1em;
  width: 100%;
  height: 0.5em;
  /* Applicable only to Firefox */
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.login .wrapper .login-body meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.login .wrapper .login-body meter[value="1"]::-webkit-meter-optimum-value {
  background: #e52f4a;
}
.login .wrapper .login-body meter[value="2"]::-webkit-meter-optimum-value {
  background: #f1ce00;
}
.login .wrapper .login-body meter[value="3"]::-webkit-meter-optimum-value {
  background: #F18100;
}
.login .wrapper .login-body meter[value="4"]::-webkit-meter-optimum-value {
  background: #5ab08f;
}
.login .wrapper .login-body meter[value="1"]::-moz-meter-bar {
  background: #e52f4a;
}
.login .wrapper .login-body meter[value="2"]::-moz-meter-bar {
  background: #f1ce00;
}
.login .wrapper .login-body meter[value="3"]::-moz-meter-bar {
  background: #F18100;
}
.login .wrapper .login-body meter[value="4"]::-moz-meter-bar {
  background: #5ab08f;
}
.sso .wrapper .sso-body {
  /* Webkit based browsers */
  /* Gecko based browsers */
}
.sso .wrapper .sso-body form {
  padding: 0 30px 20px;
}
.sso .wrapper .sso-body blockquote {
  padding: 10px 10px;
  margin: 0 0 20px;
  font-size: 12px;
  border-left: 5px solid #eee;
}
.sso .wrapper .sso-body img {
  width: 125px;
  text-align: center;
  margin: 20px auto 20px;
  display: block;
  padding-top: 20px;
  padding-bottom: 10px;
}
.sso .wrapper .sso-body meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 auto 1em;
  width: 100%;
  height: 0.5em;
  /* Applicable only to Firefox */
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.sso .wrapper .sso-body meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.sso .wrapper .sso-body meter[value="1"]::-webkit-meter-optimum-value {
  background: #e52f4a;
}
.sso .wrapper .sso-body meter[value="2"]::-webkit-meter-optimum-value {
  background: #f1ce00;
}
.sso .wrapper .sso-body meter[value="3"]::-webkit-meter-optimum-value {
  background: #F18100;
}
.sso .wrapper .sso-body meter[value="4"]::-webkit-meter-optimum-value {
  background: #5ab08f;
}
.sso .wrapper .sso-body meter[value="1"]::-moz-meter-bar {
  background: #e52f4a;
}
.sso .wrapper .sso-body meter[value="2"]::-moz-meter-bar {
  background: #f1ce00;
}
.sso .wrapper .sso-body meter[value="3"]::-moz-meter-bar {
  background: #F18100;
}
.sso .wrapper .sso-body meter[value="4"]::-moz-meter-bar {
  background: #5ab08f;
}
.superpayments h1 {
  color: #36cbd0;
  width: 100%;
  text-align: center;
}
.superpayments .spinner {
  color: #36cbd0;
  width: 100%;
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 5vh;
  font-size: 20vh;
}
.superpayments .icon {
  color: #36cbd0;
  width: 100%;
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 5vh;
  font-size: 20vh;
}
.superpayments .logo {
  max-width: 100px;
  margin: 20px auto 0;
  display: block;
  position: absolute;
  bottom: 10vh;
  left: 0;
  right: 0;
}
.superpayments .manual-submit {
  border: none;
  background: none;
  text-align: center;
  width: 100%;
  margin-top: 1vh;
  text-transform: uppercase;
  color: #666;
  font-size: 14px;
}
.opayo .login-toggle-wrapper {
  max-width: 350px;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding-top: 0rem;
  padding: 0 25px;
}
.opayo h1 {
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-size: 31px;
}
.opayo .spinner {
  color: #36cbd0;
  width: 100%;
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 5vh;
  font-size: 20vh;
}
.opayo .fa {
  font-size: 197px;
  align-self: center;
}
.opayo .fa-times-circle,
.opayo .fa-ban {
  color: #112A31;
}
.opayo .fa-ban {
  transform: rotateY(180deg);
}
.opayo .logo {
  max-width: 100px;
  margin: 100px auto 0;
  display: block;
  position: absolute;
  bottom: 10vh;
  left: 0;
  right: 0;
}
.opayo .manual-submit-container {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.opayo .manual-submit {
  border: none;
  background: none;
  text-align: center;
  width: 100%;
  margin-top: 1vh;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
}
.opayo .loading-circular {
  height: 217px;
  width: 217px;
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 5vh;
  font-size: 20vh;
  align-self: center;
}
.opayo .loading-text {
  color: #112A31;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.opayo .loading-wrapper {
  display: flex;
  flex-direction: column;
}
.opayo .postcode-select {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  margin-bottom: 10px;
}
.opayo .payment-body {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
.opayo .payment-body h1 {
  font-size: 60px;
  text-align: center;
}
.opayo .payment-body h2 {
  font-size: 18px;
  text-align: center;
}
.opayo .payment-body h3 {
  font-size: 20px;
  font-weight: 700;
}
.opayo .payment-body p {
  font-size: 15px;
}
.opayo .payment-body row {
  padding: 0 20px;
}
.opayo .payment-body input {
  height: 60px;
  border-color: #707070;
}
.opayo .payment-body hr {
  border-top: 10px solid #6BB8C8;
}
.opayo .payment-body .submit-container {
  padding: 0;
}
.opayo .payment-body .form-group-sm {
  width: 50%;
}
.opayo .payment-btn-container button button {
  width: 100%;
  height: 63px;
  font-size: 20px;
  font-weight: bold;
}
.opayo .payment-header {
  background-color: #112A31;
  height: 46px;
  width: 100%;
  margin: auto;
  padding-top: 5px;
}
.opayo .payment-method-container {
  background-color: #6BB8C8;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 20px;
  margin: 10px 0;
}
.opayo .payment-method-container .logo {
  display: flex;
  position: unset;
  margin: 20px 0;
  align-self: center;
  max-width: 210px;
  height: 70px;
}
.opayo .transaction-notification {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.opayo .transaction-notification h1 {
  color: #36cbd0;
}
.opayo .transaction-notification .icon {
  color: #36cbd0;
  width: 100%;
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 5vh;
  font-size: 20vh;
}
.opayo .transaction-notification p {
  text-transform: uppercase;
  font-size: 23;
  color: #666;
}
.opayo .transaction-notification .logo {
  height: 48px;
  width: auto;
}
.forget {
  margin-top: 20px !important;
}
.slug-ok .slug-info {
  background-color: #dff0d8 !important;
}
.slug-error .slug-info {
  background-color: #f2dede !important;
}
.box {
  margin-bottom: 20px;
  border-radius: 3px;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0px 3px 0px #dbdfe0;
}
.redbox {
  width: 20px;
  height: 20px;
  background-color: #d70206;
  border: solid 1px silver;
  float: left;
  margin-right: 10px;
}
.orangebox {
  width: 20px;
  height: 20px;
  background-color: #f05b4f;
  border: solid 1px silver;
  float: left;
  margin-right: 10px;
}
.yellowbox {
  width: 20px;
  height: 20px;
  background-color: #f4c63d;
  border: solid 1px silver;
  float: left;
  margin-right: 10px;
}
.social-stats .title-bar {
  color: #ffffff;
}
.box .title-bar {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: bold;
}
.box .title-bar i {
  font-size: 18px;
  padding: 0px 15px;
}
.social-stats ul {
  list-style: none;
  margin: 0;
  padding: 15px 15px;
}
.social-stats .new-customer {
  display: inline-block;
  width: 96%;
  margin: 10px 2% !important;
}
.profile-picture {
  float: left;
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin: 5px 20px 10px 10px;
  transform: rotate(90deg);
}
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
.navbar {
  margin-bottom: 0;
}
.input-group {
  margin-bottom: 10px;
}
.modal {
  z-index: 99999;
}
.login-error {
  color: red;
}
/*
* Other libraries
*/
.dropzone {
  border: 4px dashed #E6E6E6;
  border-radius: 5px;
  background: white;
}
.dropzone .dz-message {
  cursor: pointer;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-message .note {
  font-size: 0.8em;
  font-weight: 200;
  display: block;
  margin-top: 1.4rem;
}
.btn {
  padding: 5px 10px;
  font-size: 14px;
}
.dashboard-box h3 {
  font-family: 'Univers Bold', sans-serif;
  font-size: 18px !important;
}
.dashboard-box ul {
  padding: 0;
  margin: 0;
}
.dashboard-box ul li {
  font-size: 16px;
  list-style: none;
  margin-bottom: 11px;
}
.dashboard-box a:hover {
  text-decoration: none;
  font-family: 'Univers Bold', sans-serif;
}
.quick-stat {
  float: left;
  margin-right: 15px;
}
.quick-stat i {
  float: left;
  margin-bottom: 15px;
  font-size: 50px;
}
.quick-stat .text {
  float: left;
  margin-left: 15px;
}
.quick-stat .number {
  font-size: 28px;
  font-family: 'Univers Bold', sans-serif;
  line-height: 1;
  font-weight: 400;
  color: #444;
}
.quick-stat .value {
  clear: both;
  float: left;
  width: 100%;
  font-size: 16px;
}
.flash-banner {
  border-bottom: 1px solid #000;
  text-align: center;
  padding-top: 10px;
  font-size: 17px;
  color: #fff;
  font-weight: 400;
  background: #333;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
.uppercase {
  text-transform: uppercase;
}
.capitalise,
.capitalize {
  text-transform: capitalize;
}
.vertical-align {
  vertical-align: -webkit-baseline-middle;
}
.lowercase {
  text-transform: lowercase;
}
.text-center {
  text-align: center;
}
.box-shadow {
  -webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.28);
  -moz-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.28);
  box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.28);
}
.no-box-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.input-shadow {
  -webkit-box-shadow: 1px 1px 1px #666;
}
.font-smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.no-font-smoothing {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
.hide-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.show-select {
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.hidden {
  display: none !important;
}
.hidden-fade {
  opacity: 0;
}
.inline {
  display: inline !important;
}
.natural-scroll {
  overflow-y: scroll;
  webkit-overflow-scrolling: touch;
}
.no-natural-scroll {
  overflow: visible;
  webkit-overflow-scrolling: none;
}
.hardware-accelerate {
  -webkit-transform: translate(0, 0) translateZ(0);
}
:focus {
  outline-color: transparent;
  outline-style: none;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  -webkit-transition: all 0.2s ;
  -moz-transition: all 0.2s ;
  transition: all 0.2s ;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-bottom-20 {
  margin-top: 20px;
}
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.red {
  color: #f04124 !important;
}
/*
 * author:evanliu2968
 * github:https://github.com/EvanLiu2968/el-checkbox
 * lincense:MIT
 */
/*checkbox radio component*/
.el-radio,
.el-checkbox {
  position: relative;
  font-size: 100%;
}
label.el-radio,
label.el-checkbox {
  display: block;
  cursor: pointer;
}
.el-radio > input[type="radio"],
.el-checkbox > input[type="checkbox"] {
  display: none;
}
.el-radio > input[type="radio"][disabled],
.el-checkbox > input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.el-radio > input[type="radio"] + .el-radio-style,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style {
  position: relative;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  vertical-align: middle;
  cursor: pointer;
}
.el-radio > input[type="radio"] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:hover:before {
  border-color: #20a0ff;
}
.el-radio > input[type="radio"] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  content: '';
  border: 1px solid #C0CCDA;
}
.el-radio > input[type="radio"] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  position: absolute;
  display: none;
  content: '';
}
.el-radio > input[type="radio"][disabled] + .el-radio-style,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style {
  cursor: not-allowed;
  color: #D3DCE6;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:hover,
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-radio > input[type="radio"][disabled] + .el-radio-style:after,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:after {
  cursor: not-allowed;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:hover:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover:before {
  border: 1px solid #D3DCE6;
  animation-name: none;
}
.el-radio > input[type="radio"][disabled] + .el-radio-style:before,
.el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before {
  border-color: #D3DCE6;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:before,
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before {
  animation-name: none;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:after,
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:after {
  display: block;
}
.el-radio > input[type="radio"] + .el-radio-style:before {
  border-radius: 50%;
}
.el-radio > input[type="radio"] + .el-radio-style:after {
  top: 0.4em;
  left: 0.4em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background: #20a0ff;
}
.el-radio > input[type="radio"]:checked + .el-radio-style:before {
  border: 1px solid #20a0ff;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:before {
  border: 1px solid #b0d7f5;
}
.el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:after {
  background: #b0d7f5;
}
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:before {
  border-radius: 3px;
}
.el-checkbox > input[type="checkbox"] + .el-checkbox-style:after {
  top: 0.15em;
  left: 0.5em;
  box-sizing: border-box;
  width: 0.4em;
  height: 0.85em;
  transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before {
  border: #20a0ff;
  background: #20a0ff;
}
.el-checkbox > input[type="checkbox"]:checked[disabled] + .el-checkbox-style:before {
  border: #b0d7f5;
  background: #b0d7f5;
}
/*blue theme*/
.el-radio.el-radio-blue > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-blue > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before {
  border-color: #20a0ff;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-blue > input[type="radio"] + label:after {
  background: #20a0ff;
}
.el-radio.el-radio-blue > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:before {
  border-color: #b0d7f5;
}
.el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:after {
  background: #b0d7f5;
}
/*green theme*/
.el-radio.el-radio-green > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-green > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before {
  border-color: #13ce66;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-green > input[type="radio"] + label:after {
  background: #13ce66;
}
.el-radio.el-radio-green > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-green > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:before {
  border-color: #a1efc4;
}
.el-checkbox.el-checkbox-green > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:after {
  background: #a1efc4;
}
/*red theme*/
.el-radio.el-radio-red > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-red > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before {
  border-color: #ff4949;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-red > input[type="radio"] + label:after {
  background: #ff4949;
}
.el-radio.el-radio-red > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-red > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:before {
  border-color: #f9b3b3;
}
.el-checkbox.el-checkbox-red > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:after {
  background: #f9b3b3;
}
/*yellow theme*/
.el-radio.el-radio-yellow > input[type="radio"] + label:hover:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"] + label:hover:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked + label:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before {
  border-color: #f7ba2a;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before,
.el-radio.el-radio-yellow > input[type="radio"] + label:after {
  background: #f7ba2a;
}
.el-radio.el-radio-yellow > input[type="radio"][disabled] + label:hover:before,
.el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled] + label:hover:before {
  border-color: #D3DCE6;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked[disabled] + label:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:before {
  border-color: #fbeac1;
}
.el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled]:checked + label:before,
.el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:after {
  background: #fbeac1;
}
/*switch component*/
.el-switch,
.el-switch-style,
.el-switch-style:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-switch {
  display: inline-block;
  font-size: 100%;
  height: 1.6em;
  position: relative;
}
.el-switch .el-switch-style {
  height: 1.6em;
  left: 0;
  background: #C0CCDA;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 3em;
  cursor: pointer;
}
.el-switch .el-switch-style:before {
  display: block;
  content: '';
  height: 1.4em;
  position: absolute;
  width: 1.4em;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0.1em;
  top: 0.1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.el-switch > input[type="checkbox"] {
  display: none;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
  cursor: not-allowed;
  background-color: #D3DCE6;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #20a0ff;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
  left: 50%;
}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #20a0ff;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #b0d7f5;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #13ce66;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #a1efc4;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #ff4949;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #f9b3b3;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #f7ba2a;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked[disabled] + .el-switch-style {
  background-color: #fbeac1;
}
/*define size*/
.el-radio.el-radio-sm,
.el-checkbox.el-checkbox-sm,
.el-switch.el-switch-sm {
  font-size: 85%;
}
.el-radio.el-radio-lg,
.el-checkbox.el-checkbox-lg,
.el-switch.el-switch-lg {
  font-size: 125%;
}
.host-compliance-list .form-group {
  background: none !important;
  border-bottom: none !important;
}
.host-compliance-list .form-label {
  float: left;
  width: 10%;
  min-width: 90px;
  text-align: right;
  padding-top: 5px;
  padding-right: 10px;
  font-size: 16px;
}
.host-compliance-list .form-control {
  width: 65%;
}
.host-compliance-list .handle {
  color: #999;
  cursor: grab;
  padding: 10px;
  margin-top: -10px;
  margin-left: -10px;
}
.host-compliance-list .sortlist {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.host-compliance-list .sortlist .sortitem:hover {
  cursor: default;
}
/*
* Custom LESS for this project
*/
.display-fa-unicode {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 5 Brands' !important;
}
.display-fa-unicode-chosen .chosen-container-single .chosen-single span {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 5 Brands' !important;
}
.btn-action {
  margin-left: 5px;
}
/* fixes an issue with chosen selectors not descending past the .box*/
.box-allow-overflow {
  overflow: visible !important;
}
.chosen-container .chosen-results li {
  font-size: 18px;
  margin-bottom: 5px;
}
/* Organisation Selector */
.organisation-selector-wrapper {
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
}
.organisation-selector-wrapper label {
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.organisation-selector-wrapper .chosen-container-single .chosen-single span {
  font-size: 14px;
}
.organisation-selector-wrapper .chosen-container .chosen-results li {
  font-size: 14px;
}
.form-moreinfo {
  color: #666;
  font-size: 12px;
}