.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
* {
  padding: 0;
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

button, input, textarea, select, body {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
}

body {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  font-size: 0.875rem;
  color: #3C3D3C;
  text-rendering: optimizeLegibility;
}

a:link, a:visited {
  color: rgb(47, 95, 219);
  text-decoration: none;
  font-weight: 500;
}

a:hover {
  text-decoration: none;
}

.pull-right {
  float: right;
}

.container {
  width: 100%;
  max-width: 83.125rem;
  margin: 0 auto;
}

#wrapper {
  padding: 2rem;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

#content {
  min-height: 32rem;
  padding: 1rem;
}

#footer {
  padding: 4rem 2rem 2rem 2rem;
  background: rgb(47, 95, 219);
  color: #FFFFFF;
  margin-top: 4rem;
}
#footer .links {
  margin-top: 2rem;
  display: flex;
  font-size: 1rem;
}
#footer .links div {
  padding-right: 2rem;
}
#footer .links a {
  padding-right: 2rem;
  color: #FFFFFF;
}

.content {
  display: flex;
  flex-direction: column;
}

h1 {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 500;
  color: #3C3D3C;
  margin-bottom: 1rem;
}

h2 {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  color: rgb(47, 95, 219);
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 700;
}

h3 {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  color: #3C3D3C;
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 400;
}

h4 {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  color: #3C3D3C;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin: 0.25rem 0;
  padding-bottom: 0.125rem;
}

p {
  font-size: 0.875rem;
  margin: 1rem 0;
  line-height: 1.5rem;
}

ul, ol {
  padding-left: 1.5rem;
  line-height: 1.5rem;
}

.buttons {
  padding-top: 0.5rem;
}

.button {
  display: inline-flex;
  align-items: center;
  border: 0.125rem solid #E5E5E5;
  background: #FFFFFF;
  color: #3C3D3C;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 0.5rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  width: auto;
}
.button.small {
  padding: 0.125rem;
  margin: 0 0.125rem !important;
}
.button.inverse {
  border: 0.125rem solid rgb(47, 95, 219);
  background-color: rgb(47, 95, 219);
  color: #FFFFFF !important;
}
.button.inverse:hover {
  background: rgb(47, 95, 219);
  border-color: rgb(47, 95, 219);
}
.button.full {
  display: block;
  width: 100%;
  text-align: center;
}
.button.info {
  background-color: transparent;
  color: rgb(47, 95, 219);
  border-color: rgb(47, 95, 219);
}
.button.success {
  background-color: transparent;
  color: #94b86e;
  border-color: #94b86e;
}
.button.danger {
  background-color: transparent;
  color: #e25856;
  border-color: #e25856;
}

td .button {
  margin-right: 0;
}

a.button {
  color: #3C3D3C;
  font-weight: bold;
  text-decoration: none;
}

label {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  display: block;
  line-height: 1rem;
  padding: 0.5rem 0;
  cursor: pointer;
  margin: 0;
  font-size: 0.8125rem;
}

label.required:after {
  content: "*";
  font-weight: 700;
  padding-left: 0.25rem;
  color: #EF4136;
}

input, input[type=text], input[type=email], input[type=date], input[type=number], input[type=password], textarea, select {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  font-size: 0.8125rem;
  width: 100%;
  display: block;
  padding: 0.5rem 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  background: #fff;
  border: 0.125rem solid #E5E5E5;
  outline: none;
  margin-bottom: 0.5rem;
}
input:focus, input[type=text]:focus, input[type=email]:focus, input[type=date]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus, select:focus {
  border: 0.125rem solid rgb(47, 95, 219) !important;
  border-radius: 0.25rem !important;
  outline: none;
}

select {
  padding: 0.5rem 0.75rem;
}

td input {
  margin-bottom: 0 !important;
}

.form-error {
  background: #e25856;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  border-radius: 0.125rem;
  margin-top: -0.5rem;
  margin: -0.375rem 0.25rem 0.25rem 0.25rem;
  font-size: 0.75rem;
}

