.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd; }

.panel-default {
  border-color: #dddddd; }

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd; }

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333; }

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd; }

.panel-primary {
  border-color: #337ab7; }

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7; }

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7; }

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #ffffff; }

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6; }

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d; }

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f; }

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc; }

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b; }

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1; }

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442; }

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1; }

.clearfix:before,
.clearfix:after,
.panel-body:before,
.panel-body:after {
  content: " ";
  display: table; }

.clearfix:after,
.panel-body:after {
  clear: both; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.accordion-toggle {
  cursor: pointer; }

.summary-separator {
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.summary-separator-thirds {
  width: 33%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.summary-separator .form-group {
  min-height: 0; }

.summary-separator .number {
  text-align: right; }

.chart-legend, .bar-legend, .line-legend, .pie-legend, .radar-legend, .polararea-legend, .doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center; }

.chart-legend li, .bar-legend li, .line-legend li, .pie-legend li, .radar-legend li, .polararea-legend li, .doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default; }

.chart-legend li span, .bar-legend li span, .line-legend li span, .pie-legend li span, .radar-legend li span, .polararea-legend li span, .doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px; }

.chart {
  width: 100% !important; }

/*# sourceMappingURL=angular-chart.css.map */

/* The starting CSS styles for the enter animation */
.fade.ng-enter {
  transition: 0.5s linear all;
  opacity: 0; }

/* The starting CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
  opacity: 1; }

/*.fade.ng-leave.ng-leave-active {
  opacity:0;
}

.fade.ng-leave {
  opacity: 1;
}*/
.fade.ng-leave {
  transition: 0.5s linear all;
  opacity: 1; }

.fade.ng-leave.ng-leave-active {
  opacity: 0; }

.fade-if {
  /*background:white;
  border:1px solid black;
  padding:10px;*/ }

.fade-if.ng-enter, .fade-if.ng-leave {
  transition: 0.5s linear all;
  opacity: 0; }

.fade-if.ng-enter,
.fade-if.ng-leave.ng-leave-active {
  opacity: 0; }

