/*
    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.
*/
.loading-indicator {
  text-align: center;
  font-size: 5em;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #dfdfdf;
  margin: 0; }
  .loading-indicator.dark {
    color: #666666; }
  .loading-indicator.small {
    font-size: 2em; }
  .loading-indicator {
    padding: 20px; }

section.card {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

section.portal {
  margin: 0 auto;
  height: auto;
  min-height: 100%;
  width: 90%;
  max-width: 90%;
  padding: 1em 2em 2em 2em; }

section .no-data-message {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }

.clickable {
  padding: 7px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  .clickable:hover {
    background-color: #d4d3d3; }
  .clickable:active {
    background-color: #bcbcbc; }

.danger {
  color: #ff0000; }

.bold {
  font-weight: bold; }

.client-logo {
  max-width: 200px;
  max-height: 150px; }

.app-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }

button .chevron, .button .chevron {
  transform: rotate(0);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

button .chevron.open, .button .chevron.open {
  transform: rotate(-180deg);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

.allergen-filter-container {
  padding: 5px 0;
  border-top: 1px solid #252525; }
  .allergen-filter-container .allergen-filter-list {
    padding: 5px 0;
    border-bottom: 1px solid #252525;
    display: flex;
    flex-flow: row wrap; }
    .allergen-filter-container .allergen-filter-list > * {
      width: 25%;
      padding: 5px 0;
      margin: 2px 0; }

.check-list {
  padding-left: 22px; }
  .check-list:after {
    left: 0;
    right: auto; }

.th span {
  font-weight: bold; }

.th.th-allergen {
  height: 70px; }
  .th.th-allergen > span {
    transform: rotate(-90deg);
    text-align: left;
    width: 150px;
    position: absolute;
    left: 21px;
    display: block;
    height: 14px;
    transform-origin: left;
    bottom: 0px; }

.table-row > .recipe {
  width: 100%; }

.table-row:nth-child(even):hover .td.menu, .table-row:nth-child(even):hover .td.service-period, .table-row:nth-child(even):hover .td.url-service-period, .table-row:nth-child(odd):hover .td.menu, .table-row:nth-child(odd):hover .td.service-period, .table-row:nth-child(odd):hover .td.url-service-period {
  background-color: #9c9ca9; }

.table-row:nth-child(even):hover .td.url-service-period, .table-row:nth-child(odd):hover .td.url-service-period {
  background-color: #9c9ca9; }

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

.td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .td.service-period, .td.url-service-period, .td.menu {
    font-weight: bold;
    cursor: pointer !important; }
    .td.service-period .handle, .td.url-service-period .handle, .td.menu .handle {
      padding: 5px 10px; }
  .td.menu, .td.service-period, .td.url-service-period {
    background-color: #43364c;
    color: white; }
  .td.url-service-period {
    background-color: #43364c;
    padding-left: 30px; }
  .td.allergen {
    text-align: center; }

@media (max-width: 959px) {
  .mobile-hide {
    display: none !important; }
  .table-row {
    margin-bottom: 1px !important; } }

@media (min-width: 960px) {
  .mobile-show {
    display: none !important; }
  .table-row .th.th-allergen {
    height: 70px !important; }
  .table-row .td.recipe .recipe-name, .table-row .td.url-recipe .recipe-name {
    padding-left: 40px; }
  .table-row .td.url-recipe .recipe-name {
    padding-left: 65px; } }

/*
    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[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: #5d4b6a; }
  input[type=checkbox]:checked + .check-list:hover:after, input[type=checkbox]:checked + .check-list-inline:hover:after, input[type=checkbox]:checked + .v-centered-checkbox:hover:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:hover:after, input[type=checkbox]:checked + .mapping-widget:hover:after {
    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[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: #5d4b6a; }
  input[type=checkbox]:checked + .check-list:hover:after, input[type=checkbox]:checked + .check-list-inline:hover:after, input[type=checkbox]:checked + .v-centered-checkbox:hover:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:hover:after, input[type=checkbox]:checked + .mapping-widget:hover:after {
    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[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: #5d4b6a; }
  input[type=checkbox]:checked + .check-list:hover:after, input[type=checkbox]:checked + .check-list-inline:hover:after, input[type=checkbox]:checked + .v-centered-checkbox:hover:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:hover:after, input[type=checkbox]:checked + .mapping-widget:hover:after {
    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[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: #5d4b6a; }
  input[type=checkbox]:checked + .check-list:hover:after, input[type=checkbox]:checked + .check-list-inline:hover:after, input[type=checkbox]:checked + .v-centered-checkbox:hover:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:hover:after, input[type=checkbox]:checked + .mapping-widget:hover:after {
    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[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: #5d4b6a; }
  input[type=checkbox]:checked + .check-list:hover:after, input[type=checkbox]:checked + .check-list-inline:hover:after, input[type=checkbox]:checked + .v-centered-checkbox:hover:after, input[type=checkbox]:checked + .cdb-attribute-checkbox:hover:after, input[type=checkbox]:checked + .mapping-widget:hover:after {
    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.
 */
.indented-element-padding, ul.dropdown-menu {
  margin-left: 270px; }

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

@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; }

.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; }

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

body {
  font-family: "Ballinger", sans-serif;
  color: #666666;
  font-weight: normal;
  font-size: 14px;
  line-height: 17.5px;
  position: relative; }

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

section {
  background-color: #ececec;
  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; }

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 #252525; }

.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; }

.imitate-select-root, .mat-select {
  display: inline;
  position: relative;
  height: 30px; }

.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: #ececec; }

.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: #ff0000 !important; }

.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: #ececec; }

.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; }

.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: #ececec !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: #666666; }

.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; }

/*
    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.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.
*/
/*
    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.
*/

/*
    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; }

.dangerRow {
  background-color: #ff0000 !important;
  color: white !important; }

.highlightRow.dangerRow {
  background-color: #ab2942 !important;
  color: white !important; }

tbody tr:not(.blank):hover {
  cursor: default;
  background-color: #CAD0E1;
  color: #252525; }
  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: #252525; }
    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 {
      display: table-cell;
      height: auto !important;
      width: 15%; }
      .table .th.large, .table .td.large {
        width: 33%; }
      .table .th.small, .table .td.small {
        width: 3%; }
      .table .th.center, .table .td.center {
        text-align: center !important; }
      .table .th.number, .table .td.number {
        width: 70px; }
    .table .th {
      font-weight: bold;
      text-align: center;
      padding: 5px;
      vertical-align: bottom; }
    .table .td {
      vertical-align: middle;
      /* Removes the mobile headers */ }
      .table .td.number {
        text-align: right; }
      .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; }

.th span {
  font-weight: bold; }

.th.th-allergen {
  height: 70px; }
  .th.th-allergen > span {
    transform: rotate(-90deg);
    text-align: left;
    width: 150px;
    position: absolute;
    left: 21px;
    display: block;
    height: 14px;
    transform-origin: left;
    bottom: 0px; }

.table-row > .recipe {
  width: 100%; }

.table-row:nth-child(even):hover .td.menu, .table-row:nth-child(even):hover .td.service-period, .table-row:nth-child(even):hover .td.url-service-period, .table-row:nth-child(odd):hover .td.menu, .table-row:nth-child(odd):hover .td.service-period, .table-row:nth-child(odd):hover .td.url-service-period {
  background-color: #5d4b6a; }

.table-row:nth-child(even):hover .td.url-service-period, .table-row:nth-child(odd):hover .td.url-service-period {
  background-color: #5d4b6a; }

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

.td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .td.service-period, .td.url-service-period, .td.menu {
    font-weight: bold;
    cursor: pointer !important; }
    .td.service-period .handle, .td.url-service-period .handle, .td.menu .handle {
      padding: 5px 10px; }
  .td.menu, .td.service-period, .td.url-service-period {
    background-color: #43364c; }
    .td.menu > *, .td.service-period > *, .td.url-service-period > * {
      color: white; }
  .td.url-service-period {
    background-color: #43364c;
    padding-left: 30px; }
  .td.allergen {
    text-align: center; }

@media (max-width: 959px) {
  .mobile-hide {
    display: none !important; }
  .table-row {
    margin-bottom: 1px !important; } }

@media (min-width: 960px) {
  .mobile-show {
    display: none !important; }
  .table-row .th {
    padding: 0; }
    .table-row .th.th-allergen {
      height: 70px !important; }
  .table-row .td.recipe .recipe-name, .table-row .td.url-recipe .recipe-name {
    padding-left: 40px; }
  .table-row .td.url-recipe .recipe-name {
    padding-left: 65px; } }

/*
    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.
*/
span, p, a, i, label, div {
  color: #43364c; }
  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: #ff0000; }
  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: #e9e9ee; }
  span.hint, p.hint, a.hint, i.hint, label.hint, div.hint {
    color: #e9e9ee;
    font-style: italic; }

/*
    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%; }