.form-check label {
  display: inline-block;
  width: auto;
}

.checkbox input,
.radio input {
  display: none;
}

.checkbox label,
.radio label {
  display: block;
  cursor: pointer;
  padding: 0.5rem 1rem 0.5rem 2rem;
  position: relative;
}

.checkbox input + label > span.checkbox {
  position: absolute;
  left: 0.4rem;
  top: 0.3rem;
  display: block;
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #22246b;
}

.checkbox input:checked + label > span.checkbox {
  background-color: #22246b;
}

.checkbox input:checked + label > span.checkbox:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 0.4rem;
  height: 0.8rem;
  transform: rotate(45deg);
  position: absolute;
  top: 0rem;
  left: 0.3rem;
}

.radio input + label > span.radio {
  position: absolute;
  left: 0.25rem;
  top: 0.45rem;
  display: block;
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid rgb(47, 95, 219);
}

.radio input:checked + label > span.radio:after {
  content: "";
  display: block;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  background-color: rgb(47, 95, 219);
}

.danger {
  border-color: #e25856;
  background: #e25856;
  color: rgba(255, 255, 255, 0.87);
}

.success {
  border-color: #94b86e;
  background: #94b86e;
  color: rgba(255, 255, 255, 0.87);
}

.info {
  border-color: rgb(47, 95, 219);
  background: rgb(47, 95, 219);
  color: rgba(255, 255, 255, 0.87);
}

.primary {
  border-color: rgb(47, 95, 219);
  background: rgb(47, 95, 219);
  color: rgba(255, 255, 255, 0.87) !important;
}

.secondary {
  border-color: #000;
  background: #000;
  color: rgba(255, 255, 255, 0.87) !important;
}

.text-smaller {
  font-size: 0.75rem;
}

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

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

.c-primary {
  color: rgb(47, 95, 219);
}

.c-danger {
  color: #e25856 !important;
}

.c-success {
  color: #94b86e !important;
}

.code-error {
  color: #e25856;
  padding: 0.5rem 1rem;
  font-weight: 500;
}

.text-danger {
  color: #e25856;
}

.c-gray {
  color: #E5E5E5;
}

.c-black {
  color: #000;
}

.nowrap, .no-wrap {
  white-space: nowrap;
}

.label {
  display: inline-block;
  line-height: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  font-weight: 500;
  font-size: 0.6875rem;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  margin: -4px 0;
}

.message {
  border-radius: 2px;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  font-weight: 400;
  position: relative;
  line-height: 1rem;
  letter-spacing: 1px;
}

.message.success,
.message.danger,
.message.warning,
.message.info {
  padding-left: 3.5rem;
}

.message::before {
  content: "";
  font-size: 1.5rem;
  font-family: "Material Icons";
  position: absolute;
  left: 1rem;
  top: 50%;
  color: rgba(255, 255, 255, 0.75);
  margin-top: -0.5rem;
}

.message.success::before {
  content: "\e877";
}

.message.danger::before {
  content: "\e000";
}

.message.warning::before {
  content: "\e002";
}

.message.info::before {
  content: "\e88e";
}

.message.large {
  padding: 2.5rem 5rem;
}

.message.large::before {
  left: 2rem;
}

.white-text {
  color: #fff;
}

.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 1rem;
  background: #000;
  transition: all 0.5s ease;
  transform: translateY(0);
}
.cookie-consent .accept-cookies {
  margin-left: 1rem;
  transition: all 0.3s ease;
}
.cookie-consent .accept-cookies:hover {
  background: #313131;
}
.cookie-consent.hidden {
  transform: translateY(5rem);
}