.fade-if.ng-leave,
.fade-if.ng-enter.ng-enter-active {
  opacity: 1; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
.indented-element-padding, ul.dropdown-menu {
  margin-left: 270px; }

@media (min-width: 960px) {
  .indented, .buttongroup {
    margin-left: 264px !important; } }

.padding-0 {
  padding: 0px; }

.padding-top-0 {
  padding-top: 0px; }

.padding-right-0 {
  padding-right: 0px; }

.padding-bottom-0 {
  padding-bottom: 0px; }

.padding-left-0 {
  padding-left: 0px; }

.padding-0-i {
  padding: 0px !important; }

.padding-top-0-i {
  padding-top: 0px !important; }

.padding-right-0-i {
  padding-right: 0px !important; }

.padding-bottom-0-i {
  padding-bottom: 0px !important; }

.padding-left-0-i {
  padding-left: 0px !important; }

.margin-0 {
  margin: 0px; }

.margin-top-0 {
  margin-top: 0px; }

.margin-right-0 {
  margin-right: 0px; }

.margin-bottom-0 {
  margin-bottom: 0px; }

.margin-left-0 {
  margin-left: 0px; }

.margin-0-i {
  margin: 0px !important; }

.margin-top-0-i {
  margin-top: 0px !important; }

.margin-right-0-i {
  margin-right: 0px !important; }

.margin-bottom-0-i {
  margin-bottom: 0px !important; }

.margin-left-0-i {
  margin-left: 0px !important; }

.max-width-0 {
  max-width: 0%; }

.padding-5 {
  padding: 5px; }

.padding-top-5 {
  padding-top: 5px; }

.padding-right-5 {
  padding-right: 5px; }

.padding-bottom-5 {
  padding-bottom: 5px; }

.padding-left-5 {
  padding-left: 5px; }

.padding-5-i {
  padding: 5px !important; }

.padding-top-5-i {
  padding-top: 5px !important; }

.padding-right-5-i {
  padding-right: 5px !important; }

.padding-bottom-5-i {
  padding-bottom: 5px !important; }

.padding-left-5-i {
  padding-left: 5px !important; }

.margin-5 {
  margin: 5px; }

.margin-top-5 {
  margin-top: 5px; }

.margin-right-5 {
  margin-right: 5px; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.margin-left-5 {
  margin-left: 5px; }

.margin-5-i {
  margin: 5px !important; }

.margin-top-5-i {
  margin-top: 5px !important; }

.margin-right-5-i {
  margin-right: 5px !important; }

.margin-bottom-5-i {
  margin-bottom: 5px !important; }

.margin-left-5-i {
  margin-left: 5px !important; }

.max-width-5 {
  max-width: 5%; }

.padding-10 {
  padding: 10px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-right-10 {
  padding-right: 10px; }

.padding-bottom-10 {
  padding-bottom: 10px; }

.padding-left-10 {
  padding-left: 10px; }

.padding-10-i {
  padding: 10px !important; }

.padding-top-10-i {
  padding-top: 10px !important; }

.padding-right-10-i {
  padding-right: 10px !important; }

.padding-bottom-10-i {
  padding-bottom: 10px !important; }

.padding-left-10-i {
  padding-left: 10px !important; }

.margin-10 {
  margin: 10px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-right-10 {
  margin-right: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-10-i {
  margin: 10px !important; }

.margin-top-10-i {
  margin-top: 10px !important; }

.margin-right-10-i {
  margin-right: 10px !important; }

.margin-bottom-10-i {
  margin-bottom: 10px !important; }

.margin-left-10-i {
  margin-left: 10px !important; }

.max-width-10 {
  max-width: 10%; }

.padding-15 {
  padding: 15px; }

.padding-top-15 {
  padding-top: 15px; }

.padding-right-15 {
  padding-right: 15px; }

.padding-bottom-15 {
  padding-bottom: 15px; }

.padding-left-15 {
  padding-left: 15px; }

.padding-15-i {
  padding: 15px !important; }

.padding-top-15-i {
  padding-top: 15px !important; }

.padding-right-15-i {
  padding-right: 15px !important; }

.padding-bottom-15-i {
  padding-bottom: 15px !important; }

.padding-left-15-i {
  padding-left: 15px !important; }

.margin-15 {
  margin: 15px; }

.margin-top-15 {
  margin-top: 15px; }

.margin-right-15 {
  margin-right: 15px; }

.margin-bottom-15 {
  margin-bottom: 15px; }

.margin-left-15 {
  margin-left: 15px; }

.margin-15-i {
  margin: 15px !important; }

.margin-top-15-i {
  margin-top: 15px !important; }

.margin-right-15-i {
  margin-right: 15px !important; }

.margin-bottom-15-i {
  margin-bottom: 15px !important; }

.margin-left-15-i {
  margin-left: 15px !important; }

.max-width-15 {
  max-width: 15%; }

.padding-20 {
  padding: 20px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-right-20 {
  padding-right: 20px; }

.padding-bottom-20 {
  padding-bottom: 20px; }

.padding-left-20 {
  padding-left: 20px; }

.padding-20-i {
  padding: 20px !important; }

.padding-top-20-i {
  padding-top: 20px !important; }

.padding-right-20-i {
  padding-right: 20px !important; }

.padding-bottom-20-i {
  padding-bottom: 20px !important; }

.padding-left-20-i {
  padding-left: 20px !important; }

.margin-20 {
  margin: 20px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-right-20 {
  margin-right: 20px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-left-20 {
  margin-left: 20px; }

.margin-20-i {
  margin: 20px !important; }

.margin-top-20-i {
  margin-top: 20px !important; }

.margin-right-20-i {
  margin-right: 20px !important; }

.margin-bottom-20-i {
  margin-bottom: 20px !important; }

.margin-left-20-i {
  margin-left: 20px !important; }

.max-width-20 {
  max-width: 20%; }

.padding-25 {
  padding: 25px; }

.padding-top-25 {
  padding-top: 25px; }

.padding-right-25 {
  padding-right: 25px; }

.padding-bottom-25 {
  padding-bottom: 25px; }

.padding-left-25 {
  padding-left: 25px; }

.padding-25-i {
  padding: 25px !important; }

.padding-top-25-i {
  padding-top: 25px !important; }

.padding-right-25-i {
  padding-right: 25px !important; }

.padding-bottom-25-i {
  padding-bottom: 25px !important; }

.padding-left-25-i {
  padding-left: 25px !important; }

.margin-25 {
  margin: 25px; }

.margin-top-25 {
  margin-top: 25px; }

.margin-right-25 {
  margin-right: 25px; }

.margin-bottom-25 {
  margin-bottom: 25px; }

.margin-left-25 {
  margin-left: 25px; }

.margin-25-i {
  margin: 25px !important; }

.margin-top-25-i {
  margin-top: 25px !important; }

.margin-right-25-i {
  margin-right: 25px !important; }

.margin-bottom-25-i {
  margin-bottom: 25px !important; }

.margin-left-25-i {
  margin-left: 25px !important; }

.max-width-25 {
  max-width: 25%; }

.padding-30 {
  padding: 30px; }

.padding-top-30 {
  padding-top: 30px; }

.padding-right-30 {
  padding-right: 30px; }

.padding-bottom-30 {
  padding-bottom: 30px; }

.padding-left-30 {
  padding-left: 30px; }

.padding-30-i {
  padding: 30px !important; }

.padding-top-30-i {
  padding-top: 30px !important; }

.padding-right-30-i {
  padding-right: 30px !important; }

.padding-bottom-30-i {
  padding-bottom: 30px !important; }

.padding-left-30-i {
  padding-left: 30px !important; }

.margin-30 {
  margin: 30px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-right-30 {
  margin-right: 30px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-left-30 {
  margin-left: 30px; }

.margin-30-i {
  margin: 30px !important; }

.margin-top-30-i {
  margin-top: 30px !important; }

.margin-right-30-i {
  margin-right: 30px !important; }

.margin-bottom-30-i {
  margin-bottom: 30px !important; }

.margin-left-30-i {
  margin-left: 30px !important; }

.max-width-30 {
  max-width: 30%; }

.padding-35 {
  padding: 35px; }

.padding-top-35 {
  padding-top: 35px; }

.padding-right-35 {
  padding-right: 35px; }

.padding-bottom-35 {
  padding-bottom: 35px; }

.padding-left-35 {
  padding-left: 35px; }

.padding-35-i {
  padding: 35px !important; }

.padding-top-35-i {
  padding-top: 35px !important; }

.padding-right-35-i {
  padding-right: 35px !important; }

.padding-bottom-35-i {
  padding-bottom: 35px !important; }

.padding-left-35-i {
  padding-left: 35px !important; }

.margin-35 {
  margin: 35px; }

.margin-top-35 {
  margin-top: 35px; }

.margin-right-35 {
  margin-right: 35px; }

.margin-bottom-35 {
  margin-bottom: 35px; }

.margin-left-35 {
  margin-left: 35px; }

.margin-35-i {
  margin: 35px !important; }

.margin-top-35-i {
  margin-top: 35px !important; }

.margin-right-35-i {
  margin-right: 35px !important; }

.margin-bottom-35-i {
  margin-bottom: 35px !important; }

.margin-left-35-i {
  margin-left: 35px !important; }

.max-width-35 {
  max-width: 35%; }

.padding-40 {
  padding: 40px; }

.padding-top-40 {
  padding-top: 40px; }

.padding-right-40 {
  padding-right: 40px; }

.padding-bottom-40 {
  padding-bottom: 40px; }

.padding-left-40 {
  padding-left: 40px; }

.padding-40-i {
  padding: 40px !important; }

.padding-top-40-i {
  padding-top: 40px !important; }

.padding-right-40-i {
  padding-right: 40px !important; }

.padding-bottom-40-i {
  padding-bottom: 40px !important; }

.padding-left-40-i {
  padding-left: 40px !important; }

.margin-40 {
  margin: 40px; }

.margin-top-40 {
  margin-top: 40px; }

.margin-right-40 {
  margin-right: 40px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-left-40 {
  margin-left: 40px; }

.margin-40-i {
  margin: 40px !important; }

.margin-top-40-i {
  margin-top: 40px !important; }

.margin-right-40-i {
  margin-right: 40px !important; }

.margin-bottom-40-i {
  margin-bottom: 40px !important; }

.margin-left-40-i {
  margin-left: 40px !important; }

.max-width-40 {
  max-width: 40%; }

.padding-45 {
  padding: 45px; }

.padding-top-45 {
  padding-top: 45px; }

.padding-right-45 {
  padding-right: 45px; }

.padding-bottom-45 {
  padding-bottom: 45px; }

.padding-left-45 {
  padding-left: 45px; }

.padding-45-i {
  padding: 45px !important; }

.padding-top-45-i {
  padding-top: 45px !important; }

.padding-right-45-i {
  padding-right: 45px !important; }

.padding-bottom-45-i {
  padding-bottom: 45px !important; }

.padding-left-45-i {
  padding-left: 45px !important; }

.margin-45 {
  margin: 45px; }

.margin-top-45 {
  margin-top: 45px; }

.margin-right-45 {
  margin-right: 45px; }

.margin-bottom-45 {
  margin-bottom: 45px; }

.margin-left-45 {
  margin-left: 45px; }

.margin-45-i {
  margin: 45px !important; }

.margin-top-45-i {
  margin-top: 45px !important; }

.margin-right-45-i {
  margin-right: 45px !important; }

.margin-bottom-45-i {
  margin-bottom: 45px !important; }

.margin-left-45-i {
  margin-left: 45px !important; }

.max-width-45 {
  max-width: 45%; }

.padding-50 {
  padding: 50px; }

.padding-top-50 {
  padding-top: 50px; }

.padding-right-50 {
  padding-right: 50px; }

.padding-bottom-50 {
  padding-bottom: 50px; }

.padding-left-50 {
  padding-left: 50px; }

.padding-50-i {
  padding: 50px !important; }

.padding-top-50-i {
  padding-top: 50px !important; }

.padding-right-50-i {
  padding-right: 50px !important; }

.padding-bottom-50-i {
  padding-bottom: 50px !important; }

.padding-left-50-i {
  padding-left: 50px !important; }

.margin-50 {
  margin: 50px; }

.margin-top-50 {
  margin-top: 50px; }

.margin-right-50 {
  margin-right: 50px; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.margin-left-50 {
  margin-left: 50px; }

.margin-50-i {
  margin: 50px !important; }

.margin-top-50-i {
  margin-top: 50px !important; }

.margin-right-50-i {
  margin-right: 50px !important; }

.margin-bottom-50-i {
  margin-bottom: 50px !important; }

.margin-left-50-i {
  margin-left: 50px !important; }

.max-width-50 {
  max-width: 50%; }

.padding-55 {
  padding: 55px; }

.padding-top-55 {
  padding-top: 55px; }

.padding-right-55 {
  padding-right: 55px; }

.padding-bottom-55 {
  padding-bottom: 55px; }

.padding-left-55 {
  padding-left: 55px; }

.padding-55-i {
  padding: 55px !important; }

.padding-top-55-i {
  padding-top: 55px !important; }

.padding-right-55-i {
  padding-right: 55px !important; }

.padding-bottom-55-i {
  padding-bottom: 55px !important; }

.padding-left-55-i {
  padding-left: 55px !important; }

.margin-55 {
  margin: 55px; }

.margin-top-55 {
  margin-top: 55px; }

.margin-right-55 {
  margin-right: 55px; }

.margin-bottom-55 {
  margin-bottom: 55px; }

.margin-left-55 {
  margin-left: 55px; }

.margin-55-i {
  margin: 55px !important; }

.margin-top-55-i {
  margin-top: 55px !important; }

.margin-right-55-i {
  margin-right: 55px !important; }

.margin-bottom-55-i {
  margin-bottom: 55px !important; }

.margin-left-55-i {
  margin-left: 55px !important; }

.max-width-55 {
  max-width: 55%; }

.padding-60 {
  padding: 60px; }

.padding-top-60 {
  padding-top: 60px; }

.padding-right-60 {
  padding-right: 60px; }

.padding-bottom-60 {
  padding-bottom: 60px; }

.padding-left-60 {
  padding-left: 60px; }

.padding-60-i {
  padding: 60px !important; }

.padding-top-60-i {
  padding-top: 60px !important; }

.padding-right-60-i {
  padding-right: 60px !important; }

.padding-bottom-60-i {
  padding-bottom: 60px !important; }

.padding-left-60-i {
  padding-left: 60px !important; }

.margin-60 {
  margin: 60px; }

.margin-top-60 {
  margin-top: 60px; }

.margin-right-60 {
  margin-right: 60px; }

.margin-bottom-60 {
  margin-bottom: 60px; }

.margin-left-60 {
  margin-left: 60px; }

.margin-60-i {
  margin: 60px !important; }

.margin-top-60-i {
  margin-top: 60px !important; }

.margin-right-60-i {
  margin-right: 60px !important; }

.margin-bottom-60-i {
  margin-bottom: 60px !important; }

.margin-left-60-i {
  margin-left: 60px !important; }

.max-width-60 {
  max-width: 60%; }

.padding-65 {
  padding: 65px; }

.padding-top-65 {
  padding-top: 65px; }

.padding-right-65 {
  padding-right: 65px; }

.padding-bottom-65 {
  padding-bottom: 65px; }

.padding-left-65 {
  padding-left: 65px; }

.padding-65-i {
  padding: 65px !important; }

.padding-top-65-i {
  padding-top: 65px !important; }

.padding-right-65-i {
  padding-right: 65px !important; }

.padding-bottom-65-i {
  padding-bottom: 65px !important; }

.padding-left-65-i {
  padding-left: 65px !important; }

.margin-65 {
  margin: 65px; }

.margin-top-65 {
  margin-top: 65px; }

.margin-right-65 {
  margin-right: 65px; }

.margin-bottom-65 {
  margin-bottom: 65px; }

.margin-left-65 {
  margin-left: 65px; }

.margin-65-i {
  margin: 65px !important; }

.margin-top-65-i {
  margin-top: 65px !important; }

.margin-right-65-i {
  margin-right: 65px !important; }

.margin-bottom-65-i {
  margin-bottom: 65px !important; }

.margin-left-65-i {
  margin-left: 65px !important; }

.max-width-65 {
  max-width: 65%; }

.padding-70 {
  padding: 70px; }

.padding-top-70 {
  padding-top: 70px; }

.padding-right-70 {
  padding-right: 70px; }

.padding-bottom-70 {
  padding-bottom: 70px; }

.padding-left-70 {
  padding-left: 70px; }

.padding-70-i {
  padding: 70px !important; }

.padding-top-70-i {
  padding-top: 70px !important; }

.padding-right-70-i {
  padding-right: 70px !important; }

.padding-bottom-70-i {
  padding-bottom: 70px !important; }

.padding-left-70-i {
  padding-left: 70px !important; }

.margin-70 {
  margin: 70px; }

.margin-top-70 {
  margin-top: 70px; }

.margin-right-70 {
  margin-right: 70px; }

.margin-bottom-70 {
  margin-bottom: 70px; }

.margin-left-70 {
  margin-left: 70px; }

.margin-70-i {
  margin: 70px !important; }

.margin-top-70-i {
  margin-top: 70px !important; }

.margin-right-70-i {
  margin-right: 70px !important; }

.margin-bottom-70-i {
  margin-bottom: 70px !important; }

.margin-left-70-i {
  margin-left: 70px !important; }

.max-width-70 {
  max-width: 70%; }

.padding-75 {
  padding: 75px; }

.padding-top-75 {
  padding-top: 75px; }

.padding-right-75 {
  padding-right: 75px; }

.padding-bottom-75 {
  padding-bottom: 75px; }

.padding-left-75 {
  padding-left: 75px; }

.padding-75-i {
  padding: 75px !important; }

.padding-top-75-i {
  padding-top: 75px !important; }

.padding-right-75-i {
  padding-right: 75px !important; }

.padding-bottom-75-i {
  padding-bottom: 75px !important; }

.padding-left-75-i {
  padding-left: 75px !important; }

.margin-75 {
  margin: 75px; }

.margin-top-75 {
  margin-top: 75px; }

.margin-right-75 {
  margin-right: 75px; }

.margin-bottom-75 {
  margin-bottom: 75px; }

.margin-left-75 {
  margin-left: 75px; }

.margin-75-i {
  margin: 75px !important; }

.margin-top-75-i {
  margin-top: 75px !important; }

.margin-right-75-i {
  margin-right: 75px !important; }

.margin-bottom-75-i {
  margin-bottom: 75px !important; }

.margin-left-75-i {
  margin-left: 75px !important; }

.max-width-75 {
  max-width: 75%; }

.padding-80 {
  padding: 80px; }

.padding-top-80 {
  padding-top: 80px; }

.padding-right-80 {
  padding-right: 80px; }

.padding-bottom-80 {
  padding-bottom: 80px; }

.padding-left-80 {
  padding-left: 80px; }

.padding-80-i {
  padding: 80px !important; }

.padding-top-80-i {
  padding-top: 80px !important; }

.padding-right-80-i {
  padding-right: 80px !important; }

.padding-bottom-80-i {
  padding-bottom: 80px !important; }

.padding-left-80-i {
  padding-left: 80px !important; }

.margin-80 {
  margin: 80px; }

.margin-top-80 {
  margin-top: 80px; }

.margin-right-80 {
  margin-right: 80px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.margin-left-80 {
  margin-left: 80px; }

.margin-80-i {
  margin: 80px !important; }

.margin-top-80-i {
  margin-top: 80px !important; }

.margin-right-80-i {
  margin-right: 80px !important; }

.margin-bottom-80-i {
  margin-bottom: 80px !important; }

.margin-left-80-i {
  margin-left: 80px !important; }

.max-width-80 {
  max-width: 80%; }

.padding-85 {
  padding: 85px; }

.padding-top-85 {
  padding-top: 85px; }

.padding-right-85 {
  padding-right: 85px; }

.padding-bottom-85 {
  padding-bottom: 85px; }

.padding-left-85 {
  padding-left: 85px; }

.padding-85-i {
  padding: 85px !important; }

.padding-top-85-i {
  padding-top: 85px !important; }

.padding-right-85-i {
  padding-right: 85px !important; }

.padding-bottom-85-i {
  padding-bottom: 85px !important; }

.padding-left-85-i {
  padding-left: 85px !important; }

.margin-85 {
  margin: 85px; }

.margin-top-85 {
  margin-top: 85px; }

.margin-right-85 {
  margin-right: 85px; }

.margin-bottom-85 {
  margin-bottom: 85px; }

.margin-left-85 {
  margin-left: 85px; }

.margin-85-i {
  margin: 85px !important; }

.margin-top-85-i {
  margin-top: 85px !important; }

.margin-right-85-i {
  margin-right: 85px !important; }

.margin-bottom-85-i {
  margin-bottom: 85px !important; }

.margin-left-85-i {
  margin-left: 85px !important; }

.max-width-85 {
  max-width: 85%; }

.padding-90 {
  padding: 90px; }

.padding-top-90 {
  padding-top: 90px; }

.padding-right-90 {
  padding-right: 90px; }

.padding-bottom-90 {
  padding-bottom: 90px; }

.padding-left-90 {
  padding-left: 90px; }

.padding-90-i {
  padding: 90px !important; }

.padding-top-90-i {
  padding-top: 90px !important; }

.padding-right-90-i {
  padding-right: 90px !important; }

.padding-bottom-90-i {
  padding-bottom: 90px !important; }

.padding-left-90-i {
  padding-left: 90px !important; }

.margin-90 {
  margin: 90px; }

.margin-top-90 {
  margin-top: 90px; }

.margin-right-90 {
  margin-right: 90px; }

.margin-bottom-90 {
  margin-bottom: 90px; }

.margin-left-90 {
  margin-left: 90px; }

.margin-90-i {
  margin: 90px !important; }

.margin-top-90-i {
  margin-top: 90px !important; }

.margin-right-90-i {
  margin-right: 90px !important; }

.margin-bottom-90-i {
  margin-bottom: 90px !important; }

.margin-left-90-i {
  margin-left: 90px !important; }

.max-width-90 {
  max-width: 90%; }

.padding-95 {
  padding: 95px; }

.padding-top-95 {
  padding-top: 95px; }

.padding-right-95 {
  padding-right: 95px; }

.padding-bottom-95 {
  padding-bottom: 95px; }

.padding-left-95 {
  padding-left: 95px; }

.padding-95-i {
  padding: 95px !important; }

.padding-top-95-i {
  padding-top: 95px !important; }

.padding-right-95-i {
  padding-right: 95px !important; }

.padding-bottom-95-i {
  padding-bottom: 95px !important; }

.padding-left-95-i {
  padding-left: 95px !important; }

.margin-95 {
  margin: 95px; }

.margin-top-95 {
  margin-top: 95px; }

.margin-right-95 {
  margin-right: 95px; }

.margin-bottom-95 {
  margin-bottom: 95px; }

.margin-left-95 {
  margin-left: 95px; }

.margin-95-i {
  margin: 95px !important; }

.margin-top-95-i {
  margin-top: 95px !important; }

.margin-right-95-i {
  margin-right: 95px !important; }

.margin-bottom-95-i {
  margin-bottom: 95px !important; }

.margin-left-95-i {
  margin-left: 95px !important; }

.max-width-95 {
  max-width: 95%; }

.padding-100 {
  padding: 100px; }

.padding-top-100 {
  padding-top: 100px; }

.padding-right-100 {
  padding-right: 100px; }

.padding-bottom-100 {
  padding-bottom: 100px; }

.padding-left-100 {
  padding-left: 100px; }

.padding-100-i {
  padding: 100px !important; }

.padding-top-100-i {
  padding-top: 100px !important; }

.padding-right-100-i {
  padding-right: 100px !important; }

.padding-bottom-100-i {
  padding-bottom: 100px !important; }

.padding-left-100-i {
  padding-left: 100px !important; }

.margin-100 {
  margin: 100px; }

.margin-top-100 {
  margin-top: 100px; }

.margin-right-100 {
  margin-right: 100px; }

.margin-bottom-100 {
  margin-bottom: 100px; }

.margin-left-100 {
  margin-left: 100px; }

.margin-100-i {
  margin: 100px !important; }

.margin-top-100-i {
  margin-top: 100px !important; }

.margin-right-100-i {
  margin-right: 100px !important; }

.margin-bottom-100-i {
  margin-bottom: 100px !important; }

.margin-left-100-i {
  margin-left: 100px !important; }

.max-width-100 {
  max-width: 100%; }

.animate-enter {
  -webkit-transition: 1s linear all;
  /* Chrome */
  transition: 1s linear all;
  opacity: 0; }

.animate-enter.animate-enter-active {
  opacity: 1; }

.capitalize {
  text-transform: capitalize; }

.clear {
  clear: both; }

td.hide {
  display: none; }

th span {
  font-weight: inherit; }

.checkbox-td-centre:after {
  right: auto;
  left: auto; }

.background-turquoise {
  background: #18986e; }

.background-turquoise:hover {
  background: #18986e; }

.font-size-small {
  font-size: 12px; }

.font-size-x-small {
  font-size: 11px; }

/*.form-groups {
   line-height: $height-input + ($margin-input * 2);
}*/
.gridStyle {
  border: 1px solid #d4d4d4;
  width: 1658px;
  height: 800px;
  font-size: 11px; }

.ui-grid-pager-panel {
  position: relative;
  display: inline-block; }

.ui-grid-pager-max-pages-number {
  vertical-align: middle;
  width: auto;
  margin-right: 10px; }

.ui-grid-pager-row-count-picker select {
  width: auto !important; }

.ui-grid-icon-angle-down, ui-grid-icon-angle-up {
  display: none !important; }

input.hide-spinners::-webkit-outer-spin-button,
input.hide-spinners::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input.number-input {
  text-align: right !important; }

input.number-input::placeholder {
  text-align: left !important; }

.no-border {
  border: none; }

table.no-border th {
  border: none;
  background-color: inherit; }

table.no-border td {
  border: none;
  background-color: inherit; }

table.no-border tr {
  border: none;
  background-color: inherit; }

table.no-border tbody tr:not(.blank):nth-child(even) {
  background: inherit; }

[ng-dblclick] > * {
  cursor: pointer; }

button.small {
  min-height: 25px;
  max-height: 25px;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 80%; }

body {
  color: #52516b;
  font-weight: normal;
  font-size: 14px;
  line-height: 17.5px;
  position: relative; }

html, body {
  height: 100%;
  position: relative; }

section {
  background-color: #e9e9ee;
  padding: 35px 25px;
  margin: 15px auto;
  position: absolute;
  right: 0;
  left: 0; }

section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.style-list ul li {
  list-style-position: inside;
  list-style-type: disc; }

.document-preview img {
  -webkit-box-shadow: 0px 0px 10px 0px #949494;
  -moz-box-shadow: 0px 0px 10px 0px #949494;
  box-shadow: 0px 0px 10px 0px #949494;
  margin: 25px auto;
  display: block; }

.min-width-5-px {
  min-width: 5px; }

.min-width-10-px {
  min-width: 10px; }

.min-width-15-px {
  min-width: 15px; }

.min-width-20-px {
  min-width: 20px; }

.min-width-25-px {
  min-width: 25px; }

.min-width-30-px {
  min-width: 30px; }

.min-width-35-px {
  min-width: 35px; }

.min-width-40-px {
  min-width: 40px; }

.min-width-45-px {
  min-width: 45px; }

.min-width-50-px {
  min-width: 50px; }

.min-width-55-px {
  min-width: 55px; }

.min-width-60-px {
  min-width: 60px; }

.min-width-65-px {
  min-width: 65px; }

.min-width-70-px {
  min-width: 70px; }

.min-width-75-px {
  min-width: 75px; }

.min-width-80-px {
  min-width: 80px; }

.min-width-85-px {
  min-width: 85px; }

.min-width-90-px {
  min-width: 90px; }

.min-width-95-px {
  min-width: 95px; }

.min-width-100-px {
  min-width: 100px; }

.min-width-105-px {
  min-width: 105px; }

.min-width-110-px {
  min-width: 110px; }

.min-width-115-px {
  min-width: 115px; }

.min-width-120-px {
  min-width: 120px; }

.min-width-125-px {
  min-width: 125px; }

.min-width-130-px {
  min-width: 130px; }

.min-width-135-px {
  min-width: 135px; }

.min-width-140-px {
  min-width: 140px; }

.min-width-145-px {
  min-width: 145px; }

.min-width-150-px {
  min-width: 150px; }

.min-width-155-px {
  min-width: 155px; }

.min-width-160-px {
  min-width: 160px; }

.min-width-165-px {
  min-width: 165px; }

.min-width-170-px {
  min-width: 170px; }

.min-width-175-px {
  min-width: 175px; }

.min-width-180-px {
  min-width: 180px; }

.min-width-185-px {
  min-width: 185px; }

.min-width-190-px {
  min-width: 190px; }

.min-width-195-px {
  min-width: 195px; }

.min-width-200-px {
  min-width: 200px; }

.min-width-205-px {
  min-width: 205px; }

.min-width-210-px {
  min-width: 210px; }

.min-width-215-px {
  min-width: 215px; }

.min-width-220-px {
  min-width: 220px; }

.min-width-225-px {
  min-width: 225px; }

.min-width-230-px {
  min-width: 230px; }

.min-width-235-px {
  min-width: 235px; }

.min-width-240-px {
  min-width: 240px; }

.min-width-245-px {
  min-width: 245px; }

.min-width-250-px {
  min-width: 250px; }

p {
  margin: 5px auto; }

.full-width {
  width: 100%; }

.children-bold * {
  font-weight: bold !important; }

.margin-top {
  margin-top: 5px; }

.margin-top-normal {
  margin-top: 15px; }

.margin-top-large {
  margin-top: 25px; }

.margin-top-and-bottom {
  margin-bottom: 15px;
  margin-top: 15px; }

.margin-top-and-bottom-small {
  margin: 5px auto; }

.margin-bottom-small {
  margin-bottom: 5px; }

.margin-bottom-normal {
  margin-bottom: 15px; }

.margin-bottom-large {
  margin-bottom: 25px; }

.margin-sides-small {
  margin-left: 5px;
  margin-right: 5px; }

.margin-left-small {
  margin-left: 5px; }

.margin-right-10 {
  margin-right: 10px; }

.margin-left-10 {
  margin-left: 10px; }

/*section div {
    display: inline-block;
}*/
.form-div {
  display: inline-block; }

.field-validation-error {
  display: block;
  color: #ff3333; }

.line-height {
  line-height: 40px; }

.banner-menu {
  padding: 0; }

.align-right {
  text-align: right; }

.float-right {
  float: right; }

.color-input {
  width: 261px !important;
  margin-left: 0 !important; }

button, input[type="submit"], input[type="button"], a.button, a, input[type=radio], .fa-question-circle:before {
  cursor: pointer; }

.bold-font {
  font-weight: bold; }

a.button {
  font-size: 13.3333px; }

.table-select-medium {
  width: 300.0px;
  max-width: 300px; }

button, a.button {
  margin: 5px 0;
  /*i.fa-pencil, i.fa-check, i.fa-close {
        font-size: 1em;
        padding: 0;
        color: white;

        &:hover {
            color: white;
        }
    }*/ }
  button .br, a.button .br {
    display: block; }
  button.pull-right, button.float-right, a.button.pull-right, a.button.float-right {
    margin-top: 0; }
  button.pull-right-input, a.button.pull-right-input {
    float: right;
    margin-top: 5px; }

a.button.disabled, button:disabled, select:disabled, button.disabled, a:not([href]).button.appear-disabled-on-no-href {
  opacity: 0.7; }

/*CSH 16032020 This disable opacity form Darwin appears to embed different from the value of $disable-opactity.
    This line just make button-styled links with no href and the 'appear-disabled-on-no-href' class look the same
    as regular disabled buttons
*/
body[data-ng-app='darwin'] a:not([href]).button.appear-disabled-on-no-href {
  opacity: 0.3; }

a:not([href]).button.appear-disabled-on-no-href {
  box-shadow: none; }

a.button[href] {
  opacity: 1; }

a {
  text-decoration: none; }

li.active a {
  font-weight: bold; }

.fa {
  cursor: pointer; }

.fa-pencil, .fa-trash {
  font-size: 1.5em;
  padding-left: 10px; }

.green-text {
  color: #18986e; }

.amber-text {
  color: darkorange !important; }

.amber {
  background-color: darkorange !important; }

.highlightpartialmatch {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.toggle-icon:before, .toggle-icon::before {
  position: absolute;
  top: 2px;
  right: 0; }

.pointer, .pointer th {
  cursor: pointer !important; }

h1, h2, h3, h4, h5, h6, p, label, span {
  font-weight: normal;
  font-variant: normal; }

h1 {
  font-weight: bold; }

h2 {
  position: relative; }

.fa-question-circle:before {
  color: #4a7dbc;
  margin-left: 10px; }

.modal-fixed-lg {
  height: 650px; }

.help-text {
  width: 250px;
  display: block;
  line-height: 15px;
  font-size: 12px; }

h2 > i, label > i {
  float: right; }

ul.dropdown-menu li {
  margin: 10px 10px; }

li.med {
  line-height: 20px; }

ng-clickable {
  cursor: pointer; }

label:not(.radio-list):not(.check-list):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.mapping-widget):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.login), h2 {
  font-size: 14px;
  width: 100%;
  display: inline-block; }

h1 {
  padding-bottom: 12px;
  font-size: 20px;
  line-height: 32.5px; }
  h1 button.pull-right, h1 button.float-right {
    margin-top: 5px !important; }

h2 {
  font-size: 17px;
  /*margin: $margin-h2 0;*/
  display: block;
  vertical-align: middle;
  width: 100%;
  line-height: 25px; }

.h2 {
  font-size: 20px !important; }

h3 {
  font-size: 15px;
  margin: 5px 0; }

.selectable {
  cursor: pointer; }

.display-inline {
  display: inline; }

.display-inline-block {
  display: inline-block !important; }

.display-block {
  display: block !important; }

.hr-v {
  border-right: 1px solid #52516b; }

.inline {
  display: inline-block; }

.search {
  position: relative; }

.search:after, .search::after {
  content: "\f00d";
  display: inline-block;
  position: absolute;
  top: 9.0009px;
  right: 10px; }

.input-xsmall {
  width: 200px; }

input, select {
  outline: none; }

input, .radio-block, .radio-block-v, textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block {
  height: 30px;
  padding: 0 10px;
  margin-right: 10px; }

input, .radio-block, .radio-block-v, textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, select, select.block, input[type=search], .imitate-select {
  margin: 5px 10px 5px 0;
  font-size: 14px;
  color: #52516b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, select, select.block, input[type=search], .imitate-select, .mat-autocomplete-panel, .mat-select {
  border: 1px solid #bbb;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 4px -2px #888;
  -moz-box-shadow: 1px 1px 4px -2px #888;
  box-shadow: 1px 1px 4px -2px #888;
  border: none; }
  textarea:focus, input[type=text]:not(.imitate-select-input):focus, input[type=email]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=number]:focus, input[type=password]:focus, input[type=url]:focus, input[type=search]:focus, input[type=email]:focus, .block:focus, select:focus, select.block:focus, input[type=search]:focus, .imitate-select:focus, .mat-autocomplete-panel:focus, .mat-select:focus {
    -webkit-box-shadow: 1px 1px 4px 0px #888;
    -moz-box-shadow: 1px 1px 4px 0px #888;
    box-shadow: 1px 1px 4px 0px #888; }

select, select.block, input[type=search] {
  padding: 0 10px;
  margin-right: 10px;
  font-family: "Ballinger", sans-serif; }

.imitate-select-root, .mat-select {
  display: inline;
  position: relative;
  height: 30px;
  font-family: "Ballinger", sans-serif; }

.imitate-select, .mat-select {
  position: relative;
  vertical-align: middle;
  background-color: white;
  display: inline-block; }
  .imitate-select .imitate-select-caret, .mat-select .imitate-select-caret {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px; }

.imitate-select-title {
  cursor: default;
  padding-left: 10px;
  line-height: 30px;
  margin: 0;
  color: #999999; }

.imitate-select-items {
  background-color: white;
  position: absolute;
  top: 24px;
  left: 0;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-top: none;
  z-index: 999;
  max-height: 200px;
  overflow: auto;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-sizing: border-box; }
  .imitate-select-items::-webkit-scrollbar {
    width: 12px; }
  .imitate-select-items::-webkit-scrollbar-track {
    background-color: #F1F1F1; }
  .imitate-select-items::-webkit-scrollbar-thumb {
    background-color: #BCBCBC; }

.imitate-select-items-node.last {
  border-bottom: 1px solid #bbb !important;
  border-radius: 5px; }

.imitate-select-items-node {
  padding: 0 10px; }
  .imitate-select-items-node .no-items-label {
    line-height: 30px; }
  .imitate-select-items-node:hover {
    background: #e9e9ee; }

.imitate-select-input {
  margin: 0;
  /*padding: 0;*/
  border: none;
  background-color: transparent; }

input[type=radio], input[type=checkbox] {
  display: none; }

.shabba input[type=checkbox] {
  display: inline;
  max-width: 15px; }

.horizontal-scroll {
  width: 100%;
  overflow-x: scroll;
  overflow: auto; }

.redText {
  color: #ed6e0c; }

.greenText {
  color: #18986e !important; }

.radio-list, .check-list, .check-list-inline, .v-centered-checkbox, .cdb-attribute-checkbox, .mapping-widget {
  cursor: pointer;
  position: relative;
  line-height: 30px; }
  .radio-list.center, .check-list.center, .center.check-list-inline, .center.v-centered-checkbox, .center.cdb-attribute-checkbox, .center.mapping-widget {
    text-align: center !important; }
  .radio-list.disabled:after, .check-list.disabled:after, .disabled.check-list-inline:after, .disabled.v-centered-checkbox:after, .disabled.cdb-attribute-checkbox:after, .disabled.mapping-widget:after {
    background: #e9e9ee; }

.checkbox-label-left {
  vertical-align: top;
  margin-top: 5px; }

/*
    Note: radio-list and check-list are separate because using
    variables did some squiffy things.

    These are both using nested css to apply the appropriate styling.
*/
.radio-list {
  padding-left: 30px;
  /*.mapping-widget {
        &:after, &::after {
        top: -6px !important;
    }
    }*/ }
  .radio-list:after {
    position: absolute;
    content: "";
    display: inline;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid #999999;
    background-color: white;
    left: 0;
    bottom: 0; }
  input[type=radio]:checked + .radio-list:after {
    content: "\2022";
    color: #1fc48e;
    font-size: 30px;
    text-align: center;
    line-height: 15px; }

.green-tick:before {
  content: '\2713';
  color: #1fc48e; }

.red-cross:before {
  content: '\2613';
  color: #ff0000; }

.green-tick, .red-cross {
  display: inline-block;
  font-size: 20px;
  text-align: center; }

.check-list, .check-list-inline, .v-centered-checkbox, .cdb-attribute-checkbox, .mapping-widget {
  padding-right: 30px;
  display: block; }
  .check-list:after, .check-list-inline:after, .v-centered-checkbox:after, .cdb-attribute-checkbox:after, .mapping-widget:after, .check-list::after, .check-list-inline::after, .v-centered-checkbox::after, .cdb-attribute-checkbox::after, .mapping-widget::after {
    position: absolute;
    content: "";
    display: inline;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    border: 1px solid #999999;
    background-color: white;
    right: 0;
    top: 6px; }
  input[type=checkbox]:checked + .check-list:after, input[type=checkbox]:checked + .check-list-inline:after, input[type=checkbox]:checked + .v-centered-checkbox:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:after, input[type=checkbox]:checked + .mapping-widget:after {
    content: "\2714";
    font-size: 14px;
    text-align: center;
    line-height: 15px; }

input[type=checkbox]:checked + .check-list:after, input[type=checkbox]:checked + .check-list-inline:after, input[type=checkbox]:checked + .v-centered-checkbox:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:after, input[type=checkbox]:checked + .mapping-widget:after {
  color: #18986e; }

input[type=checkbox]:checked + .check-list:after, input[type=checkbox]:checked + .check-list-inline:after, input[type=checkbox]:checked + .v-centered-checkbox:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:after, input[type=checkbox]:checked + .mapping-widget:after {
  color: #18986e; }

input[type=checkbox]:checked + .check-list:after, input[type=checkbox]:checked + .check-list-inline:after, input[type=checkbox]:checked + .v-centered-checkbox:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:after, input[type=checkbox]:checked + .mapping-widget:after {
  color: #18986e; }

input[type=checkbox]:checked + .check-list:after, input[type=checkbox]:checked + .check-list-inline:after, input[type=checkbox]:checked + .v-centered-checkbox:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:after, input[type=checkbox]:checked + .mapping-widget:after {
  color: #18986e; }

input[type=checkbox]:checked + .check-list:after, input[type=checkbox]:checked + .check-list-inline:after, input[type=checkbox]:checked + .v-centered-checkbox:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:after, input[type=checkbox]:checked + .mapping-widget:after {
  color: #18986e; }

.check-list-inline, .v-centered-checkbox, .cdb-attribute-checkbox {
  width: auto !important; }

.mapping-widget:after, .mapping-widget::after {
  top: -6px !important; }

.v-centered-checkbox:after, .v-centered-checkbox::after, .cdb-attribute-checkbox:after, .cdb-attribute-checkbox::after {
  top: -12px !important; }

.check-list-top {
  top: -20px !important; }

.label-blank:after, .label-blank::after {
  right: auto;
  top: 4px; }

textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block {
  background-color: white; }

input[disabled] {
  background-color: #e9e9ee !important; }

.block {
  position: relative; }

.block-right {
  float: right; }

.block-left {
  float: left; }

.icons-right {
  position: absolute;
  top: 0;
  right: 15px; }

.radio-block, .radio-block-v, .check-block {
  vertical-align: middle;
  display: inline-block; }

.radio-block, .radio-block-v {
  height: auto; }

.radio-block-v {
  margin: 10px 0;
  display: block !important; }

.radio-list-block {
  display: block;
  padding-bottom: 10px; }

.check-block {
  height: auto;
  margin-right: 25px;
  width: 100%; }

/*select {
    @extend input;
    height: $height-input;
    width: $width-input-large + ($padding-input-text-sides * 2);
}*/
textarea {
  vertical-align: top;
  min-height: 50px;
  padding-top: 5px; }

textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block {
  display: block; }

select, select.block, input[type=search] {
  height: 30px; }

label.small {
  width: auto !important; }

input.small {
  max-width: 80px !important; }

select.small {
  max-width: 100px !important; }

.buttongroup-left {
  margin-left: 0 !important; }

.buttongroup, button, input[type="submit"], input[type="button"], a.button {
  width: 432px; }

div.list-view-control {
  display: inline; }
  div.list-view-control > fieldset {
    display: inline;
    border: solid 1px black;
    margin: 10px;
    padding: 10px;
    border-radius: 5px; }

.cdb-block-first {
  padding: 0 0 20px 0; }

.cdb-block {
  padding: 20px 0; }

.cdb-block {
  border-top: 1px solid #999999; }

.pull-right button {
  margin: 0; }

.grey {
  background-color: #999999; }

.grey:hover {
  background-color: #2b2133; }

.v-middle {
  vertical-align: middle;
  line-height: 30px; }

.v-top {
  vertical-align: top; }

.margin-20 {
  margin: 20px 0; }

.margin-10 {
  margin: 10px 0; }

.margin-top-button {
  margin-top: 5px; }

.margin-left-light {
  margin-left: 20px; }

.margin-left-heavy {
  margin-left: 20px; }

@media (max-width: 480px) {
  .hide-mobile {
    display: none; }
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 300px;
    max-width: 300px; }
  .buttongroup, button {
    width: 300px; }
  textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .imitate-select-input, .label-icon-wrapper {
    width: 280px;
    max-width: 280px; }
  .imitate-select-root, .imitate-select-items, .imitate-select {
    width: 300px;
    max-width: 300px; }
  input[type=percentage] {
    width: 255px;
    display: inline; }
  select, select.block, input[type=search] {
    width: 300px;
    max-width: 300px; } }

@media (min-width: 480px) {
  .hide-desktop {
    display: none !important; }
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 432px;
    max-width: 432px; }
  .centered-multi-icons {
    text-align: left;
    width: 75px;
    margin: auto; }
  textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .imitate-select-input, .label-icon-wrapper {
    width: 412px;
    max-width: 412px; }
  .imitate-select-root, .imitate-select-items, .imitate-select {
    width: 432px;
    max-width: 432px; }
  label:not(.radio-list):not(.check-list):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.mapping-widget):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.login) {
    width: 432px; }
  select, select.block, input[type=search] {
    width: 412px;
    max-width: 412px; }
  input[type=percentage] {
    width: 387px;
    display: inline; } }

@media (min-width: 640px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 592px;
    max-width: 592px; }
  textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .imitate-select-input, .label-icon-wrapper {
    width: 572px;
    max-width: 572px; }
  .imitate-select-root, .imitate-select-items, .imitate-select {
    width: 592px;
    max-width: 592px; }
  select, select.block, input[type=search] {
    width: 572px;
    max-width: 572px; }
  label:not(.radio-list):not(.check-list):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.mapping-widget):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.login) {
    width: 592px; }
  button {
    margin: 0 2.5px 0 0; }
  .buttongroup, button {
    width: auto; }
  input[type=percentage] {
    width: 547px; } }

@media (min-width: 768px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 720px;
    max-width: 720px; }
  textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .imitate-select-input, .label-icon-wrapper {
    width: 700px;
    max-width: 700px; }
  .imitate-select-root, .imitate-select-items, .imitate-select {
    width: 720px;
    max-width: 720px; }
  select, select.block, input[type=search] {
    width: 700px;
    max-width: 700px; }
  label:not(.radio-list):not(.check-list):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.mapping-widget):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.login) {
    width: 720px; }
  input[type=percentage] {
    width: 675px;
    display: inline; }
  h1 {
    font-size: 26px; }
  h2 {
    font-size: 20px; }
  h3 {
    font-size: 18px; } }

@media (min-width: 960px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 912px;
    max-width: 912px; }
  button, input[type="submit"], input[type="button"], a.button {
    margin-top: 10px; }
  .buttongroup {
    margin-top: 5px;
    margin-bottom: 5px; }
  .buttongroup-left {
    margin-left: 0 !important; }
  .fix-to-top {
    position: fixed;
    top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6f6f6;
    width: 85%; }
  label:not(.radio-list):not(.check-list):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.mapping-widget):not(.check-list-inline):not(.v-centered-checkbox):not(.cdb-attribute-checkbox):not(.login) {
    width: 250px;
    margin-right: 10px; }
  input, .radio-block, .radio-block-v, textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, select, select.block, input[type=search] {
    display: inline-block; }
  .check-block {
    display: inline; }
  .check-list-uplift {
    padding-right: 200px; }
  .radio-block > div, .radio-block-v > div, .check-list-inline, .v-centered-checkbox, .cdb-attribute-checkbox {
    display: inline-block;
    width: 33.33333%; }
  .check-list-inline, .v-centered-checkbox, .cdb-attribute-checkbox {
    margin-right: 30px; }
  .radio-block, .radio-block-v {
    width: 617px;
    max-width: 617px; }
  select, select.block, input[type=search] {
    width: 288.5px; }
  .inline-auto {
    width: auto !important;
    display: inline;
    margin-right: 10px; }
  textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .imitate-select-input, input[type=percentage], .label-icon-wrapper {
    width: 288.5px;
    max-width: 288.5px; }
  .imitate-select-root, .imitate-select-items, .imitate-select {
    width: 308.5px;
    max-width: 308.5px; }
  .imitate-select-items {
    top: 22px; }
  .input-small, .label-icon-wrapper {
    width: 288.5px; }
  .input-xsmall {
    width: 144.25px !important; }
  /*textarea {
        float: right;
    }*/
  input[type=radio] {
    margin-left: 0; }
  .text-margin {
    margin-left: 20px; }
  .td-center .dropdown-menu {
    margin-left: 438px;
    text-align: left; }
  ul.dropdown-menu li {
    margin: 0 5px 10px; }
  .color-input {
    margin-left: 265px !important; }
  .width-5 {
    width: 5% !important; }
  .width-10 {
    width: 10% !important; }
  .width-15 {
    width: 15% !important; }
  .width-20 {
    width: 20% !important; }
  .width-25 {
    width: 25% !important; }
  .width-30 {
    width: 30% !important; }
  .width-35 {
    width: 35% !important; }
  .width-40 {
    width: 40% !important; }
  .width-45 {
    width: 45% !important; }
  .width-50 {
    width: 50% !important; }
  .width-55 {
    width: 55% !important; }
  .width-60 {
    width: 60% !important; }
  .width-65 {
    width: 65% !important; }
  .width-70 {
    width: 70% !important; }
  .width-75 {
    width: 75% !important; }
  .width-80 {
    width: 80% !important; }
  .width-85 {
    width: 85% !important; }
  .width-90 {
    width: 90% !important; }
  .width-95 {
    width: 95% !important; }
  .width-100 {
    width: 100% !important; } }

@media (min-width: 1024px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 976px;
    max-width: 976px; }
  .main.full-width {
    max-width: 100% !important;
    border-left: 15px solid white;
    border-right: 15px solid white;
    padding: 20px; }
  input, .radio-block, .radio-block-v, textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .label-icon-wrapper {
    width: 681px;
    max-width: 681px; }
  select, select.block, input[type=search] {
    width: 320.5px; }
  .input-small, textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .imitate-select-input, input[type=percentage], .label-icon-wrapper {
    width: 320.5px;
    max-width: 320.5px; }
  .imitate-select-root, .imitate-select-items, .imitate-select {
    width: 340.5px;
    max-width: 340.5px; }
  .input-xsmall {
    width: 144.25px !important; } }

@media (min-width: 1248px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 1248px;
    max-width: 1248px;
    /*width: 90%;
        max-width: 90%;*/ }
  textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .radio-block, .radio-block-v, input[type=percentage], .label-icon-wrapper {
    width: 953px;
    max-width: 953px; }
  .radio-block, .radio-block-v {
    vertical-align: initial; }
    .radio-block > div, .radio-block-v > div {
      width: auto;
      display: inline;
      margin-right: 10px; }
  .radio-list {
    line-height: 0; }
  select, select.block, input[type=search] {
    width: 456.5px; }
  .input-small, textarea, input[type=text]:not(.imitate-select-input), input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=password], input[type=url], input[type=search], input[type=email], .block, .imitate-select-input, input[type=percentage], .label-icon-wrapper {
    width: 456.5px;
    max-width: 456.5px; }
  .imitate-select-root, .imitate-select-items, .imitate-select {
    width: 476.5px;
    max-width: 476.5px; }
  .input-xsmall {
    width: 228.25px !important; }
  .td-center .dropdown-menu {
    text-align: left;
    margin-left: 514px; } }

@media (min-width: 1448px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 1400px;
    max-width: 1400px; } }

@media (min-width: 1576px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 1528px;
    max-width: 1528px; } }

@media (min-width: 1698px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 1650px;
    max-width: 1650px; } }

@media (min-width: 2000px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 1952px;
    max-width: 1952px; } }

@media (min-width: 2400px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 2352px;
    max-width: 2352px; } }

@media (min-width: 2600px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 2600px;
    max-width: 2600px; } }

@media (min-width: 2800px) {
  section, #main, #emptyHeader, .cdb-sticky.cdb-sticky-stuck, .darwin-announcements-banner {
    width: 2800px;
    max-width: 2800px; } }

.center {
  text-align: center; }

.chart-legend, .bar-legend, .line-legend, .pie-legend, .radar-legend, .polararea-legend, .doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  position: relative; }

.chart-legend li, .bar-legend li, .line-legend li, .pie-legend li, .radar-legend li, .polararea-legend li, .doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default;
  position: relative; }

.chart-legend li span, .bar-legend li span, .line-legend li span, .pie-legend li span, .radar-legend li span, .polararea-legend li span, .doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px; }

.chart {
  width: 100% !important; }

.white-space-pre {
  white-space: pre; }

.white-space-nowrap {
  white-space: nowrap; }

.arial-font-override {
  font-family: Arial !important; }

input.ui-grid-filter-input {
  max-width: 75% !important; }

.ui-grid-filter-container div {
  width: 100% !important;
  margin-right: 20px !important; }

.bold {
  font-weight: bold !important; }

.optionsswitch {
  position: relative;
  width: fit-content; }

.optionsswitch-label {
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #000000;
  border-radius: 20px;
  width: max-content !important;
  margin-right: 0 !important; }

.optionsswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.05s ease-in 0s; }

.optionsswitch-switch {
  display: block;
  width: 25%;
  background: #FFFFFF;
  position: absolute;
  height: 70%;
  border: 2px solid #000000;
  border-radius: 20px; }

.optionsswitch-inner:before, .optionsswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  line-height: 200%;
  color: white;
  box-sizing: border-box; }

.optionsswitch-inner:before {
  content: var(--leftText);
  padding-left: 5px;
  background-color: green; }

.optionsswitch-inner:after {
  content: var(--rightText);
  padding-right: 5px;
  background-color: green;
  text-align: right; }

.optionsswitch-checkbox:checked + .optionsswitch-label .optionsswitch-inner {
  margin-left: 0; }

.optionsswitch-checkbox:checked + .optionsswitch-label .optionsswitch-switch {
  right: 0px; }

.disputed-background-color {
  background-color: #ffc1c1 !important; }

.link {
  text-decoration: underline; }

.link:hover {
  text-decoration: none; }

.tab {
  padding: 10px 20px; }

.activetab {
  border-bottom: 3px solid black; }

.tabs {
  margin: 1em; }

.darkgreen-border-left {
  border-left: solid darkgreen; }

.hidden {
  visibility: hidden; }

.check-list-unset-position {
  padding: unset;
  margin: unset; }

.check-list-unset-position::after {
  right: unset;
  top: -7px; }

.excluded-background-color {
  background-color: lightblue !important; }

.floating-head {
  background-color: #e9e9ee;
  top: 0;
  position: sticky; }

.cb-account-badge {
  position: absolute;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
  padding: 3px 7px;
  text-align: center;
  border-radius: 12px;
  margin-left: 125px; }

.cb-account-badge.cb {
  background-color: green; }

.big-spinner {
  font-size: xx-large; }

.column-layout {
  display: flex;
  flex-wrap: wrap; }

.column-item:nth-of-type(1) {
  flex-basis: 45%; }

.column-item:nth-of-type(2) {
  flex-basis: 55%;
  padding: 15px; }

.progress-red {
  accent-color: orangered; }

.progress-orange {
  accent-color: orange; }

.progress-yellow {
  accent-color: greenyellow; }

.progress-green {
  accent-color: limegreen; }

.toast-success {
  background-color: #18986e !important; }

.ui-grid-icon-ok::before {
  content: "\2713" !important; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL button, .PSL input[type="submit"], .PSL input[type="button"], .PSL a.button, .PSL button.green, .PSL button.success, .PSL button.primary, .PSL input.green[type="submit"], .PSL input.success[type="submit"], .PSL input.primary[type="submit"], .PSL input.green[type="button"], .PSL input.success[type="button"], .PSL input.primary[type="button"], .PSL a.button.green, .PSL a.button.success, .PSL a.button.primary, .EntegraItaly button, .EntegraItaly input[type="submit"], .EntegraItaly input[type="button"], .EntegraItaly a.button, .EntegraItaly button.green, .EntegraItaly button.success, .EntegraItaly button.primary, .EntegraItaly input.green[type="submit"], .EntegraItaly input.success[type="submit"], .EntegraItaly input.primary[type="submit"], .EntegraItaly input.green[type="button"], .EntegraItaly input.success[type="button"], .EntegraItaly input.primary[type="button"], .EntegraItaly a.button.green, .EntegraItaly a.button.success, .EntegraItaly a.button.primary, .EntegraSpain button, .EntegraSpain input[type="submit"], .EntegraSpain input[type="button"], .EntegraSpain a.button, .EntegraSpain button.green, .EntegraSpain button.success, .EntegraSpain button.primary, .EntegraSpain input.green[type="submit"], .EntegraSpain input.success[type="submit"], .EntegraSpain input.primary[type="submit"], .EntegraSpain input.green[type="button"], .EntegraSpain input.success[type="button"], .EntegraSpain input.primary[type="button"], .EntegraSpain a.button.green, .EntegraSpain a.button.success, .EntegraSpain a.button.primary, .EntegraGermany button, .EntegraGermany input[type="submit"], .EntegraGermany input[type="button"], .EntegraGermany a.button, .EntegraGermany button.green, .EntegraGermany button.success, .EntegraGermany button.primary, .EntegraGermany input.green[type="submit"], .EntegraGermany input.success[type="submit"], .EntegraGermany input.primary[type="submit"], .EntegraGermany input.green[type="button"], .EntegraGermany input.success[type="button"], .EntegraGermany input.primary[type="button"], .EntegraGermany a.button.green, .EntegraGermany a.button.success, .EntegraGermany a.button.primary, .Entegra button, .Entegra input[type="submit"], .Entegra input[type="button"], .Entegra a.button, .Entegra button.green, .Entegra button.success, .Entegra button.primary, .Entegra input.green[type="submit"], .Entegra input.success[type="submit"], .Entegra input.primary[type="submit"], .Entegra input.green[type="button"], .Entegra input.success[type="button"], .Entegra input.primary[type="button"], .Entegra a.button.green, .Entegra a.button.success, .Entegra a.button.primary {
  background-color: #18986e; }
  .PSL button:hover, .PSL input:hover[type="submit"], .PSL input:hover[type="button"], .PSL a.button:hover, .EntegraItaly button:hover, .EntegraItaly input:hover[type="submit"], .EntegraItaly input:hover[type="button"], .EntegraItaly a.button:hover, .EntegraSpain button:hover, .EntegraSpain input:hover[type="submit"], .EntegraSpain input:hover[type="button"], .EntegraSpain a.button:hover, .EntegraGermany button:hover, .EntegraGermany input:hover[type="submit"], .EntegraGermany input:hover[type="button"], .EntegraGermany a.button:hover, .Entegra button:hover, .Entegra input:hover[type="submit"], .Entegra input:hover[type="button"], .Entegra a.button:hover {
    background-color: #1fc48e; }
  .PSL button.inverse, .PSL input.inverse[type="submit"], .PSL input.inverse[type="button"], .PSL a.inverse.button, .EntegraItaly button.inverse, .EntegraItaly input.inverse[type="submit"], .EntegraItaly input.inverse[type="button"], .EntegraItaly a.inverse.button, .EntegraSpain button.inverse, .EntegraSpain input.inverse[type="submit"], .EntegraSpain input.inverse[type="button"], .EntegraSpain a.inverse.button, .EntegraGermany button.inverse, .EntegraGermany input.inverse[type="submit"], .EntegraGermany input.inverse[type="button"], .EntegraGermany a.inverse.button, .Entegra button.inverse, .Entegra input.inverse[type="submit"], .Entegra input.inverse[type="button"], .Entegra a.inverse.button {
    background-color: #1fc48e; }
    .PSL button.inverse:hover, .PSL input.inverse:hover[type="submit"], .PSL input.inverse:hover[type="button"], .PSL a.inverse.button:hover, .EntegraItaly button.inverse:hover, .EntegraItaly input.inverse:hover[type="submit"], .EntegraItaly input.inverse:hover[type="button"], .EntegraItaly a.inverse.button:hover, .EntegraSpain button.inverse:hover, .EntegraSpain input.inverse:hover[type="submit"], .EntegraSpain input.inverse:hover[type="button"], .EntegraSpain a.inverse.button:hover, .EntegraGermany button.inverse:hover, .EntegraGermany input.inverse:hover[type="submit"], .EntegraGermany input.inverse:hover[type="button"], .EntegraGermany a.inverse.button:hover, .Entegra button.inverse:hover, .Entegra input.inverse:hover[type="submit"], .Entegra input.inverse:hover[type="button"], .Entegra a.inverse.button:hover {
      background-color: #18986e; }

.PSL a.green, .PSL a.success, .PSL a.primary, .PSL .link-grey.green, .PSL .link-grey.success, .PSL .link-grey.primary, .EntegraItaly a.green, .EntegraItaly a.success, .EntegraItaly a.primary, .EntegraItaly .link-grey.green, .EntegraItaly .link-grey.success, .EntegraItaly .link-grey.primary, .EntegraSpain a.green, .EntegraSpain a.success, .EntegraSpain a.primary, .EntegraSpain .link-grey.green, .EntegraSpain .link-grey.success, .EntegraSpain .link-grey.primary, .EntegraGermany a.green, .EntegraGermany a.success, .EntegraGermany a.primary, .EntegraGermany .link-grey.green, .EntegraGermany .link-grey.success, .EntegraGermany .link-grey.primary, .Entegra a.green, .Entegra a.success, .Entegra a.primary, .Entegra .link-grey.green, .Entegra .link-grey.success, .Entegra .link-grey.primary {
  color: #1fc48e; }
  .PSL a.green:hover, .PSL a.success:hover, .PSL a.primary:hover, .PSL .link-grey.green:hover, .PSL .link-grey.success:hover, .PSL .link-grey.primary:hover, .EntegraItaly a.green:hover, .EntegraItaly a.success:hover, .EntegraItaly a.primary:hover, .EntegraItaly .link-grey.green:hover, .EntegraItaly .link-grey.success:hover, .EntegraItaly .link-grey.primary:hover, .EntegraSpain a.green:hover, .EntegraSpain a.success:hover, .EntegraSpain a.primary:hover, .EntegraSpain .link-grey.green:hover, .EntegraSpain .link-grey.success:hover, .EntegraSpain .link-grey.primary:hover, .EntegraGermany a.green:hover, .EntegraGermany a.success:hover, .EntegraGermany a.primary:hover, .EntegraGermany .link-grey.green:hover, .EntegraGermany .link-grey.success:hover, .EntegraGermany .link-grey.primary:hover, .Entegra a.green:hover, .Entegra a.success:hover, .Entegra a.primary:hover, .Entegra .link-grey.green:hover, .Entegra .link-grey.success:hover, .Entegra .link-grey.primary:hover {
    color: #18986e; }

.PSL .fa-pencil, .PSL .fa-check, .EntegraItaly .fa-pencil, .EntegraItaly .fa-check, .EntegraSpain .fa-pencil, .EntegraSpain .fa-check, .EntegraGermany .fa-pencil, .EntegraGermany .fa-check, .Entegra .fa-pencil, .Entegra .fa-check {
  color: #1fc48e; }
  .PSL .fa-pencil:hover, .PSL .fa-check:hover, .EntegraItaly .fa-pencil:hover, .EntegraItaly .fa-check:hover, .EntegraSpain .fa-pencil:hover, .EntegraSpain .fa-check:hover, .EntegraGermany .fa-pencil:hover, .EntegraGermany .fa-check:hover, .Entegra .fa-pencil:hover, .Entegra .fa-check:hover {
    color: #18986e; }

.PSL button.blue, .PSL button.secondary, .PSL input.blue[type="submit"], .PSL input.secondary[type="submit"], .PSL input.blue[type="button"], .PSL input.secondary[type="button"], .PSL a.button.blue, .PSL a.button.secondary, .EntegraItaly button.blue, .EntegraItaly button.secondary, .EntegraItaly input.blue[type="submit"], .EntegraItaly input.secondary[type="submit"], .EntegraItaly input.blue[type="button"], .EntegraItaly input.secondary[type="button"], .EntegraItaly a.button.blue, .EntegraItaly a.button.secondary, .EntegraSpain button.blue, .EntegraSpain button.secondary, .EntegraSpain input.blue[type="submit"], .EntegraSpain input.secondary[type="submit"], .EntegraSpain input.blue[type="button"], .EntegraSpain input.secondary[type="button"], .EntegraSpain a.button.blue, .EntegraSpain a.button.secondary, .EntegraGermany button.blue, .EntegraGermany button.secondary, .EntegraGermany input.blue[type="submit"], .EntegraGermany input.secondary[type="submit"], .EntegraGermany input.blue[type="button"], .EntegraGermany input.secondary[type="button"], .EntegraGermany a.button.blue, .EntegraGermany a.button.secondary, .Entegra button.blue, .Entegra button.secondary, .Entegra input.blue[type="submit"], .Entegra input.secondary[type="submit"], .Entegra input.blue[type="button"], .Entegra input.secondary[type="button"], .Entegra a.button.blue, .Entegra a.button.secondary {
  background-color: #43364c; }
  .PSL button.blue:hover, .PSL button.secondary:hover, .PSL input.blue:hover[type="submit"], .PSL input.secondary:hover[type="submit"], .PSL input.blue:hover[type="button"], .PSL input.secondary:hover[type="button"], .PSL a.button.blue:hover, .PSL a.button.secondary:hover, .EntegraItaly button.blue:hover, .EntegraItaly button.secondary:hover, .EntegraItaly input.blue:hover[type="submit"], .EntegraItaly input.secondary:hover[type="submit"], .EntegraItaly input.blue:hover[type="button"], .EntegraItaly input.secondary:hover[type="button"], .EntegraItaly a.button.blue:hover, .EntegraItaly a.button.secondary:hover, .EntegraSpain button.blue:hover, .EntegraSpain button.secondary:hover, .EntegraSpain input.blue:hover[type="submit"], .EntegraSpain input.secondary:hover[type="submit"], .EntegraSpain input.blue:hover[type="button"], .EntegraSpain input.secondary:hover[type="button"], .EntegraSpain a.button.blue:hover, .EntegraSpain a.button.secondary:hover, .EntegraGermany button.blue:hover, .EntegraGermany button.secondary:hover, .EntegraGermany input.blue:hover[type="submit"], .EntegraGermany input.secondary:hover[type="submit"], .EntegraGermany input.blue:hover[type="button"], .EntegraGermany input.secondary:hover[type="button"], .EntegraGermany a.button.blue:hover, .EntegraGermany a.button.secondary:hover, .Entegra button.blue:hover, .Entegra button.secondary:hover, .Entegra input.blue:hover[type="submit"], .Entegra input.secondary:hover[type="submit"], .Entegra input.blue:hover[type="button"], .Entegra input.secondary:hover[type="button"], .Entegra a.button.blue:hover, .Entegra a.button.secondary:hover {
    background-color: #5d4b6a; }
  .PSL button.inverse.blue, .PSL button.inverse.secondary, .PSL input.inverse.blue[type="submit"], .PSL input.inverse.secondary[type="submit"], .PSL input.inverse.blue[type="button"], .PSL input.inverse.secondary[type="button"], .PSL a.inverse.button.blue, .PSL a.inverse.button.secondary, .EntegraItaly button.inverse.blue, .EntegraItaly button.inverse.secondary, .EntegraItaly input.inverse.blue[type="submit"], .EntegraItaly input.inverse.secondary[type="submit"], .EntegraItaly input.inverse.blue[type="button"], .EntegraItaly input.inverse.secondary[type="button"], .EntegraItaly a.inverse.button.blue, .EntegraItaly a.inverse.button.secondary, .EntegraSpain button.inverse.blue, .EntegraSpain button.inverse.secondary, .EntegraSpain input.inverse.blue[type="submit"], .EntegraSpain input.inverse.secondary[type="submit"], .EntegraSpain input.inverse.blue[type="button"], .EntegraSpain input.inverse.secondary[type="button"], .EntegraSpain a.inverse.button.blue, .EntegraSpain a.inverse.button.secondary, .EntegraGermany button.inverse.blue, .EntegraGermany button.inverse.secondary, .EntegraGermany input.inverse.blue[type="submit"], .EntegraGermany input.inverse.secondary[type="submit"], .EntegraGermany input.inverse.blue[type="button"], .EntegraGermany input.inverse.secondary[type="button"], .EntegraGermany a.inverse.button.blue, .EntegraGermany a.inverse.button.secondary, .Entegra button.inverse.blue, .Entegra button.inverse.secondary, .Entegra input.inverse.blue[type="submit"], .Entegra input.inverse.secondary[type="submit"], .Entegra input.inverse.blue[type="button"], .Entegra input.inverse.secondary[type="button"], .Entegra a.inverse.button.blue, .Entegra a.inverse.button.secondary {
    background-color: #5d4b6a; }
    .PSL button.inverse.blue:hover, .PSL button.inverse.secondary:hover, .PSL input.inverse.blue:hover[type="submit"], .PSL input.inverse.secondary:hover[type="submit"], .PSL input.inverse.blue:hover[type="button"], .PSL input.inverse.secondary:hover[type="button"], .PSL a.inverse.button.blue:hover, .PSL a.inverse.button.secondary:hover, .EntegraItaly button.inverse.blue:hover, .EntegraItaly button.inverse.secondary:hover, .EntegraItaly input.inverse.blue:hover[type="submit"], .EntegraItaly input.inverse.secondary:hover[type="submit"], .EntegraItaly input.inverse.blue:hover[type="button"], .EntegraItaly input.inverse.secondary:hover[type="button"], .EntegraItaly a.inverse.button.blue:hover, .EntegraItaly a.inverse.button.secondary:hover, .EntegraSpain button.inverse.blue:hover, .EntegraSpain button.inverse.secondary:hover, .EntegraSpain input.inverse.blue:hover[type="submit"], .EntegraSpain input.inverse.secondary:hover[type="submit"], .EntegraSpain input.inverse.blue:hover[type="button"], .EntegraSpain input.inverse.secondary:hover[type="button"], .EntegraSpain a.inverse.button.blue:hover, .EntegraSpain a.inverse.button.secondary:hover, .EntegraGermany button.inverse.blue:hover, .EntegraGermany button.inverse.secondary:hover, .EntegraGermany input.inverse.blue:hover[type="submit"], .EntegraGermany input.inverse.secondary:hover[type="submit"], .EntegraGermany input.inverse.blue:hover[type="button"], .EntegraGermany input.inverse.secondary:hover[type="button"], .EntegraGermany a.inverse.button.blue:hover, .EntegraGermany a.inverse.button.secondary:hover, .Entegra button.inverse.blue:hover, .Entegra button.inverse.secondary:hover, .Entegra input.inverse.blue:hover[type="submit"], .Entegra input.inverse.secondary:hover[type="submit"], .Entegra input.inverse.blue:hover[type="button"], .Entegra input.inverse.secondary:hover[type="button"], .Entegra a.inverse.button.blue:hover, .Entegra a.inverse.button.secondary:hover {
      background-color: #43364c; }

.PSL a, .PSL .link-grey, .PSL a:visited, .PSL a:active, .PSL .link-grey:visited, .PSL .link-grey:active, .PSL a.blue, .PSL a.secondary, .PSL .link-grey.blue, .PSL .link-grey.secondary, .EntegraItaly a, .EntegraItaly .link-grey, .EntegraItaly a:visited, .EntegraItaly a:active, .EntegraItaly .link-grey:visited, .EntegraItaly .link-grey:active, .EntegraItaly a.blue, .EntegraItaly a.secondary, .EntegraItaly .link-grey.blue, .EntegraItaly .link-grey.secondary, .EntegraSpain a, .EntegraSpain .link-grey, .EntegraSpain a:visited, .EntegraSpain a:active, .EntegraSpain .link-grey:visited, .EntegraSpain .link-grey:active, .EntegraSpain a.blue, .EntegraSpain a.secondary, .EntegraSpain .link-grey.blue, .EntegraSpain .link-grey.secondary, .EntegraGermany a, .EntegraGermany .link-grey, .EntegraGermany a:visited, .EntegraGermany a:active, .EntegraGermany .link-grey:visited, .EntegraGermany .link-grey:active, .EntegraGermany a.blue, .EntegraGermany a.secondary, .EntegraGermany .link-grey.blue, .EntegraGermany .link-grey.secondary, .Entegra a, .Entegra .link-grey, .Entegra a:visited, .Entegra a:active, .Entegra .link-grey:visited, .Entegra .link-grey:active, .Entegra a.blue, .Entegra a.secondary, .Entegra .link-grey.blue, .Entegra .link-grey.secondary {
  color: #5d4b6a; }
  .PSL a:hover, .PSL .link-grey:hover, .EntegraItaly a:hover, .EntegraItaly .link-grey:hover, .EntegraSpain a:hover, .EntegraSpain .link-grey:hover, .EntegraGermany a:hover, .EntegraGermany .link-grey:hover, .Entegra a:hover, .Entegra .link-grey:hover {
    color: #43364c; }

.PSL button.red, .PSL button.danger, .PSL input.red[type="submit"], .PSL input.danger[type="submit"], .PSL input.red[type="button"], .PSL input.danger[type="button"], .PSL a.button.red, .PSL a.button.danger, .EntegraItaly button.red, .EntegraItaly button.danger, .EntegraItaly input.red[type="submit"], .EntegraItaly input.danger[type="submit"], .EntegraItaly input.red[type="button"], .EntegraItaly input.danger[type="button"], .EntegraItaly a.button.red, .EntegraItaly a.button.danger, .EntegraSpain button.red, .EntegraSpain button.danger, .EntegraSpain input.red[type="submit"], .EntegraSpain input.danger[type="submit"], .EntegraSpain input.red[type="button"], .EntegraSpain input.danger[type="button"], .EntegraSpain a.button.red, .EntegraSpain a.button.danger, .EntegraGermany button.red, .EntegraGermany button.danger, .EntegraGermany input.red[type="submit"], .EntegraGermany input.danger[type="submit"], .EntegraGermany input.red[type="button"], .EntegraGermany input.danger[type="button"], .EntegraGermany a.button.red, .EntegraGermany a.button.danger, .Entegra button.red, .Entegra button.danger, .Entegra input.red[type="submit"], .Entegra input.danger[type="submit"], .Entegra input.red[type="button"], .Entegra input.danger[type="button"], .Entegra a.button.red, .Entegra a.button.danger {
  background-color: #ff0000; }
  .PSL button.red:hover, .PSL button.danger:hover, .PSL input.red:hover[type="submit"], .PSL input.danger:hover[type="submit"], .PSL input.red:hover[type="button"], .PSL input.danger:hover[type="button"], .PSL a.button.red:hover, .PSL a.button.danger:hover, .EntegraItaly button.red:hover, .EntegraItaly button.danger:hover, .EntegraItaly input.red:hover[type="submit"], .EntegraItaly input.danger:hover[type="submit"], .EntegraItaly input.red:hover[type="button"], .EntegraItaly input.danger:hover[type="button"], .EntegraItaly a.button.red:hover, .EntegraItaly a.button.danger:hover, .EntegraSpain button.red:hover, .EntegraSpain button.danger:hover, .EntegraSpain input.red:hover[type="submit"], .EntegraSpain input.danger:hover[type="submit"], .EntegraSpain input.red:hover[type="button"], .EntegraSpain input.danger:hover[type="button"], .EntegraSpain a.button.red:hover, .EntegraSpain a.button.danger:hover, .EntegraGermany button.red:hover, .EntegraGermany button.danger:hover, .EntegraGermany input.red:hover[type="submit"], .EntegraGermany input.danger:hover[type="submit"], .EntegraGermany input.red:hover[type="button"], .EntegraGermany input.danger:hover[type="button"], .EntegraGermany a.button.red:hover, .EntegraGermany a.button.danger:hover, .Entegra button.red:hover, .Entegra button.danger:hover, .Entegra input.red:hover[type="submit"], .Entegra input.danger:hover[type="submit"], .Entegra input.red:hover[type="button"], .Entegra input.danger:hover[type="button"], .Entegra a.button.red:hover, .Entegra a.button.danger:hover {
    background-color: #ff3333; }
  .PSL button.inverse.red, .PSL button.inverse.danger, .PSL input.inverse.red[type="submit"], .PSL input.inverse.danger[type="submit"], .PSL input.inverse.red[type="button"], .PSL input.inverse.danger[type="button"], .PSL a.inverse.button.red, .PSL a.inverse.button.danger, .EntegraItaly button.inverse.red, .EntegraItaly button.inverse.danger, .EntegraItaly input.inverse.red[type="submit"], .EntegraItaly input.inverse.danger[type="submit"], .EntegraItaly input.inverse.red[type="button"], .EntegraItaly input.inverse.danger[type="button"], .EntegraItaly a.inverse.button.red, .EntegraItaly a.inverse.button.danger, .EntegraSpain button.inverse.red, .EntegraSpain button.inverse.danger, .EntegraSpain input.inverse.red[type="submit"], .EntegraSpain input.inverse.danger[type="submit"], .EntegraSpain input.inverse.red[type="button"], .EntegraSpain input.inverse.danger[type="button"], .EntegraSpain a.inverse.button.red, .EntegraSpain a.inverse.button.danger, .EntegraGermany button.inverse.red, .EntegraGermany button.inverse.danger, .EntegraGermany input.inverse.red[type="submit"], .EntegraGermany input.inverse.danger[type="submit"], .EntegraGermany input.inverse.red[type="button"], .EntegraGermany input.inverse.danger[type="button"], .EntegraGermany a.inverse.button.red, .EntegraGermany a.inverse.button.danger, .Entegra button.inverse.red, .Entegra button.inverse.danger, .Entegra input.inverse.red[type="submit"], .Entegra input.inverse.danger[type="submit"], .Entegra input.inverse.red[type="button"], .Entegra input.inverse.danger[type="button"], .Entegra a.inverse.button.red, .Entegra a.inverse.button.danger {
    background-color: #ff3333; }
    .PSL button.inverse.red:hover, .PSL button.inverse.danger:hover, .PSL input.inverse.red:hover[type="submit"], .PSL input.inverse.danger:hover[type="submit"], .PSL input.inverse.red:hover[type="button"], .PSL input.inverse.danger:hover[type="button"], .PSL a.inverse.button.red:hover, .PSL a.inverse.button.danger:hover, .EntegraItaly button.inverse.red:hover, .EntegraItaly button.inverse.danger:hover, .EntegraItaly input.inverse.red:hover[type="submit"], .EntegraItaly input.inverse.danger:hover[type="submit"], .EntegraItaly input.inverse.red:hover[type="button"], .EntegraItaly input.inverse.danger:hover[type="button"], .EntegraItaly a.inverse.button.red:hover, .EntegraItaly a.inverse.button.danger:hover, .EntegraSpain button.inverse.red:hover, .EntegraSpain button.inverse.danger:hover, .EntegraSpain input.inverse.red:hover[type="submit"], .EntegraSpain input.inverse.danger:hover[type="submit"], .EntegraSpain input.inverse.red:hover[type="button"], .EntegraSpain input.inverse.danger:hover[type="button"], .EntegraSpain a.inverse.button.red:hover, .EntegraSpain a.inverse.button.danger:hover, .EntegraGermany button.inverse.red:hover, .EntegraGermany button.inverse.danger:hover, .EntegraGermany input.inverse.red:hover[type="submit"], .EntegraGermany input.inverse.danger:hover[type="submit"], .EntegraGermany input.inverse.red:hover[type="button"], .EntegraGermany input.inverse.danger:hover[type="button"], .EntegraGermany a.inverse.button.red:hover, .EntegraGermany a.inverse.button.danger:hover, .Entegra button.inverse.red:hover, .Entegra button.inverse.danger:hover, .Entegra input.inverse.red:hover[type="submit"], .Entegra input.inverse.danger:hover[type="submit"], .Entegra input.inverse.red:hover[type="button"], .Entegra input.inverse.danger:hover[type="button"], .Entegra a.inverse.button.red:hover, .Entegra a.inverse.button.danger:hover {
      background-color: #ff0000; }

.PSL a.red, .PSL a.danger, .PSL .link-grey.red, .PSL .link-grey.danger, .PSL .fa-file-pdf-o, .PSL .fa-trash, .PSL .fa-close, .PSL .fa-times, .EntegraItaly a.red, .EntegraItaly a.danger, .EntegraItaly .link-grey.red, .EntegraItaly .link-grey.danger, .EntegraItaly .fa-file-pdf-o, .EntegraItaly .fa-trash, .EntegraItaly .fa-close, .EntegraItaly .fa-times, .EntegraSpain a.red, .EntegraSpain a.danger, .EntegraSpain .link-grey.red, .EntegraSpain .link-grey.danger, .EntegraSpain .fa-file-pdf-o, .EntegraSpain .fa-trash, .EntegraSpain .fa-close, .EntegraSpain .fa-times, .EntegraGermany a.red, .EntegraGermany a.danger, .EntegraGermany .link-grey.red, .EntegraGermany .link-grey.danger, .EntegraGermany .fa-file-pdf-o, .EntegraGermany .fa-trash, .EntegraGermany .fa-close, .EntegraGermany .fa-times, .Entegra a.red, .Entegra a.danger, .Entegra .link-grey.red, .Entegra .link-grey.danger, .Entegra .fa-file-pdf-o, .Entegra .fa-trash, .Entegra .fa-close, .Entegra .fa-times {
  color: #ff3333; }
  .PSL a.red:hover, .PSL a.danger:hover, .PSL .link-grey.red:hover, .PSL .link-grey.danger:hover, .PSL .fa-file-pdf-o:hover, .PSL .fa-trash:hover, .PSL .fa-close:hover, .PSL .fa-times:hover, .EntegraItaly a.red:hover, .EntegraItaly a.danger:hover, .EntegraItaly .link-grey.red:hover, .EntegraItaly .link-grey.danger:hover, .EntegraItaly .fa-file-pdf-o:hover, .EntegraItaly .fa-trash:hover, .EntegraItaly .fa-close:hover, .EntegraItaly .fa-times:hover, .EntegraSpain a.red:hover, .EntegraSpain a.danger:hover, .EntegraSpain .link-grey.red:hover, .EntegraSpain .link-grey.danger:hover, .EntegraSpain .fa-file-pdf-o:hover, .EntegraSpain .fa-trash:hover, .EntegraSpain .fa-close:hover, .EntegraSpain .fa-times:hover, .EntegraGermany a.red:hover, .EntegraGermany a.danger:hover, .EntegraGermany .link-grey.red:hover, .EntegraGermany .link-grey.danger:hover, .EntegraGermany .fa-file-pdf-o:hover, .EntegraGermany .fa-trash:hover, .EntegraGermany .fa-close:hover, .EntegraGermany .fa-times:hover, .Entegra a.red:hover, .Entegra a.danger:hover, .Entegra .link-grey.red:hover, .Entegra .link-grey.danger:hover, .Entegra .fa-file-pdf-o:hover, .Entegra .fa-trash:hover, .Entegra .fa-close:hover, .Entegra .fa-times:hover {
    color: #ff0000; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
button, input[type="submit"], input[type="button"], a.button {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }

button.tiny, .button.tiny {
  margin: 0;
  font-size: 12px;
  padding: 2px 5px;
  display: inline-block;
  min-height: inherit; }

select.tiny {
  height: 18px;
  width: 100%;
  margin-top: 0;
  vertical-align: middle;
  padding-left: 5px; }

a.button.tiny {
  display: inline;
  width: auto;
  height: auto; }

button, .button {
  font-family: "Ballinger", sans-serif; }
  button.capitalize, .button.capitalize {
    text-transform: capitalize; }
  button[disabled], button.disabled, .button[disabled], .button.disabled {
    opacity: .3; }

button, input[type="submit"], input[type="button"], a.button {
  border: none;
  outline: 0;
  border-radius: 5px;
  min-height: 30px;
  padding: 8px 15px;
  -webkit-box-shadow: 1px 3px 14px -5px #828282;
  -moz-box-shadow: 1px 3px 14px -5px #828282;
  box-shadow: 1px 3px 14px -5px #828282; }
  button, button > span, button:visited, button:hover, button:active, input[type="submit"], input[type="submit"] > span, input[type="submit"]:visited, input[type="submit"]:hover, input[type="submit"]:active, input[type="button"], input[type="button"] > span, input[type="button"]:visited, input[type="button"]:hover, input[type="button"]:active, a.button, a.button > span, a.button:visited, a.button:hover, a.button:active {
    font-weight: bold;
    color: white; }
  button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
    -webkit-box-shadow: 1px 3px 15px -2px #828282;
    -moz-box-shadow: 1px 3px 15px -2px #828282;
    box-shadow: 1px 3px 15px -2px #828282; }

.PSL a.button, .PSL .link-grey.button {
  color: white; }
  .PSL a.button:hover, .PSL .link-grey.button:hover {
    color: white; }

.PSL button:active, .PSL input[type="submit"]:active, .PSL input[type="button"]:active, .PSL a.button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.PSL button .fa, .PSL input[type="submit"] .fa, .PSL input[type="button"] .fa, .PSL a.button .fa {
  color: white; }

.Entegra a.button, .Entegra .link-grey.button {
  color: white; }
  .Entegra a.button:hover, .Entegra .link-grey.button:hover {
    color: white; }

.Entegra button:active, .Entegra input[type="submit"]:active, .Entegra input[type="button"]:active, .Entegra a.button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.Entegra button .fa, .Entegra input[type="submit"] .fa, .Entegra input[type="button"] .fa, .Entegra a.button .fa {
  color: white; }

.EntegraItaly a.button, .EntegraItaly .link-grey.button {
  color: white; }
  .EntegraItaly a.button:hover, .EntegraItaly .link-grey.button:hover {
    color: white; }

.EntegraItaly button:active, .EntegraItaly input[type="submit"]:active, .EntegraItaly input[type="button"]:active, .EntegraItaly a.button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.EntegraItaly button .fa, .EntegraItaly input[type="submit"] .fa, .EntegraItaly input[type="button"] .fa, .EntegraItaly a.button .fa {
  color: white; }

.EntegraSpain a.button, .EntegraSpain .link-grey.button {
  color: white; }
  .EntegraSpain a.button:hover, .EntegraSpain .link-grey.button:hover {
    color: white; }

.EntegraSpain button:active, .EntegraSpain input[type="submit"]:active, .EntegraSpain input[type="button"]:active, .EntegraSpain a.button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.EntegraSpain button .fa, .EntegraSpain input[type="submit"] .fa, .EntegraSpain input[type="button"] .fa, .EntegraSpain a.button .fa {
  color: white; }

.EntegraGermany a.button, .EntegraGermany .link-grey.button {
  color: white; }
  .EntegraGermany a.button:hover, .EntegraGermany .link-grey.button:hover {
    color: white; }

.EntegraGermany button:active, .EntegraGermany input[type="submit"]:active, .EntegraGermany input[type="button"]:active, .EntegraGermany a.button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.EntegraGermany button .fa, .EntegraGermany input[type="submit"] .fa, .EntegraGermany input[type="button"] .fa, .EntegraGermany a.button .fa {
  color: white; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
input.inline-datetime {
  max-width: 200px !important; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.dashboard-spa {
  /*Overriding global table styles*/
  margin-left: -5px; }
  .dashboard-spa .html-fragment {
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: center; }
    .dashboard-spa .html-fragment #oReportDiv {
      width: auto !important; }
    .dashboard-spa .html-fragment .ap {
      width: auto !important;
      display: inline-block; }
    .dashboard-spa .html-fragment table {
      margin: 0;
      padding: 0;
      width: auto; }
    .dashboard-spa .html-fragment td:not(.blank) {
      border: none;
      padding: 0;
      margin: 0;
      height: auto !important; }
    .dashboard-spa .html-fragment tbody tr:not(.blank):nth-child(even) {
      background-color: transparent; }
    .dashboard-spa .html-fragment tbody tr:not(.blank):hover {
      cursor: default;
      background-color: transparent;
      color: transparent; }
    .dashboard-spa .html-fragment tbody tr:not(.blank):nth-child(even) {
      background: transparent; }
      .dashboard-spa .html-fragment tbody tr:not(.blank):nth-child(even):hover {
        cursor: default;
        background-color: transparent;
        color: transparent; }
  .dashboard-spa .flex-outer {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    box-sizing: border-box; }
    .dashboard-spa .flex-outer .flex-content {
      display: inline-block;
      width: 100%;
      display: flex; }
      .dashboard-spa .flex-outer .flex-content .tile-wrapper {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 25px;
        box-sizing: border-box;
        width: 100%;
        overflow: hidden; }
        .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile {
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          position: relative;
          border: 1px solid;
          border-color: lightgray;
          background-color: white; }
          .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile .handle {
            display: table-row;
            width: 100%;
            box-sizing: border-box;
            display: block;
            background-color: grey;
            z-index: 10;
            color: white;
            padding: 3px;
            padding-right: 0;
            cursor: pointer; }
            .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile .handle a {
              color: white; }
            .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile .handle a:hover {
              text-decoration: underline; }
          .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile .tile-inner {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
            overflow-x: auto; }
            .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile .tile-inner .placeholder {
              font-size: 60px;
              box-sizing: border-box;
              text-align: center;
              vertical-align: middle;
              display: flex;
              align-content: center;
              align-items: center;
              width: 100%;
              height: 372px; }
              .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile .tile-inner .placeholder .spinner-wrapper {
                display: inline-block;
                width: 100%; }
            .dashboard-spa .flex-outer .flex-content .tile-wrapper .tile .tile-inner .tile-iframe {
              width: 100%;
              height: 100%;
              min-height: 414px;
              margin: 0;
              padding: 0; }
    .dashboard-spa .flex-outer .flex-content.half {
      width: 50%; }
      .dashboard-spa .flex-outer .flex-content.half .tile-inner {
        min-height: 418px; }
    .dashboard-spa .flex-outer .flex-content.quarter {
      width: 24.5%; }

@media (max-width: 960px) {
  .flex-content.half {
    width: 100% !important; }
  .flex-content.quarter {
    width: 100% !important; } }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

.flex {
  display: flex; }

.justify-right {
  justify-content: flex-end; }

.flex-space-between {
  justify-content: space-between; }

.flex-vertical-center {
  align-items: center; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.input-file + label {
  background-color: #43364c; }
  .input-file + label:hover {
    background-color: #5d4b6a; }
  .input-file + label.inverse {
    background-color: #5d4b6a; }
    .input-file + label.inverse:hover {
      background-color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.input-file + label {
  background-color: #43364c; }
  .input-file + label:hover {
    background-color: #5d4b6a; }
  .input-file + label.inverse {
    background-color: #5d4b6a; }
    .input-file + label.inverse:hover {
      background-color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.input-file + label {
  background-color: #43364c; }
  .input-file + label:hover {
    background-color: #5d4b6a; }
  .input-file + label.inverse {
    background-color: #5d4b6a; }
    .input-file + label.inverse:hover {
      background-color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.input-file + label {
  background-color: #43364c; }
  .input-file + label:hover {
    background-color: #5d4b6a; }
  .input-file + label.inverse {
    background-color: #5d4b6a; }
    .input-file + label.inverse:hover {
      background-color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.input-file + label {
  background-color: #43364c; }
  .input-file + label:hover {
    background-color: #5d4b6a; }
  .input-file + label.inverse {
    background-color: #5d4b6a; }
    .input-file + label.inverse:hover {
      background-color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #959595; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #959595; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #959595; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #959595; }

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.input-file + label {
  border: none;
  background: none;
  outline: 0;
  border-radius: 5px;
  text-align: center;
  padding: 8px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 10pt !important;
  max-width: 271px;
  margin: 5px 10px 5px 0; }

@media (min-width: 480px) {
  .input-file + label {
    max-width: 403px; } }

@media (min-width: 640px) {
  .input-file + label {
    max-width: 563px; } }

@media (min-width: 768px) {
  .input-file + label {
    max-width: 692px; } }

@media (min-width: 960px) {
  .input-file + label {
    max-width: 100px; } }

form.show-angular-validation input[type='text'].ng-invalid {
  border-color: #ff0000;
  outline-color: #ff0000; }

fieldset.grp-attention {
  border: black 2px solid;
  width: 100%;
  margin-left: -10px;
  padding-left: 10px;
  border-radius: 5px; }

@media (min-width: 1024px) {
  fieldset.grp-attention {
    width: 75%; } }

@media (min-width: 1576px) {
  fieldset.grp-attention {
    width: 50%; } }

@font-face {
  font-family: 'ui-grid';
  src: url("ui-grid.eot");
  src: url("/Content/fonts/ui-grid.woff") format("woff"), url("/Content/fonts/ui-grid.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
.green-banner .green-banner-inner {
  margin-left: auto;
  margin-right: auto; }

.green-banner ul li a {
  background-color: #43364c; }
  .green-banner ul li a:hover {
    background-color: #2b2133; }
  .green-banner ul li a.inverse {
    background-color: #2b2133; }
    .green-banner ul li a.inverse:hover {
      background-color: #43364c; }

.green-banner ul li a {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }

/*body {
  overflow-y:scroll;
}*/
header {
  /*padding: $margin-header 0;*/
  margin: auto;
  height: 50px;
  position: relative; }
  header .entegra-logo {
    top: 12px;
    position: absolute; }
  header .darwin-logo, header .logo {
    width: 90px;
    top: 15px;
    position: absolute; }
  header .version {
    position: absolute;
    left: -10px;
    top: 17px;
    font-size: .7em;
    color: #959595; }

nav {
  height: 50px; }
  nav ul#menu, nav .green-banner ul, .green-banner nav ul, nav ul#clientsMenu {
    float: right;
    height: 50px; }
    nav ul#menu li, nav .green-banner ul li, .green-banner nav ul li, nav ul#clientsMenu li {
      display: inline;
      padding: 15px;
      line-height: 50px; }

.green-banner {
  font-size: 0.9em;
  background-color: #43364c;
  min-height: 50px;
  position: relative;
  width: 100%; }
  .green-banner .green-banner-inner {
    width: 98%; }

.green-banner ul {
  margin: 0 auto; }
  .green-banner ul .help {
    font-size: 1.3em; }
    .green-banner ul .help .fa-question-circle:before {
      color: white; }
  .green-banner ul li {
    position: relative;
    line-height: 50px;
    float: right;
    border-left: 2px solid #2b2133; }
    .green-banner ul li a {
      padding: 0 0.5em;
      color: white !important;
      display: block; }
    .green-banner ul li.no-link {
      padding: 0 8px; }
  .green-banner ul.secondary-menu {
    display: inline;
    position: absolute; }
    .green-banner ul.secondary-menu li {
      list-style: none;
      float: left;
      color: white !important;
      cursor: default;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .green-banner ul.secondary-menu li.first {
        padding-right: 15px; }

.green-banner.Entegra {
  background-color: #43364c; }
  .green-banner.Entegra li {
    background-color: #43364c;
    border-left: 1px solid #5d4b6a; }

.green-banner:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 50px; }

.top-banner-red, .top-banner-green {
  width: 100%;
  padding: 5px;
  color: white;
  box-sizing: border-box;
  text-align: center; }

header, .slicknav_menu, .green-banner ul {
  width: 98%; }

.top-banner-green {
  background: #18986e; }

.top-banner-red {
  background: #ff0000; }

#menu, #bannerMenu {
  display: none; }

.logout {
  font-size: 1.3em; }

#bannerMenu {
  width: 100%; }

.PSL .sku-mapper-menu button {
  border-width: 1px;
  border-style: solid;
  border-color: #2b2133; }

@media (max-width: 480px) {
  .logout a {
    display: block;
    height: 50px; } }

@media (max-width: 960px) {
  .sku-mapper-menu input {
    width: 190px !important;
    display: inline-block !important; } }

.GhostingDashboardMenu {
  display: inline; }
  .GhostingDashboardMenu li {
    display: inline; }

/*Overriding global table styles*/
.html-fragment {
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  text-align: center; }
  .html-fragment #oReportDiv {
    width: auto !important; }
  .html-fragment .ap {
    width: auto !important;
    display: inline-block; }
  .html-fragment table {
    margin: 0;
    padding: 0;
    width: auto; }
  .html-fragment td:not(.blank) {
    border: none;
    padding: 0;
    margin: 0;
    height: auto !important; }
  .html-fragment tbody tr:not(.blank):nth-child(even) {
    background-color: transparent; }
  .html-fragment tbody tr:not(.blank):hover {
    cursor: default;
    background-color: transparent;
    color: transparent; }
  .html-fragment tbody tr:not(.blank):nth-child(even) {
    background: transparent; }
    .html-fragment tbody tr:not(.blank):nth-child(even):hover {
      cursor: default;
      background-color: transparent;
      color: transparent; }

/*! jQuery UI - v1.11.4 - 2015-05-08
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=%2380bc4a&bgTextureHeader=highlight_soft&bgImgOpacityHeader=25&borderColorHeader=%23aaaaaa&fcHeader=%23f6f6f6&iconColorHeader=%23f6f6f6&bgColorContent=%23f6f6f6&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23999&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%2380bc4a&bgTextureDefault=glass&bgImgOpacityDefault=0&borderColorDefault=%2380bc4a&fcDefault=%23f6f6f6&iconColorDefault=%23f6f6f6&bgColorHover=%236ba239&bgTextureHover=flat&bgImgOpacityHover=100&borderColorHover=%236ba239&fcHover=%23f6f6f6&iconColorHover=%23f6f6f6&bgColorActive=%236ba239&bgTextureActive=gloss_wave&bgImgOpacityActive=75&borderColorActive=%23999&fcActive=%23f6f6f6&iconColorActive=%23454545&bgColorHighlight=%23f6f6f6&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23999&fcHighlight=%23999&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23f6f6f6&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px&submit=
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  /* This is to force the JQuery UI to be visible. */
  z-index: 999 !important;
  display: inline-block !important; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */ }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em; }

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* button sets */
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0 !important;
  padding: 1px !important; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
  z-index: 1; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #999;
  background: #f6f6f6 url("/Content/css/images/ui-bg_flat_75_f6f6f6_40x100.png") 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #18986e url("/Content/css/images/ui-bg_highlight-soft_25_80bc4a_1x100.png") 50% 50% repeat-x;
  color: #f6f6f6;
  font-weight: bold; }

.ui-widget-header a {
  color: #f6f6f6; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #18986e;
  background: #18986e;
  font-weight: normal;
  color: #f6f6f6; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #f6f6f6;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #6ba239;
  background: #6ba239 url("/Content/css/images/ui-bg_flat_100_6ba239_40x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #f6f6f6; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #f6f6f6;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #999;
  background: #6ba239;
  font-weight: normal;
  color: #f6f6f6; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #f6f6f6;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #999;
  background: #f6f6f6;
  color: #999; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #999; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/Content/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 1 !important;
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/Content/css/images/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/Content/css/images/ui-icons_f6f6f6_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("/Content/css/images/ui-icons_f6f6f6_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/Content/css/images/ui-icons_f6f6f6_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("/Content/css/images/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("/Content/css/images/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/Content/css/images/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 5px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 5px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 5px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay {
  background: #f6f6f6 url("/Content/css/images/ui-bg_flat_0_f6f6f6_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("/Content/css/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
  border-radius: 8px; }

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */ }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em; }

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* button sets */
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23ff0000&fcError=%23ff0000&borderColorError=%23ff0000&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23fff&fcHighlight=%23fff&borderColorHighlight=%232656b4&bgTextureHighlight=flat&bgColorHighlight=%232656b4&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%232656b4&bgTextureActive=flat&bgColorActive=%232656b4&iconColorHover=%23fff&fcHover=%23fff&borderColorHover=%232656b4&bgTextureHover=flat&bgColorHover=%232656b4&iconColorDefault=%23fff&fcDefault=%23fff&borderColorDefault=%231d428a&bgTextureDefault=flat&bgColorDefault=%231d428a&iconColorContent=%23fff&fcContent=%23333333&borderColorContent=%231d428a&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23ffffff&fcHeader=%23fff&borderColorHeader=%231d428a&bgTextureHeader=flat&bgColorHeader=%231d428a&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #1d428a; }

.ui-widget-content {
  border: 1px solid #1d428a;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #1d428a;
  background: #1d428a;
  color: #fff !important;
  font-weight: bold; }

.ui-widget-header a {
  color: #fff !important; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #1d428a;
  background: #1d428a;
  font-weight: normal;
  color: #fff !important; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #fff !important;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #2656b4;
  background: #2656b4;
  font-weight: normal;
  color: #fff !important; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #fff;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #2656b4;
  background: #2656b4;
  font-weight: normal;
  color: #ffffff !important; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #2656b4;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #2656b4;
  background: #2656b4;
  color: #fff !important; }

.ui-state-checked {
  border: 1px solid #2656b4;
  background: #2656b4; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #fff !important; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ff0000;
  background: #fddfdf;
  color: #ff0000; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ff0000; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ff0000; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/content/css/images/ui-icons_fff_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/content/css/images/ui-icons_ffffff_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("/content/css/images/ui-icons_fff_256x240.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("/content/css/images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/content/css/images/ui-icons_fff_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/content/css/images/ui-icons_ff0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("/content/css/images/ui-icons_fff_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

.ui_tpicker_time_input {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none !important; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.modal {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999; }
  .modal .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #e9e9ee;
    border-radius: 10px;
    padding: 20px;
    -moz-box-shadow: 0px 0px 40px 0px #252525;
    -webkit-box-shadow: 0px 0px 40px 0px #252525;
    box-shadow: 0px 0px 40px 0px #252525;
    color: #52516b;
    max-height: 90%;
    overflow-y: auto; }
    .modal .inner input {
      margin: 0; }
    .modal .inner h2.cdb-dialog-header {
      font-weight: bold;
      margin-bottom: 10px; }
    .modal .inner textarea {
      min-width: 465.5px; }

.min-height-300 {
  min-height: 300px; }

/*CSH 16/3/2018 - This is to harmonize ng-dialog, cdb-dialog and cdb-are-you-sure styling*/
.ngdialog-overlay {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.ngdialog-content {
  box-shadow: 0px 0px 40px 0px #252525 !important;
  border-radius: 10px !important; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
.slicknav_nav a {
  background-color: #43364c; }
  .slicknav_nav a:hover {
    background-color: #2b2133; }
  .slicknav_nav a.inverse {
    background-color: #2b2133; }
    .slicknav_nav a.inverse:hover {
      background-color: #43364c; }

.slicknav_nav a {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }

/*
    Mobile Menu Core Style
*/
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 50px;
  cursor: pointer;
  font-size: 1.4em;
  color: #43364c !important; }
  .slicknav_btn:hover {
    color: #2b2133 !important; }

.slicknav_menu .slicknav_no-text {
  margin: 0; }

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em; }

.slicknav_nav {
  clear: both;
  background-color: #43364c;
  position: relative;
  z-index: 10000;
  border-top: 1px solid #43364c; }

.slicknav_nav ul,
.slicknav_nav li {
  display: block; }

.slicknav_nav li, .slicknav_nav li a {
  padding: 0 !important; }

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item {
  cursor: pointer; }

.slicknav_nav .slicknav_row {
  display: block; }

.slicknav_nav a {
  display: block;
  color: white !important;
  border-bottom: 1px solid #2b2133;
  padding: 15px 20px; }

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
  display: inline; }

.slicknav_menu:before,
.slicknav_menu:after {
  content: " ";
  display: table; }

.slicknav_menu:after {
  clear: both; }

.slicknav_menu {
  float: right;
  width: 100%; }

/* IE6/7 support */
.slicknav_menu {
  *zoom: 1; }

#slicknav_menu, #slicknav_banner {
  height: 50px; }
  #slicknav_menu .slicknav_btn, #slicknav_banner .slicknav_btn {
    line-height: 50px;
    padding: 0;
    margin-bottom: 50px;
    z-index: 999; }
  #slicknav_menu .slicknav_nav, #slicknav_banner .slicknav_nav {
    width: 100%;
    float: right;
    text-align: center;
    margin: 0; }
    #slicknav_menu .slicknav_nav li, #slicknav_banner .slicknav_nav li {
      float: none;
      line-height: 40px; }

#slicknav_banner .slicknav_btn {
  margin-bottom: 0; }

#slicknav_banner {
  margin-bottom: 0; }
  #slicknav_banner .slicknav_btn {
    padding-bottom: 0;
    color: white !important;
    line-height: 50px !important; }
  #slicknav_banner .slicknav_nav li {
    text-align: center; }

@media (min-width: 480px) {
  #slicknav_menu .slicknav_nav, #slicknav_banner .slicknav_nav {
    width: 325px; } }

@media (min-width: 1248px) {
  #slicknav_banner {
    display: none; }
  #bannerMenu {
    display: block; } }

/*CSH 18/06/2018 Some of the pseudo-tables that use the .table, .table-row and .td classes are not standards compliant
    e.g. a class named .table-row is using 'display: table' rather than 'display:table-row;'. This is causing unpredicatble 
    behaviour across browsers so table-standards.scss is an attempt to make the original .table, .table-row and .td classes
    standards compliant while retaining their responsiveness. Just addn a 'standards' tag to the outermost table element (most
    likely a .table classed div)
*/
.table.standards .table-row {
  display: table-row; }

.table.standards .number {
  text-align: right; }

.table.standards .th.no-wrap, .table.standards .td.no-wrap {
  white-space: nowrap; }

@media all and (min-width: 912px) {
  .table.standards .td, .table.standards .td.number {
    width: auto; } }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.grayout {
  opacity: 0.6 !important;
  /* Real browsers */
  filter: alpha(opacity=60) !important;
  /* MSIE */ }

table {
  margin: 25px 0;
  width: 100%; }

th {
  padding-bottom: 4px;
  cursor: default;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center; }
  th.sortable, th.point {
    cursor: pointer; }
  th.min-100 {
    min-width: 100px !important; }
  th.min-150 {
    min-width: 150px !important; }
  th.min-200 {
    min-width: 200px !important; }

td {
  text-align: left;
  -ms-word-break: break-word;
  word-break: break-word; }

th, td {
  line-height: 1.5em;
  vertical-align: middle; }
  th.text-left, td.text-left {
    text-align: left; }
  th.text-right, td.text-right {
    text-align: right; }
  th.force-center, td.force-center {
    text-align: center !important; }

.show-whitespace {
  white-space: pre; }

.left td, .left th {
  text-align: left !important; }

.highlightRow i, .dangerRow i {
  color: white !important; }

.highlightRow {
  background-color: #0e76bc !important;
  color: white !important; }

.errorRow {
  background-color: salmon !important;
  color: white !important; }

.dangerRow {
  background-color: #ff0000 !important;
  color: white !important; }

.highlightRow.dangerRow {
  background-color: #ab2942 !important;
  color: white !important; }

.highlight-row.warning {
  background: rgba(243, 124, 32, 0.3) !important;
  color: #52516b !important; }

tbody tr:not(.blank):hover {
  cursor: default;
  background-color: #CAD0E1;
  color: #52516b; }
  tbody tr:not(.blank):hover.pointer {
    cursor: pointer; }

tbody tr:not(.blank):nth-child(even) {
  background: #e6e6e6; }
  tbody tr:not(.blank):nth-child(even):hover {
    cursor: default;
    background-color: #CAD0E1;
    color: #52516b; }
    tbody tr:not(.blank):nth-child(even):hover.pointer {
      cursor: pointer; }

tr.table-actions td, td[data-title="Actions"] {
  text-align: center; }

td:not(.blank) {
  padding: 4px 5px;
  border: 1px solid #999999; }
  td:not(.blank) button, td:not(.blank) a.button {
    width: auto;
    margin: 5px 5px 5px 0; }
  td:not(.blank) .label-blank:after, td:not(.blank) .label-blank::after {
    bottom: auto; }
  td:not(.blank).Pending {
    color: #FFCF00; }
  td:not(.blank).Approved {
    color: #1fc48e; }
  td:not(.blank).Rejected {
    color: #ff3333; }

.checkbox-td .label-blank:after, .checkbox-td .label-blank::after, .radio-td .label-blank:after, .radio-td .label-blank::after {
  left: 0; }

.checkbox-normalised {
  display: inline;
  padding-right: 0; }

.checkbox-normalised:after {
  display: inline-block;
  position: relative;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  top: 0; }

.table .th .check-list.checkbox-normalised:after {
  top: auto !important; }

.checkbox-td-centre:after, .radio-td-centre:after {
  right: auto;
  left: auto;
  top: 0; }

.checkbox-th .label-blank:after, .checkbox-th .label-blank::after, .radio-th .label-blank:after, .radio-th .label-blank::after {
  left: 1px; }

.rebate-table tbody tr:not(.blank):hover {
  background-color: none !important; }

.cdb-table.sortable-header th {
  cursor: pointer; }

.cdb-table.reduced-font th, .cdb-table.reduced-font td {
  font-size: 85% !important; }

@media (max-width: 960px) {
  .rebate-table td {
    display: block;
    text-align: left; }
  table td {
    text-align: right !important; }
  .cdb-table thead {
    display: none; }
  .cdb-table table, .cdb-table tbody, .cdb-table tr, .cdb-table td, .cdb-table th {
    display: block; }
  .cdb-table tr {
    border: 1px solid #999999;
    margin-bottom: 20px; }
  .cdb-table td {
    border: none;
    border-bottom: 1px solid #999999;
    position: relative;
    padding-left: 30%;
    text-align: right !important;
    min-height: 27px; }
    .cdb-table td .label-blank:after, .cdb-table td .label-blank::after {
      top: 4px;
      right: 0;
      left: auto; }
  .cdb-table td:before {
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    content: attr(data-title); }
  .cdb-table .table-actions {
    margin-top: -20px;
    border-top: none; }
    .cdb-table .table-actions td {
      padding: 4px 5px; }
    .cdb-table .table-actions button, .cdb-table .table-actions a.button {
      margin: 5px 0;
      width: 100%; } }

@media (max-width: 480px) {
  .cdb-table {
    /*width: $width-max-mobile;*/
    width: 100%; }
    .cdb-table td {
      padding-left: 30%; } }

@media (min-width: 768px) {
  .checkbox-td, .checkbox-th {
    width: 20px; }
    .checkbox-td .label-blank:after, .checkbox-td .label-blank::after, .checkbox-th .label-blank:after, .checkbox-th .label-blank::after {
      top: -8px; }
  .checkbox-td .label-blank:after, .checkbox-td .label-blank::after {
    left: 6px; }
  .checkbox-td-v:after {
    top: -8px !important; }
  .checkbox-th .label-blank:after, .checkbox-th .label-blank::after {
    left: 7px; } }

@media (min-width: 960px) {
  table.left-align td {
    text-align: left; } }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.border, .table .td {
  border: 1px solid #999999; }

.border-important {
  border: 1px solid #999999 !important; }

.table-input {
  margin-top: 0;
  width: auto;
  max-width: 150px !important; }

@media (max-width: 960px) {
  .table-input {
    margin-top: 25px !important;
    width: 93% !important; } }

table.cdb td.center {
  text-align: center; }

table.cdb td {
  border: 1px solid #999999; }

table.cdb thead th {
  height: auto; }

table.cdb tbody tr:nth-child(odd) {
  background-color: #e1e1e1; }

table.cdb tbody tr:nth-child(odd):hover {
  background-color: #CAD0E1; }

table.cdb tbody tr:nth-child(even) {
  background-color: transparent; }

table.cdb tbody tr:hover {
  color: inherit; }

/* 
    ---- Div table styling. This is for the custom div tables.
*/
.collapse {
  border-collapse: collapse; }

.table {
  margin-top: 25px;
  width: 100%;
  border-collapse: collapse; }
  .table.no-margin {
    margin: 0 !important; }
  .table textarea, .table input[type=text]:not(.imitate-select-input), .table input[type=email], .table input[type=date], .table input[type=datetime], .table input[type=number], .table input[type=password], .table input[type=url], .table input[type=search], .table input[type=email], .table .block {
    max-width: none;
    width: 100%; }
  .table button, .table a.button {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 5px; }
  .table .table-row {
    margin-bottom: 10px;
    position: relative; }
    .table .table-row.force-transparent {
      background: transparent !important; }
    .table .table-row:hover > .td {
      cursor: default;
      background-color: #CAD0E1; }
    .table .table-row:nth-child(even) {
      background: #e1e1e1; }
      .table .table-row:nth-child(even):hover > .td {
        cursor: default;
        background-color: #CAD0E1; }
  .table .no-results {
    text-align: center;
    width: 100%;
    border: 1px solid #999999;
    padding: 15px; }
  .table .th, .table .td {
    position: relative; }
  .table .th {
    display: none; }
  .table .td {
    border-collapse: collapse;
    padding: 4px 5px;
    display: block;
    margin-bottom: -1px;
    margin-top: -1px; }
    .table .td:before {
      font-weight: bold;
      content: attr(data-title);
      display: block;
      margin-bottom: 5px;
      text-align: left; }
    .table .td.actions {
      text-align: center; }
    .table .td select {
      width: 100%; }
    .table .td button, .table .td a.button {
      margin: 5px auto;
      display: inline-block;
      line-height: inherit; }

@media (min-width: 912px) {
  .table {
    display: table; }
    .table button, .table a.button {
      width: auto !important;
      margin-bottom: 0;
      margin-top: 0; }
    .table .table-row {
      display: table;
      border: none;
      width: 100%;
      margin-bottom: -1px;
      margin-top: -1px;
      table-layout: fixed; }
    .table .th, .table .td, .table th, .table td {
      display: table-cell;
      height: auto !important;
      width: 15%; }
      .table .th.large, .table .td.large, .table th.large, .table td.large {
        width: 33%; }
      .table .th.small, .table .td.small, .table th.small, .table td.small {
        width: 3%; }
      .table .th.center, .table .td.center, .table th.center, .table td.center {
        text-align: center !important; }
      .table .th.number, .table .td.number, .table th.number, .table td.number {
        width: 70px; }
    .table .th {
      font-weight: bold;
      text-align: center;
      padding: 5px;
      vertical-align: bottom; }
    .table .td, .table td {
      vertical-align: middle;
      /* Removes the mobile headers */ }
      .table .td.number, .table td.number {
        text-align: right; }
      .table .td:before, .table td:before {
        display: none;
        content: ''; }
    .table .td.width25, .table .th.width25 {
      width: 25%; }
    .table .large-actions {
      width: 30%; }
    .table .th.wordwrap {
      word-wrap: break-word;
      vertical-align: bottom;
      padding-bottom: 10px; } }

.scroll-roles {
  max-height: none;
  overflow-y: scroll; }

@media (min-width: 768px) {
  .scroll-roles {
    max-height: 285px; } }

/*For UI-Grid*/
.ui-grid-viewport {
  /* MB: This is a Chrome thing. It prevents the super-fast scrolling introduced in new Chrome versions. */
  overflow-anchor: none; }

.force-small {
  max-width: 75px !important; }

tr.center-tds td {
  text-align: center !important; }

.ui-grid-cell.right-align {
  text-align: right; }

.max-width-500 {
  max-width: 500px; }

tr.noResultsRow td {
  text-align: center;
  padding: 6px;
  font-weight: bold;
  font-size: larger; }

table .pseudoTable {
  padding: 4px;
  border-bottom: 1px solid #999999;
  background-color: #e9e9ee; }

table .pseudoTable:nth-child(even) {
  background-color: #e1e1e1; }

table .pseudoTable:hover {
  background-color: #CAD0E1; }

table .pseudoTable:last-child {
  border-bottom: 0; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
@font-face {
  font-family: 'Ballinger';
  src: url("../fonts/ballinger/Ballinger-regular.eot");
  src: url("../fonts/ballinger/Ballinger-regular.eot") format("embedded-opentype"), url("../fonts/ballinger/Ballinger-regular.woff2") format("woff2"), url("../fonts/ballinger/Ballinger-regular.woff") format("woff"), url("../fonts/ballinger/Ballinger-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BallingerBold';
  src: url("../fonts/ballinger/Ballinger-bold.eot");
  src: url("../fonts/ballinger/Ballinger-bold.eot") format("embedded-opentype"), url("../fonts/ballinger/Ballinger-bold.woff2") format("woff2"), url("../fonts/ballinger/Ballinger-bold.woff") format("woff"), url("../fonts/ballinger/Ballinger-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'BallingerItalic';
  src: url("../fonts/ballinger/Ballinger-Regularitalic.eot");
  src: url("../fonts/ballinger/Ballinger-Regularitalic.eot") format("embedded-opentype"), url("../fonts/ballinger/Ballinger-Regularitalic.woff2") format("woff2"), url("../fonts/ballinger/Ballinger-Regularitalic.woff") format("woff"), url("../fonts/ballinger/Ballinger-Regularitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

body {
  font-family: "Ballinger", sans-serif; }

span.danger, span.red, p.danger, p.red, a.danger, a.red, i.danger, i.red, label.danger, label.red, div.danger, div.red {
  color: #f37c20; }

span.success, p.success, a.success, i.success, label.success, div.success {
  color: #18986e; }

span.warning, span.warn, p.warning, p.warn, a.warning, a.warn, i.warning, i.warn, label.warning, label.warn, div.warning, div.warn {
  color: #f37c20; }

span.info, p.info, a.info, i.info, label.info, div.info {
  color: #3461ac; }

span.center, p.center, a.center, i.center, label.center, div.center {
  text-align: center; }

span.bold, p.bold, a.bold, i.bold, label.bold, div.bold {
  font-weight: bold; }

span.text-grey, p.text-grey, a.text-grey, i.text-grey, label.text-grey, div.text-grey {
  color: #9c9ca9; }

span.hint, p.hint, a.hint, i.hint, label.hint, div.hint {
  color: #9c9ca9;
  font-style: italic; }

.mce-widget.mce-tooltip {
  display: none !important; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.angular-ui-tree-handle {
  padding: 4px 5px;
  margin-bottom: -1px;
  min-height: 30px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  .angular-ui-tree-handle button {
    margin-top: 0; }
    .angular-ui-tree-handle button .fa-pencil {
      font-size: 1em;
      padding: 0; }
  .angular-ui-tree-handle span {
    font-weight: bold;
    cursor: pointer; }

.node-item {
  padding-left: 10px;
  display: inline; }
  .node-item span {
    font-weight: normal; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
path {
  cursor: pointer; }

.widget-container {
  display: block;
  margin-bottom: 10px; }
  .widget-container .widget-lg, .widget-container .widget-med, .widget-container .widget-sm {
    border: 1px solid #2b2133;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    width: 100%; }
    .widget-container .widget-lg .chart, .widget-container .widget-med .chart, .widget-container .widget-sm .chart {
      width: 280px; }
  .widget-container .widget-sm div {
    width: 100%; }
  .widget-container .widget-sm ul li {
    line-height: 1.5em; }
  .widget-container .widget-sm a {
    text-align: center;
    display: block; }
  .widget-container .summary-block {
    margin-bottom: 5px;
    height: 240px; }
    .widget-container .summary-block button {
      width: 100%;
      height: 80px;
      padding: 0;
      margin: 0; }
    .widget-container .summary-block ul {
      border: 1px solid #999999;
      height: auto;
      width: 100%;
      position: relative;
      margin-top: 5px; }
      .widget-container .summary-block ul li {
        line-height: 1.5em;
        position: relative;
        padding: 2px 10px; }

button span.period {
  width: 100%;
  display: block;
  margin-top: 5px; }

.product-mapper-li {
  line-height: 25px !important;
  height: 47px !important;
  padding-bottom: 3px; }
  .product-mapper-li button {
    margin-top: 8px;
    /*height: 30px !important;*/
    width: auto !important; }

@media (min-width: 480px) {
  .widget-container .widget-sm .chart {
    /*width: $widget-sm-width-mobile;*/
    width: 100%; } }

@media (min-width: 768px) {
  .widget-container {
    display: -webkit-box;
    /* iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* Firefox 19 */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    width: 100%; }
    .widget-container .widget-lg {
      /*width: $widget-width;*/
      width: 50%;
      margin: 0 10px; }
    .widget-container .widget-sm {
      width: 33%;
      margin: 0 5px; }
    .widget-container .widget-med {
      width: 67%;
      margin: 0 5px; }
    .widget-container .summary-block {
      margin-bottom: 5px;
      height: 120px; }
      .widget-container .summary-block button {
        width: 50%;
        height: 100%;
        padding: 0;
        margin: 0; }
      .widget-container .summary-block ul {
        height: 100%;
        width: 48%;
        position: relative;
        margin: 0; }
        .widget-container .summary-block ul li {
          line-height: 1.5em;
          position: relative;
          padding: 2px 10px; } }

.product-mapper-li input {
  display: inline-block !important; }

@media (min-width: 960px) {
  .product-mapper-li {
    line-height: 0 !important; } }

@media (max-width: 450px) {
  .product-mapper-li input {
    width: 150px !important; } }

@media (max-width: 850px) {
  .green-banner ul.secondary-menu {
    left: 0;
    width: 100%; }
  .product-mapper-li {
    clear: both;
    width: 100%; }
  .main {
    margin-top: 60px; } }

@media (min-width: 1024px) {
  .widget-container .summary-block {
    height: 100px; } }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.announcements .table {
  display: table !important;
  margin-top: 0;
  width: 100%; }
  .announcements .table .tr {
    width: 100%;
    display: table-row !important; }
    .announcements .table .tr .td, .announcements .table .tr .th {
      display: table-cell !important; }
  .announcements .table a {
    text-decoration: underline !important; }

.announcements .create-new-announcement {
  margin-top: 20px; }

.announcements .red {
  color: red; }

.announcements .form-group {
  padding-top: 16px; }
  .announcements .form-group label {
    width: 148px !important; }
  .announcements .form-group input[type='datetime'] {
    width: 150px !important;
    margin-right: 50px; }

.announcements h5 {
  font-weight: bold;
  margin-top: 12px; }

.announcements .radio-block {
  padding-left: 0;
  width: 100% !important; }
  .announcements .radio-block label {
    margin-right: 30px; }

.announcements-tile {
  font-family: arial, sans-serif;
  margin: 0;
  color: white;
  text-align: left !important;
  width: 100%; }
  .announcements-tile .announcement a {
    color: white; }
  .announcements-tile p {
    margin: 0;
    padding: 10px; }
  .announcements-tile .announcement:nth-child(odd) {
    background-color: #43364c; }
  .announcements-tile .announcement:nth-child(even) {
    background-color: #2b2133; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.turnover-summary .form-group {
  margin: 5px 0; }

.turnover-summary label summary-notes {
  width: 50% !important; }

.maintain-dashboards .table {
  display: table;
  margin-top: 0; }
  .maintain-dashboards .table .table-row {
    display: table-row;
    padding-bottom: 5px; }
    .maintain-dashboards .table .table-row .table-cell {
      display: table-cell;
      vertical-align: top; }
    .maintain-dashboards .table .table-row .table-cell:nth-child(odd) {
      padding-right: 20px; }
  .maintain-dashboards .table .table-row:nth-child(even) {
    background-color: transparent !important; }

.maintain-dashboards .tile-list .use-count {
  width: 170px; }

.maintain-dashboards .dashboard-list .title-row, .maintain-dashboards .tile-list .title-row {
  margin-bottom: 35px; }
  .maintain-dashboards .dashboard-list .title-row h1, .maintain-dashboards .tile-list .title-row h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 5px; }
  .maintain-dashboards .dashboard-list .title-row input[type='search'], .maintain-dashboards .tile-list .title-row input[type='search'] {
    margin-right: 0 !important; }

.maintain-dashboards .dashboard-list .table .content-row .table-cell, .maintain-dashboards .tile-list .table .content-row .table-cell {
  height: 40px; }

.maintain-dashboards .dashboard-list .table .table-row .table-cell, .maintain-dashboards .tile-list .table .table-row .table-cell {
  border: 1px solid gray;
  padding: 5px;
  vertical-align: middle; }

.maintain-dashboards .dashboard-list .table .table-row .table-cell.action-column, .maintain-dashboards .tile-list .table .table-row .table-cell.action-column {
  width: 150px;
  padding-left: 10px; }

.maintain-dashboards .dashboard-list .default-dashboard, .maintain-dashboards .tile-list .default-dashboard {
  opacity: 0.6; }

.maintain-dashboards h4 {
  font-weight: bold; }

.maintain-dashboards select {
  outline: none !important; }

.maintain-dashboards select:focus {
  border-color: #4d90fe;
  transition: box-shadow 200ms; }

.maintain-dashboards input[type='text'] {
  outline: none !important;
  transition: box-shadow 200ms;
  transition: border-color 200ms; }

.maintain-dashboards input[type='text']:focus {
  box-shadow: 0 0 4px #4d90fe;
  border-color: rgba(77, 144, 254, 0.6); }

.maintain-dashboards input[type='checkbox'], .maintain-dashboards input[type='radio'] {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  vertical-align: text-bottom;
  margin-bottom: 1px; }

.maintain-dashboards input[type='checkbox'] + label {
  font-weight: normal; }

.maintain-dashboards label {
  width: auto !important;
  font-weight: bold; }

.maintain-dashboards [uib-typeahead-popup].dropdown-menu {
  margin-left: 0 !important;
  position: absolute;
  background-color: white !important;
  border: 1px solid gray;
  margin-top: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding-top: 6px;
  min-width: 200px;
  z-index: 10; }
  .maintain-dashboards [uib-typeahead-popup].dropdown-menu li {
    margin: 0 !important;
    padding: 5px; }
  .maintain-dashboards [uib-typeahead-popup].dropdown-menu li.active {
    background-color: lightgray; }

.maintain-dashboards .maintain-start a.button {
  display: inline-block;
  min-height: 0;
  width: auto; }

.maintain-dashboards .edit-dashboard .table-cell:nth-child(odd) {
  width: 66%; }

.maintain-dashboards .edit-dashboard .table-cell:nth-child(even) {
  width: 33%;
  min-width: 374px; }

.maintain-dashboards .edit-dashboard .screen-preview, .maintain-dashboards .edit-dashboard .available-tiles-list {
  padding: 10px;
  border: 1px solid gray;
  height: 350px;
  width: 100%;
  overflow-y: scroll;
  box-sizing: border-box; }

.maintain-dashboards .edit-dashboard .screen-preview .tile {
  display: inline-flex; }

.maintain-dashboards .edit-dashboard .tile {
  height: 80px;
  border: 1px solid lightgray;
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 5px; }
  .maintain-dashboards .edit-dashboard .tile .title {
    width: 100%;
    height: 100%;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.6); }

.maintain-dashboards .edit-dashboard .tile.active {
  box-shadow: 0 0 4px #4d90fe;
  border-color: rgba(77, 144, 254, 0.6); }

.maintain-dashboards .edit-dashboard .tile.full {
  width: 100%;
  background-image: url("/Content/Images/long-graph.png"); }

.maintain-dashboards .edit-dashboard .tile.half {
  width: 50%;
  background-image: url("/Content/Images/short-graph.png"); }

.create-edit-tile .unpopulated {
  opacity: 0.6 !important; }

.create-edit-tile .query-string-warning i.fa-warning {
  color: orangered !important; }

.create-edit-tile .query-string-warning pre {
  display: inline; }

.create-edit-tile .cdb-are-you-sure.green button {
  background-color: #a1be3a; }

.create-edit-tile .cdb-are-you-sure.green button:hover {
  background-color: #368c4c; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
manage-roles .editable-text {
  cursor: pointer; }

manage-roles .cdb-are-you-sure i.fa-trash {
  font-size: 20px !important; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.pagination {
  padding: 15px 0; }
  .pagination li {
    padding: 0 15px;
    display: inline; }

.supplier-charges .cdb-sticky.cdb-sticky-stuck {
  padding-right: 50px; }
  .supplier-charges .cdb-sticky.cdb-sticky-stuck .results-header {
    box-shadow: 0 4px 2px -2px silver; }

.charge-splits .cdb-sticky.cdb-sticky-stuck {
  padding-right: 50px;
  background-color: transparent;
  border-bottom: none; }
  .charge-splits .cdb-sticky.cdb-sticky-stuck h4 {
    border-bottom: 1px solid silver; }

.organisation-management {
  margin-top: -10px; }
  .organisation-management .filters {
    border: 1px solid lightgray;
    background-color: lightgray;
    border-radius: 4px;
    padding: 10px;
    padding-top: 0; }
    .organisation-management .filters input[type='text']:not(.imitate-select-input) {
      width: 200px;
      margin-right: 0;
      height: 29px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .organisation-management .filters button.clear {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      margin-left: -6px; }
  .organisation-management .edit-supplier-charge textarea {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box; }
  .organisation-management .edit-supplier-charge input[type='checkbox'].checkbox {
    display: inline !important;
    width: 13px;
    height: 13px; }
  .organisation-management .edit-supplier-charge table.rebate-splits input[type='number'] {
    width: 80px; }
  .organisation-management .edit-supplier-charge table.rebate-splits td.calculated-on select {
    width: 250px; }
  .organisation-management .edit-supplier-charge table.rebate-splits tbody tr {
    min-height: 51px;
    height: 51px; }
  .organisation-management .edit-supplier-charge select.select {
    width: 452px !important;
    max-width: 452px !important;
    padding-left: 6px; }
  .organisation-management .edit-supplier-charge .input {
    width: 430px !important;
    max-width: 430px !important; }
  .organisation-management .edit-supplier-charge .imitate-select {
    width: 450px !important;
    max-width: 450px !important; }
  .organisation-management .edit-supplier-charge .imitate-select-root, .organisation-management .edit-supplier-charge .imitate-select-input {
    width: 430px !important;
    max-width: 430px !important; }
  .organisation-management .edit-supplier-charge label {
    display: block;
    min-width: 134px; }
  .organisation-management .edit-supplier-charge .row {
    width: 100%;
    box-sizing: border-box;
    display: table; }
    .organisation-management .edit-supplier-charge .row .col-xs-6 {
      box-sizing: border-box;
      display: inline-block;
      width: 50%;
      vertical-align: top; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.legend {
  margin-bottom: 10px; }
  .legend a {
    display: inline !important;
    font-size: 14px; }
  .legend div.square {
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px; }

.ngdialog-overlay {
  background: rgba(0, 0, 0, 0.6); }

.create-turnover-templates.dialog button {
  margin-top: 0 !important;
  margin-right: 0 !important; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
.pack-types {
  margin-left: 20px; }

.splits-and-charges select.charge-type {
  width: 150px; }

.splits-and-charges .list.hiding {
  max-height: 0;
  overflow: hidden; }
  .splits-and-charges .list.hiding .header {
    max-height: 0 !important;
    overflow: hidden; }
  .splits-and-charges .list.hiding .footer {
    display: none; }

.splits-and-charges label.default-start-date {
  padding-top: 7px; }

.splits-and-charges .cdb-hierarchy-tree .cell.description input[type='text'] {
  width: 200px;
  margin-bottom: 5px; }

.splits-and-charges .cdb-hierarchy-tree .cell.default-split select {
  width: 80%; }

.splits-and-charges .cdb-hierarchy-tree .cell.invalid input, .splits-and-charges .cdb-hierarchy-tree .cell.invalid input:focus {
  border-color: red !important;
  outline-color: red !important; }

.splits-and-charges .cdb-hierarchy-tree .org {
  text-decoration: underline; }

.splits-and-charges label {
  width: auto !important; }

.splits-and-charges .cdb-hierarchy-tree .imitate-select {
  width: 100px !important;
  margin: 0; }

.splits-and-charges .cdb-hierarchy-tree input[type='checkbox']:not(.cdb-multiselect-checkbox) {
  display: inline !important;
  width: auto;
  height: auto;
  margin: 0;
  margin-left: 1px;
  vertical-align: text-bottom; }

.splits-and-charges .cdb-hierarchy-tree input[type='text'], .splits-and-charges .cdb-hierarchy-tree input[cdbdatepicker] {
  padding-left: 3px;
  padding-right: 8px;
  margin-top: 0px;
  margin-bottom: 0;
  height: 20px; }

.splits-and-charges .cdb-hierarchy-tree input[cdbdatepicker] {
  width: 83px;
  height: 20px;
  border: 1px solid #bbbbbb;
  border-radius: 5px; }

.splits-and-charges *[ng-click] {
  cursor: pointer; }

.splits-and-charges .cell.name {
  box-sizing: border-box;
  padding-right: 30px;
  padding-bottom: 5px; }
  .splits-and-charges .cell.name input[type='text'] {
    width: 100% !important;
    max-width: 100% !important; }

.splits-and-charges .results-table {
  border: 1px solid lightgray;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 20px; }
  .splits-and-charges .results-table .cell {
    width: 107px;
    display: inline-block;
    position: relative;
    vertical-align: top; }
  .splits-and-charges .results-table .cell.full {
    width: 100% !important; }
  .splits-and-charges .results-table .cell.supplier-name {
    width: 280px !important; }
  .splits-and-charges .results-table .cell.description {
    width: 550px; }
    .splits-and-charges .results-table .cell.description input[type='text'] {
      width: auto; }
    .splits-and-charges .results-table .cell.description .editable {
      cursor: pointer;
      text-decoration: underline; }
    .splits-and-charges .results-table .cell.description .editable + i.fa.fa-pencil {
      font-size: inherit;
      color: inherit;
      padding-left: 0;
      border: 1px solid transparent; }
    .splits-and-charges .results-table .cell.description .editable:focus {
      background-color: white;
      border: 1px solid #bbbbbb;
      padding: 0 3px; }
    .splits-and-charges .results-table .cell.description label {
      width: 55px !important; }
  .splits-and-charges .results-table .cell.default-split {
    width: 340px; }
  .splits-and-charges .results-table input[type='number'] {
    width: 50px;
    padding: 0;
    height: 20px;
    margin: 0; }
  .splits-and-charges .results-table .branch {
    margin-left: 111px;
    padding-top: 4px;
    padding-bottom: 0;
    border: 1px solid rgba(170, 170, 170, 0.5);
    border-bottom: none;
    position: relative; }
    .splits-and-charges .results-table .branch h4 {
      padding-bottom: 4px;
      display: inline-block; }
  .splits-and-charges .results-table .branch.first {
    margin-left: 0;
    border-left: none;
    border-right: none; }
  .splits-and-charges .results-table .branch.first:first-child {
    border-top: none; }
  .splits-and-charges .results-table .branch:nth-child(odd) {
    background-color: rgba(170, 170, 170, 0.1); }
  .splits-and-charges .results-table .branch:nth-child(even) {
    background-color: rgba(170, 170, 170, 0.4); }
  .splits-and-charges .results-table .branch.first:nth-child(odd) {
    background-color: #D3D3D3; }
  .splits-and-charges .results-table .branch.first:nth-child(even) {
    background-color: #DADADA; }
  .splits-and-charges .results-table .branch.first .cell:first-child {
    left: 7px;
    width: 116px; }
  .splits-and-charges .results-table .branch.paid-to {
    margin-left: 333px; }
  .splits-and-charges .results-table .branch.calcs {
    margin-left: 531px; }

.splits-and-charges span.label {
  width: 60px;
  display: inline-block; }

.supplierFileImport {
  margin-top: 20px;
  /*label {
        padding-bottom: 3px;
    }*/ }

.turnover-invoice-search {
  margin-top: -10px; }
  .turnover-invoice-search .row {
    display: table;
    width: 100%; }
    .turnover-invoice-search .row .col {
      display: table-cell;
      width: 33%; }
  .turnover-invoice-search .panel {
    background-color: #D3D3D3;
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box; }
  .turnover-invoice-search form.search-panel .search-options label {
    width: 100px;
    max-width: 100px;
    display: inline-block; }
  .turnover-invoice-search form.search-panel .search-options input {
    width: 200px;
    height: 28px; }
  .turnover-invoice-search form.search-panel .search-options select {
    width: 222px; }

.turnover-invoice-detail table input[type='text'] {
  box-sizing: border-box;
  width: 100%; }

.turnover-invoice-detail table .currency-symbol {
  position: absolute;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px; }

.turnover-invoice-detail table .currency-symbol + input[type='text'] {
  padding-left: 20px; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.ngdialog-overlay {
  background: rgba(0, 0, 0, 0.6); }

.client-account-detail h1 {
  display: inline-block; }

.client-account-detail .text-center {
  text-align: center; }

.client-account-detail table {
  margin-top: 0;
  margin-bottom: 0; }
  .client-account-detail table .actions {
    text-align: center; }
  .client-account-detail table input[type='text']:not(.imitate-select-input), .client-account-detail table select {
    width: 100% !important;
    box-sizing: border-box; }
  .client-account-detail table input[type='checkbox'].regular {
    display: inline !important;
    width: auto;
    height: auto;
    margin: 0;
    vertical-align: text-bottom; }

.sticky-bottom {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  max-width: 1299px;
  width: 100%;
  padding: 10px 25px;
  margin-left: -25px;
  z-index: 5000;
  background-color: #e9e9ee;
  box-shadow: 0 -3px 2px -2px silver; }
  .sticky-bottom button {
    margin-top: 0; }

.sticky-bottom-2 {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%; }
  .sticky-bottom-2 section {
    bottom: 0;
    box-shadow: 0 -3px 2px -2px silver;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 0;
    position: absolute; }

.units-and-rebates {
  position: relative; }
  .units-and-rebates input.account-number {
    width: 70px;
    margin-right: 2px; }
  .units-and-rebates input.select {
    right: 7px;
    top: 9px;
    position: absolute; }
  .units-and-rebates .branch {
    position: relative; }
  .units-and-rebates .supplier.branch > h4 {
    height: 22px; }
  .units-and-rebates .show-hide i {
    margin-top: 5px;
    /*transition: all 0.2s linear;*/ }
  .units-and-rebates .show-hide i.chevron-down {
    transform: rotate(180deg); }
  .units-and-rebates i.fa.fa-pencil {
    display: inline;
    color: inherit;
    font-size: 90%;
    padding-left: 2px; }
  .units-and-rebates *[ng-click] {
    cursor: pointer; }
  .units-and-rebates select {
    width: 300px;
    height: 23px;
    padding-left: 3px;
    display: inline-block;
    margin-top: 0; }
  .units-and-rebates .calc-type {
    width: 100px;
    display: inline-block; }
  .units-and-rebates [uib-typeahead-popup].dropdown-menu {
    margin-left: 0 !important;
    position: absolute;
    background-color: white !important;
    border: 1px solid gray;
    margin-top: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding-top: 6px;
    min-width: 270px;
    z-index: 10; }
    .units-and-rebates [uib-typeahead-popup].dropdown-menu li {
      margin: 0 !important;
      padding: 5px; }
    .units-and-rebates [uib-typeahead-popup].dropdown-menu li.active {
      background-color: lightgray; }
  .units-and-rebates .client .header, .units-and-rebates .branch .header {
    padding-top: 4px;
    padding-bottom: 4px; }
  .units-and-rebates .client .header:hover, .units-and-rebates .branch .header:hover {
    background-color: #EEEEEE; }
  .units-and-rebates > * {
    box-sizing: border-box !important; }
  .units-and-rebates label {
    width: auto !important; }
  .units-and-rebates input[type='checkbox']:not(.cdb-multiselect-checkbox) {
    display: inline !important;
    width: auto;
    height: auto;
    margin: 0;
    vertical-align: text-bottom; }
  .units-and-rebates .filter-wrapper {
    top: 0; }
  .units-and-rebates .lozenges {
    min-height: 33px; }
    .units-and-rebates .lozenges span {
      display: inline-block;
      margin: 5px 10px 5px 0; }
  .units-and-rebates .col-xs-6 {
    width: 49%;
    display: inline-block;
    vertical-align: top; }
  .units-and-rebates input.rebate-start-date {
    margin-left: 108px; }
  .units-and-rebates .results-waiting {
    border: 1px solid lightgray;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 20px;
    text-align: center;
    background-color: #D3D3D3;
    padding: 20px 0; }
    .units-and-rebates .results-waiting h3 {
      font-weight: normal; }
  .units-and-rebates .results-table {
    border: 1px solid lightgray;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 20px; }
    .units-and-rebates .results-table .branch {
      margin-left: 111px;
      padding-bottom: 0;
      border: 1px solid rgba(170, 170, 170, 0.5);
      border-bottom: none;
      border-right: none; }
      .units-and-rebates .results-table .branch h4 {
        padding-bottom: 4px;
        display: inline-block; }
    .units-and-rebates .results-table .branch:nth-child(odd) {
      background-color: rgba(170, 170, 170, 0.1); }
    .units-and-rebates .results-table .branch:nth-child(even) {
      background-color: rgba(170, 170, 170, 0.4); }
    .units-and-rebates .results-table .charge.branch {
      margin-left: 214px; }
    .units-and-rebates .results-table .calculation.branch {
      margin-left: 320px; }
    .units-and-rebates .results-table .charge.branch:nth-child(odd) {
      background-color: transparent; }
    .units-and-rebates .results-table .charge.branch:nth-child(even) {
      background-color: transparent; }
    .units-and-rebates .results-table .calculation.branch:nth-child(odd) {
      background-color: transparent; }
    .units-and-rebates .results-table .calculation.branch:nth-child(even) {
      background-color: transparent; }
    .units-and-rebates .results-table .supplier.branch:nth-child(odd) {
      background-color: transparent; }
    .units-and-rebates .results-table .supplier.branch:nth-child(even) {
      background-color: transparent; }
    .units-and-rebates .results-table .account.branch:nth-child(odd) {
      background-color: transparent; }
    .units-and-rebates .results-table .account.branch:nth-child(even) {
      background-color: transparent; }
    .units-and-rebates .results-table .account.branch > h4 {
      width: 106px; }
    .units-and-rebates .results-table .charge.branch > h4 {
      display: block; }
    .units-and-rebates .results-table .client {
      position: relative; }
      .units-and-rebates .results-table .client h4 {
        padding-bottom: 4px; }
      .units-and-rebates .results-table .client button.assign-supplier {
        right: 0;
        top: 0;
        position: absolute;
        display: none; }
      .units-and-rebates .results-table .client .supplier.branch {
        background-color: transparent;
        position: relative;
        margin-left: 110px; }
    .units-and-rebates .results-table .client:nth-child(odd) {
      background-color: white; }
    .units-and-rebates .results-table .client:nth-child(even) {
      background-color: ghostwhite; }
    .units-and-rebates .results-table .client:last-child {
      border-bottom-color: silver; }
  .units-and-rebates .branch.account > .header > h4 {
    width: 100px !important; }
  .units-and-rebates .branch.account > .header > input[cdbdatepicker] {
    margin-right: 18px; }

.units-and-rebates:not(.dialog) input[type='text']:not(.imitate-select-input), .units-and-rebates:not(.dialog) input[cdbdatepicker] {
  padding-left: 3px;
  padding-right: 8px;
  margin-top: 2px;
  margin-bottom: 0;
  height: 20px; }

.units-and-rebates:not(.dialog) input[cdbdatepicker] {
  width: 88px;
  height: 20px;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  margin-bottom: 4px; }

.units-and-rebates.dialog button {
  margin-top: 0 !important;
  margin-right: 0 !important; }

.units-and-rebates.update-enddates-dialog input[type='text'] {
  margin-right: 3px !important;
  max-width: 100% !important;
  width: 100% !important; }

.units-and-rebates.assign-supplier-dialog .filters {
  background-color: transparent;
  border: none; }

.units-and-rebates.assign-charge-dialog table tr.selected {
  background-color: #2aa1a9; }

.bog-overflow button {
  white-space: nowrap; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
.card, .card-auto, .mat-card {
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
  -webkit-box-shadow: 0 0 20px -8px #252525;
  -moz-box-shadow: 0 0 20px -8px #252525;
  box-shadow: 0 0 20px -8px #252525; }

.card-auto {
  display: inline-block; }

.card-1 {
  -webkit-box-shadow: 0 0 20px -8px #252525;
  -moz-box-shadow: 0 0 20px -8px #252525;
  box-shadow: 0 0 20px -8px #252525; }

.card-2 {
  -webkit-box-shadow: 0 0 20px -6px #252525;
  -moz-box-shadow: 0 0 20px -6px #252525;
  box-shadow: 0 0 20px -6px #252525; }

.card-3 {
  -webkit-box-shadow: 0 0 23px -4px #252525;
  -moz-box-shadow: 0 0 23px -4px #252525;
  box-shadow: 0 0 23px -4px #252525; }

.card-4 {
  -webkit-box-shadow: 0 0 10px -8px #252525;
  -moz-box-shadow: 0 0 10px -8px #252525;
  box-shadow: 0 0 10px -8px #252525; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.cdb-are-you-sure.active.full-screen {
  z-index: 1000000;
  display: flex;
  text-align: center;
  position: fixed;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 9999; }
  .cdb-are-you-sure.active.full-screen .inner {
    background-color: #e9e9ee;
    display: flex;
    padding: 10px;
    border-radius: 10px;
    flex-direction: column;
    text-align: center;
    max-height: 100px;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    max-width: 250px;
    -moz-box-shadow: 0px 0px 40px 0px #252525;
    -webkit-box-shadow: 0px 0px 40px 0px #252525;
    box-shadow: 0px 0px 40px 0px #252525;
    color: #52516b; }
    .cdb-are-you-sure.active.full-screen .inner button {
      height: 33px; }
    .cdb-are-you-sure.active.full-screen .inner p {
      display: block;
      width: 100%; }

.ngdialog.cdbAreYouSureDialog {
  padding-top: 0;
  padding-bottom: 0; }
  .ngdialog.cdbAreYouSureDialog .ngdialog-overlay {
    display: none; }
  .ngdialog.cdbAreYouSureDialog .ngdialog-content {
    position: fixed !important;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 17.5px !important;
    font-size: 14px !important; }
    .ngdialog.cdbAreYouSureDialog .ngdialog-content .inner {
      max-height: none !important; }

.overflow-hidden {
  overflow: hidden; }

.cdb-are-you-sure.large.active.full-screen .inner {
  max-width: 500px !important;
  max-height: 500px !important; }

.ngdialog, .ngdialog-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ngdialog {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000; }

.ngdialog *, .ngdialog :after, .ngdialog :before {
  box-sizing: inherit; }

.ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-content, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay {
  -webkit-animation: none !important;
  animation: none !important; }

.ngdialog-overlay {
  background: rgba(0, 0, 0, 0.4);
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein .5s;
  animation: ngdialog-fadein .5s; }

.ngdialog-no-overlay {
  pointer-events: none; }

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout .5s;
  animation: ngdialog-fadeout .5s; }

.ngdialog-content {
  background: #fff;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein .5s;
  animation: ngdialog-fadein .5s;
  pointer-events: all; }

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout .5s;
  animation: ngdialog-fadeout .5s; }

.ngdialog-close:before {
  font-family: Helvetica,Arial,sans-serif;
  content: '\00D7';
  cursor: pointer; }

/*body.ngdialog-open,html.ngdialog-open{overflow:hidden}*/
@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px; }

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout .5s;
  animation: ngdialog-flyout .5s; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: Helvetica,sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px; }

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 0;
  padding: 0px 7px 0px 7px; }

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: 0 0;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  line-height: 26px;
  text-align: center; }

.ngdialog.ngdialog-theme-default .ngdialog-close:active:before, .ngdialog.ngdialog-theme-default .ngdialog-close:hover:before {
  color: #777; }

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em; }

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em; }

.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text], .ngdialog.ngdialog-theme-default .ngdialog-input input[type=password], .ngdialog.ngdialog-theme-default .ngdialog-input input[type=email], .ngdialog.ngdialog-theme-default .ngdialog-input input[type=url], .ngdialog.ngdialog-theme-default .ngdialog-input textarea {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%; }

.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: 0; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both; }

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase; }

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: 0; }

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none; } }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777; }

.cdb-hierarchy-tree {
  border: 1px solid lightgray;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 20px;
  background-color: white; }
  .cdb-hierarchy-tree .branch.selected > .header {
    color: black;
    background-color: rgba(42, 161, 169, 0.8); }
    .cdb-hierarchy-tree .branch.selected > .header a {
      color: black !important; }
  .cdb-hierarchy-tree .branch.selected:nth-child(odd) > .header {
    background-color: #2aa1a9; }
  .cdb-hierarchy-tree .client.selected > .header:hover, .cdb-hierarchy-tree .branch.selected > .header:hover, .cdb-hierarchy-tree .client.selected:nth-child(odd) > .header:hover, .cdb-hierarchy-tree .branch.selected:nth-child(odd) > .header:hover {
    background-color: #217f84; }
  .cdb-hierarchy-tree .branch.deleted *, .cdb-hierarchy-tree .branch.selected.deleted * {
    text-decoration: line-through !important;
    color: #e43a19 !important; }
  .cdb-hierarchy-tree .branch.deleted .header a, .cdb-hierarchy-tree .branch.selected.deleted .header a {
    color: #e43a19 !important; }
  .cdb-hierarchy-tree .branch.deleted > .header, .cdb-hierarchy-tree .branch.selected.deleted > .header {
    text-decoration: line-through; }
    .cdb-hierarchy-tree .branch.deleted > .header > h4, .cdb-hierarchy-tree .branch.selected.deleted > .header > h4 {
      color: #e43a19 !important;
      text-decoration: line-through !important; }
      .cdb-hierarchy-tree .branch.deleted > .header > h4 > .calc-type, .cdb-hierarchy-tree .branch.selected.deleted > .header > h4 > .calc-type {
        text-decoration: line-through !important; }
  .cdb-hierarchy-tree * {
    box-sizing: border-box; }
  .cdb-hierarchy-tree input[type='checkbox'].select {
    top: 9px;
    right: 6px;
    position: absolute; }
  .cdb-hierarchy-tree .branch .header {
    /*padding-left: 10px;
            padding-top: 4px;
            padding-bottom: 4px;*/ }
  .cdb-hierarchy-tree .branch .header:hover {
    background-color: #EEEEEE; }
  .cdb-hierarchy-tree .branch {
    border: 1px solid rgba(170, 170, 170, 0.5);
    border-right: none;
    border-bottom: none; }
  .cdb-hierarchy-tree .branch.branch1 {
    border: none; }
  .cdb-hierarchy-tree .branch.branch1:nth-child(even) {
    background-color: ghostwhite; }
  .cdb-hierarchy-tree .collapse {
    position: absolute;
    top: 0;
    padding-left: 8px;
    padding-top: 5px;
    display: inline; }
    .cdb-hierarchy-tree .collapse .fa {
      position: relative;
      top: 0; }
  .cdb-hierarchy-tree .header {
    position: relative; }
  .cdb-hierarchy-tree .header > .collapse + ng-include > :first-child {
    padding-left: 22px !important; }
  .cdb-hierarchy-tree .header > .collapse + .include > :first-child {
    padding-left: 22px !important; }
  .cdb-hierarchy-tree .cell {
    width: 110px;
    display: table-cell;
    box-sizing: border-box; }
    .cdb-hierarchy-tree .cell input[type='text'], .cdb-hierarchy-tree .cell input[type='number'] {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box; }
  .cdb-hierarchy-tree .cell:first-child {
    width: 85px; }
  .cdb-hierarchy-tree input[type='text'], .cdb-hierarchy-tree input[type='number'] {
    height: 20px; }
  .cdb-hierarchy-tree select {
    box-sizing: border-box;
    width: 100%;
    height: 22px;
    padding-left: 3px;
    display: inline-block;
    margin: 0; }

.cdb-hierarchy-tree-header > *, .cdb-hierarchy-tree .cell, .cdb-hierarchy-tree .full-row {
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px; }

.cdb-hierarchy-tree-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #D3D3D3;
  display: table;
  border-bottom: 1px solid darkgray; }
  .cdb-hierarchy-tree-header > * {
    display: inline-block;
    height: 17px;
    overflow: hidden;
    display: table-cell;
    box-sizing: border-box; }
  .cdb-hierarchy-tree-header .first {
    background-color: #A3EAFE; }
  .cdb-hierarchy-tree-header .second {
    background-color: #FDD7D4; }
  .cdb-hierarchy-tree-header .third {
    background-color: #D7FEDF; }
  .cdb-hierarchy-tree-header .fourth {
    background-color: #DDDDFF; }
  .cdb-hierarchy-tree-header .fifth {
    background-color: #FFFFCC; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
cdb-image-upload {
  display: inline-block;
  border: 2px dotted gray;
  box-sizing: border-box;
  padding: 5px; }
  cdb-image-upload .hide-button img:hover {
    cursor: pointer; }
  cdb-image-upload .hide-button button {
    position: absolute;
    top: 0;
    right: -107px;
    padding: 3px 9px;
    box-shadow: -1px 1px 5px 0 #787878;
    background-color: white;
    margin: 0;
    height: 20px;
    font-size: 1em;
    border-radius: 0 0 0 5px;
    border: none;
    z-index: 2; }
    cdb-image-upload .hide-button button:hover {
      box-shadow: -1px 1px 5px -1px #787878;
      color: white;
      background-color: #ff0000;
      right: 0; }
      cdb-image-upload .hide-button button:hover .fa-close {
        color: white; }
    cdb-image-upload .hide-button button .fa-close {
      color: #ff0000;
      padding-right: 5px;
      padding-left: 2px; }
  cdb-image-upload .hide-button .hidden-button-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: #252525;
    color: #F9F9F9;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    z-index: 1; }
    cdb-image-upload .hide-button .hidden-button-hover:hover, cdb-image-upload .hide-button .hidden-button-hover.force-visible {
      opacity: 0.7;
      -moz-transition: all .25s linear;
      -o-transition: all .25s linear;
      -webkit-transition: all .25s linear;
      transition: all .25s linear;
      z-index: 1; }
    cdb-image-upload .hide-button .hidden-button-hover span {
      top: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      font-size: 1.5em;
      left: 50%; }
      cdb-image-upload .hide-button .hidden-button-hover span i {
        margin-right: 5px; }
  cdb-image-upload img.processing {
    opacity: .6; }
  cdb-image-upload img.no-fill {
    min-height: 0 !important;
    min-width: 0 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute; }
  cdb-image-upload > * {
    box-sizing: border-box; }
  cdb-image-upload .outer {
    position: relative; }
    cdb-image-upload .outer .buttons {
      display: block;
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%; }
      cdb-image-upload .outer .buttons .buttonsRow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        vertical-align: middle; }
        cdb-image-upload .outer .buttons .buttonsRow button {
          margin-top: 0; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL .lozenge, .PSL .mat-chip, .EntegraItaly .lozenge, .EntegraItaly .mat-chip, .EntegraSpain .lozenge, .EntegraSpain .mat-chip, .EntegraGermany .lozenge, .EntegraGermany .mat-chip, .Entegra .lozenge, .Entegra .mat-chip {
  background-color: #18986e; }
  .PSL .lozenge:hover, .PSL .mat-chip:hover, .EntegraItaly .lozenge:hover, .EntegraItaly .mat-chip:hover, .EntegraSpain .lozenge:hover, .EntegraSpain .mat-chip:hover, .EntegraGermany .lozenge:hover, .EntegraGermany .mat-chip:hover, .Entegra .lozenge:hover, .Entegra .mat-chip:hover {
    background-color: #1fc48e; }
  .PSL .inverse.lozenge, .PSL .inverse.mat-chip, .EntegraItaly .inverse.lozenge, .EntegraItaly .inverse.mat-chip, .EntegraSpain .inverse.lozenge, .EntegraSpain .inverse.mat-chip, .EntegraGermany .inverse.lozenge, .EntegraGermany .inverse.mat-chip, .Entegra .inverse.lozenge, .Entegra .inverse.mat-chip {
    background-color: #1fc48e; }
    .PSL .inverse.lozenge:hover, .PSL .inverse.mat-chip:hover, .EntegraItaly .inverse.lozenge:hover, .EntegraItaly .inverse.mat-chip:hover, .EntegraSpain .inverse.lozenge:hover, .EntegraSpain .inverse.mat-chip:hover, .EntegraGermany .inverse.lozenge:hover, .EntegraGermany .inverse.mat-chip:hover, .Entegra .inverse.lozenge:hover, .Entegra .inverse.mat-chip:hover {
      background-color: #18986e; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL .lozenge, .PSL .mat-chip, .EntegraItaly .lozenge, .EntegraItaly .mat-chip, .EntegraSpain .lozenge, .EntegraSpain .mat-chip, .EntegraGermany .lozenge, .EntegraGermany .mat-chip, .Entegra .lozenge, .Entegra .mat-chip {
  background-color: #18986e; }
  .PSL .lozenge:hover, .PSL .mat-chip:hover, .EntegraItaly .lozenge:hover, .EntegraItaly .mat-chip:hover, .EntegraSpain .lozenge:hover, .EntegraSpain .mat-chip:hover, .EntegraGermany .lozenge:hover, .EntegraGermany .mat-chip:hover, .Entegra .lozenge:hover, .Entegra .mat-chip:hover {
    background-color: #1fc48e; }
  .PSL .inverse.lozenge, .PSL .inverse.mat-chip, .EntegraItaly .inverse.lozenge, .EntegraItaly .inverse.mat-chip, .EntegraSpain .inverse.lozenge, .EntegraSpain .inverse.mat-chip, .EntegraGermany .inverse.lozenge, .EntegraGermany .inverse.mat-chip, .Entegra .inverse.lozenge, .Entegra .inverse.mat-chip {
    background-color: #1fc48e; }
    .PSL .inverse.lozenge:hover, .PSL .inverse.mat-chip:hover, .EntegraItaly .inverse.lozenge:hover, .EntegraItaly .inverse.mat-chip:hover, .EntegraSpain .inverse.lozenge:hover, .EntegraSpain .inverse.mat-chip:hover, .EntegraGermany .inverse.lozenge:hover, .EntegraGermany .inverse.mat-chip:hover, .Entegra .inverse.lozenge:hover, .Entegra .inverse.mat-chip:hover {
      background-color: #18986e; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL .lozenge, .PSL .mat-chip, .EntegraItaly .lozenge, .EntegraItaly .mat-chip, .EntegraSpain .lozenge, .EntegraSpain .mat-chip, .EntegraGermany .lozenge, .EntegraGermany .mat-chip, .Entegra .lozenge, .Entegra .mat-chip {
  background-color: #18986e; }
  .PSL .lozenge:hover, .PSL .mat-chip:hover, .EntegraItaly .lozenge:hover, .EntegraItaly .mat-chip:hover, .EntegraSpain .lozenge:hover, .EntegraSpain .mat-chip:hover, .EntegraGermany .lozenge:hover, .EntegraGermany .mat-chip:hover, .Entegra .lozenge:hover, .Entegra .mat-chip:hover {
    background-color: #1fc48e; }
  .PSL .inverse.lozenge, .PSL .inverse.mat-chip, .EntegraItaly .inverse.lozenge, .EntegraItaly .inverse.mat-chip, .EntegraSpain .inverse.lozenge, .EntegraSpain .inverse.mat-chip, .EntegraGermany .inverse.lozenge, .EntegraGermany .inverse.mat-chip, .Entegra .inverse.lozenge, .Entegra .inverse.mat-chip {
    background-color: #1fc48e; }
    .PSL .inverse.lozenge:hover, .PSL .inverse.mat-chip:hover, .EntegraItaly .inverse.lozenge:hover, .EntegraItaly .inverse.mat-chip:hover, .EntegraSpain .inverse.lozenge:hover, .EntegraSpain .inverse.mat-chip:hover, .EntegraGermany .inverse.lozenge:hover, .EntegraGermany .inverse.mat-chip:hover, .Entegra .inverse.lozenge:hover, .Entegra .inverse.mat-chip:hover {
      background-color: #18986e; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL .lozenge, .PSL .mat-chip, .EntegraItaly .lozenge, .EntegraItaly .mat-chip, .EntegraSpain .lozenge, .EntegraSpain .mat-chip, .EntegraGermany .lozenge, .EntegraGermany .mat-chip, .Entegra .lozenge, .Entegra .mat-chip {
  background-color: #18986e; }
  .PSL .lozenge:hover, .PSL .mat-chip:hover, .EntegraItaly .lozenge:hover, .EntegraItaly .mat-chip:hover, .EntegraSpain .lozenge:hover, .EntegraSpain .mat-chip:hover, .EntegraGermany .lozenge:hover, .EntegraGermany .mat-chip:hover, .Entegra .lozenge:hover, .Entegra .mat-chip:hover {
    background-color: #1fc48e; }
  .PSL .inverse.lozenge, .PSL .inverse.mat-chip, .EntegraItaly .inverse.lozenge, .EntegraItaly .inverse.mat-chip, .EntegraSpain .inverse.lozenge, .EntegraSpain .inverse.mat-chip, .EntegraGermany .inverse.lozenge, .EntegraGermany .inverse.mat-chip, .Entegra .inverse.lozenge, .Entegra .inverse.mat-chip {
    background-color: #1fc48e; }
    .PSL .inverse.lozenge:hover, .PSL .inverse.mat-chip:hover, .EntegraItaly .inverse.lozenge:hover, .EntegraItaly .inverse.mat-chip:hover, .EntegraSpain .inverse.lozenge:hover, .EntegraSpain .inverse.mat-chip:hover, .EntegraGermany .inverse.lozenge:hover, .EntegraGermany .inverse.mat-chip:hover, .Entegra .inverse.lozenge:hover, .Entegra .inverse.mat-chip:hover {
      background-color: #18986e; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.PSL .lozenge, .PSL .mat-chip, .EntegraItaly .lozenge, .EntegraItaly .mat-chip, .EntegraSpain .lozenge, .EntegraSpain .mat-chip, .EntegraGermany .lozenge, .EntegraGermany .mat-chip, .Entegra .lozenge, .Entegra .mat-chip {
  background-color: #18986e; }
  .PSL .lozenge:hover, .PSL .mat-chip:hover, .EntegraItaly .lozenge:hover, .EntegraItaly .mat-chip:hover, .EntegraSpain .lozenge:hover, .EntegraSpain .mat-chip:hover, .EntegraGermany .lozenge:hover, .EntegraGermany .mat-chip:hover, .Entegra .lozenge:hover, .Entegra .mat-chip:hover {
    background-color: #1fc48e; }
  .PSL .inverse.lozenge, .PSL .inverse.mat-chip, .EntegraItaly .inverse.lozenge, .EntegraItaly .inverse.mat-chip, .EntegraSpain .inverse.lozenge, .EntegraSpain .inverse.mat-chip, .EntegraGermany .inverse.lozenge, .EntegraGermany .inverse.mat-chip, .Entegra .inverse.lozenge, .Entegra .inverse.mat-chip {
    background-color: #1fc48e; }
    .PSL .inverse.lozenge:hover, .PSL .inverse.mat-chip:hover, .EntegraItaly .inverse.lozenge:hover, .EntegraItaly .inverse.mat-chip:hover, .EntegraSpain .inverse.lozenge:hover, .EntegraSpain .inverse.mat-chip:hover, .EntegraGermany .inverse.lozenge:hover, .EntegraGermany .inverse.mat-chip:hover, .Entegra .inverse.lozenge:hover, .Entegra .inverse.mat-chip:hover {
      background-color: #18986e; }

.Entegra .entegra-logo-login {
  width: 70%; }

.PSL .lozenge, .PSL .mat-chip {
  display: inline-block;
  color: white;
  padding: 3px 8px;
  border-radius: 5px;
  cursor: default;
  margin: 5px 10px 5px 0; }
  .PSL .lozenge .cdb-attribute-group-name, .PSL .mat-chip .cdb-attribute-group-name {
    background-color: #ed6e0c !important;
    color: white !important; }

.PSL cdb-lozenge.alternative .lozenge {
  background-color: #3461ac !important; }

.Entegra .lozenge, .Entegra .mat-chip {
  display: inline-block;
  color: white;
  padding: 3px 8px;
  border-radius: 5px;
  cursor: default;
  margin: 5px 10px 5px 0; }
  .Entegra .lozenge .cdb-attribute-group-name, .Entegra .mat-chip .cdb-attribute-group-name {
    background-color: #ed6e0c !important;
    color: white !important; }

.Entegra cdb-lozenge.alternative .lozenge {
  background-color: #3461ac !important; }

.EntegraItaly .lozenge, .EntegraItaly .mat-chip {
  display: inline-block;
  color: white;
  padding: 3px 8px;
  border-radius: 5px;
  cursor: default;
  margin: 5px 10px 5px 0; }
  .EntegraItaly .lozenge .cdb-attribute-group-name, .EntegraItaly .mat-chip .cdb-attribute-group-name {
    background-color: #ed6e0c !important;
    color: white !important; }

.EntegraItaly cdb-lozenge.alternative .lozenge {
  background-color: #3461ac !important; }

.EntegraSpain .lozenge, .EntegraSpain .mat-chip {
  display: inline-block;
  color: white;
  padding: 3px 8px;
  border-radius: 5px;
  cursor: default;
  margin: 5px 10px 5px 0; }
  .EntegraSpain .lozenge .cdb-attribute-group-name, .EntegraSpain .mat-chip .cdb-attribute-group-name {
    background-color: #ed6e0c !important;
    color: white !important; }

.EntegraSpain cdb-lozenge.alternative .lozenge {
  background-color: #3461ac !important; }

.EntegraGermany .lozenge, .EntegraGermany .mat-chip {
  display: inline-block;
  color: white;
  padding: 3px 8px;
  border-radius: 5px;
  cursor: default;
  margin: 5px 10px 5px 0; }
  .EntegraGermany .lozenge .cdb-attribute-group-name, .EntegraGermany .mat-chip .cdb-attribute-group-name {
    background-color: #ed6e0c !important;
    color: white !important; }

.EntegraGermany cdb-lozenge.alternative .lozenge {
  background-color: #3461ac !important; }

.cdb-multi-select2 .imitate-select-items .limit-warning {
  position: absolute !important;
  top: 0; }

.cdb-multi-select2 .imitate-select-items .limit-warning + .imitate-select-items-node {
  margin-top: 17px; }

cdb-multi-select2.tiny {
  box-sizing: border-box; }
  cdb-multi-select2.tiny > * {
    box-sizing: border-box; }
  cdb-multi-select2.tiny .cdb-multi-select2 {
    width: 100%;
    display: block; }
    cdb-multi-select2.tiny .cdb-multi-select2 .imitate-select, cdb-multi-select2.tiny .cdb-multi-select2 .imitate-select-items, cdb-multi-select2.tiny .cdb-multi-select2 .imitate-select-items-node {
      width: 100%; }
  cdb-multi-select2.tiny .imitate-select-input.real-input {
    opacity: 0; }

cdb-multi-select2.tiny.active {
  z-index: 1; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
cdb-report-product {
  display: block; }
  cdb-report-product button {
    margin: 0 0 0 5px !important; }
  cdb-report-product .report-product-root {
    padding-bottom: 10px; }
  cdb-report-product .report-product-sort-buttons {
    position: absolute;
    top: 0;
    right: 20px; }
  cdb-report-product .report-product-attribute-groups-root {
    line-height: 32px;
    position: relative;
    padding: 0 20px;
    text-align: left; }
    cdb-report-product .report-product-attribute-groups-root label {
      width: auto !important;
      font-weight: bold;
      font-size: 0.9em; }

@media (max-width: 480px) {
  .report-product-attribute-groups-root label {
    max-width: 180px; } }

@media (max-width: 768px) {
  cdb-report-product .report-product-sort-buttons {
    position: absolute;
    top: 0;
    right: 20px;
    width: 60px; }
    cdb-report-product .report-product-sort-buttons button {
      width: 25px !important;
      padding: 0; } }

@media (min-width: 768px) {
  cdb-report-product .exclude-attribute {
    width: 580px; } }

@media (min-width: 960px) {
  cdb-report-product .exclude-attribute {
    width: 100px;
    position: absolute;
    right: 90px; } }

.cdb-tree-select .imitate-select-items-node {
  padding: 0px;
  padding-left: 10px; }

.cdb-tree-select label.check-list:after {
  right: 6px; }

.cdb-tree-select label:hover {
  background-color: #EEEEEE; }

.cdb-tree-select .imitate-select-items-node:hover {
  background-color: inherit; }

.cdb-tree-select .control-icon {
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 7px;
  z-index: 10; }

.cdb-tree-select .header {
  position: relative; }

.cdb-tree-select label.check-list {
  padding-left: 12px; }

.cdb-tree-select .fa-circle-thin {
  font-size: 40% !important;
  vertical-align: middle;
  margin-left: 2px;
  margin-top: -1px; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.gg-editable-text .original-text {
  border: 1px solid transparent; }

.gg-editable-text .original-text:hover, .gg-editable-text.editing {
  border: dashed #ccc 1px; }

.gg-editable-text input {
  border: dashed #ccc 1px; }

.gg-editable-text textarea:focus, .gg-editable-text input:focus {
  outline: 0; }

.gg-editable-text textarea, .gg-editable-text input {
  background: inherit;
  color: inherit;
  font: inherit;
  border: inherit;
  width: 100%;
  padding: inherit;
  margin: 0;
  height: inherit;
  -webkit-font-smoothing: inherit;
  line-height: inherit;
  display: inline-block;
  text-decoration: inherit; }

.gg-editable-text span {
  text-decoration: inherit; }

.gg-editable-text {
  cursor: text !important;
  position: relative;
  display: inline-block; }
  .gg-editable-text:after {
    font-family: 'FontAwesome';
    content: '\f040';
    position: absolute;
    right: -20px;
    top: 0;
    color: #52516b; }
  .gg-editable-text .editable-type-icon {
    position: absolute;
    right: 0;
    top: 1px; }
  .gg-editable-text.padding-right {
    padding-right: 13px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.gg-editable-text textarea, .gg-editable-text input {
  max-width: 100%;
  min-height: 17px;
  max-height: 17px;
  height: initial;
  overflow: hidden; }

.td.number.gg-editable-text textarea, .number .gg-editable-text input {
  text-align: right; }

.gg-editable-text span.original-text {
  width: 100%;
  display: block;
  min-height: 17px; }

.gg-editable-text.number textarea, .gg-editable-text.number input {
  text-align: right; }

.gg-editable-text .original-text {
  border: 1px solid transparent; }

.gg-editable-text .original-text:hover, .gg-editable-text input, .gg-editable-text.editing {
  border: 1px dashed #ccc; }

.gg-editable-text input:focus, .gg-editable-text textarea:focus {
  outline: 0; }

.gg-editable-text input, .gg-editable-text textarea {
  background: inherit;
  color: inherit;
  font: inherit;
  border: inherit;
  width: 100%;
  padding: inherit;
  margin: 0;
  height: inherit;
  -webkit-font-smoothing: inherit;
  line-height: inherit;
  display: inline-block;
  text-decoration: inherit; }

.gg-editable-text span {
  text-decoration: inherit; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.mini-nav {
  margin-top: 10px;
  margin-bottom: 10px; }
  .mini-nav span {
    margin-right: 10px;
    cursor: pointer; }

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #43364c;
  color: white;
  z-index: 9000;
  padding: 10px; }

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px; }

.permissions-picker {
  position: relative; }
  .permissions-picker .permission-filter {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .permissions-picker .permission-filter + .fa-search {
    top: 46px;
    right: 7px;
    position: absolute;
    display: inline; }
  .permissions-picker .permission-list {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #bbbbbb;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    border-top-color: white;
    background-color: white; }
    .permissions-picker .permission-list .permission-item {
      user-select: none;
      padding: 2px 10px; }
      .permissions-picker .permission-list .permission-item input[type='checkbox'] {
        display: inline-block !important;
        margin-right: 2px; }
      .permissions-picker .permission-list .permission-item label {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        max-width: 96%;
        margin-bottom: -4px;
        text-overflow: ellipsis; }
    .permissions-picker .permission-list .permission-item:hover {
      background-color: lightgray;
      cursor: pointer; }
      .permissions-picker .permission-list .permission-item:hover > * {
        cursor: pointer; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.sort-on.sort-on-asc, .sort-on.sort-on-desc {
  color: #5d4b6a; }
  .sort-on.sort-on-asc:hover, .sort-on.sort-on-desc:hover {
    color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.sort-on.sort-on-asc, .sort-on.sort-on-desc {
  color: #5d4b6a; }
  .sort-on.sort-on-asc:hover, .sort-on.sort-on-desc:hover {
    color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.sort-on.sort-on-asc, .sort-on.sort-on-desc {
  color: #5d4b6a; }
  .sort-on.sort-on-asc:hover, .sort-on.sort-on-desc:hover {
    color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.sort-on.sort-on-asc, .sort-on.sort-on-desc {
  color: #5d4b6a; }
  .sort-on.sort-on-asc:hover, .sort-on.sort-on-desc:hover {
    color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.sort-on.sort-on-asc, .sort-on.sort-on-desc {
  color: #5d4b6a; }
  .sort-on.sort-on-asc:hover, .sort-on.sort-on-desc:hover {
    color: #43364c; }

.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.sort-on {
  cursor: pointer;
  user-select: none; }

.sort-on:after {
  font-family: 'FontAwesome';
  padding-left: 4px;
  content: '\f0dc'; }

.sort-on.sort-on-asc:after {
  content: '\f0d8'; }

.sort-on.sort-on-desc:after {
  content: '\f0d7'; }

.ssrs-report-directive {
  background-color: white; }
  .ssrs-report-directive iframe {
    width: 100%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
 * MB: Sets the styling of the button/link element based on the level and the company.
 * `$button-type`: The type of the element, is it a button or a link?
 * `$company`: What company is this for? eg: psl, entegra
 * `$level`: The level of the colour, eg. primary, secondary, danger etc.
 */
.toggle-container .toggle-button, .toggle-container .toggle-button .toggle {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

/* this is for manage supplier groups - to make sure the toggl appears correcty inside a neted directive positioned relatively */
.pushTop div.toggle-button {
  top: 60%; }

.toggle-container {
  cursor: pointer;
  width: 42px; }
  .toggle-container .toggle-button {
    width: 40px;
    height: 20px;
    border-radius: 15px;
    border: 1px solid #bbb;
    background-color: white;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .toggle-container .toggle-button.active {
      background-color: #18986e; }
      .toggle-container .toggle-button.active .toggle {
        left: 50%; }
    .toggle-container .toggle-button .toggle {
      height: 15px;
      width: 15px;
      left: 5%;
      background-color: white;
      border-radius: 50%;
      border: 1px solid #bbb;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .toggle-container .toggle-button::after {
      clear: both; }
  .toggle-container .toggle-title {
    font-weight: bold;
    margin-left: 50px;
    max-width: 175px;
    cursor: pointer; }

.toggle-container.disabled {
  cursor: default; }
  .toggle-container.disabled .toggle-button {
    background-color: transparent; }
    .toggle-container.disabled .toggle-button .toggle {
      background-color: transparent; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.cdb-tooltip {
  position: relative;
  display: inline-block;
  margin-left: -2px;
  color: #3461ac;
  font-size: 1.1em; }
  .cdb-tooltip:hover > .tooltip-message, .cdb-tooltip:focus > .tooltip-message {
    display: inline-block; }
  .cdb-tooltip .tooltip-message {
    font-size: 14px;
    display: none;
    position: absolute;
    left: 17px;
    width: 380px;
    border-radius: 5px;
    padding: 5px 10px;
    background: #3461ac;
    color: white;
    z-index: 999;
    top: -7px;
    -moz-box-shadow: 0px 0px 10px 0px #5f5f5f;
    -webkit-box-shadow: 0px 0px 10px 0px #5f5f5f;
    box-shadow: 0px 0px 10px 0px #5f5f5f; }
    .cdb-tooltip .tooltip-message:hover {
      display: inline-block; }

.cdb-tooltip-left .tooltip-message {
  top: -100%;
  right: calc(100% + 18px);
  left: auto; }

.cdb-tooltip-parent:hover .cdb-tooltip > .tooltip-message, .cdb-tooltip-parent:focus > .tooltip-message {
  display: inline-block; }

/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #eee 0%, #fff 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("/Content/Images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(top, #ccc 0%, #eee 60%); }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/Content/Images/select2.png") no-repeat 0 1px; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("/Content/Images/select2.png") no-repeat 100% -22px;
  background: url("/Content/Images/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("/Content/Images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/Content/Images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("/Content/Images/select2.png") no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100%;
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(bottom, #fff 0%, #eee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("select2-spinner.gif") no-repeat 100%; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(top, #eee 1%, #fff 15%); }

.select2-locked {
  padding: 3px 5px 3px 5px !important; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4; }

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url(/Content/Images/select2.png) right top no-repeat; }

.select2-container-multi .select2-search-choice-close {
  left: 3px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px; }

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: url("select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important; }
  .select2-search input {
    background-position: 100% -21px !important; } }

/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff; }

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden; }

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4; }

.selectize-dropdown-header-close:hover {
  color: #000000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none; }

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important; }

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05); }

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa; }

.selectize-control {
  position: relative; }

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030; }

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff; }

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px; }

.selectize-input.full {
  background-color: #ffffff; }

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important; }

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1; }

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb; }

.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d; }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa; }

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: auto !important; }

.selectize-input > input:focus {
  outline: none !important; }

.selectize-input::after {
  display: block;
  clear: left;
  content: ' '; }

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' '; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer; }

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px; }

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none; }

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff; }

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd; }

.selectize-dropdown .active.create {
  color: #495c68; }

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer; }

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text; }

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' '; }

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px; }

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px; }

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5; }

.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px; }

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6; }

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none; }

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); }

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); }

.selectize-control.single .selectize-input {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8); }

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8; }

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold; }

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0; }

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.Entegra .entegra-logo-login {
  width: 70%; }

.ui-grid-draggable-row {
  height: 30px; }

.ui-grid-draggable-row-over {
  position: relative;
  color: #AAA; }

.ui-grid-draggable-row-over:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px dashed #AAA; }

.ui-grid-draggable-row-over--above:before {
  top: 0; }

.ui-grid-draggable-row-over--below:before {
  bottom: 0; }

/*
    Here we are setting the calculation variables for
    the input boxes and labels. As percentages do
    nasty things, all of the elements are using set
    pixel sizes.
*/
/*
    This is where we are setting the width of the <section> tag.
    We are doing this by removing 48px from the max width of 
    the screen (the media queries).
*/
/*
    The input boxes have both inpute-width and input-width-inline.
    This is because in portrait tablet / mobile size, the input
    boxes are full-width, whereas on desktop screens they are
    inline with the labels.
*/
/*
    The select and small input boxes to go with them are
    using a slightly different method. These are using
    the width of the input boxes, divided by 2.5. This way
    while they boxes are inline, they will always be 1/4
    of the width of the main input boxes.
*/
/*
    These variables are used as css selectors to make it easier
    to include or remove elements/classes from a block of css.
    This way if we add 'input[type=date] and .date-list and
    .date-block' to the variables, those elements will receive
    all appropriate styles without us needing to do anything
    else.
*/
.ui-grid-cell.number .cdbCellTemplate {
  text-align: right;
  float: none; }

.ui-grid-cell.cdbCellTemplate {
  display: flex; }
  .ui-grid-cell.cdbCellTemplate .ui-grid-cell-contents {
    width: 100% !important; }

.fa-pencil, .fa-trash {
  padding-left: 0; }

.ui-grid-viewport {
  /* MB: This is a Chrome thing. It prevents the super-fast scrolling introduced in new Chrome versions. */
  overflow-anchor: none; }

.ngCellText .placeholder {
  color: lightgray; }

.ui-grid-contents-wrapper .no-results {
  position: absolute;
  top: 60px;
  text-align: center;
  width: 100%;
  font-size: 1.2em;
  color: #999999; }

.wrap-headers .ui-grid-header-cell {
  vertical-align: bottom; }
  .wrap-headers .ui-grid-header-cell .ui-grid-cell-contents {
    white-space: normal;
    -ms-text-overflow: unset;
    -o-text-overflow: unset;
    text-overflow: unset; }

div.ui-grid-wrap .ui-grid-cell-contents, div.ui-grid-wrap .ui-grid-row-header-cell {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.2em;
  display: flex;
  align-items: center; }

.right .ui-grid-cell-contents, .ui-grid-cell-contents.right {
  justify-content: flex-end !important; }

div.ui-grid-small-filters input.ui-grid-filter-input {
  height: 50% !important; }

.ui-grid-highlight-input {
  background-color: #2aa1a9 !important; }
  .ui-grid-highlight-input .ui-grid-cell-contents:not(.ui-grid-cell-contents-hidden) {
    color: white !important; }
  .ui-grid-highlight-input .ui-grid-cell-contents.ui-grid-cell-contents-hidden {
    color: black !important; }

.ui-grid-header-cell {
  float: left; }

.ui-grid-checkbox-header:after {
  left: 7px;
  top: 0; }

.dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(4) {
  display: none; }

.dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(5) {
  display: none; }

@media (max-width: 959px) {
  .dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(3) {
    display: none; }
  .dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(4) {
    display: table-row; }
  .dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(5) {
    display: none; } }

@media (max-width: 767px) {
  .dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(3) {
    display: none; }
  .dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(4) {
    display: none; }
  .dashboard-spa .flex-outer .flex-content.totalRevenueByDate .tile-wrapper .tile #oReportCell table tr[valign='top']:nth-of-type(5) {
    display: table-row; } }