table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
table thead th {
  font-weight: 500;
  background-color: rgb(47, 95, 219);
  color: #FFFFFF;
  text-align: left;
  padding: 0.6125rem 1rem;
}
table tbody tr:nth-child(2n+2) {
  background-color: rgb(244, 245, 246);
}
table tbody tr td {
  padding: 0.5rem 1rem;
  line-height: 1.5rem;
}
table tfoot {
  border-top: 2px solid rgb(47, 95, 219);
}
table tfoot tr td {
  padding: 0.5rem 1rem;
  line-height: 1.5rem;
}
table.no-rows tbody tr:nth-child(2n+2) {
  background-color: #FFFFFF;
}
table.data tr:nth-child(2n+2),
table.data tbody tr:nth-child(2n+2) {
  background-color: transparent !important;
}

.pagination {
  padding: 0 0.5rem;
  border-top: 2px solid rgb(47, 95, 219);
}

.pagination-results {
  padding: 0.5rem 0;
  font-size: 0.6875rem;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1.25rem;
}

.pagination-links {
  padding-top: 0.25rem;
  margin-right: -0.5rem;
}
.pagination-links a {
  line-height: 1.25rem;
  display: inline-block;
  padding: 0.5rem 0.25rem;
}
.pagination-links a:hover {
  text-decoration: none;
  background-color: rgba(30, 94, 164, 0.25);
}
.pagination-links a.current {
  text-decoration: none;
  color: #FFFFFF;
  background-color: rgb(47, 95, 219);
}
.pagination-links a i {
  line-height: 0.25rem;
  font-size: 1.5rem;
  padding: 0 0.5rem;
  position: relative;
  top: 7px;
}

.pagination-links a span {
  padding: 0 0.75rem;
}

.no-wrap,
.nowrap {
  white-space: nowrap;
}

#cart table td {
  padding: 0.5rem;
}

table.data {
  margin: 0;
  margin-bottom: 1rem;
}
table.data tbody td {
  padding: 0.25rem 0;
}

table.data tr:hover,
table.data tbody tr:hover {
  background-color: transparent !important;
}

table.data tbody tr th {
  font-weight: 600;
  padding: 0.25rem 0;
  text-align: left;
  width: 10rem;
}

#main-navigation {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 3rem;
  background-color: rgb(47, 95, 219);
  z-index: 100;
  transition: height 1s;
  overflow: hidden;
}
#main-navigation .toggle-main-navigation {
  display: none;
  text-decoration: none;
  cursor: pointer;
}
#main-navigation a {
  cursor: pointer;
  display: inline-block;
  padding: 0 1rem 0rem 3rem;
  line-height: 3rem;
  color: rgba(255, 255, 255, 0.87);
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  font-size: 0.8125rem;
}
#main-navigation a i {
  line-height: 1rem;
  position: absolute;
  left: 1rem;
  top: 1rem;
}
#main-navigation a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

.main-info {
  background-color: #f5f5f5;
  border-radius: 0.5rem;
  margin-top: 2rem;
  padding-bottom: 0.5rem;
}
.main-info h3 {
  font-weight: 700;
  padding: 1rem 0.5rem 0.25rem 0;
  font-size: 1rem;
  margin-left: -3.5rem;
}
.main-info .box {
  padding: 0.5rem 1rem 1rem 6rem;
  position: relative;
  text-transform: uppercase;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.75rem;
}
.main-info .box i {
  position: absolute;
  top: 3.25rem;
  left: 2.25rem;
  font-weight: normal;
  text-transform: none;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.75);
  font-size: 3rem;
}
.main-info .change-company {
  padding: 1rem 0;
}
.main-info table.data td, .main-info table.data th {
  font-size: 0.75rem;
  padding: 0.25rem;
}

.big-number {
  letter-spacing: 0;
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  padding: 0 0 0.25rem 0.25rem;
  line-height: 2.5rem;
  margin-right: -0.5rem;
  text-shadow: 1px 1px 1px #FFF;
}
.big-number .decimal {
  font-size: 1rem;
  font-weight: normal;
  position: relative;
  bottom: 0.7rem;
  right: 0.5rem;
  margin-right: -0.25rem;
  line-height: 1rem;
}

#category-tree {
  padding: 0 0.5rem;
  margin: 0;
  list-style: none;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#category-tree ul {
  list-style: none;
  margin: 0;
  padding: 0.5rem;
  min-width: 100%;
}
#category-tree li {
  padding: 0;
  margin: 0;
  position: relative;
  display: inline-block;
}
#category-tree li.parent ul li .category-item {
  padding: 0.75rem 1rem;
}
#category-tree li.parent > .category-item {
  padding: 0.75rem 2rem 0.75rem 1rem !important;
}
#category-tree li.parent ul li .category-item, #category-tree li.parent ul li {
  display: block;
}
#category-tree li.parent:after {
  content: "\e313";
  font-size: 1.5rem;
  font-family: "Material Icons";
  position: absolute;
  right: 0.25rem;
  top: 0.635rem;
  color: #848484;
  transition: all 0.33s;
  transform: rotate(-90deg);
}
#category-tree li.parent > ul {
  display: none;
  position: absolute;
  left: 0;
  background: #FFF;
  z-index: 5;
  border-radius: 0.25rem;
  /* border: 1px solid #d3d3d3; */
  box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
}
#category-tree li.parent ul.right {
  left: 50%;
  top: 1rem;
}
#category-tree li.parent.open > ul, #category-tree li.parent:hover > ul {
  height: auto;
  display: block;
}
#category-tree li.parent:hover:after {
  transform: rotate(-270deg);
}
#category-tree li.root.parent:after {
  transform: rotate(0deg);
}
#category-tree li.root.parent:hover:after {
  transform: rotate(-180deg);
}
#category-tree .category-item {
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  white-space: nowrap;
}
#category-tree .category-item:hover {
  color: rgb(47, 95, 219);
  /* text-decoration: underline; */
}
#category-tree .category-item.active {
  font-weight: 700;
}

#search-bar {
  margin-bottom: 1rem;
  position: relative;
}
#search-bar input.search {
  background-color: #fff;
  border: none;
  border: 2px solid rgb(47, 95, 219);
  padding: 1rem 1rem 1rem 4rem;
  font-weight: 500;
  font-size: 1rem;
  color: #111;
  position: relative;
  margin: 1rem 0;
}
#search-bar input.search::-moz-placeholder {
  color: rgba(255, 255, 255, 0.87);
  color: #333;
}
#search-bar input.search::placeholder {
  color: rgba(255, 255, 255, 0.87);
  color: #333;
}
#search-bar input.search:focus {
  background-color: #fec401;
  background: #FFF;
}
#search-bar input.search:focus::-moz-placeholder {
  color: #ccc;
}
#search-bar input.search:focus::placeholder {
  color: #ccc;
}
#search-bar input.search + i {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: inline-block;
  font-family: "Material Icons";
  font-size: 2.5rem;
  line-height: 1;
  z-index: 4;
  color: #111;
}
#search-bar input.search:focus + i,
#search-bar input.search.hascontent + i {
  color: rgba(0, 0, 0, 0.78);
}

.shopping-cart {
  background: #f7f7f7;
  padding: 1rem;
  position: fixed;
  right: -22.5rem;
  top: 3rem;
  bottom: 0rem;
  width: 22.5rem;
  overflow-x: hidden;
  transition: right 1s;
  height: auto;
  border-bottom: 0.25rem solid rgb(47, 95, 219);
  z-index: 1002;
}
.shopping-cart.visible {
  display: block;
  right: 0rem;
}
.shopping-cart table td {
  padding: 0.25rem;
  font-size: 0.75rem;
}
.shopping-cart .button {
  font-size: 0.875rem;
}

.shopping-cart-products {
  position: relative;
  right: 0rem;
  display: inline-block;
  text-align: center;
  line-height: 3rem;
  font-size: 1rem;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
}

.sidebar h2 {
  font-weight: normal;
  padding: 0.25rem 0.5rem;
  font-size: 1.25rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.sidebar h3 {
  font-weight: normal;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sidebar p {
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

.product-header {
  color: rgb(47, 95, 219);
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

#products .loading {
  padding: 2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fec401;
  display: none;
}
#products .loading img {
  margin-bottom: 2rem;
}
#products .products {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
  justify-content: center;
}
#products .products .product {
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  flex-grow: 1;
  flex-basis: 25%;
  flex-direction: column;
  background: #fff;
  max-width: 32rem;
  min-width: 10rem;
  margin-bottom: 1rem;
}
#products .products .product h4 {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  margin: 0;
  margin-top: 0.5rem;
  text-align: center;
}
#products .products .product .product-info {
  margin-top: auto;
}
#products .products .product .product-info .price {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.75rem;
  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
  text-align: center;
  color: #676767;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
#products .products .product .product-info .price span.variable {
  position: relative;
  font-weight: 500;
  font-size: 0.875rem;
}

.product-info .unit {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 0.5rem 1rem 0rem 1rem;
  text-align: center;
  color: #878787;
}

.product .product-image {
  background: #F3F3F3;
  background: #FFF;
  border-radius: 0.5rem;
}

.product .product-image img {
  max-width: 100%;
  background: #F3F3F3;
  border-radius: 0.5rem;
}

.product .buttons .button {
  margin-top: 0.25rem;
  width: 100%;
}

.product-thumbs {
  margin-bottom: 2rem;
}

.product-thumbs img {
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  padding: 0.25rem;
  cursor: pointer;
  margin: 0.25rem;
}

#dimmer {
  cursor: url("/assets/images/close_white.png"), auto;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 900;
  background: rgba(0, 0, 0, 0.66);
}

#modal {
  display: none;
  position: fixed;
  left: 10%;
  right: 10%;
  top: 10%;
  max-height: 80%;
  background: #FFF;
  z-index: 1001;
  padding: 2rem;
  overflow: auto;
}

.modal-header-close {
  position: absolute;
  right: 2.25rem;
  top: 2.25rem;
}

.modal-close-button {
  display: inline-block;
  line-height: 2rem;
  margin: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-align: center;
}
.modal-close-button:hover {
  background-color: #e25856;
  color: #FFF;
}
.modal-close-button i {
  width: 24px;
  height: 24px;
  line-height: 2rem;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#supplier-form h4 {
  margin-top: 1rem;
}

#splash {
  font-family: "Poppins", "Roboto", Helvetica, Arial, "Nimbus Sans", sans-serif;
  background: #000 url("/assets/images/login-splash.jpg") center center no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

#splash-side {
  width: 40%;
  max-width: 37.5rem;
  min-width: 24rem;
  background: rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.66);
  background: #FFF;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 0;
  overflow: visible;
}
#splash-side h1 {
  letter-spacing: -1px;
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: 400;
}
#splash-side h1 b {
  font-weight: 700;
}
#splash-side h1 span {
  color: rgb(47, 95, 219);
}
#splash-side h2 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5;
}
#splash-side p {
  font-size: 0.875rem;
  padding: 1rem 0;
}

.login {
  position: relative;
  right: -6rem;
  padding: 2rem 3rem;
  background: #fff;
  text-align: center;
  border-radius: 0.75rem;
  box-shadow: 0px 12px 18px 2px rgba(0, 0, 0, 0.1), 0px 6px 24px 5px rgba(0, 0, 0, 0.05), 0px 8px 8px -7px rgba(0, 0, 0, 0.15);
}
.login label {
  text-align: left;
  padding-top: 0.5rem;
}
.login input {
  background: #fff;
  border: 0.125rem solid #f5f5f5;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 3px 1px -2px rgba(0, 0, 0, 0.08), 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
  #main-navigation {
    height: 3rem;
  }
  #main-navigation.shown {
    height: auto;
  }
  #main-navigation .toggle-shopping-cart {
    position: absolute;
    top: 0rem;
    right: 0rem;
  }
  #main-navigation .toggle-main-navigation {
    display: block;
  }
  #main-navigation a {
    display: block;
    float: none;
  }
}