@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i,700,700i");
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  margin: 0;
  height: 100%;
}

body {
  font-family: Nunito, Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(32, 177, 211, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #20B1D3;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #FFFFFF;
  border-color: #20B1D3;
  background-color: #20B1D3;
}

hr {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0;
  margin-right: 0;
}

.line-behind {
  text-align: center;
  overflow: hidden;
}
.line-behind span {
  display: inline-block;
  position: relative;
}
.line-behind span:before, .line-behind span:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #dadada;
  top: calc(50% - 1px);
  width: 80px;
}
.line-behind span:before {
  right: 100%;
  margin-right: 0.05em;
}
.line-behind span:after {
  left: 100%;
  margin-left: 0.05em;
}

.btn.btn-black-gradient {
  color: #fff;
  background: #1d1d1d;
  background: -webkit-linear-gradient(top, #1d1d1d 0%, black 100%);
  background: linear-gradient(to bottom, #1d1d1d 0%, black 100%);
}
.btn.btn-black-gradient:hover {
  background: #363636;
  background: -webkit-linear-gradient(top, #363636 0%, #101010 100%);
  background: linear-gradient(to bottom, #363636 0%, #101010 100%);
}

hr.black {
  border-top: 1px solid #101010;
}

.line-behind.line-black {
  border-bottom-color: #101010;
}
.line-behind.line-black > .text {
  color: #101010;
}
.line-behind.line-black > .text:before {
  background: #f6f6f6;
  background: -webkit-linear-gradient(left, #f6f6f6 0%, #101010 100%);
  background: linear-gradient(to right, #f6f6f6 0%, #101010 100%);
}
.line-behind.line-black > .text:after {
  background: #f6f6f6;
  background: -webkit-linear-gradient(right, #f6f6f6 0%, #101010 100%);
  background: linear-gradient(to left, #f6f6f6 0%, #101010 100%);
}

.bg-black {
  color: #fff;
  background-color: #101010 !important;
}

.bg-black-o10 {
  color: #101010;
  background-color: rgba(16, 16, 16, 0.1);
}

.bg-black-o25 {
  color: #101010;
  background-color: rgba(16, 16, 16, 0.25);
}

.bg-black-o50 {
  color: #fff;
  background-color: rgba(16, 16, 16, 0.5);
}

.bg-black-o75 {
  color: #fff;
  background-color: rgba(16, 16, 16, 0.75);
}

.bg-black-gradient {
  color: #fff;
  background: #1d1d1d;
  background: -webkit-linear-gradient(top, #1d1d1d 0%, black 100%);
  background: linear-gradient(to bottom, #1d1d1d 0%, black 100%);
}

.btn.btn-black-gradient-radial {
  color: #fff;
  background: #1d1d1d;
  background: -webkit-radial-gradient(center, circle cover, #1d1d1d 0%, black 100%);
  background: radial-gradient(circle at center, #1d1d1d 0%, black 100%);
}
.btn.btn-black-gradient-radial:hover {
  background: #363636;
  background: -webkit-radial-gradient(center, circle cover, #363636 0%, #101010 100%);
  background: radial-gradient(circle at center, #363636 0%, #101010 100%);
}

.bg-black-gradient-radial {
  color: #fff;
  background: #363636;
  background: -webkit-radial-gradient(center, circle cover, #363636 0%, black 100%);
  background: radial-gradient(circle at center, #363636 0%, black 100%);
}

.control-black .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(16, 16, 16, 0.25);
}

.control-black .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #101010;
}

.control-black .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #101010;
  background-color: #101010;
}

.custom-range-black::-webkit-slider-thumb,
.custom-range-black::-webkit-slider-thumb:active {
  background-color: #101010;
}

.border-black {
  border-color: #101010 !important;
}

.text-black {
  color: #101010 !important;
}

.slim-panel.slim-panel-black > div {
  padding: 3px;
}
.slim-panel.slim-panel-black > div > h1, .slim-panel.slim-panel-black > div h2, .slim-panel.slim-panel-black > div h3, .slim-panel.slim-panel-black > div h4, .slim-panel.slim-panel-black > div h5, .slim-panel.slim-panel-black > div h6, .slim-panel.slim-panel-black > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-black > .heading {
  color: #fff;
  background-color: #101010;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-black > .content {
  border-left: 1px solid #101010 !important;
  border-bottom: 1px solid #101010 !important;
  border-right: 1px solid #101010 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-black > .content.color-match {
  color: #101010;
  background-color: #fff;
}

.btn.btn-lilac-gradient {
  color: #000;
  background: #abbde7;
  background: -webkit-linear-gradient(top, #abbde7 0%, #6f8ed6 100%);
  background: linear-gradient(to bottom, #abbde7 0%, #6f8ed6 100%);
}
.btn.btn-lilac-gradient:hover {
  background: #d2dcf2;
  background: -webkit-linear-gradient(top, #d2dcf2 0%, #97ADE1 100%);
  background: linear-gradient(to bottom, #d2dcf2 0%, #97ADE1 100%);
}

hr.lilac {
  border-top: 1px solid #97ADE1;
}

.line-behind.line-lilac {
  border-bottom-color: #97ADE1;
}
.line-behind.line-lilac > .text {
  color: #97ADE1;
}
.line-behind.line-lilac > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #97ADE1 100%);
  background: linear-gradient(to right, white 0%, #97ADE1 100%);
}
.line-behind.line-lilac > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #97ADE1 100%);
  background: linear-gradient(to left, white 0%, #97ADE1 100%);
}

.bg-lilac {
  color: #000;
  background-color: #97ADE1 !important;
}

.bg-lilac-o10 {
  color: #97ADE1;
  background-color: rgba(151, 173, 225, 0.1);
}

.bg-lilac-o25 {
  color: #97ADE1;
  background-color: rgba(151, 173, 225, 0.25);
}

.bg-lilac-o50 {
  color: #000;
  background-color: rgba(151, 173, 225, 0.5);
}

.bg-lilac-o75 {
  color: #000;
  background-color: rgba(151, 173, 225, 0.75);
}

.bg-lilac-gradient {
  color: #000;
  background: #abbde7;
  background: -webkit-linear-gradient(top, #abbde7 0%, #6f8ed6 100%);
  background: linear-gradient(to bottom, #abbde7 0%, #6f8ed6 100%);
}

.btn.btn-lilac-gradient-radial {
  color: #000;
  background: #abbde7;
  background: -webkit-radial-gradient(center, circle cover, #abbde7 0%, #6f8ed6 100%);
  background: radial-gradient(circle at center, #abbde7 0%, #6f8ed6 100%);
}
.btn.btn-lilac-gradient-radial:hover {
  background: #d2dcf2;
  background: -webkit-radial-gradient(center, circle cover, #d2dcf2 0%, #97ADE1 100%);
  background: radial-gradient(circle at center, #d2dcf2 0%, #97ADE1 100%);
}

.bg-lilac-gradient-radial {
  color: #000;
  background: #d2dcf2;
  background: -webkit-radial-gradient(center, circle cover, #d2dcf2 0%, #5c7ed0 100%);
  background: radial-gradient(circle at center, #d2dcf2 0%, #5c7ed0 100%);
}

.control-lilac .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(151, 173, 225, 0.25);
}

.control-lilac .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #97ADE1;
}

.control-lilac .custom-control-input:checked ~ .custom-control-label::before {
  color: #000;
  border-color: #97ADE1;
  background-color: #97ADE1;
}

.custom-range-lilac::-webkit-slider-thumb,
.custom-range-lilac::-webkit-slider-thumb:active {
  background-color: #97ADE1;
}

.border-lilac {
  border-color: #97ADE1 !important;
}

.text-lilac {
  color: #97ADE1 !important;
}

.slim-panel.slim-panel-lilac > div {
  padding: 3px;
}
.slim-panel.slim-panel-lilac > div > h1, .slim-panel.slim-panel-lilac > div h2, .slim-panel.slim-panel-lilac > div h3, .slim-panel.slim-panel-lilac > div h4, .slim-panel.slim-panel-lilac > div h5, .slim-panel.slim-panel-lilac > div h6, .slim-panel.slim-panel-lilac > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-lilac > .heading {
  color: #000;
  background-color: #97ADE1;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-lilac > .content {
  border-left: 1px solid #97ADE1 !important;
  border-bottom: 1px solid #97ADE1 !important;
  border-right: 1px solid #97ADE1 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-lilac > .content.color-match {
  color: #97ADE1;
  background-color: #fff;
}

.btn.btn-light-gray-gradient {
  color: #000;
  background: #e8e8e8;
  background: -webkit-linear-gradient(top, #e8e8e8 0%, #c2c2c2 100%);
  background: linear-gradient(to bottom, #e8e8e8 0%, #c2c2c2 100%);
}
.btn.btn-light-gray-gradient:hover {
  background: white;
  background: -webkit-linear-gradient(top, white 0%, #DBDBDB 100%);
  background: linear-gradient(to bottom, white 0%, #DBDBDB 100%);
}

hr.light-gray {
  border-top: 1px solid #DBDBDB;
}

.line-behind.line-light-gray {
  border-bottom-color: #DBDBDB;
}
.line-behind.line-light-gray > .text {
  color: #DBDBDB;
}
.line-behind.line-light-gray > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #DBDBDB 100%);
  background: linear-gradient(to right, white 0%, #DBDBDB 100%);
}
.line-behind.line-light-gray > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #DBDBDB 100%);
  background: linear-gradient(to left, white 0%, #DBDBDB 100%);
}

.bg-light-gray {
  color: #000;
  background-color: #DBDBDB !important;
}

.bg-light-gray-o10 {
  color: #DBDBDB;
  background-color: rgba(219, 219, 219, 0.1);
}

.bg-light-gray-o25 {
  color: #DBDBDB;
  background-color: rgba(219, 219, 219, 0.25);
}

.bg-light-gray-o50 {
  color: #000;
  background-color: rgba(219, 219, 219, 0.5);
}

.bg-light-gray-o75 {
  color: #000;
  background-color: rgba(219, 219, 219, 0.75);
}

.bg-light-gray-gradient {
  color: #000;
  background: #e8e8e8;
  background: -webkit-linear-gradient(top, #e8e8e8 0%, #c2c2c2 100%);
  background: linear-gradient(to bottom, #e8e8e8 0%, #c2c2c2 100%);
}

.btn.btn-light-gray-gradient-radial {
  color: #000;
  background: #e8e8e8;
  background: -webkit-radial-gradient(center, circle cover, #e8e8e8 0%, #c2c2c2 100%);
  background: radial-gradient(circle at center, #e8e8e8 0%, #c2c2c2 100%);
}
.btn.btn-light-gray-gradient-radial:hover {
  background: white;
  background: -webkit-radial-gradient(center, circle cover, white 0%, #DBDBDB 100%);
  background: radial-gradient(circle at center, white 0%, #DBDBDB 100%);
}

.bg-light-gray-gradient-radial {
  color: #000;
  background: white;
  background: -webkit-radial-gradient(center, circle cover, white 0%, #b5b5b5 100%);
  background: radial-gradient(circle at center, white 0%, #b5b5b5 100%);
}

.control-light-gray .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(219, 219, 219, 0.25);
}

.control-light-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #DBDBDB;
}

.control-light-gray .custom-control-input:checked ~ .custom-control-label::before {
  color: #000;
  border-color: #DBDBDB;
  background-color: #DBDBDB;
}

.custom-range-light-gray::-webkit-slider-thumb,
.custom-range-light-gray::-webkit-slider-thumb:active {
  background-color: #DBDBDB;
}

.border-light-gray {
  border-color: #DBDBDB !important;
}

.text-light-gray {
  color: #DBDBDB !important;
}

.slim-panel.slim-panel-light-gray > div {
  padding: 3px;
}
.slim-panel.slim-panel-light-gray > div > h1, .slim-panel.slim-panel-light-gray > div h2, .slim-panel.slim-panel-light-gray > div h3, .slim-panel.slim-panel-light-gray > div h4, .slim-panel.slim-panel-light-gray > div h5, .slim-panel.slim-panel-light-gray > div h6, .slim-panel.slim-panel-light-gray > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-light-gray > .heading {
  color: #000;
  background-color: #DBDBDB;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-light-gray > .content {
  border-left: 1px solid #DBDBDB !important;
  border-bottom: 1px solid #DBDBDB !important;
  border-right: 1px solid #DBDBDB !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-light-gray > .content.color-match {
  color: #DBDBDB;
  background-color: #fff;
}

.btn.btn-gray-gradient {
  color: #fff;
  background: #666666;
  background: -webkit-linear-gradient(top, #666666 0%, #404040 100%);
  background: linear-gradient(to bottom, #666666 0%, #404040 100%);
}
.btn.btn-gray-gradient:hover {
  background: #7f7f7f;
  background: -webkit-linear-gradient(top, #7f7f7f 0%, #595959 100%);
  background: linear-gradient(to bottom, #7f7f7f 0%, #595959 100%);
}

hr.gray {
  border-top: 1px solid #595959;
}

.line-behind.line-gray {
  border-bottom-color: #595959;
}
.line-behind.line-gray > .text {
  color: #595959;
}
.line-behind.line-gray > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #595959 100%);
  background: linear-gradient(to right, white 0%, #595959 100%);
}
.line-behind.line-gray > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #595959 100%);
  background: linear-gradient(to left, white 0%, #595959 100%);
}

.bg-gray {
  color: #fff;
  background-color: #595959 !important;
}

.bg-gray-o10 {
  color: #595959;
  background-color: rgba(89, 89, 89, 0.1);
}

.bg-gray-o25 {
  color: #595959;
  background-color: rgba(89, 89, 89, 0.25);
}

.bg-gray-o50 {
  color: #fff;
  background-color: rgba(89, 89, 89, 0.5);
}

.bg-gray-o75 {
  color: #fff;
  background-color: rgba(89, 89, 89, 0.75);
}

.bg-gray-gradient {
  color: #fff;
  background: #666666;
  background: -webkit-linear-gradient(top, #666666 0%, #404040 100%);
  background: linear-gradient(to bottom, #666666 0%, #404040 100%);
}

.btn.btn-gray-gradient-radial {
  color: #fff;
  background: #666666;
  background: -webkit-radial-gradient(center, circle cover, #666666 0%, #404040 100%);
  background: radial-gradient(circle at center, #666666 0%, #404040 100%);
}
.btn.btn-gray-gradient-radial:hover {
  background: #7f7f7f;
  background: -webkit-radial-gradient(center, circle cover, #7f7f7f 0%, #595959 100%);
  background: radial-gradient(circle at center, #7f7f7f 0%, #595959 100%);
}

.bg-gray-gradient-radial {
  color: #fff;
  background: #7f7f7f;
  background: -webkit-radial-gradient(center, circle cover, #7f7f7f 0%, #333333 100%);
  background: radial-gradient(circle at center, #7f7f7f 0%, #333333 100%);
}

.control-gray .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.25);
}

.control-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #595959;
}

.control-gray .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #595959;
  background-color: #595959;
}

.custom-range-gray::-webkit-slider-thumb,
.custom-range-gray::-webkit-slider-thumb:active {
  background-color: #595959;
}

.border-gray {
  border-color: #595959 !important;
}

.text-gray {
  color: #595959 !important;
}

.slim-panel.slim-panel-gray > div {
  padding: 3px;
}
.slim-panel.slim-panel-gray > div > h1, .slim-panel.slim-panel-gray > div h2, .slim-panel.slim-panel-gray > div h3, .slim-panel.slim-panel-gray > div h4, .slim-panel.slim-panel-gray > div h5, .slim-panel.slim-panel-gray > div h6, .slim-panel.slim-panel-gray > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-gray > .heading {
  color: #fff;
  background-color: #595959;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-gray > .content {
  border-left: 1px solid #595959 !important;
  border-bottom: 1px solid #595959 !important;
  border-right: 1px solid #595959 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-gray > .content.color-match {
  color: #595959;
  background-color: #fff;
}

.btn.btn-blue-gradient {
  color: #fff;
  background: #1773cf;
  background: -webkit-linear-gradient(top, #1773cf 0%, #0f4d8a 100%);
  background: linear-gradient(to bottom, #1773cf 0%, #0f4d8a 100%);
}
.btn.btn-blue-gradient:hover {
  background: #308ce9;
  background: -webkit-linear-gradient(top, #308ce9 0%, #1466B8 100%);
  background: linear-gradient(to bottom, #308ce9 0%, #1466B8 100%);
}

hr.blue {
  border-top: 1px solid #1466B8;
}

.line-behind.line-blue {
  border-bottom-color: #1466B8;
}
.line-behind.line-blue > .text {
  color: #1466B8;
}
.line-behind.line-blue > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #1466B8 100%);
  background: linear-gradient(to right, white 0%, #1466B8 100%);
}
.line-behind.line-blue > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #1466B8 100%);
  background: linear-gradient(to left, white 0%, #1466B8 100%);
}

.bg-blue {
  color: #fff;
  background-color: #1466B8 !important;
}

.bg-blue-o10 {
  color: #1466B8;
  background-color: rgba(20, 102, 184, 0.1);
}

.bg-blue-o25 {
  color: #1466B8;
  background-color: rgba(20, 102, 184, 0.25);
}

.bg-blue-o50 {
  color: #fff;
  background-color: rgba(20, 102, 184, 0.5);
}

.bg-blue-o75 {
  color: #fff;
  background-color: rgba(20, 102, 184, 0.75);
}

.bg-blue-gradient {
  color: #fff;
  background: #1773cf;
  background: -webkit-linear-gradient(top, #1773cf 0%, #0f4d8a 100%);
  background: linear-gradient(to bottom, #1773cf 0%, #0f4d8a 100%);
}

.btn.btn-blue-gradient-radial {
  color: #fff;
  background: #1773cf;
  background: -webkit-radial-gradient(center, circle cover, #1773cf 0%, #0f4d8a 100%);
  background: radial-gradient(circle at center, #1773cf 0%, #0f4d8a 100%);
}
.btn.btn-blue-gradient-radial:hover {
  background: #308ce9;
  background: -webkit-radial-gradient(center, circle cover, #308ce9 0%, #1466B8 100%);
  background: radial-gradient(circle at center, #308ce9 0%, #1466B8 100%);
}

.bg-blue-gradient-radial {
  color: #fff;
  background: #308ce9;
  background: -webkit-radial-gradient(center, circle cover, #308ce9 0%, #0d4073 100%);
  background: radial-gradient(circle at center, #308ce9 0%, #0d4073 100%);
}

.control-blue .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(20, 102, 184, 0.25);
}

.control-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #1466B8;
}

.control-blue .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #1466B8;
  background-color: #1466B8;
}

.custom-range-blue::-webkit-slider-thumb,
.custom-range-blue::-webkit-slider-thumb:active {
  background-color: #1466B8;
}

.border-blue {
  border-color: #1466B8 !important;
}

.text-blue {
  color: #1466B8 !important;
}

.slim-panel.slim-panel-blue > div {
  padding: 3px;
}
.slim-panel.slim-panel-blue > div > h1, .slim-panel.slim-panel-blue > div h2, .slim-panel.slim-panel-blue > div h3, .slim-panel.slim-panel-blue > div h4, .slim-panel.slim-panel-blue > div h5, .slim-panel.slim-panel-blue > div h6, .slim-panel.slim-panel-blue > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-blue > .heading {
  color: #fff;
  background-color: #1466B8;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-blue > .content {
  border-left: 1px solid #1466B8 !important;
  border-bottom: 1px solid #1466B8 !important;
  border-right: 1px solid #1466B8 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-blue > .content.color-match {
  color: #1466B8;
  background-color: #fff;
}

.btn.btn-light-blue-gradient {
  color: #fff;
  background: #1aabff;
  background: -webkit-linear-gradient(top, #1aabff 0%, #0082cc 100%);
  background: linear-gradient(to bottom, #1aabff 0%, #0082cc 100%);
}
.btn.btn-light-blue-gradient:hover {
  background: #4dbeff;
  background: -webkit-linear-gradient(top, #4dbeff 0%, #00A2FF 100%);
  background: linear-gradient(to bottom, #4dbeff 0%, #00A2FF 100%);
}

hr.light-blue {
  border-top: 1px solid #00A2FF;
}

.line-behind.line-light-blue {
  border-bottom-color: #00A2FF;
}
.line-behind.line-light-blue > .text {
  color: #00A2FF;
}
.line-behind.line-light-blue > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #00A2FF 100%);
  background: linear-gradient(to right, white 0%, #00A2FF 100%);
}
.line-behind.line-light-blue > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #00A2FF 100%);
  background: linear-gradient(to left, white 0%, #00A2FF 100%);
}

.bg-light-blue {
  color: #fff;
  background-color: #00A2FF !important;
}

.bg-light-blue-o10 {
  color: #00A2FF;
  background-color: rgba(0, 162, 255, 0.1);
}

.bg-light-blue-o25 {
  color: #00A2FF;
  background-color: rgba(0, 162, 255, 0.25);
}

.bg-light-blue-o50 {
  color: #fff;
  background-color: rgba(0, 162, 255, 0.5);
}

.bg-light-blue-o75 {
  color: #fff;
  background-color: rgba(0, 162, 255, 0.75);
}

.bg-light-blue-gradient {
  color: #fff;
  background: #1aabff;
  background: -webkit-linear-gradient(top, #1aabff 0%, #0082cc 100%);
  background: linear-gradient(to bottom, #1aabff 0%, #0082cc 100%);
}

.btn.btn-light-blue-gradient-radial {
  color: #fff;
  background: #1aabff;
  background: -webkit-radial-gradient(center, circle cover, #1aabff 0%, #0082cc 100%);
  background: radial-gradient(circle at center, #1aabff 0%, #0082cc 100%);
}
.btn.btn-light-blue-gradient-radial:hover {
  background: #4dbeff;
  background: -webkit-radial-gradient(center, circle cover, #4dbeff 0%, #00A2FF 100%);
  background: radial-gradient(circle at center, #4dbeff 0%, #00A2FF 100%);
}

.bg-light-blue-gradient-radial {
  color: #fff;
  background: #4dbeff;
  background: -webkit-radial-gradient(center, circle cover, #4dbeff 0%, #0071b3 100%);
  background: radial-gradient(circle at center, #4dbeff 0%, #0071b3 100%);
}

.control-light-blue .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 162, 255, 0.25);
}

.control-light-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #00A2FF;
}

.control-light-blue .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #00A2FF;
  background-color: #00A2FF;
}

.custom-range-light-blue::-webkit-slider-thumb,
.custom-range-light-blue::-webkit-slider-thumb:active {
  background-color: #00A2FF;
}

.border-light-blue {
  border-color: #00A2FF !important;
}

.text-light-blue {
  color: #00A2FF !important;
}

.slim-panel.slim-panel-light-blue > div {
  padding: 3px;
}
.slim-panel.slim-panel-light-blue > div > h1, .slim-panel.slim-panel-light-blue > div h2, .slim-panel.slim-panel-light-blue > div h3, .slim-panel.slim-panel-light-blue > div h4, .slim-panel.slim-panel-light-blue > div h5, .slim-panel.slim-panel-light-blue > div h6, .slim-panel.slim-panel-light-blue > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-light-blue > .heading {
  color: #fff;
  background-color: #00A2FF;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-light-blue > .content {
  border-left: 1px solid #00A2FF !important;
  border-bottom: 1px solid #00A2FF !important;
  border-right: 1px solid #00A2FF !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-light-blue > .content.color-match {
  color: #00A2FF;
  background-color: #fff;
}

.btn.btn-phzio-blue-gradient {
  color: #fff;
  background: #2dbddf;
  background: -webkit-linear-gradient(top, #2dbddf 0%, #198ca7 100%);
  background: linear-gradient(to bottom, #2dbddf 0%, #198ca7 100%);
}
.btn.btn-phzio-blue-gradient:hover {
  background: #5acbe6;
  background: -webkit-linear-gradient(top, #5acbe6 0%, #20B1D3 100%);
  background: linear-gradient(to bottom, #5acbe6 0%, #20B1D3 100%);
}

hr.phzio-blue {
  border-top: 1px solid #20B1D3;
}

.line-behind.line-phzio-blue {
  border-bottom-color: #20B1D3;
}
.line-behind.line-phzio-blue > .text {
  color: #20B1D3;
}
.line-behind.line-phzio-blue > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #20B1D3 100%);
  background: linear-gradient(to right, white 0%, #20B1D3 100%);
}
.line-behind.line-phzio-blue > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #20B1D3 100%);
  background: linear-gradient(to left, white 0%, #20B1D3 100%);
}

.bg-phzio-blue {
  color: #fff;
  background-color: #20B1D3 !important;
}

.bg-phzio-blue-o10 {
  color: #20B1D3;
  background-color: rgba(32, 177, 211, 0.1);
}

.bg-phzio-blue-o25 {
  color: #20B1D3;
  background-color: rgba(32, 177, 211, 0.25);
}

.bg-phzio-blue-o50 {
  color: #fff;
  background-color: rgba(32, 177, 211, 0.5);
}

.bg-phzio-blue-o75 {
  color: #fff;
  background-color: rgba(32, 177, 211, 0.75);
}

.bg-phzio-blue-gradient {
  color: #fff;
  background: #2dbddf;
  background: -webkit-linear-gradient(top, #2dbddf 0%, #198ca7 100%);
  background: linear-gradient(to bottom, #2dbddf 0%, #198ca7 100%);
}

.btn.btn-phzio-blue-gradient-radial {
  color: #fff;
  background: #2dbddf;
  background: -webkit-radial-gradient(center, circle cover, #2dbddf 0%, #198ca7 100%);
  background: radial-gradient(circle at center, #2dbddf 0%, #198ca7 100%);
}
.btn.btn-phzio-blue-gradient-radial:hover {
  background: #5acbe6;
  background: -webkit-radial-gradient(center, circle cover, #5acbe6 0%, #20B1D3 100%);
  background: radial-gradient(circle at center, #5acbe6 0%, #20B1D3 100%);
}

.bg-phzio-blue-gradient-radial {
  color: #fff;
  background: #5acbe6;
  background: -webkit-radial-gradient(center, circle cover, #5acbe6 0%, #167991 100%);
  background: radial-gradient(circle at center, #5acbe6 0%, #167991 100%);
}

.control-phzio-blue .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(32, 177, 211, 0.25);
}

.control-phzio-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #20B1D3;
}

.control-phzio-blue .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #20B1D3;
  background-color: #20B1D3;
}

.custom-range-phzio-blue::-webkit-slider-thumb,
.custom-range-phzio-blue::-webkit-slider-thumb:active {
  background-color: #20B1D3;
}

.border-phzio-blue {
  border-color: #20B1D3 !important;
}

.text-phzio-blue {
  color: #20B1D3 !important;
}

.slim-panel.slim-panel-phzio-blue > div {
  padding: 3px;
}
.slim-panel.slim-panel-phzio-blue > div > h1, .slim-panel.slim-panel-phzio-blue > div h2, .slim-panel.slim-panel-phzio-blue > div h3, .slim-panel.slim-panel-phzio-blue > div h4, .slim-panel.slim-panel-phzio-blue > div h5, .slim-panel.slim-panel-phzio-blue > div h6, .slim-panel.slim-panel-phzio-blue > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-phzio-blue > .heading {
  color: #fff;
  background-color: #20B1D3;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-phzio-blue > .content {
  border-left: 1px solid #20B1D3 !important;
  border-bottom: 1px solid #20B1D3 !important;
  border-right: 1px solid #20B1D3 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-phzio-blue > .content.color-match {
  color: #20B1D3;
  background-color: #fff;
}

.btn.btn-green-gradient {
  color: #fff;
  background: #18cf8b;
  background: -webkit-linear-gradient(top, #18cf8b 0%, #108a5d 100%);
  background: linear-gradient(to bottom, #18cf8b 0%, #108a5d 100%);
}
.btn.btn-green-gradient:hover {
  background: #32e8a5;
  background: -webkit-linear-gradient(top, #32e8a5 0%, #15B87C 100%);
  background: linear-gradient(to bottom, #32e8a5 0%, #15B87C 100%);
}

hr.green {
  border-top: 1px solid #15B87C;
}

.line-behind.line-green {
  border-bottom-color: #15B87C;
}
.line-behind.line-green > .text {
  color: #15B87C;
}
.line-behind.line-green > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #15B87C 100%);
  background: linear-gradient(to right, white 0%, #15B87C 100%);
}
.line-behind.line-green > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #15B87C 100%);
  background: linear-gradient(to left, white 0%, #15B87C 100%);
}

.bg-green {
  color: #fff;
  background-color: #15B87C !important;
}

.bg-green-o10 {
  color: #15B87C;
  background-color: rgba(21, 184, 124, 0.1);
}

.bg-green-o25 {
  color: #15B87C;
  background-color: rgba(21, 184, 124, 0.25);
}

.bg-green-o50 {
  color: #fff;
  background-color: rgba(21, 184, 124, 0.5);
}

.bg-green-o75 {
  color: #fff;
  background-color: rgba(21, 184, 124, 0.75);
}

.bg-green-gradient {
  color: #fff;
  background: #18cf8b;
  background: -webkit-linear-gradient(top, #18cf8b 0%, #108a5d 100%);
  background: linear-gradient(to bottom, #18cf8b 0%, #108a5d 100%);
}

.btn.btn-green-gradient-radial {
  color: #fff;
  background: #18cf8b;
  background: -webkit-radial-gradient(center, circle cover, #18cf8b 0%, #108a5d 100%);
  background: radial-gradient(circle at center, #18cf8b 0%, #108a5d 100%);
}
.btn.btn-green-gradient-radial:hover {
  background: #32e8a5;
  background: -webkit-radial-gradient(center, circle cover, #32e8a5 0%, #15B87C 100%);
  background: radial-gradient(circle at center, #32e8a5 0%, #15B87C 100%);
}

.bg-green-gradient-radial {
  color: #fff;
  background: #32e8a5;
  background: -webkit-radial-gradient(center, circle cover, #32e8a5 0%, #0d734e 100%);
  background: radial-gradient(circle at center, #32e8a5 0%, #0d734e 100%);
}

.control-green .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(21, 184, 124, 0.25);
}

.control-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #15B87C;
}

.control-green .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #15B87C;
  background-color: #15B87C;
}

.custom-range-green::-webkit-slider-thumb,
.custom-range-green::-webkit-slider-thumb:active {
  background-color: #15B87C;
}

.border-green {
  border-color: #15B87C !important;
}

.text-green {
  color: #15B87C !important;
}

.slim-panel.slim-panel-green > div {
  padding: 3px;
}
.slim-panel.slim-panel-green > div > h1, .slim-panel.slim-panel-green > div h2, .slim-panel.slim-panel-green > div h3, .slim-panel.slim-panel-green > div h4, .slim-panel.slim-panel-green > div h5, .slim-panel.slim-panel-green > div h6, .slim-panel.slim-panel-green > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-green > .heading {
  color: #fff;
  background-color: #15B87C;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-green > .content {
  border-left: 1px solid #15B87C !important;
  border-bottom: 1px solid #15B87C !important;
  border-right: 1px solid #15B87C !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-green > .content.color-match {
  color: #15B87C;
  background-color: #fff;
}

.btn.btn-orange-gradient {
  color: #fff;
  background: #ff6e0d;
  background: -webkit-linear-gradient(top, #ff6e0d 0%, #bf4d00 100%);
  background: linear-gradient(to bottom, #ff6e0d 0%, #bf4d00 100%);
}
.btn.btn-orange-gradient:hover {
  background: #ff8c40;
  background: -webkit-linear-gradient(top, #ff8c40 0%, #F26100 100%);
  background: linear-gradient(to bottom, #ff8c40 0%, #F26100 100%);
}

hr.orange {
  border-top: 1px solid #F26100;
}

.line-behind.line-orange {
  border-bottom-color: #F26100;
}
.line-behind.line-orange > .text {
  color: #F26100;
}
.line-behind.line-orange > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #F26100 100%);
  background: linear-gradient(to right, white 0%, #F26100 100%);
}
.line-behind.line-orange > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #F26100 100%);
  background: linear-gradient(to left, white 0%, #F26100 100%);
}

.bg-orange {
  color: #fff;
  background-color: #F26100 !important;
}

.bg-orange-o10 {
  color: #F26100;
  background-color: rgba(242, 97, 0, 0.1);
}

.bg-orange-o25 {
  color: #F26100;
  background-color: rgba(242, 97, 0, 0.25);
}

.bg-orange-o50 {
  color: #fff;
  background-color: rgba(242, 97, 0, 0.5);
}

.bg-orange-o75 {
  color: #fff;
  background-color: rgba(242, 97, 0, 0.75);
}

.bg-orange-gradient {
  color: #fff;
  background: #ff6e0d;
  background: -webkit-linear-gradient(top, #ff6e0d 0%, #bf4d00 100%);
  background: linear-gradient(to bottom, #ff6e0d 0%, #bf4d00 100%);
}

.btn.btn-orange-gradient-radial {
  color: #fff;
  background: #ff6e0d;
  background: -webkit-radial-gradient(center, circle cover, #ff6e0d 0%, #bf4d00 100%);
  background: radial-gradient(circle at center, #ff6e0d 0%, #bf4d00 100%);
}
.btn.btn-orange-gradient-radial:hover {
  background: #ff8c40;
  background: -webkit-radial-gradient(center, circle cover, #ff8c40 0%, #F26100 100%);
  background: radial-gradient(circle at center, #ff8c40 0%, #F26100 100%);
}

.bg-orange-gradient-radial {
  color: #fff;
  background: #ff8c40;
  background: -webkit-radial-gradient(center, circle cover, #ff8c40 0%, #a64200 100%);
  background: radial-gradient(circle at center, #ff8c40 0%, #a64200 100%);
}

.control-orange .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(242, 97, 0, 0.25);
}

.control-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #F26100;
}

.control-orange .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #F26100;
  background-color: #F26100;
}

.custom-range-orange::-webkit-slider-thumb,
.custom-range-orange::-webkit-slider-thumb:active {
  background-color: #F26100;
}

.border-orange {
  border-color: #F26100 !important;
}

.text-orange {
  color: #F26100 !important;
}

.slim-panel.slim-panel-orange > div {
  padding: 3px;
}
.slim-panel.slim-panel-orange > div > h1, .slim-panel.slim-panel-orange > div h2, .slim-panel.slim-panel-orange > div h3, .slim-panel.slim-panel-orange > div h4, .slim-panel.slim-panel-orange > div h5, .slim-panel.slim-panel-orange > div h6, .slim-panel.slim-panel-orange > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-orange > .heading {
  color: #fff;
  background-color: #F26100;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-orange > .content {
  border-left: 1px solid #F26100 !important;
  border-bottom: 1px solid #F26100 !important;
  border-right: 1px solid #F26100 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-orange > .content.color-match {
  color: #F26100;
  background-color: #fff;
}

.btn.btn-yellow-gradient {
  color: #fff;
  background: #fda426;
  background: -webkit-linear-gradient(top, #fda426 0%, #d57d02 100%);
  background: linear-gradient(to bottom, #fda426 0%, #d57d02 100%);
}
.btn.btn-yellow-gradient:hover {
  background: #feb959;
  background: -webkit-linear-gradient(top, #feb959 0%, #FD990D 100%);
  background: linear-gradient(to bottom, #feb959 0%, #FD990D 100%);
}

hr.yellow {
  border-top: 1px solid #FD990D;
}

.line-behind.line-yellow {
  border-bottom-color: #FD990D;
}
.line-behind.line-yellow > .text {
  color: #FD990D;
}
.line-behind.line-yellow > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #FD990D 100%);
  background: linear-gradient(to right, white 0%, #FD990D 100%);
}
.line-behind.line-yellow > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #FD990D 100%);
  background: linear-gradient(to left, white 0%, #FD990D 100%);
}

.bg-yellow {
  color: #fff;
  background-color: #FD990D !important;
}

.bg-yellow-o10 {
  color: #FD990D;
  background-color: rgba(253, 153, 13, 0.1);
}

.bg-yellow-o25 {
  color: #FD990D;
  background-color: rgba(253, 153, 13, 0.25);
}

.bg-yellow-o50 {
  color: #fff;
  background-color: rgba(253, 153, 13, 0.5);
}

.bg-yellow-o75 {
  color: #fff;
  background-color: rgba(253, 153, 13, 0.75);
}

.bg-yellow-gradient {
  color: #fff;
  background: #fda426;
  background: -webkit-linear-gradient(top, #fda426 0%, #d57d02 100%);
  background: linear-gradient(to bottom, #fda426 0%, #d57d02 100%);
}

.btn.btn-yellow-gradient-radial {
  color: #fff;
  background: #fda426;
  background: -webkit-radial-gradient(center, circle cover, #fda426 0%, #d57d02 100%);
  background: radial-gradient(circle at center, #fda426 0%, #d57d02 100%);
}
.btn.btn-yellow-gradient-radial:hover {
  background: #feb959;
  background: -webkit-radial-gradient(center, circle cover, #feb959 0%, #FD990D 100%);
  background: radial-gradient(circle at center, #feb959 0%, #FD990D 100%);
}

.bg-yellow-gradient-radial {
  color: #fff;
  background: #feb959;
  background: -webkit-radial-gradient(center, circle cover, #feb959 0%, #bc6e02 100%);
  background: radial-gradient(circle at center, #feb959 0%, #bc6e02 100%);
}

.control-yellow .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(253, 153, 13, 0.25);
}

.control-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FD990D;
}

.control-yellow .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FD990D;
  background-color: #FD990D;
}

.custom-range-yellow::-webkit-slider-thumb,
.custom-range-yellow::-webkit-slider-thumb:active {
  background-color: #FD990D;
}

.border-yellow {
  border-color: #FD990D !important;
}

.text-yellow {
  color: #FD990D !important;
}

.slim-panel.slim-panel-yellow > div {
  padding: 3px;
}
.slim-panel.slim-panel-yellow > div > h1, .slim-panel.slim-panel-yellow > div h2, .slim-panel.slim-panel-yellow > div h3, .slim-panel.slim-panel-yellow > div h4, .slim-panel.slim-panel-yellow > div h5, .slim-panel.slim-panel-yellow > div h6, .slim-panel.slim-panel-yellow > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-yellow > .heading {
  color: #fff;
  background-color: #FD990D;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-yellow > .content {
  border-left: 1px solid #FD990D !important;
  border-bottom: 1px solid #FD990D !important;
  border-right: 1px solid #FD990D !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-yellow > .content.color-match {
  color: #FD990D;
  background-color: #fff;
}

.btn.btn-red-gradient {
  color: #fff;
  background: #ff6d68;
  background: -webkit-linear-gradient(top, #ff6d68 0%, #ff231b 100%);
  background: linear-gradient(to bottom, #ff6d68 0%, #ff231b 100%);
}
.btn.btn-red-gradient:hover {
  background: #ff9e9b;
  background: -webkit-linear-gradient(top, #ff9e9b 0%, #FF544E 100%);
  background: linear-gradient(to bottom, #ff9e9b 0%, #FF544E 100%);
}

hr.red {
  border-top: 1px solid #FF544E;
}

.line-behind.line-red {
  border-bottom-color: #FF544E;
}
.line-behind.line-red > .text {
  color: #FF544E;
}
.line-behind.line-red > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #FF544E 100%);
  background: linear-gradient(to right, white 0%, #FF544E 100%);
}
.line-behind.line-red > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #FF544E 100%);
  background: linear-gradient(to left, white 0%, #FF544E 100%);
}

.bg-red {
  color: #fff;
  background-color: #FF544E !important;
}

.bg-red-o10 {
  color: #FF544E;
  background-color: rgba(255, 84, 78, 0.1);
}

.bg-red-o25 {
  color: #FF544E;
  background-color: rgba(255, 84, 78, 0.25);
}

.bg-red-o50 {
  color: #fff;
  background-color: rgba(255, 84, 78, 0.5);
}

.bg-red-o75 {
  color: #fff;
  background-color: rgba(255, 84, 78, 0.75);
}

.bg-red-gradient {
  color: #fff;
  background: #ff6d68;
  background: -webkit-linear-gradient(top, #ff6d68 0%, #ff231b 100%);
  background: linear-gradient(to bottom, #ff6d68 0%, #ff231b 100%);
}

.btn.btn-red-gradient-radial {
  color: #fff;
  background: #ff6d68;
  background: -webkit-radial-gradient(center, circle cover, #ff6d68 0%, #ff231b 100%);
  background: radial-gradient(circle at center, #ff6d68 0%, #ff231b 100%);
}
.btn.btn-red-gradient-radial:hover {
  background: #ff9e9b;
  background: -webkit-radial-gradient(center, circle cover, #ff9e9b 0%, #FF544E 100%);
  background: radial-gradient(circle at center, #ff9e9b 0%, #FF544E 100%);
}

.bg-red-gradient-radial {
  color: #fff;
  background: #ff9e9b;
  background: -webkit-radial-gradient(center, circle cover, #ff9e9b 0%, #ff0a02 100%);
  background: radial-gradient(circle at center, #ff9e9b 0%, #ff0a02 100%);
}

.control-red .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 84, 78, 0.25);
}

.control-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FF544E;
}

.control-red .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FF544E;
  background-color: #FF544E;
}

.custom-range-red::-webkit-slider-thumb,
.custom-range-red::-webkit-slider-thumb:active {
  background-color: #FF544E;
}

.border-red {
  border-color: #FF544E !important;
}

.text-red {
  color: #FF544E !important;
}

.slim-panel.slim-panel-red > div {
  padding: 3px;
}
.slim-panel.slim-panel-red > div > h1, .slim-panel.slim-panel-red > div h2, .slim-panel.slim-panel-red > div h3, .slim-panel.slim-panel-red > div h4, .slim-panel.slim-panel-red > div h5, .slim-panel.slim-panel-red > div h6, .slim-panel.slim-panel-red > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-red > .heading {
  color: #fff;
  background-color: #FF544E;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-red > .content {
  border-left: 1px solid #FF544E !important;
  border-bottom: 1px solid #FF544E !important;
  border-right: 1px solid #FF544E !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-red > .content.color-match {
  color: #FF544E;
  background-color: #fff;
}

.btn.btn-secondary-gradient {
  color: #000;
  background: #fbfbfb;
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #d5d5d5 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #d5d5d5 100%);
}
.btn.btn-secondary-gradient:hover {
  background: white;
  background: -webkit-linear-gradient(top, white 0%, #EEEEEE 100%);
  background: linear-gradient(to bottom, white 0%, #EEEEEE 100%);
}

hr.secondary {
  border-top: 1px solid #EEEEEE;
}

.line-behind.line-secondary {
  border-bottom-color: #EEEEEE;
}
.line-behind.line-secondary > .text {
  color: #EEEEEE;
}
.line-behind.line-secondary > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #EEEEEE 100%);
  background: linear-gradient(to right, white 0%, #EEEEEE 100%);
}
.line-behind.line-secondary > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #EEEEEE 100%);
  background: linear-gradient(to left, white 0%, #EEEEEE 100%);
}

.bg-secondary {
  color: #000;
  background-color: #EEEEEE !important;
}

.bg-secondary-o10 {
  color: #EEEEEE;
  background-color: rgba(238, 238, 238, 0.1);
}

.bg-secondary-o25 {
  color: #EEEEEE;
  background-color: rgba(238, 238, 238, 0.25);
}

.bg-secondary-o50 {
  color: #000;
  background-color: rgba(238, 238, 238, 0.5);
}

.bg-secondary-o75 {
  color: #000;
  background-color: rgba(238, 238, 238, 0.75);
}

.bg-secondary-gradient {
  color: #000;
  background: #fbfbfb;
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #d5d5d5 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #d5d5d5 100%);
}

.btn.btn-secondary-gradient-radial {
  color: #000;
  background: #fbfbfb;
  background: -webkit-radial-gradient(center, circle cover, #fbfbfb 0%, #d5d5d5 100%);
  background: radial-gradient(circle at center, #fbfbfb 0%, #d5d5d5 100%);
}
.btn.btn-secondary-gradient-radial:hover {
  background: white;
  background: -webkit-radial-gradient(center, circle cover, white 0%, #EEEEEE 100%);
  background: radial-gradient(circle at center, white 0%, #EEEEEE 100%);
}

.bg-secondary-gradient-radial {
  color: #000;
  background: white;
  background: -webkit-radial-gradient(center, circle cover, white 0%, #c8c8c8 100%);
  background: radial-gradient(circle at center, white 0%, #c8c8c8 100%);
}

.control-secondary .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.25);
}

.control-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #EEEEEE;
}

.control-secondary .custom-control-input:checked ~ .custom-control-label::before {
  color: #000;
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

.custom-range-secondary::-webkit-slider-thumb,
.custom-range-secondary::-webkit-slider-thumb:active {
  background-color: #EEEEEE;
}

.border-secondary {
  border-color: #EEEEEE !important;
}

.text-secondary {
  color: #EEEEEE !important;
}

.slim-panel.slim-panel-secondary > div {
  padding: 3px;
}
.slim-panel.slim-panel-secondary > div > h1, .slim-panel.slim-panel-secondary > div h2, .slim-panel.slim-panel-secondary > div h3, .slim-panel.slim-panel-secondary > div h4, .slim-panel.slim-panel-secondary > div h5, .slim-panel.slim-panel-secondary > div h6, .slim-panel.slim-panel-secondary > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-secondary > .heading {
  color: #000;
  background-color: #EEEEEE;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-secondary > .content {
  border-left: 1px solid #EEEEEE !important;
  border-bottom: 1px solid #EEEEEE !important;
  border-right: 1px solid #EEEEEE !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-secondary > .content.color-match {
  color: #EEEEEE;
  background-color: #fff;
}

.btn.btn-primary-gradient {
  color: #fff;
  background: #2dbddf;
  background: -webkit-linear-gradient(top, #2dbddf 0%, #198ca7 100%);
  background: linear-gradient(to bottom, #2dbddf 0%, #198ca7 100%);
}
.btn.btn-primary-gradient:hover {
  background: #5acbe6;
  background: -webkit-linear-gradient(top, #5acbe6 0%, #20B1D3 100%);
  background: linear-gradient(to bottom, #5acbe6 0%, #20B1D3 100%);
}

hr.primary {
  border-top: 1px solid #20B1D3;
}

.line-behind.line-primary {
  border-bottom-color: #20B1D3;
}
.line-behind.line-primary > .text {
  color: #20B1D3;
}
.line-behind.line-primary > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #20B1D3 100%);
  background: linear-gradient(to right, white 0%, #20B1D3 100%);
}
.line-behind.line-primary > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #20B1D3 100%);
  background: linear-gradient(to left, white 0%, #20B1D3 100%);
}

.bg-primary {
  color: #fff;
  background-color: #20B1D3 !important;
}

.bg-primary-o10 {
  color: #20B1D3;
  background-color: rgba(32, 177, 211, 0.1);
}

.bg-primary-o25 {
  color: #20B1D3;
  background-color: rgba(32, 177, 211, 0.25);
}

.bg-primary-o50 {
  color: #fff;
  background-color: rgba(32, 177, 211, 0.5);
}

.bg-primary-o75 {
  color: #fff;
  background-color: rgba(32, 177, 211, 0.75);
}

.bg-primary-gradient {
  color: #fff;
  background: #2dbddf;
  background: -webkit-linear-gradient(top, #2dbddf 0%, #198ca7 100%);
  background: linear-gradient(to bottom, #2dbddf 0%, #198ca7 100%);
}

.btn.btn-primary-gradient-radial {
  color: #fff;
  background: #2dbddf;
  background: -webkit-radial-gradient(center, circle cover, #2dbddf 0%, #198ca7 100%);
  background: radial-gradient(circle at center, #2dbddf 0%, #198ca7 100%);
}
.btn.btn-primary-gradient-radial:hover {
  background: #5acbe6;
  background: -webkit-radial-gradient(center, circle cover, #5acbe6 0%, #20B1D3 100%);
  background: radial-gradient(circle at center, #5acbe6 0%, #20B1D3 100%);
}

.bg-primary-gradient-radial {
  color: #fff;
  background: #5acbe6;
  background: -webkit-radial-gradient(center, circle cover, #5acbe6 0%, #167991 100%);
  background: radial-gradient(circle at center, #5acbe6 0%, #167991 100%);
}

.control-primary .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(32, 177, 211, 0.25);
}

.control-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #20B1D3;
}

.control-primary .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #20B1D3;
  background-color: #20B1D3;
}

.custom-range-primary::-webkit-slider-thumb,
.custom-range-primary::-webkit-slider-thumb:active {
  background-color: #20B1D3;
}

.border-primary {
  border-color: #20B1D3 !important;
}

.text-primary {
  color: #20B1D3 !important;
}

.slim-panel.slim-panel-primary > div {
  padding: 3px;
}
.slim-panel.slim-panel-primary > div > h1, .slim-panel.slim-panel-primary > div h2, .slim-panel.slim-panel-primary > div h3, .slim-panel.slim-panel-primary > div h4, .slim-panel.slim-panel-primary > div h5, .slim-panel.slim-panel-primary > div h6, .slim-panel.slim-panel-primary > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-primary > .heading {
  color: #fff;
  background-color: #20B1D3;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-primary > .content {
  border-left: 1px solid #20B1D3 !important;
  border-bottom: 1px solid #20B1D3 !important;
  border-right: 1px solid #20B1D3 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-primary > .content.color-match {
  color: #20B1D3;
  background-color: #fff;
}

.btn.btn-info-gradient {
  color: #000;
  background: #a3eaf5;
  background: -webkit-linear-gradient(top, #a3eaf5 0%, #5edbed 100%);
  background: linear-gradient(to bottom, #a3eaf5 0%, #5edbed 100%);
}
.btn.btn-info-gradient:hover {
  background: #d1f5fa;
  background: -webkit-linear-gradient(top, #d1f5fa 0%, #8CE5F2 100%);
  background: linear-gradient(to bottom, #d1f5fa 0%, #8CE5F2 100%);
}

hr.info {
  border-top: 1px solid #8CE5F2;
}

.line-behind.line-info {
  border-bottom-color: #8CE5F2;
}
.line-behind.line-info > .text {
  color: #8CE5F2;
}
.line-behind.line-info > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #8CE5F2 100%);
  background: linear-gradient(to right, white 0%, #8CE5F2 100%);
}
.line-behind.line-info > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #8CE5F2 100%);
  background: linear-gradient(to left, white 0%, #8CE5F2 100%);
}

.bg-info {
  color: #000;
  background-color: #8CE5F2 !important;
}

.bg-info-o10 {
  color: #8CE5F2;
  background-color: rgba(140, 229, 242, 0.1);
}

.bg-info-o25 {
  color: #8CE5F2;
  background-color: rgba(140, 229, 242, 0.25);
}

.bg-info-o50 {
  color: #000;
  background-color: rgba(140, 229, 242, 0.5);
}

.bg-info-o75 {
  color: #000;
  background-color: rgba(140, 229, 242, 0.75);
}

.bg-info-gradient {
  color: #000;
  background: #a3eaf5;
  background: -webkit-linear-gradient(top, #a3eaf5 0%, #5edbed 100%);
  background: linear-gradient(to bottom, #a3eaf5 0%, #5edbed 100%);
}

.btn.btn-info-gradient-radial {
  color: #000;
  background: #a3eaf5;
  background: -webkit-radial-gradient(center, circle cover, #a3eaf5 0%, #5edbed 100%);
  background: radial-gradient(circle at center, #a3eaf5 0%, #5edbed 100%);
}
.btn.btn-info-gradient-radial:hover {
  background: #d1f5fa;
  background: -webkit-radial-gradient(center, circle cover, #d1f5fa 0%, #8CE5F2 100%);
  background: radial-gradient(circle at center, #d1f5fa 0%, #8CE5F2 100%);
}

.bg-info-gradient-radial {
  color: #000;
  background: #d1f5fa;
  background: -webkit-radial-gradient(center, circle cover, #d1f5fa 0%, #47d5ea 100%);
  background: radial-gradient(circle at center, #d1f5fa 0%, #47d5ea 100%);
}

.control-info .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(140, 229, 242, 0.25);
}

.control-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #8CE5F2;
}

.control-info .custom-control-input:checked ~ .custom-control-label::before {
  color: #000;
  border-color: #8CE5F2;
  background-color: #8CE5F2;
}

.custom-range-info::-webkit-slider-thumb,
.custom-range-info::-webkit-slider-thumb:active {
  background-color: #8CE5F2;
}

.border-info {
  border-color: #8CE5F2 !important;
}

.text-info {
  color: #8CE5F2 !important;
}

.slim-panel.slim-panel-info > div {
  padding: 3px;
}
.slim-panel.slim-panel-info > div > h1, .slim-panel.slim-panel-info > div h2, .slim-panel.slim-panel-info > div h3, .slim-panel.slim-panel-info > div h4, .slim-panel.slim-panel-info > div h5, .slim-panel.slim-panel-info > div h6, .slim-panel.slim-panel-info > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-info > .heading {
  color: #000;
  background-color: #8CE5F2;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-info > .content {
  border-left: 1px solid #8CE5F2 !important;
  border-bottom: 1px solid #8CE5F2 !important;
  border-right: 1px solid #8CE5F2 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-info > .content.color-match {
  color: #8CE5F2;
  background-color: #fff;
}

.btn.btn-success-gradient {
  color: #fff;
  background: #08c690;
  background: -webkit-linear-gradient(top, #08c690 0%, #057c5a 100%);
  background: linear-gradient(to bottom, #08c690 0%, #057c5a 100%);
}
.btn.btn-success-gradient:hover {
  background: #0bf5b3;
  background: -webkit-linear-gradient(top, #0bf5b3 0%, #07AD7E 100%);
  background: linear-gradient(to bottom, #0bf5b3 0%, #07AD7E 100%);
}

hr.success {
  border-top: 1px solid #07AD7E;
}

.line-behind.line-success {
  border-bottom-color: #07AD7E;
}
.line-behind.line-success > .text {
  color: #07AD7E;
}
.line-behind.line-success > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #07AD7E 100%);
  background: linear-gradient(to right, white 0%, #07AD7E 100%);
}
.line-behind.line-success > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #07AD7E 100%);
  background: linear-gradient(to left, white 0%, #07AD7E 100%);
}

.bg-success {
  color: #fff;
  background-color: #07AD7E !important;
}

.bg-success-o10 {
  color: #07AD7E;
  background-color: rgba(7, 173, 126, 0.1);
}

.bg-success-o25 {
  color: #07AD7E;
  background-color: rgba(7, 173, 126, 0.25);
}

.bg-success-o50 {
  color: #fff;
  background-color: rgba(7, 173, 126, 0.5);
}

.bg-success-o75 {
  color: #fff;
  background-color: rgba(7, 173, 126, 0.75);
}

.bg-success-gradient {
  color: #fff;
  background: #08c690;
  background: -webkit-linear-gradient(top, #08c690 0%, #057c5a 100%);
  background: linear-gradient(to bottom, #08c690 0%, #057c5a 100%);
}

.btn.btn-success-gradient-radial {
  color: #fff;
  background: #08c690;
  background: -webkit-radial-gradient(center, circle cover, #08c690 0%, #057c5a 100%);
  background: radial-gradient(circle at center, #08c690 0%, #057c5a 100%);
}
.btn.btn-success-gradient-radial:hover {
  background: #0bf5b3;
  background: -webkit-radial-gradient(center, circle cover, #0bf5b3 0%, #07AD7E 100%);
  background: radial-gradient(circle at center, #0bf5b3 0%, #07AD7E 100%);
}

.bg-success-gradient-radial {
  color: #fff;
  background: #0bf5b3;
  background: -webkit-radial-gradient(center, circle cover, #0bf5b3 0%, #046348 100%);
  background: radial-gradient(circle at center, #0bf5b3 0%, #046348 100%);
}

.control-success .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(7, 173, 126, 0.25);
}

.control-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #07AD7E;
}

.control-success .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #07AD7E;
  background-color: #07AD7E;
}

.custom-range-success::-webkit-slider-thumb,
.custom-range-success::-webkit-slider-thumb:active {
  background-color: #07AD7E;
}

.border-success {
  border-color: #07AD7E !important;
}

.text-success {
  color: #07AD7E !important;
}

.slim-panel.slim-panel-success > div {
  padding: 3px;
}
.slim-panel.slim-panel-success > div > h1, .slim-panel.slim-panel-success > div h2, .slim-panel.slim-panel-success > div h3, .slim-panel.slim-panel-success > div h4, .slim-panel.slim-panel-success > div h5, .slim-panel.slim-panel-success > div h6, .slim-panel.slim-panel-success > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-success > .heading {
  color: #fff;
  background-color: #07AD7E;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-success > .content {
  border-left: 1px solid #07AD7E !important;
  border-bottom: 1px solid #07AD7E !important;
  border-right: 1px solid #07AD7E !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-success > .content.color-match {
  color: #07AD7E;
  background-color: #fff;
}

.btn.btn-warning-gradient {
  color: #fff;
  background: #ffc252;
  background: -webkit-linear-gradient(top, #ffc252 0%, #ffa705 100%);
  background: linear-gradient(to bottom, #ffc252 0%, #ffa705 100%);
}
.btn.btn-warning-gradient:hover {
  background: #ffd485;
  background: -webkit-linear-gradient(top, #ffd485 0%, #FFB938 100%);
  background: linear-gradient(to bottom, #ffd485 0%, #FFB938 100%);
}

hr.warning {
  border-top: 1px solid #FFB938;
}

.line-behind.line-warning {
  border-bottom-color: #FFB938;
}
.line-behind.line-warning > .text {
  color: #FFB938;
}
.line-behind.line-warning > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #FFB938 100%);
  background: linear-gradient(to right, white 0%, #FFB938 100%);
}
.line-behind.line-warning > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #FFB938 100%);
  background: linear-gradient(to left, white 0%, #FFB938 100%);
}

.bg-warning {
  color: #fff;
  background-color: #FFB938 !important;
}

.bg-warning-o10 {
  color: #FFB938;
  background-color: rgba(255, 185, 56, 0.1);
}

.bg-warning-o25 {
  color: #FFB938;
  background-color: rgba(255, 185, 56, 0.25);
}

.bg-warning-o50 {
  color: #fff;
  background-color: rgba(255, 185, 56, 0.5);
}

.bg-warning-o75 {
  color: #fff;
  background-color: rgba(255, 185, 56, 0.75);
}

.bg-warning-gradient {
  color: #fff;
  background: #ffc252;
  background: -webkit-linear-gradient(top, #ffc252 0%, #ffa705 100%);
  background: linear-gradient(to bottom, #ffc252 0%, #ffa705 100%);
}

.btn.btn-warning-gradient-radial {
  color: #fff;
  background: #ffc252;
  background: -webkit-radial-gradient(center, circle cover, #ffc252 0%, #ffa705 100%);
  background: radial-gradient(circle at center, #ffc252 0%, #ffa705 100%);
}
.btn.btn-warning-gradient-radial:hover {
  background: #ffd485;
  background: -webkit-radial-gradient(center, circle cover, #ffd485 0%, #FFB938 100%);
  background: radial-gradient(circle at center, #ffd485 0%, #FFB938 100%);
}

.bg-warning-gradient-radial {
  color: #fff;
  background: #ffd485;
  background: -webkit-radial-gradient(center, circle cover, #ffd485 0%, #eb9800 100%);
  background: radial-gradient(circle at center, #ffd485 0%, #eb9800 100%);
}

.control-warning .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 185, 56, 0.25);
}

.control-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FFB938;
}

.control-warning .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FFB938;
  background-color: #FFB938;
}

.custom-range-warning::-webkit-slider-thumb,
.custom-range-warning::-webkit-slider-thumb:active {
  background-color: #FFB938;
}

.border-warning {
  border-color: #FFB938 !important;
}

.text-warning {
  color: #FFB938 !important;
}

.slim-panel.slim-panel-warning > div {
  padding: 3px;
}
.slim-panel.slim-panel-warning > div > h1, .slim-panel.slim-panel-warning > div h2, .slim-panel.slim-panel-warning > div h3, .slim-panel.slim-panel-warning > div h4, .slim-panel.slim-panel-warning > div h5, .slim-panel.slim-panel-warning > div h6, .slim-panel.slim-panel-warning > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-warning > .heading {
  color: #fff;
  background-color: #FFB938;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-warning > .content {
  border-left: 1px solid #FFB938 !important;
  border-bottom: 1px solid #FFB938 !important;
  border-right: 1px solid #FFB938 !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-warning > .content.color-match {
  color: #FFB938;
  background-color: #fff;
}

.btn.btn-danger-gradient {
  color: #fff;
  background: #ff7869;
  background: -webkit-linear-gradient(top, #ff7869 0%, #ff331c 100%);
  background: linear-gradient(to bottom, #ff7869 0%, #ff331c 100%);
}
.btn.btn-danger-gradient:hover {
  background: #ffa69c;
  background: -webkit-linear-gradient(top, #ffa69c 0%, #FF614F 100%);
  background: linear-gradient(to bottom, #ffa69c 0%, #FF614F 100%);
}

hr.danger {
  border-top: 1px solid #FF614F;
}

.line-behind.line-danger {
  border-bottom-color: #FF614F;
}
.line-behind.line-danger > .text {
  color: #FF614F;
}
.line-behind.line-danger > .text:before {
  background: white;
  background: -webkit-linear-gradient(left, white 0%, #FF614F 100%);
  background: linear-gradient(to right, white 0%, #FF614F 100%);
}
.line-behind.line-danger > .text:after {
  background: white;
  background: -webkit-linear-gradient(right, white 0%, #FF614F 100%);
  background: linear-gradient(to left, white 0%, #FF614F 100%);
}

.bg-danger {
  color: #fff;
  background-color: #FF614F !important;
}

.bg-danger-o10 {
  color: #FF614F;
  background-color: rgba(255, 97, 79, 0.1);
}

.bg-danger-o25 {
  color: #FF614F;
  background-color: rgba(255, 97, 79, 0.25);
}

.bg-danger-o50 {
  color: #fff;
  background-color: rgba(255, 97, 79, 0.5);
}

.bg-danger-o75 {
  color: #fff;
  background-color: rgba(255, 97, 79, 0.75);
}

.bg-danger-gradient {
  color: #fff;
  background: #ff7869;
  background: -webkit-linear-gradient(top, #ff7869 0%, #ff331c 100%);
  background: linear-gradient(to bottom, #ff7869 0%, #ff331c 100%);
}

.btn.btn-danger-gradient-radial {
  color: #fff;
  background: #ff7869;
  background: -webkit-radial-gradient(center, circle cover, #ff7869 0%, #ff331c 100%);
  background: radial-gradient(circle at center, #ff7869 0%, #ff331c 100%);
}
.btn.btn-danger-gradient-radial:hover {
  background: #ffa69c;
  background: -webkit-radial-gradient(center, circle cover, #ffa69c 0%, #FF614F 100%);
  background: radial-gradient(circle at center, #ffa69c 0%, #FF614F 100%);
}

.bg-danger-gradient-radial {
  color: #fff;
  background: #ffa69c;
  background: -webkit-radial-gradient(center, circle cover, #ffa69c 0%, #ff1c03 100%);
  background: radial-gradient(circle at center, #ffa69c 0%, #ff1c03 100%);
}

.control-danger .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 97, 79, 0.25);
}

.control-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FF614F;
}

.control-danger .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FF614F;
  background-color: #FF614F;
}

.custom-range-danger::-webkit-slider-thumb,
.custom-range-danger::-webkit-slider-thumb:active {
  background-color: #FF614F;
}

.border-danger {
  border-color: #FF614F !important;
}

.text-danger {
  color: #FF614F !important;
}

.slim-panel.slim-panel-danger > div {
  padding: 3px;
}
.slim-panel.slim-panel-danger > div > h1, .slim-panel.slim-panel-danger > div h2, .slim-panel.slim-panel-danger > div h3, .slim-panel.slim-panel-danger > div h4, .slim-panel.slim-panel-danger > div h5, .slim-panel.slim-panel-danger > div h6, .slim-panel.slim-panel-danger > div p {
  margin-bottom: 0px;
}
.slim-panel.slim-panel-danger > .heading {
  color: #fff;
  background-color: #FF614F;
  border-radius: 3px 3px 0px 0px;
}
.slim-panel.slim-panel-danger > .content {
  border-left: 1px solid #FF614F !important;
  border-bottom: 1px solid #FF614F !important;
  border-right: 1px solid #FF614F !important;
  border-radius: 0px 0px 3px 3px;
}
.slim-panel.slim-panel-danger > .content.color-match {
  color: #FF614F;
  background-color: #fff;
}

.frontend {
  background: white;
  background: -webkit-radial-gradient(center, circle cover, white 0%, #ebebeb 100%);
  background: radial-gradient(circle at center, white 0%, #ebebeb 100%);
}

.blk-25 {
  background-color: rgba(0, 0, 0, 0.25);
}

.blk-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.blk-75 {
  background-color: rgba(0, 0, 0, 0.75);
}

.screen-blk-25:before {
  background: rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.screen-blk-25:hover:before, .screen-blk-25.sticky:before {
  background: rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.not-live-site .test-banner {
  position: relative;
  display: block;
  padding: 0px 10px;
  font-size: 24px;
  line-height: 40px;
  height: 40px;
  letter-spacing: 20px;
  font-weight: 200;
  background: rgba(224, 0, 0, 0.99);
  color: #fff;
}

html,
body {
  height: 100%;
  margin: 0;
}

body.not-live-site {
  height: calc(100% - 40px);
}

.full-height-layout {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.full-height-layout > header {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}
.full-height-layout > section {
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
}
.full-height-layout > footer {
  flex: 0 1 auto;
  background-color: red;
}

.scrollable-flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.scrollable-flex > .header {
  flex: 0 1 auto;
}
.scrollable-flex > .content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollable-flex > .content.lock-height {
  position: relative;
}
.scrollable-flex > .content.lock-height > div, .scrollable-flex > .content.lock-height > div > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.scrollable-flex > .content.lock-height > div.scrollable, .scrollable-flex > .content.lock-height > div .scrollable {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.flex-fixed-header {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.flex-fixed-header > .header {
  flex: none;
}
.flex-fixed-header > .body {
  flex: auto;
  overflow-y: auto;
}

.flex-fit-overflow {
  width: 100%;
  min-width: 0;
}

.splitview-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.scrolling-splitview, .fill-height {
  display: flex;
  flex-flow: row;
  height: 100%;
}

.full-height-layout header {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}

.scrolling-splitview > section {
  flex: 1;
  flex-shrink: 0;
  overflow: auto;
  padding: 5px 10px;
}

.flex-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.flex-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.flex-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.flex-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.flex-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.flex-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.flex-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.flex-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.flex-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.flex-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.flex-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.flex-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.flex-xs-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.flex-xs-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.flex-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.flex-xs-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.flex-xs-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.flex-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.flex-xs-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.flex-xs-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.flex-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.flex-xs-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.flex-xs-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.flex-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media all and (min-width: 576px) {
  .flex-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .flex-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .flex-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .flex-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .flex-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .flex-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .flex-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .flex-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .flex-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .flex-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .flex-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .flex-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media all and (min-width: 768px) {
  .flex-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .flex-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .flex-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .flex-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .flex-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .flex-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .flex-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .flex-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .flex-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .flex-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .flex-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .flex-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media all and (min-width: 992px) {
  .flex-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .flex-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .flex-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .flex-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .flex-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .flex-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .flex-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .flex-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .flex-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .flex-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .flex-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .flex-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media all and (min-width: 1200px) {
  .flex-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .flex-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .flex-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .flex-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .flex-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .flex-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .flex-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .flex-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .flex-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .flex-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .flex-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .flex-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media all and (orientation: landscape) {
  .flex-landscape-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .flex-landscape-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .flex-landscape-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .flex-landscape-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .flex-landscape-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .flex-landscape-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .flex-landscape-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .flex-landscape-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .flex-landscape-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .flex-landscape-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .flex-landscape-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .flex-landscape-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media all and (orientation: portrait) {
  .flex-portrait-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .flex-portrait-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .flex-portrait-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .flex-portrait-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .flex-portrait-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .flex-portrait-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .flex-portrait-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .flex-portrait-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .flex-portrait-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .flex-portrait-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .flex-portrait-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .flex-portrait-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media all and (orientation: landscape) {
  .scrolling-splitview > section.auto-landscape {
    flex: 0 1 auto;
  }
}
@media all and (orientation: portrait) {
  .scrolling-splitview {
    flex-flow: column;
  }
  .scrolling-splitview > section.auto-portrait {
    flex: 0 1 auto;
  }
}
.nav-tabs {
  border-bottom: none;
}
.nav-tabs > .nav-item {
  margin-bottom: 0;
}
.nav-tabs.scrollable {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}
.nav-tabs .nav-item .nav-link {
  transition-property: background-color, color;
  transition-duration: 0.15s;
}
.nav-tabs:not(.nav-tabs-vertical) .nav-item .nav-link.active {
  border-style: solid;
  border-bottom: none !important;
}
.nav-tabs:not(.nav-tabs-vertical).nav-tabs-sm .nav-item .nav-link {
  padding: 0.25rem 0.25rem;
}
.nav-tabs-vertical {
  border-bottom: none;
  border-right: 1px solid #20B1D3;
  display: flex;
  flex-flow: column nowrap;
}
.nav-tabs-left {
  margin: 0;
}
.nav-tabs-left .nav-item + .nav-item {
  margin-top: 0;
}
.nav-tabs-left .nav-link {
  transition: border-color 0.125s ease-in;
  white-space: nowrap;
  color: #20B1D3;
}
.nav-tabs-left .nav-link:hover {
  background-color: #43c4e3;
  border-color: transparent;
  color: #fff;
}
.nav-tabs-left .nav-item .nav-link {
  border-radius: 0;
}
.nav-tabs-left .nav-item:first-child .nav-link {
  border-top-left-radius: 0.25em;
}
.nav-tabs-left .nav-item:last-child .nav-link {
  border-bottom-left-radius: 0.25em;
}
.nav-tabs-left .nav-link.active {
  border-color: #20B1D3;
  border-right-color: #fff;
  margin-right: -1px;
}
.nav-tabs-left .nav-link.active:hover {
  background-color: #fff;
  border-color: #20B1D3;
  border-right-color: #fff;
  color: #20B1D3;
}

@media (max-width: 767px) {
  .table-responsive .dropdown-menu {
    position: static !important;
  }
}
@media (min-width: 768px) {
  .table-responsive:not(.force-responsive) {
    overflow: visible;
  }
}
.modal-content {
  border-radius: 0;
}
.modal-content > .modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media all and (max-width: 991.98px) {
  .modal-wide, .modal-full, .modal-1200 {
    width: 95%;
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) {
  /* Scrollbar styling */
  ::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    transition-property: background-color, color;
    transition-duration: 0.75s;
    background: rgba(0, 0, 0, 0.05);
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
  }

  .modal-wide {
    width: 80%;
    max-width: 1200px;
  }

  .modal-full {
    width: 90%;
    max-width: 1400px;
  }

  .modal-1200 {
    width: 1200px;
  }
}
.mini-modal {
  background-color: #fff;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  max-width: 480px;
  max-height: 80vh;
  overflow-y: auto;
  z-index: 1000;
  border-radius: 2px;
  padding: 10px;
  box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.4);
}

.mini-modal .msg-list {
  max-height: 15vh;
  overflow-y: auto;
}

.mini-modal .fa-times-circle {
  font-size: 16px;
  cursor: pointer;
}

.columns-2, .columns-3, .columns-4 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-gap: 10px;
  column-count: 2;
  column-rule: solid rgba(0, 0, 0, 0.05);
  column-rule-width: 2px;
}

.columns-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}

.columns-4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}

.columns-xs-2, .columns-xs-3, .columns-xs-4 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-gap: 10px;
  column-count: 2;
  column-rule: solid rgba(0, 0, 0, 0.05);
  column-rule-width: 2px;
}

.columns-xs-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}

.columns-xs-4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}

@media all and (min-width: 576px) {
  .columns-sm-2, .columns-sm-3, .columns-sm-4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 10px;
    column-count: 2;
    column-rule: solid rgba(0, 0, 0, 0.05);
    column-rule-width: 2px;
  }

  .columns-sm-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  .columns-sm-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media all and (min-width: 768px) {
  .columns-md-2, .columns-md-3, .columns-md-4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 10px;
    column-count: 2;
    column-rule: solid rgba(0, 0, 0, 0.05);
    column-rule-width: 2px;
  }

  .columns-md-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  .columns-md-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media all and (min-width: 992px) {
  .columns-lg-2, .columns-lg-3, .columns-lg-4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 10px;
    column-count: 2;
    column-rule: solid rgba(0, 0, 0, 0.05);
    column-rule-width: 2px;
  }

  .columns-lg-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  .columns-lg-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media all and (min-width: 1200px) {
  .columns-xl-2, .columns-xl-3, .columns-xl-4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 10px;
    column-count: 2;
    column-rule: solid rgba(0, 0, 0, 0.05);
    column-rule-width: 2px;
  }

  .columns-xl-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }

  .columns-xl-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
.inline {
  display: inline-block;
  margin: 10px 0 10px 0.5%;
  vertical-align: top;
}
.inline.box-shadow {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.inline.padded {
  padding: 5px;
}
.inline:first-child {
  margin-left: 0 !important;
}

.inline.sixth {
  width: 16.16666%;
}
.inline.fifth {
  width: 19.5%;
}
.inline.forth {
  width: 24.5%;
}
.inline.third {
  width: 32.83333%;
}
.inline.twothirds {
  width: 66.16%;
}
.inline.half {
  width: 49.5%;
}
.inline.full {
  width: 99.5%;
  margin: 5px 0 5px 0.25%;
}
.inline.threefourths {
  width: 74.5%;
}
.inline.min-height-6 {
  min-height: 6em;
}
.inline.min-height-9 {
  min-height: 9em;
}
.inline.min-height-12 {
  min-height: 12em;
}

.inline.sixth-xs {
  width: 16.16666%;
}
.inline.fifth-xs {
  width: 19.5%;
}
.inline.forth-xs {
  width: 24.5%;
}
.inline.third-xs {
  width: 32.83333%;
}
.inline.twothirds-xs {
  width: 66.16%;
}
.inline.half-xs {
  width: 49.5%;
}
.inline.full-xs {
  width: 99.5%;
  margin: 5px 0 5px 0.25%;
}
.inline.threefourths-xs {
  width: 74.5%;
}
.inline.min-height-6-xs {
  min-height: 6em;
}
.inline.min-height-9-xs {
  min-height: 9em;
}
.inline.min-height-12-xs {
  min-height: 12em;
}

@media all and (min-width: 576px) {
  .inline.sixth-sm {
    width: 16.16666%;
  }
  .inline.fifth-sm {
    width: 19.5%;
  }
  .inline.forth-sm {
    width: 24.5%;
  }
  .inline.third-sm {
    width: 32.83333%;
  }
  .inline.twothirds-sm {
    width: 66.16%;
  }
  .inline.half-sm {
    width: 49.5%;
  }
  .inline.full-sm {
    width: 99.5%;
    margin: 5px 0 5px 0.25%;
  }
  .inline.threefourths-sm {
    width: 74.5%;
  }
  .inline.min-height-6-sm {
    min-height: 6em;
  }
  .inline.min-height-9-sm {
    min-height: 9em;
  }
  .inline.min-height-12-sm {
    min-height: 12em;
  }
}
@media all and (min-width: 768px) {
  .inline.sixth-md {
    width: 16.16666%;
  }
  .inline.fifth-md {
    width: 19.5%;
  }
  .inline.forth-md {
    width: 24.5%;
  }
  .inline.third-md {
    width: 32.83333%;
  }
  .inline.twothirds-md {
    width: 66.16%;
  }
  .inline.half-md {
    width: 49.5%;
  }
  .inline.full-md {
    width: 99.5%;
    margin: 5px 0 5px 0.25%;
  }
  .inline.threefourths-md {
    width: 74.5%;
  }
  .inline.min-height-6-md {
    min-height: 6em;
  }
  .inline.min-height-9-md {
    min-height: 9em;
  }
  .inline.min-height-12-md {
    min-height: 12em;
  }
}
@media all and (min-width: 992px) {
  .inline.sixth-lg {
    width: 16.16666%;
  }
  .inline.fifth-lg {
    width: 19.5%;
  }
  .inline.forth-lg {
    width: 24.5%;
  }
  .inline.third-lg {
    width: 32.83333%;
  }
  .inline.twothirds-lg {
    width: 66.16%;
  }
  .inline.half-lg {
    width: 49.5%;
  }
  .inline.full-lg {
    width: 99.5%;
    margin: 5px 0 5px 0.25%;
  }
  .inline.threefourths-lg {
    width: 74.5%;
  }
  .inline.min-height-6-lg {
    min-height: 6em;
  }
  .inline.min-height-9-lg {
    min-height: 9em;
  }
  .inline.min-height-12-lg {
    min-height: 12em;
  }
}
@media all and (min-width: 1200px) {
  .inline.sixth-xl {
    width: 16.16666%;
  }
  .inline.fifth-xl {
    width: 19.5%;
  }
  .inline.forth-xl {
    width: 24.5%;
  }
  .inline.third-xl {
    width: 32.83333%;
  }
  .inline.twothirds-xl {
    width: 66.16%;
  }
  .inline.half-xl {
    width: 49.5%;
  }
  .inline.full-xl {
    width: 99.5%;
    margin: 5px 0 5px 0.25%;
  }
  .inline.threefourths-xl {
    width: 74.5%;
  }
  .inline.min-height-6-xl {
    min-height: 6em;
  }
  .inline.min-height-9-xl {
    min-height: 9em;
  }
  .inline.min-height-12-xl {
    min-height: 12em;
  }
}
/*
.mirror-image {
	transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
}
*/
.g-recaptcha > div {
  margin: auto;
}

.form-flow {
  -webkit-overflow-scrolling: touch;
}
.form-flow:not(.ff-inline) {
  padding: 20px 10px;
}
.form-flow:not(.ff-inline) .next-panels .next-panel::before {
  content: " ";
  display: block;
  height: 20px;
}
.form-flow:not(.ff-inline) .next-panels .next-panel::after {
  content: " ";
  display: block;
  height: 80px;
}
.form-flow .ff-nav {
  max-height: 5em;
  transition: all 0.25s ease-out;
  overflow: hidden;
}
.form-flow.hide-ff-nav .ff-nav {
  max-height: 0em;
}

.small-container {
  width: 100%;
  padding: 10px;
}

@media all and (min-width: 576px) {
  .form-flow, .small-container {
    max-width: 576px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .ff-nav:not(.ff-nav-inline) {
    padding-top: 1em;
    display: none;
  }

  .form-flow:not(.ff-inline) .next-panels .next-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@media all and (max-width: 575px) {
  .form-flow {
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    min-height: 100vh;
    z-index: 1;
    overflow: hidden;
  }
  .form-flow .next-panels .next-panel {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100vh;
  }
  .form-flow .next-panels .next-panel::after {
    height: 250px;
  }
  .form-flow .ff-nav:not(.ff-nav-inline) {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: auto;
  }
  .form-flow .ff-nav.ff-nav-inline {
    display: none;
  }
  .form-flow .ff-nav button {
    border-radius: 0px;
    padding: 1rem 1rem;
  }
}
@media all and (min-width: 576px) {
  /*
  .form-flow:not(.hide-ff-nav) .ff-nav { margin-top: 20px; margin-bottom: 20px; }
  */
}
.minh-50 {
  min-height: 50px;
}

.minh-100 {
  min-height: 100px;
}

.minh-150 {
  min-height: 150px;
}

.minh-200 {
  min-height: 200px;
}

.minh-250 {
  min-height: 250px;
}

.minh-300 {
  min-height: 300px;
}

.minh-350 {
  min-height: 350px;
}

.minh-400 {
  min-height: 400px;
}

.minh-450 {
  min-height: 450px;
}

.minh-500 {
  min-height: 500px;
}

.horizontal-reveal, .vertical-reveal {
  overflow: hidden;
  transition: all 0.5s ease-out;
  opacity: 0;
}

.fade-reveal {
  opacity: 0;
  transition: all 0.25s ease-out;
}

.horizontal-reveal {
  max-width: 0 !important;
}

.vertical-reveal {
  max-height: 0 !important;
}

.reveal-on-hover:hover .horizontal-reveal, .reveal .horizontal-reveal, .horizontal-reveal.reveal {
  display: inline-block;
  max-width: 100vw !important;
  opacity: 1;
  transition: all 0.75s ease-in;
}

.reveal-on-hover:hover .fade-reveal, .reveal .fade-reveal, .fade-reveal.reveal {
  opacity: 1;
  transition: all 0.15s ease-in;
}

.reveal-on-hover:hover .vertical-reveal, .reveal .vertical-reveal, .vertical-reveal.reveal {
  display: inline-block;
  max-height: 300vh !important;
  opacity: 1;
  transition: all 0.75s ease-in;
}

.align-all-middle > * {
  vertical-align: middle;
}

.abs-top-layer {
  z-index: 1000 !important;
}

.abs-relative-wrap {
  position: relative;
}

.abs-top-right {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
}

.abs-top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}

.abs-bottom-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: auto;
  left: auto;
}

.abs-none {
  position: inherit;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  -webkit-transform: none;
  transform: none;
}

.abs-full {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.abs-bottom-left {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto;
}

.abs-center {
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
}

.abs-top-center {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  left: 50%;
  bottom: auto;
  right: auto;
}

.abs-bottom-center {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
  top: auto;
  right: auto;
}

.abs-left-middle {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  bottom: auto;
  right: auto;
}

.abs-right-middle {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
}

.abs-top-layer-xs {
  z-index: 1000 !important;
}

.abs-relative-wrap-xs {
  position: relative;
}

.abs-top-right-xs {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: auto;
}

.abs-top-left-xs {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
}

.abs-bottom-right-xs {
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: auto;
  left: auto;
}

.abs-none-xs {
  position: inherit;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  -webkit-transform: none;
  transform: none;
}

.abs-full-xs {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.abs-bottom-left-xs {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto;
}

.abs-center-xs {
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
}

.abs-top-center-xs {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  left: 50%;
  bottom: auto;
  right: auto;
}

.abs-bottom-center-xs {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
  top: auto;
  right: auto;
}

.abs-left-middle-xs {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  bottom: auto;
  right: auto;
}

.abs-right-middle-xs {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
}

@media all and (min-width: 576px) {
  .abs-top-layer-sm {
    z-index: 1000 !important;
  }

  .abs-relative-wrap-sm {
    position: relative;
  }

  .abs-top-right-sm {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
  }

  .abs-top-left-sm {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-right-sm {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    left: auto;
  }

  .abs-none-sm {
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
  }

  .abs-full-sm {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .abs-bottom-left-sm {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
  }

  .abs-center-sm {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-top-center-sm {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-center-sm {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
  }

  .abs-left-middle-sm {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
  }

  .abs-right-middle-sm {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
@media all and (min-width: 768px) {
  .abs-top-layer-md {
    z-index: 1000 !important;
  }

  .abs-relative-wrap-md {
    position: relative;
  }

  .abs-top-right-md {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
  }

  .abs-top-left-md {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-right-md {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    left: auto;
  }

  .abs-none-md {
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
  }

  .abs-full-md {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .abs-bottom-left-md {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
  }

  .abs-center-md {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-top-center-md {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-center-md {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
  }

  .abs-left-middle-md {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
  }

  .abs-right-middle-md {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
@media all and (min-width: 992px) {
  .abs-top-layer-lg {
    z-index: 1000 !important;
  }

  .abs-relative-wrap-lg {
    position: relative;
  }

  .abs-top-right-lg {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
  }

  .abs-top-left-lg {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-right-lg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    left: auto;
  }

  .abs-none-lg {
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
  }

  .abs-full-lg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .abs-bottom-left-lg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
  }

  .abs-center-lg {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-top-center-lg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-center-lg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
  }

  .abs-left-middle-lg {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
  }

  .abs-right-middle-lg {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
@media all and (min-width: 1200px) {
  .abs-top-layer-xl {
    z-index: 1000 !important;
  }

  .abs-relative-wrap-xl {
    position: relative;
  }

  .abs-top-right-xl {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
  }

  .abs-top-left-xl {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-right-xl {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    left: auto;
  }

  .abs-none-xl {
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
  }

  .abs-full-xl {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .abs-bottom-left-xl {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
  }

  .abs-center-xl {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-top-center-xl {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-center-xl {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
  }

  .abs-left-middle-xl {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
  }

  .abs-right-middle-xl {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
@media all and (orientation: landscape) {
  .abs-top-layer-landscape {
    z-index: 1000 !important;
  }

  .abs-relative-wrap-landscape {
    position: relative;
  }

  .abs-top-right-landscape {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
  }

  .abs-top-left-landscape {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-right-landscape {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    left: auto;
  }

  .abs-none-landscape {
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
  }

  .abs-full-landscape {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .abs-bottom-left-landscape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
  }

  .abs-center-landscape {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-top-center-landscape {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-center-landscape {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
  }

  .abs-left-middle-landscape {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
  }

  .abs-right-middle-landscape {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
@media all and (orientation: portrait) {
  .abs-top-layer-portrait {
    z-index: 1000 !important;
  }

  .abs-relative-wrap-portrait {
    position: relative;
  }

  .abs-top-right-portrait {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
  }

  .abs-top-left-portrait {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-right-portrait {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    left: auto;
  }

  .abs-none-portrait {
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    transform: none;
  }

  .abs-full-portrait {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .abs-bottom-left-portrait {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
  }

  .abs-center-portrait {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-top-center-portrait {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    bottom: auto;
    right: auto;
  }

  .abs-bottom-center-portrait {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
  }

  .abs-left-middle-portrait {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
  }

  .abs-right-middle-portrait {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
@media all and (orientation: portrait) {
  .if-landscape {
    display: none;
  }
}
@media all and (orientation: landscape) {
  .if-portrait {
    display: none;
  }
}
/*
Todo lists have checkbox identities to show completion progress
*/
.todo-list .item {
  border-radius: 4px;
  border: solid 1px #333;
  padding: 5px;
  cursor: pointer;
  transition-property: all;
  transition-duration: 1.5s;
  margin-bottom: 5px;
}
.todo-list .item:hover {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.5s;
}
.todo-list .item::after {
  display: block;
  clear: both;
  content: "";
}
.todo-list .item > .check, .todo-list .item .todo.check {
  font-size: 60px;
  text-align: center;
  width: 80px;
  display: inline-block;
  margin-right: 20px;
  color: #999;
}
.todo-list .item > .message {
  font-size: 120%;
  width: calc(100% - 100px);
  display: inline-block;
}

.todo-list .item.complete > .check, .todo.check.complete {
  color: #22B573;
}

.todo-list .item.warning > .check, .todo.check.warning {
  color: #FF9933;
}

.todo-list .item.incomplete > .check, .todo.check.incomplete {
  color: #CC0000;
}

/*
Work panel and tools for use with Episode of Care interfaces
*/
div:not(.tb-dragging) .work-panel-wrap, div:not(.tb-dragging) .toolbar {
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.drag-handle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tb-tools {
  overflow-y: hidden;
}

[data-tb-status] {
  cursor: pointer;
}

.toolbar {
  box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.toolbar.is-expanding .tb-tools {
  overflow: none;
}

@media all and (orientation: landscape) {
  .toolbar {
    width: 200px;
    height: 100%;
  }

  .work-panel-wrap {
    width: calc(100% - 200px);
    height: 100%;
  }

  .tb-statuses {
    left: -60px;
    width: 60px;
    top: 0;
    height: 100%;
  }

  .toolbar-state.eoc-closed .work-panel-wrap {
    width: calc(100% - 200px);
  }
  .toolbar-state.eoc-closed .toolbar {
    width: 200px;
    overflow-y: none;
    overflow: none;
  }
  .toolbar-state.eoc-details .work-panel-wrap {
    width: 50%;
  }
  .toolbar-state.eoc-details .toolbar {
    width: 50%;
  }
  .toolbar-state.assessing .work-panel-wrap {
    width: calc(100% - 480px);
  }
  .toolbar-state.assessing .toolbar {
    width: 480px;
  }
}
@media all and (orientation: portrait) {
  .toolbar {
    width: 100%;
    height: 200px;
  }

  .work-panel-wrap {
    height: calc(100% - 200px);
    width: 100%;
  }

  .tb-statuses {
    top: -50px;
    right: 0;
    width: 100%;
    height: 60px;
  }
  .tb-statuses > div {
    display: inline;
  }

  .toolbar-state.eoc-details .work-panel-wrap {
    height: 50%;
  }
  .toolbar-state.eoc-details .toolbar {
    height: 50%;
  }
  .toolbar-state.assessing .work-panel-wrap {
    height: 50%;
  }
  .toolbar-state.assessing .toolbar {
    height: 50%;
  }
}
.tb-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.tb-group > div {
  order: 1;
  flex-grow: 0;
  flex-shrink: 0;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-1 {
  flex-basis: 8.3333333333%;
}

.toolbar-state.eoc-details .tb-eoc-details-1 {
  flex-basis: 8.3333333333%;
}

.toolbar-state.assessing .tb-assessing-1 {
  flex-basis: 8.3333333333%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-2 {
  flex-basis: 16.6666666667%;
}

.toolbar-state.eoc-details .tb-eoc-details-2 {
  flex-basis: 16.6666666667%;
}

.toolbar-state.assessing .tb-assessing-2 {
  flex-basis: 16.6666666667%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-3 {
  flex-basis: 25%;
}

.toolbar-state.eoc-details .tb-eoc-details-3 {
  flex-basis: 25%;
}

.toolbar-state.assessing .tb-assessing-3 {
  flex-basis: 25%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-4 {
  flex-basis: 33.3333333333%;
}

.toolbar-state.eoc-details .tb-eoc-details-4 {
  flex-basis: 33.3333333333%;
}

.toolbar-state.assessing .tb-assessing-4 {
  flex-basis: 33.3333333333%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-5 {
  flex-basis: 41.6666666667%;
}

.toolbar-state.eoc-details .tb-eoc-details-5 {
  flex-basis: 41.6666666667%;
}

.toolbar-state.assessing .tb-assessing-5 {
  flex-basis: 41.6666666667%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-6 {
  flex-basis: 50%;
}

.toolbar-state.eoc-details .tb-eoc-details-6 {
  flex-basis: 50%;
}

.toolbar-state.assessing .tb-assessing-6 {
  flex-basis: 50%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-7 {
  flex-basis: 58.3333333333%;
}

.toolbar-state.eoc-details .tb-eoc-details-7 {
  flex-basis: 58.3333333333%;
}

.toolbar-state.assessing .tb-assessing-7 {
  flex-basis: 58.3333333333%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-8 {
  flex-basis: 66.6666666667%;
}

.toolbar-state.eoc-details .tb-eoc-details-8 {
  flex-basis: 66.6666666667%;
}

.toolbar-state.assessing .tb-assessing-8 {
  flex-basis: 66.6666666667%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-9 {
  flex-basis: 75%;
}

.toolbar-state.eoc-details .tb-eoc-details-9 {
  flex-basis: 75%;
}

.toolbar-state.assessing .tb-assessing-9 {
  flex-basis: 75%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-10 {
  flex-basis: 83.3333333333%;
}

.toolbar-state.eoc-details .tb-eoc-details-10 {
  flex-basis: 83.3333333333%;
}

.toolbar-state.assessing .tb-assessing-10 {
  flex-basis: 83.3333333333%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-11 {
  flex-basis: 91.6666666667%;
}

.toolbar-state.eoc-details .tb-eoc-details-11 {
  flex-basis: 91.6666666667%;
}

.toolbar-state.assessing .tb-assessing-11 {
  flex-basis: 91.6666666667%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-12 {
  flex-basis: 100%;
}

.toolbar-state.eoc-details .tb-eoc-details-12 {
  flex-basis: 100%;
}

.toolbar-state.assessing .tb-assessing-12 {
  flex-basis: 100%;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-block {
  flex-direction: column;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-pos-abs {
  position: absolute;
}

.toolbar-state:not(.eoc-details):not(.assessing) .tb-closed-none {
  display: none;
}

.toolbar-state.eoc-details .tb-eoc-details-pos-abs {
  position: absolute;
}

.toolbar-state.eoc-details .tb-eoc-details-block {
  flex-direction: column;
}

.toolbar-state.eoc-details .tb-eoc-details-none {
  display: none;
}

.toolbar-state.assessing .tb-assessing-pos-abs {
  position: absolute;
}

.toolbar-state.assessing .tb-assessing-block {
  flex-direction: column;
}

.toolbar-state.assessing .tb-assessing-none {
  display: none;
}

.on-show-overlays {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  z-index: 5;
}

body.show-overlays .on-show-overlays {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 4s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  z-index: 5;
}

.chat-active-video video, .chat-active-video img:not(.ignore-img), .clipping-wrap video, .clipping-wrap img:not(.ignore-img), .video-wrap video, .video-wrap img:not(.ignore-img) {
  max-width: inherit;
  width: auto;
  height: 100%;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.chat-active-video video::-webkit-media-controls, .clipping-wrap video::-webkit-media-controls, .video-wrap video::-webkit-media-controls {
  display: none !important;
}
.chat-active-video video::-webkit-media-controls-start-playback-button, .clipping-wrap video::-webkit-media-controls-start-playback-button, .video-wrap video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
.chat-active-video.mirror-image video, .clipping-wrap.mirror-image video, .video-wrap.mirror-image video {
  transform: translate(-50%, -50%) scale(-1, 1);
}
.chat-active-video.vid-taller video, .chat-active-video.vid-taller img:not(.ignore-img), .clipping-wrap.vid-taller video, .clipping-wrap.vid-taller img:not(.ignore-img), .video-wrap.vid-taller video, .video-wrap.vid-taller img:not(.ignore-img) {
  height: auto;
  width: 100%;
}

.mirror-image-wrap video {
  transform: translate(-50%, -50%) scale(-1, 1);
}

.max-media-wrap video, .max-media-wrap img:not(.ignore-img) {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.max-media-wrap.mirror-image video {
  transform: translate(-50%, -50%) scale(-1, 1);
}

/*
.chat-active-video {
	video {
		width: auto; 
		height: auto; 
		min-width: 100%;
		min-height: 100%;
		&.active {
			display: block;
		}
	}
	canvas {
		display: none;
		width: 90px;
		height: 30px;
		&.vis-large {
			width: 30vw;
			height: 10vw;
		}
	}

}

.assessing .patient-wrap video {
	min-width: auto; 
	min-height: auto; 
	width: 100%;
	height: 100%;
}

*/
.clipping-wrap {
  position: relative;
  overflow: hidden;
}
.clipping-wrap:after {
  cursor: pointer;
  display: block;
  content: " ";
}
.clipping-wrap.x16-9:after {
  padding-top: 56.25%;
}
.clipping-wrap.x4-3:after {
  padding-top: 75%;
}
.clipping-wrap.square:after {
  padding-top: 100%;
}

.clipping-wrap.max-sm {
  width: 100%;
  height: 100%;
  max-width: 240px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}

.clipping-wrap.max-md {
  width: 100%;
  height: 100%;
  max-width: 360px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}

.clipping-wrap.max-lg {
  width: 100%;
  height: 100%;
  max-width: 480px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}

.clipping-wrap.max-xl {
  width: 100%;
  height: 100%;
  max-width: 640px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}

.clipping-wrap.round-wrap {
  border-radius: 50%;
}

.clipping-wrap.fill-available {
  width: 100%;
  height: 100%;
}

.canvas-container {
  display: block;
  margin: auto;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 400px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
  /* Remove this if you don't want the 3D effect */
  /* This container is needed to position the front and back side */
  /* Do an horizontal flip when you move the mouse over the flip box container */
}
.flip-card.inherit-size {
  width: 100%;
  height: 100%;
}
.flip-card .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  /* Position the front and back side */
  /* Style the front side (fallback if image is missing) */
  /*
  		.flip-card-front {
  			background-color: #bbb;
  			color: black;
  		}
  */
  /* Style the back side */
}
.flip-card .flip-card-inner .flip-card-front, .flip-card .flip-card-inner .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}
.flip-card .flip-card-inner .flip-card-back {
  transform: rotateY(180deg);
}
.flip-card:hover .flip-card-inner, .flip-card.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.btn-count {
  position: relative;
}
.btn-count:after {
  content: attr(data-count);
  position: absolute;
  display: block;
  color: #000;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.75em;
  width: 1.75em;
  top: 0.1em;
  right: 0.1em;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  z-index: 0;
}
.btn-count.count-offset:after {
  top: -0.25em;
  right: -0.25em;
}

.boxlink {
  text-decoration: none;
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0);
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  transition-property: all;
  transition-duration: 0.75s;
}
.boxlink:hover, .boxlink:active, .boxlink.focus {
  text-decoration: none;
}
.boxlink.no-padding {
  padding: 0;
}
.boxlink.sm-padding {
  padding: 2px 4px;
}
.boxlink .icon {
  display: inline-block;
  width: 1.5em;
  text-align: center;
}

.boxlink-full {
  display: block;
}

.boxlink {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
}
.boxlink.fixed {
  background-color: rgba(0, 0, 0, 0.4);
}
.boxlink.fixed-6 {
  background-color: rgba(0, 0, 0, 0.6);
}
.boxlink:hover, .boxlink:active {
  background-color: rgba(0, 0, 0, 0.8);
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #20B1D3;
}

[class*=active-items] {
  position: relative;
}
[class*=active-items]:after {
  position: absolute;
  display: block;
  content: " ";
  top: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid white;
}

.boxlink.black {
  background-color: rgba(16, 16, 16, 0);
  color: #fff;
}
.boxlink.black.fixed {
  background-color: rgba(16, 16, 16, 0.4);
}
.boxlink.black.fixed-6 {
  background-color: rgba(16, 16, 16, 0.6);
}
.boxlink.black:hover, .boxlink.black:active {
  background-color: rgba(16, 16, 16, 0.8);
}

.show > .btn.btn-black.dropdown-toggle {
  background-color: #030303;
  border-color: black;
}

.btn.btn-black {
  border-color: black;
}
.btn.btn-black:hover, .btn.btn-black:active, .btn.btn-black:focus, .btn.btn-black:not(:disabled):not(.disabled).active, .btn.btn-black:not(:disabled):not(.disabled):active {
  background-color: #030303;
  border-color: black;
}
.btn.btn-black.btn-muted {
  background-color: #363636;
  border-color: #101010;
}
.btn.btn-black.bg-on-hover {
  color: #101010;
  background-color: #fff;
}
.btn.btn-black.bg-on-hover:hover, .btn.btn-black.bg-on-hover:active, .btn.btn-black.bg-on-hover:focus {
  color: #fff;
  background-color: #101010;
}
.btn.btn-black.transparent {
  color: #101010;
  border: 2px solid #101010;
  background-color: rgba(16, 16, 16, 0);
}
.btn.btn-black.transparent:hover, .btn.btn-black.transparent:active, .btn.btn-black.transparent.fixed {
  background-color: rgba(16, 16, 16, 0.2);
}
.btn.btn-black.translucent {
  color: #101010;
  border: 1px solid #101010;
  background-color: rgba(16, 16, 16, 0.1);
}
.btn.btn-black.translucent:hover, .btn.btn-black.translucent:active, .btn.btn-black.translucent.fixed {
  background-color: rgba(16, 16, 16, 0.3);
}

.btn.btn-black {
  color: #fff;
  background-color: #101010;
  border-color: #101010;
}

.nav-item .nav-link.btn-black:not(.force-solid), .bg-black .nav-item .nav-link:not(.force-solid) {
  color: #101010;
  background-color: #fff;
  border-color: #101010;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-black:not(.force-solid).active, .bg-black .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #101010;
  border-color: #101010;
}

.btn-group-toggle .btn.btn.btn-black:not(.active) {
  color: #101010;
  background-color: rgba(16, 16, 16, 0.1);
  border-color: #101010;
}

.pagination-black .page-item.active > .page-link {
  color: #fff;
  background-color: #101010;
  border-color: #101010;
}

.btn-count.count-black:after {
  color: #fff;
  background-color: #101010;
}

.active-items-black {
  position: relative;
}
.active-items-black:after {
  background-color: #101010;
}

.badge.badge-black {
  background-color: #101010;
}

.custom-checkbox.custom-black .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-black .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-black .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-black .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #101010;
  background-color: #101010;
}
.custom-checkbox.custom-black .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-black .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-black .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-black .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #101010;
}

.boxlink.lilac {
  background-color: rgba(151, 173, 225, 0);
  color: #fff;
}
.boxlink.lilac.fixed {
  background-color: rgba(151, 173, 225, 0.4);
}
.boxlink.lilac.fixed-6 {
  background-color: rgba(151, 173, 225, 0.6);
}
.boxlink.lilac:hover, .boxlink.lilac:active {
  background-color: rgba(151, 173, 225, 0.8);
}

.show > .btn.btn-lilac.dropdown-toggle {
  background-color: #839ddb;
  border-color: #6f8ed6;
}

.btn.btn-lilac {
  border-color: #6f8ed6;
}
.btn.btn-lilac:hover, .btn.btn-lilac:active, .btn.btn-lilac:focus, .btn.btn-lilac:not(:disabled):not(.disabled).active, .btn.btn-lilac:not(:disabled):not(.disabled):active {
  background-color: #839ddb;
  border-color: #6f8ed6;
}
.btn.btn-lilac.btn-muted {
  background-color: #d8deec;
  border-color: #9eb0da;
}
.btn.btn-lilac.bg-on-hover {
  color: #97ADE1;
  background-color: #fff;
}
.btn.btn-lilac.bg-on-hover:hover, .btn.btn-lilac.bg-on-hover:active, .btn.btn-lilac.bg-on-hover:focus {
  color: #fff;
  background-color: #97ADE1;
}
.btn.btn-lilac.transparent {
  color: #97ade1;
  border: 2px solid #97ade1;
  background-color: rgba(151, 173, 225, 0);
}
.btn.btn-lilac.transparent:hover, .btn.btn-lilac.transparent:active, .btn.btn-lilac.transparent.fixed {
  background-color: rgba(151, 173, 225, 0.2);
}
.btn.btn-lilac.translucent {
  color: #97ade1;
  border: 1px solid #97ade1;
  background-color: rgba(151, 173, 225, 0.1);
}
.btn.btn-lilac.translucent:hover, .btn.btn-lilac.translucent:active, .btn.btn-lilac.translucent.fixed {
  background-color: rgba(151, 173, 225, 0.3);
}

.btn.btn-lilac {
  color: #fff;
  background-color: #97ade1;
  border-color: #97ade1;
}

.nav-item .nav-link.btn-lilac:not(.force-solid), .bg-lilac .nav-item .nav-link:not(.force-solid) {
  color: #97ade1;
  background-color: #fff;
  border-color: #97ade1;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-lilac:not(.force-solid).active, .bg-lilac .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #97ade1;
  border-color: #97ade1;
}

.btn-group-toggle .btn.btn.btn-lilac:not(.active) {
  color: #97ade1;
  background-color: rgba(151, 173, 225, 0.1);
  border-color: #97ade1;
}

.pagination-lilac .page-item.active > .page-link {
  color: #fff;
  background-color: #97ade1;
  border-color: #97ade1;
}

.btn-count.count-lilac:after {
  color: #fff;
  background-color: #97ADE1;
}

.active-items-lilac {
  position: relative;
}
.active-items-lilac:after {
  background-color: #97ADE1;
}

.badge.badge-lilac {
  background-color: #97ADE1;
}

.custom-checkbox.custom-lilac .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-lilac .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-lilac .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-lilac .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #97ADE1;
  background-color: #97ADE1;
}
.custom-checkbox.custom-lilac .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-lilac .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-lilac .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-lilac .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #97ADE1;
}

.boxlink.light-gray {
  background-color: rgba(219, 219, 219, 0);
  color: #555;
}
.boxlink.light-gray.fixed {
  background-color: rgba(219, 219, 219, 0.4);
}
.boxlink.light-gray.fixed-6 {
  background-color: rgba(219, 219, 219, 0.6);
}
.boxlink.light-gray:hover, .boxlink.light-gray:active {
  background-color: rgba(219, 219, 219, 0.8);
}

.show > .btn.btn-light-gray.dropdown-toggle {
  background-color: #cecece;
  border-color: #c2c2c2;
}

.btn.btn-light-gray {
  border-color: #c2c2c2;
}
.btn.btn-light-gray:hover, .btn.btn-light-gray:active, .btn.btn-light-gray:focus, .btn.btn-light-gray:not(:disabled):not(.disabled).active, .btn.btn-light-gray:not(:disabled):not(.disabled):active {
  background-color: #cecece;
  border-color: #c2c2c2;
}
.btn.btn-light-gray.btn-muted {
  background-color: white;
  border-color: #dbdbdb;
}
.btn.btn-light-gray.bg-on-hover {
  color: #DBDBDB;
  background-color: #fff;
}
.btn.btn-light-gray.bg-on-hover:hover, .btn.btn-light-gray.bg-on-hover:active, .btn.btn-light-gray.bg-on-hover:focus {
  color: #555;
  background-color: #DBDBDB;
}
.btn.btn-light-gray.transparent {
  color: #dbdbdb;
  border: 2px solid #dbdbdb;
  background-color: rgba(219, 219, 219, 0);
}
.btn.btn-light-gray.transparent:hover, .btn.btn-light-gray.transparent:active, .btn.btn-light-gray.transparent.fixed {
  background-color: rgba(219, 219, 219, 0.2);
}
.btn.btn-light-gray.translucent {
  color: #dbdbdb;
  border: 1px solid #dbdbdb;
  background-color: rgba(219, 219, 219, 0.1);
}
.btn.btn-light-gray.translucent:hover, .btn.btn-light-gray.translucent:active, .btn.btn-light-gray.translucent.fixed {
  background-color: rgba(219, 219, 219, 0.3);
}

.btn.btn-light-gray {
  color: #555;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}

.nav-item .nav-link.btn-light-gray:not(.force-solid), .bg-light-gray .nav-item .nav-link:not(.force-solid) {
  color: #dbdbdb;
  background-color: #555;
  border-color: #dbdbdb;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-light-gray:not(.force-solid).active, .bg-light-gray .nav-item .nav-link:not(.force-solid).active {
  color: #555;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}

.btn-group-toggle .btn.btn.btn-light-gray:not(.active) {
  color: #dbdbdb;
  background-color: rgba(219, 219, 219, 0.1);
  border-color: #dbdbdb;
}

.pagination-light-gray .page-item.active > .page-link {
  color: #555;
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}

.btn-count.count-light-gray:after {
  color: #555;
  background-color: #DBDBDB;
}

.active-items-light-gray {
  position: relative;
}
.active-items-light-gray:after {
  background-color: #DBDBDB;
}

.badge.badge-light-gray {
  background-color: #DBDBDB;
}

.custom-checkbox.custom-light-gray .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-light-gray .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-light-gray .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-light-gray .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #DBDBDB;
  background-color: #DBDBDB;
}
.custom-checkbox.custom-light-gray .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-light-gray .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-light-gray .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-light-gray .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #DBDBDB;
}

.boxlink.gray {
  background-color: rgba(89, 89, 89, 0);
  color: #fff;
}
.boxlink.gray.fixed {
  background-color: rgba(89, 89, 89, 0.4);
}
.boxlink.gray.fixed-6 {
  background-color: rgba(89, 89, 89, 0.6);
}
.boxlink.gray:hover, .boxlink.gray:active {
  background-color: rgba(89, 89, 89, 0.8);
}

.show > .btn.btn-gray.dropdown-toggle {
  background-color: #4c4c4c;
  border-color: #404040;
}

.btn.btn-gray {
  border-color: #404040;
}
.btn.btn-gray:hover, .btn.btn-gray:active, .btn.btn-gray:focus, .btn.btn-gray:not(:disabled):not(.disabled).active, .btn.btn-gray:not(:disabled):not(.disabled):active {
  background-color: #4c4c4c;
  border-color: #404040;
}
.btn.btn-gray.btn-muted {
  background-color: #7f7f7f;
  border-color: #595959;
}
.btn.btn-gray.bg-on-hover {
  color: #595959;
  background-color: #fff;
}
.btn.btn-gray.bg-on-hover:hover, .btn.btn-gray.bg-on-hover:active, .btn.btn-gray.bg-on-hover:focus {
  color: #fff;
  background-color: #595959;
}
.btn.btn-gray.transparent {
  color: #595959;
  border: 2px solid #595959;
  background-color: rgba(89, 89, 89, 0);
}
.btn.btn-gray.transparent:hover, .btn.btn-gray.transparent:active, .btn.btn-gray.transparent.fixed {
  background-color: rgba(89, 89, 89, 0.2);
}
.btn.btn-gray.translucent {
  color: #595959;
  border: 1px solid #595959;
  background-color: rgba(89, 89, 89, 0.1);
}
.btn.btn-gray.translucent:hover, .btn.btn-gray.translucent:active, .btn.btn-gray.translucent.fixed {
  background-color: rgba(89, 89, 89, 0.3);
}

.btn.btn-gray {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}

.nav-item .nav-link.btn-gray:not(.force-solid), .bg-gray .nav-item .nav-link:not(.force-solid) {
  color: #595959;
  background-color: #fff;
  border-color: #595959;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-gray:not(.force-solid).active, .bg-gray .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}

.btn-group-toggle .btn.btn.btn-gray:not(.active) {
  color: #595959;
  background-color: rgba(89, 89, 89, 0.1);
  border-color: #595959;
}

.pagination-gray .page-item.active > .page-link {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}

.btn-count.count-gray:after {
  color: #fff;
  background-color: #595959;
}

.active-items-gray {
  position: relative;
}
.active-items-gray:after {
  background-color: #595959;
}

.badge.badge-gray {
  background-color: #595959;
}

.custom-checkbox.custom-gray .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-gray .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-gray .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-gray .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #595959;
  background-color: #595959;
}
.custom-checkbox.custom-gray .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-gray .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-gray .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-gray .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #595959;
}

.boxlink.blue {
  background-color: rgba(20, 102, 184, 0);
  color: #fff;
}
.boxlink.blue.fixed {
  background-color: rgba(20, 102, 184, 0.4);
}
.boxlink.blue.fixed-6 {
  background-color: rgba(20, 102, 184, 0.6);
}
.boxlink.blue:hover, .boxlink.blue:active {
  background-color: rgba(20, 102, 184, 0.8);
}

.show > .btn.btn-blue.dropdown-toggle {
  background-color: #1259a1;
  border-color: #0f4d8a;
}

.btn.btn-blue {
  border-color: #0f4d8a;
}
.btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus, .btn.btn-blue:not(:disabled):not(.disabled).active, .btn.btn-blue:not(:disabled):not(.disabled):active {
  background-color: #1259a1;
  border-color: #0f4d8a;
}
.btn.btn-blue.btn-muted {
  background-color: #478cd2;
  border-color: #1e66ae;
}
.btn.btn-blue.bg-on-hover {
  color: #1466B8;
  background-color: #fff;
}
.btn.btn-blue.bg-on-hover:hover, .btn.btn-blue.bg-on-hover:active, .btn.btn-blue.bg-on-hover:focus {
  color: #fff;
  background-color: #1466B8;
}
.btn.btn-blue.transparent {
  color: #1466b8;
  border: 2px solid #1466b8;
  background-color: rgba(20, 102, 184, 0);
}
.btn.btn-blue.transparent:hover, .btn.btn-blue.transparent:active, .btn.btn-blue.transparent.fixed {
  background-color: rgba(20, 102, 184, 0.2);
}
.btn.btn-blue.translucent {
  color: #1466b8;
  border: 1px solid #1466b8;
  background-color: rgba(20, 102, 184, 0.1);
}
.btn.btn-blue.translucent:hover, .btn.btn-blue.translucent:active, .btn.btn-blue.translucent.fixed {
  background-color: rgba(20, 102, 184, 0.3);
}

.btn.btn-blue {
  color: #fff;
  background-color: #1466b8;
  border-color: #1466b8;
}

.nav-item .nav-link.btn-blue:not(.force-solid), .bg-blue .nav-item .nav-link:not(.force-solid) {
  color: #1466b8;
  background-color: #fff;
  border-color: #1466b8;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-blue:not(.force-solid).active, .bg-blue .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #1466b8;
  border-color: #1466b8;
}

.btn-group-toggle .btn.btn.btn-blue:not(.active) {
  color: #1466b8;
  background-color: rgba(20, 102, 184, 0.1);
  border-color: #1466b8;
}

.pagination-blue .page-item.active > .page-link {
  color: #fff;
  background-color: #1466b8;
  border-color: #1466b8;
}

.btn-count.count-blue:after {
  color: #fff;
  background-color: #1466B8;
}

.active-items-blue {
  position: relative;
}
.active-items-blue:after {
  background-color: #1466B8;
}

.badge.badge-blue {
  background-color: #1466B8;
}

.custom-checkbox.custom-blue .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-blue .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-blue .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-blue .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #1466B8;
  background-color: #1466B8;
}
.custom-checkbox.custom-blue .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-blue .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-blue .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-blue .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #1466B8;
}

.boxlink.light-blue {
  background-color: rgba(0, 162, 255, 0);
  color: #fff;
}
.boxlink.light-blue.fixed {
  background-color: rgba(0, 162, 255, 0.4);
}
.boxlink.light-blue.fixed-6 {
  background-color: rgba(0, 162, 255, 0.6);
}
.boxlink.light-blue:hover, .boxlink.light-blue:active {
  background-color: rgba(0, 162, 255, 0.8);
}

.show > .btn.btn-light-blue.dropdown-toggle {
  background-color: #0092e6;
  border-color: #0082cc;
}

.btn.btn-light-blue {
  border-color: #0082cc;
}
.btn.btn-light-blue:hover, .btn.btn-light-blue:active, .btn.btn-light-blue:focus, .btn.btn-light-blue:not(:disabled):not(.disabled).active, .btn.btn-light-blue:not(:disabled):not(.disabled):active {
  background-color: #0092e6;
  border-color: #0082cc;
}
.btn.btn-light-blue.btn-muted {
  background-color: #5eb9ed;
  border-color: #0d9ff2;
}
.btn.btn-light-blue.bg-on-hover {
  color: #00A2FF;
  background-color: #fff;
}
.btn.btn-light-blue.bg-on-hover:hover, .btn.btn-light-blue.bg-on-hover:active, .btn.btn-light-blue.bg-on-hover:focus {
  color: #fff;
  background-color: #00A2FF;
}
.btn.btn-light-blue.transparent {
  color: #00a2ff;
  border: 2px solid #00a2ff;
  background-color: rgba(0, 162, 255, 0);
}
.btn.btn-light-blue.transparent:hover, .btn.btn-light-blue.transparent:active, .btn.btn-light-blue.transparent.fixed {
  background-color: rgba(0, 162, 255, 0.2);
}
.btn.btn-light-blue.translucent {
  color: #00a2ff;
  border: 1px solid #00a2ff;
  background-color: rgba(0, 162, 255, 0.1);
}
.btn.btn-light-blue.translucent:hover, .btn.btn-light-blue.translucent:active, .btn.btn-light-blue.translucent.fixed {
  background-color: rgba(0, 162, 255, 0.3);
}

.btn.btn-light-blue {
  color: #fff;
  background-color: #00a2ff;
  border-color: #00a2ff;
}

.nav-item .nav-link.btn-light-blue:not(.force-solid), .bg-light-blue .nav-item .nav-link:not(.force-solid) {
  color: #00a2ff;
  background-color: #fff;
  border-color: #00a2ff;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-light-blue:not(.force-solid).active, .bg-light-blue .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #00a2ff;
  border-color: #00a2ff;
}

.btn-group-toggle .btn.btn.btn-light-blue:not(.active) {
  color: #00a2ff;
  background-color: rgba(0, 162, 255, 0.1);
  border-color: #00a2ff;
}

.pagination-light-blue .page-item.active > .page-link {
  color: #fff;
  background-color: #00a2ff;
  border-color: #00a2ff;
}

.btn-count.count-light-blue:after {
  color: #fff;
  background-color: #00A2FF;
}

.active-items-light-blue {
  position: relative;
}
.active-items-light-blue:after {
  background-color: #00A2FF;
}

.badge.badge-light-blue {
  background-color: #00A2FF;
}

.custom-checkbox.custom-light-blue .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-light-blue .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-light-blue .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-light-blue .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #00A2FF;
  background-color: #00A2FF;
}
.custom-checkbox.custom-light-blue .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-light-blue .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-light-blue .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-light-blue .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #00A2FF;
}

.boxlink.phzio-blue {
  background-color: rgba(32, 177, 211, 0);
  color: #fff;
}
.boxlink.phzio-blue.fixed {
  background-color: rgba(32, 177, 211, 0.4);
}
.boxlink.phzio-blue.fixed-6 {
  background-color: rgba(32, 177, 211, 0.6);
}
.boxlink.phzio-blue:hover, .boxlink.phzio-blue:active {
  background-color: rgba(32, 177, 211, 0.8);
}

.show > .btn.btn-phzio-blue.dropdown-toggle {
  background-color: #1d9ebd;
  border-color: #198ca7;
}

.btn.btn-phzio-blue {
  border-color: #198ca7;
}
.btn.btn-phzio-blue:hover, .btn.btn-phzio-blue:active, .btn.btn-phzio-blue:focus, .btn.btn-phzio-blue:not(:disabled):not(.disabled).active, .btn.btn-phzio-blue:not(:disabled):not(.disabled):active {
  background-color: #1d9ebd;
  border-color: #198ca7;
}
.btn.btn-phzio-blue.btn-muted {
  background-color: #6dbfd3;
  border-color: #2ca9c7;
}
.btn.btn-phzio-blue.bg-on-hover {
  color: #20B1D3;
  background-color: #fff;
}
.btn.btn-phzio-blue.bg-on-hover:hover, .btn.btn-phzio-blue.bg-on-hover:active, .btn.btn-phzio-blue.bg-on-hover:focus {
  color: #fff;
  background-color: #20B1D3;
}
.btn.btn-phzio-blue.transparent {
  color: #20b1d3;
  border: 2px solid #20b1d3;
  background-color: rgba(32, 177, 211, 0);
}
.btn.btn-phzio-blue.transparent:hover, .btn.btn-phzio-blue.transparent:active, .btn.btn-phzio-blue.transparent.fixed {
  background-color: rgba(32, 177, 211, 0.2);
}
.btn.btn-phzio-blue.translucent {
  color: #20b1d3;
  border: 1px solid #20b1d3;
  background-color: rgba(32, 177, 211, 0.1);
}
.btn.btn-phzio-blue.translucent:hover, .btn.btn-phzio-blue.translucent:active, .btn.btn-phzio-blue.translucent.fixed {
  background-color: rgba(32, 177, 211, 0.3);
}

.btn.btn-phzio-blue {
  color: #fff;
  background-color: #20b1d3;
  border-color: #20b1d3;
}

.nav-item .nav-link.btn-phzio-blue:not(.force-solid), .bg-phzio-blue .nav-item .nav-link:not(.force-solid) {
  color: #20b1d3;
  background-color: #fff;
  border-color: #20b1d3;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-phzio-blue:not(.force-solid).active, .bg-phzio-blue .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #20b1d3;
  border-color: #20b1d3;
}

.btn-group-toggle .btn.btn.btn-phzio-blue:not(.active) {
  color: #20b1d3;
  background-color: rgba(32, 177, 211, 0.1);
  border-color: #20b1d3;
}

.pagination-phzio-blue .page-item.active > .page-link {
  color: #fff;
  background-color: #20b1d3;
  border-color: #20b1d3;
}

.btn-count.count-phzio-blue:after {
  color: #fff;
  background-color: #20B1D3;
}

.active-items-phzio-blue {
  position: relative;
}
.active-items-phzio-blue:after {
  background-color: #20B1D3;
}

.badge.badge-phzio-blue {
  background-color: #20B1D3;
}

.custom-checkbox.custom-phzio-blue .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-phzio-blue .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-phzio-blue .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-phzio-blue .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #20B1D3;
  background-color: #20B1D3;
}
.custom-checkbox.custom-phzio-blue .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-phzio-blue .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-phzio-blue .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-phzio-blue .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #20B1D3;
}

.boxlink.green {
  background-color: rgba(21, 184, 124, 0);
  color: #fff;
}
.boxlink.green.fixed {
  background-color: rgba(21, 184, 124, 0.4);
}
.boxlink.green.fixed-6 {
  background-color: rgba(21, 184, 124, 0.6);
}
.boxlink.green:hover, .boxlink.green:active {
  background-color: rgba(21, 184, 124, 0.8);
}

.show > .btn.btn-green.dropdown-toggle {
  background-color: #12a16d;
  border-color: #108a5d;
}

.btn.btn-green {
  border-color: #108a5d;
}
.btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green:focus, .btn.btn-green:not(:disabled):not(.disabled).active, .btn.btn-green:not(:disabled):not(.disabled):active {
  background-color: #12a16d;
  border-color: #108a5d;
}
.btn.btn-green.btn-muted {
  background-color: #49d19f;
  border-color: #1fae79;
}
.btn.btn-green.bg-on-hover {
  color: #15B87C;
  background-color: #fff;
}
.btn.btn-green.bg-on-hover:hover, .btn.btn-green.bg-on-hover:active, .btn.btn-green.bg-on-hover:focus {
  color: #fff;
  background-color: #15B87C;
}
.btn.btn-green.transparent {
  color: #15b87c;
  border: 2px solid #15b87c;
  background-color: rgba(21, 184, 124, 0);
}
.btn.btn-green.transparent:hover, .btn.btn-green.transparent:active, .btn.btn-green.transparent.fixed {
  background-color: rgba(21, 184, 124, 0.2);
}
.btn.btn-green.translucent {
  color: #15b87c;
  border: 1px solid #15b87c;
  background-color: rgba(21, 184, 124, 0.1);
}
.btn.btn-green.translucent:hover, .btn.btn-green.translucent:active, .btn.btn-green.translucent.fixed {
  background-color: rgba(21, 184, 124, 0.3);
}

.btn.btn-green {
  color: #fff;
  background-color: #15b87c;
  border-color: #15b87c;
}

.nav-item .nav-link.btn-green:not(.force-solid), .bg-green .nav-item .nav-link:not(.force-solid) {
  color: #15b87c;
  background-color: #fff;
  border-color: #15b87c;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-green:not(.force-solid).active, .bg-green .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #15b87c;
  border-color: #15b87c;
}

.btn-group-toggle .btn.btn.btn-green:not(.active) {
  color: #15b87c;
  background-color: rgba(21, 184, 124, 0.1);
  border-color: #15b87c;
}

.pagination-green .page-item.active > .page-link {
  color: #fff;
  background-color: #15b87c;
  border-color: #15b87c;
}

.btn-count.count-green:after {
  color: #fff;
  background-color: #15B87C;
}

.active-items-green {
  position: relative;
}
.active-items-green:after {
  background-color: #15B87C;
}

.badge.badge-green {
  background-color: #15B87C;
}

.custom-checkbox.custom-green .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-green .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-green .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-green .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #15B87C;
  background-color: #15B87C;
}
.custom-checkbox.custom-green .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-green .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-green .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-green .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #15B87C;
}

.boxlink.orange {
  background-color: rgba(242, 97, 0, 0);
  color: #fff;
}
.boxlink.orange.fixed {
  background-color: rgba(242, 97, 0, 0.4);
}
.boxlink.orange.fixed-6 {
  background-color: rgba(242, 97, 0, 0.6);
}
.boxlink.orange:hover, .boxlink.orange:active {
  background-color: rgba(242, 97, 0, 0.8);
}

.show > .btn.btn-orange.dropdown-toggle {
  background-color: #d95700;
  border-color: #bf4d00;
}

.btn.btn-orange {
  border-color: #bf4d00;
}
.btn.btn-orange:hover, .btn.btn-orange:active, .btn.btn-orange:focus, .btn.btn-orange:not(:disabled):not(.disabled).active, .btn.btn-orange:not(:disabled):not(.disabled):active {
  background-color: #d95700;
  border-color: #bf4d00;
}
.btn.btn-orange.btn-muted {
  background-color: #ec9053;
  border-color: #e6630c;
}
.btn.btn-orange.bg-on-hover {
  color: #F26100;
  background-color: #fff;
}
.btn.btn-orange.bg-on-hover:hover, .btn.btn-orange.bg-on-hover:active, .btn.btn-orange.bg-on-hover:focus {
  color: #fff;
  background-color: #F26100;
}
.btn.btn-orange.transparent {
  color: #f26100;
  border: 2px solid #f26100;
  background-color: rgba(242, 97, 0, 0);
}
.btn.btn-orange.transparent:hover, .btn.btn-orange.transparent:active, .btn.btn-orange.transparent.fixed {
  background-color: rgba(242, 97, 0, 0.2);
}
.btn.btn-orange.translucent {
  color: #f26100;
  border: 1px solid #f26100;
  background-color: rgba(242, 97, 0, 0.1);
}
.btn.btn-orange.translucent:hover, .btn.btn-orange.translucent:active, .btn.btn-orange.translucent.fixed {
  background-color: rgba(242, 97, 0, 0.3);
}

.btn.btn-orange {
  color: #fff;
  background-color: #f26100;
  border-color: #f26100;
}

.nav-item .nav-link.btn-orange:not(.force-solid), .bg-orange .nav-item .nav-link:not(.force-solid) {
  color: #f26100;
  background-color: #fff;
  border-color: #f26100;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-orange:not(.force-solid).active, .bg-orange .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #f26100;
  border-color: #f26100;
}

.btn-group-toggle .btn.btn.btn-orange:not(.active) {
  color: #f26100;
  background-color: rgba(242, 97, 0, 0.1);
  border-color: #f26100;
}

.pagination-orange .page-item.active > .page-link {
  color: #fff;
  background-color: #f26100;
  border-color: #f26100;
}

.btn-count.count-orange:after {
  color: #fff;
  background-color: #F26100;
}

.active-items-orange {
  position: relative;
}
.active-items-orange:after {
  background-color: #F26100;
}

.badge.badge-orange {
  background-color: #F26100;
}

.custom-checkbox.custom-orange .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-orange .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-orange .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-orange .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #F26100;
  background-color: #F26100;
}
.custom-checkbox.custom-orange .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-orange .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-orange .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-orange .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #F26100;
}

.boxlink.yellow {
  background-color: rgba(253, 153, 13, 0);
  color: #fff;
}
.boxlink.yellow.fixed {
  background-color: rgba(253, 153, 13, 0.4);
}
.boxlink.yellow.fixed-6 {
  background-color: rgba(253, 153, 13, 0.6);
}
.boxlink.yellow:hover, .boxlink.yellow:active {
  background-color: rgba(253, 153, 13, 0.8);
}

.show > .btn.btn-yellow.dropdown-toggle {
  background-color: #ef8c02;
  border-color: #d57d02;
}

.btn.btn-yellow {
  border-color: #d57d02;
}
.btn.btn-yellow:hover, .btn.btn-yellow:active, .btn.btn-yellow:focus, .btn.btn-yellow:not(:disabled):not(.disabled).active, .btn.btn-yellow:not(:disabled):not(.disabled):active {
  background-color: #ef8c02;
  border-color: #d57d02;
}
.btn.btn-yellow.btn-muted {
  background-color: #edb66a;
  border-color: #f19719;
}
.btn.btn-yellow.bg-on-hover {
  color: #FD990D;
  background-color: #fff;
}
.btn.btn-yellow.bg-on-hover:hover, .btn.btn-yellow.bg-on-hover:active, .btn.btn-yellow.bg-on-hover:focus {
  color: #fff;
  background-color: #FD990D;
}
.btn.btn-yellow.transparent {
  color: #fd990d;
  border: 2px solid #fd990d;
  background-color: rgba(253, 153, 13, 0);
}
.btn.btn-yellow.transparent:hover, .btn.btn-yellow.transparent:active, .btn.btn-yellow.transparent.fixed {
  background-color: rgba(253, 153, 13, 0.2);
}
.btn.btn-yellow.translucent {
  color: #fd990d;
  border: 1px solid #fd990d;
  background-color: rgba(253, 153, 13, 0.1);
}
.btn.btn-yellow.translucent:hover, .btn.btn-yellow.translucent:active, .btn.btn-yellow.translucent.fixed {
  background-color: rgba(253, 153, 13, 0.3);
}

.btn.btn-yellow {
  color: #fff;
  background-color: #fd990d;
  border-color: #fd990d;
}

.nav-item .nav-link.btn-yellow:not(.force-solid), .bg-yellow .nav-item .nav-link:not(.force-solid) {
  color: #fd990d;
  background-color: #fff;
  border-color: #fd990d;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-yellow:not(.force-solid).active, .bg-yellow .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #fd990d;
  border-color: #fd990d;
}

.btn-group-toggle .btn.btn.btn-yellow:not(.active) {
  color: #fd990d;
  background-color: rgba(253, 153, 13, 0.1);
  border-color: #fd990d;
}

.pagination-yellow .page-item.active > .page-link {
  color: #fff;
  background-color: #fd990d;
  border-color: #fd990d;
}

.btn-count.count-yellow:after {
  color: #fff;
  background-color: #FD990D;
}

.active-items-yellow {
  position: relative;
}
.active-items-yellow:after {
  background-color: #FD990D;
}

.badge.badge-yellow {
  background-color: #FD990D;
}

.custom-checkbox.custom-yellow .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-yellow .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-yellow .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-yellow .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FD990D;
  background-color: #FD990D;
}
.custom-checkbox.custom-yellow .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-yellow .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-yellow .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-yellow .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #FD990D;
}

.boxlink.red {
  background-color: rgba(255, 84, 78, 0);
  color: #fff;
}
.boxlink.red.fixed {
  background-color: rgba(255, 84, 78, 0.4);
}
.boxlink.red.fixed-6 {
  background-color: rgba(255, 84, 78, 0.6);
}
.boxlink.red:hover, .boxlink.red:active {
  background-color: rgba(255, 84, 78, 0.8);
}

.show > .btn.btn-red.dropdown-toggle {
  background-color: #ff3b35;
  border-color: #ff231b;
}

.btn.btn-red {
  border-color: #ff231b;
}
.btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red:focus, .btn.btn-red:not(:disabled):not(.disabled).active, .btn.btn-red:not(:disabled):not(.disabled):active {
  background-color: #ff3b35;
  border-color: #ff231b;
}
.btn.btn-red.btn-muted {
  background-color: #f5a7a5;
  border-color: #f65c57;
}
.btn.btn-red.bg-on-hover {
  color: #FF544E;
  background-color: #fff;
}
.btn.btn-red.bg-on-hover:hover, .btn.btn-red.bg-on-hover:active, .btn.btn-red.bg-on-hover:focus {
  color: #fff;
  background-color: #FF544E;
}
.btn.btn-red.transparent {
  color: #ff544e;
  border: 2px solid #ff544e;
  background-color: rgba(255, 84, 78, 0);
}
.btn.btn-red.transparent:hover, .btn.btn-red.transparent:active, .btn.btn-red.transparent.fixed {
  background-color: rgba(255, 84, 78, 0.2);
}
.btn.btn-red.translucent {
  color: #ff544e;
  border: 1px solid #ff544e;
  background-color: rgba(255, 84, 78, 0.1);
}
.btn.btn-red.translucent:hover, .btn.btn-red.translucent:active, .btn.btn-red.translucent.fixed {
  background-color: rgba(255, 84, 78, 0.3);
}

.btn.btn-red {
  color: #fff;
  background-color: #ff544e;
  border-color: #ff544e;
}

.nav-item .nav-link.btn-red:not(.force-solid), .bg-red .nav-item .nav-link:not(.force-solid) {
  color: #ff544e;
  background-color: #fff;
  border-color: #ff544e;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-red:not(.force-solid).active, .bg-red .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #ff544e;
  border-color: #ff544e;
}

.btn-group-toggle .btn.btn.btn-red:not(.active) {
  color: #ff544e;
  background-color: rgba(255, 84, 78, 0.1);
  border-color: #ff544e;
}

.pagination-red .page-item.active > .page-link {
  color: #fff;
  background-color: #ff544e;
  border-color: #ff544e;
}

.btn-count.count-red:after {
  color: #fff;
  background-color: #FF544E;
}

.active-items-red {
  position: relative;
}
.active-items-red:after {
  background-color: #FF544E;
}

.badge.badge-red {
  background-color: #FF544E;
}

.custom-checkbox.custom-red .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-red .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-red .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-red .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FF544E;
  background-color: #FF544E;
}
.custom-checkbox.custom-red .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-red .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-red .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-red .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #FF544E;
}

.boxlink.secondary {
  background-color: rgba(238, 238, 238, 0);
  color: #555;
}
.boxlink.secondary.fixed {
  background-color: rgba(238, 238, 238, 0.4);
}
.boxlink.secondary.fixed-6 {
  background-color: rgba(238, 238, 238, 0.6);
}
.boxlink.secondary:hover, .boxlink.secondary:active {
  background-color: rgba(238, 238, 238, 0.8);
}

.show > .btn.btn-secondary.dropdown-toggle {
  background-color: #e1e1e1;
  border-color: #d5d5d5;
}

.btn.btn-secondary {
  border-color: #d5d5d5;
}
.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #e1e1e1;
  border-color: #d5d5d5;
}
.btn.btn-secondary.btn-muted {
  background-color: white;
  border-color: #eeeeee;
}
.btn.btn-secondary.bg-on-hover {
  color: #EEEEEE;
  background-color: #fff;
}
.btn.btn-secondary.bg-on-hover:hover, .btn.btn-secondary.bg-on-hover:active, .btn.btn-secondary.bg-on-hover:focus {
  color: #555;
  background-color: #EEEEEE;
}
.btn.btn-secondary.transparent {
  color: #eeeeee;
  border: 2px solid #eeeeee;
  background-color: rgba(238, 238, 238, 0);
}
.btn.btn-secondary.transparent:hover, .btn.btn-secondary.transparent:active, .btn.btn-secondary.transparent.fixed {
  background-color: rgba(238, 238, 238, 0.2);
}
.btn.btn-secondary.translucent {
  color: #eeeeee;
  border: 1px solid #eeeeee;
  background-color: rgba(238, 238, 238, 0.1);
}
.btn.btn-secondary.translucent:hover, .btn.btn-secondary.translucent:active, .btn.btn-secondary.translucent.fixed {
  background-color: rgba(238, 238, 238, 0.3);
}

.btn.btn-secondary {
  color: #555;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

.nav-item .nav-link.btn-secondary:not(.force-solid), .bg-secondary .nav-item .nav-link:not(.force-solid) {
  color: #eeeeee;
  background-color: #555;
  border-color: #eeeeee;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-secondary:not(.force-solid).active, .bg-secondary .nav-item .nav-link:not(.force-solid).active {
  color: #555;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

.btn-group-toggle .btn.btn.btn-secondary:not(.active) {
  color: #eeeeee;
  background-color: rgba(238, 238, 238, 0.1);
  border-color: #eeeeee;
}

.pagination-secondary .page-item.active > .page-link {
  color: #555;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

.btn-count.count-secondary:after {
  color: #555;
  background-color: #EEEEEE;
}

.active-items-secondary {
  position: relative;
}
.active-items-secondary:after {
  background-color: #EEEEEE;
}

.badge.badge-secondary {
  background-color: #EEEEEE;
}

.custom-checkbox.custom-secondary .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-secondary .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-secondary .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-secondary .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}
.custom-checkbox.custom-secondary .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-secondary .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-secondary .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-secondary .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #EEEEEE;
}

.boxlink.primary {
  background-color: rgba(32, 177, 211, 0);
  color: #fff;
}
.boxlink.primary.fixed {
  background-color: rgba(32, 177, 211, 0.4);
}
.boxlink.primary.fixed-6 {
  background-color: rgba(32, 177, 211, 0.6);
}
.boxlink.primary:hover, .boxlink.primary:active {
  background-color: rgba(32, 177, 211, 0.8);
}

.show > .btn.btn-primary.dropdown-toggle {
  background-color: #1d9ebd;
  border-color: #198ca7;
}

.btn.btn-primary {
  border-color: #198ca7;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #1d9ebd;
  border-color: #198ca7;
}
.btn.btn-primary.btn-muted {
  background-color: #6dbfd3;
  border-color: #2ca9c7;
}
.btn.btn-primary.bg-on-hover {
  color: #20B1D3;
  background-color: #fff;
}
.btn.btn-primary.bg-on-hover:hover, .btn.btn-primary.bg-on-hover:active, .btn.btn-primary.bg-on-hover:focus {
  color: #fff;
  background-color: #20B1D3;
}
.btn.btn-primary.transparent {
  color: #20b1d3;
  border: 2px solid #20b1d3;
  background-color: rgba(32, 177, 211, 0);
}
.btn.btn-primary.transparent:hover, .btn.btn-primary.transparent:active, .btn.btn-primary.transparent.fixed {
  background-color: rgba(32, 177, 211, 0.2);
}
.btn.btn-primary.translucent {
  color: #20b1d3;
  border: 1px solid #20b1d3;
  background-color: rgba(32, 177, 211, 0.1);
}
.btn.btn-primary.translucent:hover, .btn.btn-primary.translucent:active, .btn.btn-primary.translucent.fixed {
  background-color: rgba(32, 177, 211, 0.3);
}

.btn.btn-primary {
  color: #fff;
  background-color: #20b1d3;
  border-color: #20b1d3;
}

.nav-item .nav-link.btn-primary:not(.force-solid), .bg-primary .nav-item .nav-link:not(.force-solid) {
  color: #20b1d3;
  background-color: #fff;
  border-color: #20b1d3;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-primary:not(.force-solid).active, .bg-primary .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #20b1d3;
  border-color: #20b1d3;
}

.btn-group-toggle .btn.btn.btn-primary:not(.active) {
  color: #20b1d3;
  background-color: rgba(32, 177, 211, 0.1);
  border-color: #20b1d3;
}

.pagination-primary .page-item.active > .page-link {
  color: #fff;
  background-color: #20b1d3;
  border-color: #20b1d3;
}

.btn-count.count-primary:after {
  color: #fff;
  background-color: #20B1D3;
}

.active-items-primary {
  position: relative;
}
.active-items-primary:after {
  background-color: #20B1D3;
}

.badge.badge-primary {
  background-color: #20B1D3;
}

.custom-checkbox.custom-primary .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-primary .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-primary .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-primary .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #20B1D3;
  background-color: #20B1D3;
}
.custom-checkbox.custom-primary .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-primary .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-primary .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-primary .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #20B1D3;
}

.boxlink.info {
  background-color: rgba(140, 229, 242, 0);
  color: #fff;
}
.boxlink.info.fixed {
  background-color: rgba(140, 229, 242, 0.4);
}
.boxlink.info.fixed-6 {
  background-color: rgba(140, 229, 242, 0.6);
}
.boxlink.info:hover, .boxlink.info:active {
  background-color: rgba(140, 229, 242, 0.8);
}

.show > .btn.btn-info.dropdown-toggle {
  background-color: #75e0ef;
  border-color: #5edbed;
}

.btn.btn-info {
  border-color: #5edbed;
}
.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus, .btn.btn-info:not(:disabled):not(.disabled).active, .btn.btn-info:not(:disabled):not(.disabled):active {
  background-color: #75e0ef;
  border-color: #5edbed;
}
.btn.btn-info.btn-muted {
  background-color: #d6f1f5;
  border-color: #92e0ec;
}
.btn.btn-info.bg-on-hover {
  color: #8CE5F2;
  background-color: #fff;
}
.btn.btn-info.bg-on-hover:hover, .btn.btn-info.bg-on-hover:active, .btn.btn-info.bg-on-hover:focus {
  color: #fff;
  background-color: #8CE5F2;
}
.btn.btn-info.transparent {
  color: #8ce5f2;
  border: 2px solid #8ce5f2;
  background-color: rgba(140, 229, 242, 0);
}
.btn.btn-info.transparent:hover, .btn.btn-info.transparent:active, .btn.btn-info.transparent.fixed {
  background-color: rgba(140, 229, 242, 0.2);
}
.btn.btn-info.translucent {
  color: #8ce5f2;
  border: 1px solid #8ce5f2;
  background-color: rgba(140, 229, 242, 0.1);
}
.btn.btn-info.translucent:hover, .btn.btn-info.translucent:active, .btn.btn-info.translucent.fixed {
  background-color: rgba(140, 229, 242, 0.3);
}

.btn.btn-info {
  color: #fff;
  background-color: #8ce5f2;
  border-color: #8ce5f2;
}

.nav-item .nav-link.btn-info:not(.force-solid), .bg-info .nav-item .nav-link:not(.force-solid) {
  color: #8ce5f2;
  background-color: #fff;
  border-color: #8ce5f2;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-info:not(.force-solid).active, .bg-info .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #8ce5f2;
  border-color: #8ce5f2;
}

.btn-group-toggle .btn.btn.btn-info:not(.active) {
  color: #8ce5f2;
  background-color: rgba(140, 229, 242, 0.1);
  border-color: #8ce5f2;
}

.pagination-info .page-item.active > .page-link {
  color: #fff;
  background-color: #8ce5f2;
  border-color: #8ce5f2;
}

.btn-count.count-info:after {
  color: #fff;
  background-color: #8CE5F2;
}

.active-items-info {
  position: relative;
}
.active-items-info:after {
  background-color: #8CE5F2;
}

.badge.badge-info {
  background-color: #8CE5F2;
}

.custom-checkbox.custom-info .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-info .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-info .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-info .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #8CE5F2;
  background-color: #8CE5F2;
}
.custom-checkbox.custom-info .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-info .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-info .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-info .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #8CE5F2;
}

.boxlink.success {
  background-color: rgba(7, 173, 126, 0);
  color: #fff;
}
.boxlink.success.fixed {
  background-color: rgba(7, 173, 126, 0.4);
}
.boxlink.success.fixed-6 {
  background-color: rgba(7, 173, 126, 0.6);
}
.boxlink.success:hover, .boxlink.success:active {
  background-color: rgba(7, 173, 126, 0.8);
}

.show > .btn.btn-success.dropdown-toggle {
  background-color: #06946c;
  border-color: #057c5a;
}

.btn.btn-success {
  border-color: #057c5a;
}
.btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success:not(:disabled):not(.disabled).active, .btn.btn-success:not(:disabled):not(.disabled):active {
  background-color: #06946c;
  border-color: #057c5a;
}
.btn.btn-success.btn-muted {
  background-color: #25dca8;
  border-color: #10a47a;
}
.btn.btn-success.bg-on-hover {
  color: #07AD7E;
  background-color: #fff;
}
.btn.btn-success.bg-on-hover:hover, .btn.btn-success.bg-on-hover:active, .btn.btn-success.bg-on-hover:focus {
  color: #fff;
  background-color: #07AD7E;
}
.btn.btn-success.transparent {
  color: #07ad7e;
  border: 2px solid #07ad7e;
  background-color: rgba(7, 173, 126, 0);
}
.btn.btn-success.transparent:hover, .btn.btn-success.transparent:active, .btn.btn-success.transparent.fixed {
  background-color: rgba(7, 173, 126, 0.2);
}
.btn.btn-success.translucent {
  color: #07ad7e;
  border: 1px solid #07ad7e;
  background-color: rgba(7, 173, 126, 0.1);
}
.btn.btn-success.translucent:hover, .btn.btn-success.translucent:active, .btn.btn-success.translucent.fixed {
  background-color: rgba(7, 173, 126, 0.3);
}

.btn.btn-success {
  color: #fff;
  background-color: #07ad7e;
  border-color: #07ad7e;
}

.nav-item .nav-link.btn-success:not(.force-solid), .bg-success .nav-item .nav-link:not(.force-solid) {
  color: #07ad7e;
  background-color: #fff;
  border-color: #07ad7e;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-success:not(.force-solid).active, .bg-success .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #07ad7e;
  border-color: #07ad7e;
}

.btn-group-toggle .btn.btn.btn-success:not(.active) {
  color: #07ad7e;
  background-color: rgba(7, 173, 126, 0.1);
  border-color: #07ad7e;
}

.pagination-success .page-item.active > .page-link {
  color: #fff;
  background-color: #07ad7e;
  border-color: #07ad7e;
}

.btn-count.count-success:after {
  color: #fff;
  background-color: #07AD7E;
}

.active-items-success {
  position: relative;
}
.active-items-success:after {
  background-color: #07AD7E;
}

.badge.badge-success {
  background-color: #07AD7E;
}

.custom-checkbox.custom-success .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-success .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-success .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-success .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #07AD7E;
  background-color: #07AD7E;
}
.custom-checkbox.custom-success .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-success .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-success .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-success .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #07AD7E;
}

.boxlink.warning {
  background-color: rgba(255, 185, 56, 0);
  color: #fff;
}
.boxlink.warning.fixed {
  background-color: rgba(255, 185, 56, 0.4);
}
.boxlink.warning.fixed-6 {
  background-color: rgba(255, 185, 56, 0.6);
}
.boxlink.warning:hover, .boxlink.warning:active {
  background-color: rgba(255, 185, 56, 0.8);
}

.show > .btn.btn-warning.dropdown-toggle {
  background-color: #ffb01f;
  border-color: #ffa705;
}

.btn.btn-warning {
  border-color: #ffa705;
}
.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus, .btn.btn-warning:not(:disabled):not(.disabled).active, .btn.btn-warning:not(:disabled):not(.disabled):active {
  background-color: #ffb01f;
  border-color: #ffa705;
}
.btn.btn-warning.btn-muted {
  background-color: #f3d091;
  border-color: #f5b642;
}
.btn.btn-warning.bg-on-hover {
  color: #FFB938;
  background-color: #fff;
}
.btn.btn-warning.bg-on-hover:hover, .btn.btn-warning.bg-on-hover:active, .btn.btn-warning.bg-on-hover:focus {
  color: #fff;
  background-color: #FFB938;
}
.btn.btn-warning.transparent {
  color: #ffb938;
  border: 2px solid #ffb938;
  background-color: rgba(255, 185, 56, 0);
}
.btn.btn-warning.transparent:hover, .btn.btn-warning.transparent:active, .btn.btn-warning.transparent.fixed {
  background-color: rgba(255, 185, 56, 0.2);
}
.btn.btn-warning.translucent {
  color: #ffb938;
  border: 1px solid #ffb938;
  background-color: rgba(255, 185, 56, 0.1);
}
.btn.btn-warning.translucent:hover, .btn.btn-warning.translucent:active, .btn.btn-warning.translucent.fixed {
  background-color: rgba(255, 185, 56, 0.3);
}

.btn.btn-warning {
  color: #fff;
  background-color: #ffb938;
  border-color: #ffb938;
}

.nav-item .nav-link.btn-warning:not(.force-solid), .bg-warning .nav-item .nav-link:not(.force-solid) {
  color: #ffb938;
  background-color: #fff;
  border-color: #ffb938;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-warning:not(.force-solid).active, .bg-warning .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #ffb938;
  border-color: #ffb938;
}

.btn-group-toggle .btn.btn.btn-warning:not(.active) {
  color: #ffb938;
  background-color: rgba(255, 185, 56, 0.1);
  border-color: #ffb938;
}

.pagination-warning .page-item.active > .page-link {
  color: #fff;
  background-color: #ffb938;
  border-color: #ffb938;
}

.btn-count.count-warning:after {
  color: #fff;
  background-color: #FFB938;
}

.active-items-warning {
  position: relative;
}
.active-items-warning:after {
  background-color: #FFB938;
}

.badge.badge-warning {
  background-color: #FFB938;
}

.custom-checkbox.custom-warning .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-warning .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-warning .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-warning .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FFB938;
  background-color: #FFB938;
}
.custom-checkbox.custom-warning .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-warning .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-warning .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-warning .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #FFB938;
}

.boxlink.danger {
  background-color: rgba(255, 97, 79, 0);
  color: #fff;
}
.boxlink.danger.fixed {
  background-color: rgba(255, 97, 79, 0.4);
}
.boxlink.danger.fixed-6 {
  background-color: rgba(255, 97, 79, 0.6);
}
.boxlink.danger:hover, .boxlink.danger:active {
  background-color: rgba(255, 97, 79, 0.8);
}

.show > .btn.btn-danger.dropdown-toggle {
  background-color: #ff4a36;
  border-color: #ff331c;
}

.btn.btn-danger {
  border-color: #ff331c;
}
.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus, .btn.btn-danger:not(:disabled):not(.disabled).active, .btn.btn-danger:not(:disabled):not(.disabled):active {
  background-color: #ff4a36;
  border-color: #ff331c;
}
.btn.btn-danger.btn-muted {
  background-color: #f5aea5;
  border-color: #f66858;
}
.btn.btn-danger.bg-on-hover {
  color: #FF614F;
  background-color: #fff;
}
.btn.btn-danger.bg-on-hover:hover, .btn.btn-danger.bg-on-hover:active, .btn.btn-danger.bg-on-hover:focus {
  color: #fff;
  background-color: #FF614F;
}
.btn.btn-danger.transparent {
  color: #ff614f;
  border: 2px solid #ff614f;
  background-color: rgba(255, 97, 79, 0);
}
.btn.btn-danger.transparent:hover, .btn.btn-danger.transparent:active, .btn.btn-danger.transparent.fixed {
  background-color: rgba(255, 97, 79, 0.2);
}
.btn.btn-danger.translucent {
  color: #ff614f;
  border: 1px solid #ff614f;
  background-color: rgba(255, 97, 79, 0.1);
}
.btn.btn-danger.translucent:hover, .btn.btn-danger.translucent:active, .btn.btn-danger.translucent.fixed {
  background-color: rgba(255, 97, 79, 0.3);
}

.btn.btn-danger {
  color: #fff;
  background-color: #ff614f;
  border-color: #ff614f;
}

.nav-item .nav-link.btn-danger:not(.force-solid), .bg-danger .nav-item .nav-link:not(.force-solid) {
  color: #ff614f;
  background-color: #fff;
  border-color: #ff614f;
  border-bottom: none !important;
}
.nav-item .nav-link.btn-danger:not(.force-solid).active, .bg-danger .nav-item .nav-link:not(.force-solid).active {
  color: #fff;
  background-color: #ff614f;
  border-color: #ff614f;
}

.btn-group-toggle .btn.btn.btn-danger:not(.active) {
  color: #ff614f;
  background-color: rgba(255, 97, 79, 0.1);
  border-color: #ff614f;
}

.pagination-danger .page-item.active > .page-link {
  color: #fff;
  background-color: #ff614f;
  border-color: #ff614f;
}

.btn-count.count-danger:after {
  color: #fff;
  background-color: #FF614F;
}

.active-items-danger {
  position: relative;
}
.active-items-danger:after {
  background-color: #FF614F;
}

.badge.badge-danger {
  background-color: #FF614F;
}

.custom-checkbox.custom-danger .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-checkbox.custom-danger .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-danger .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-switch.custom-danger .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #FF614F;
  background-color: #FF614F;
}
.custom-checkbox.custom-danger .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-checkbox.custom-danger .custom-control-input:checked ~ .custom-control-label.highlight, .custom-switch.custom-danger .custom-control-input:indeterminate ~ .custom-control-label.highlight, .custom-switch.custom-danger .custom-control-input:checked ~ .custom-control-label.highlight {
  color: #FF614F;
}

.btn-xs {
  padding: 0.25em 0.3em;
  font-size: 0.85em;
  line-height: 1;
  border-radius: 0.25em;
}

.btn.rounded-circle i {
  width: 1em;
  height: 1.75em;
  box-sizing: content-box;
  line-height: 1.75em;
}

.btn.no-outline {
  border: none;
}

.btn.box-shadow {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}

.ico-btn {
  display: inline-block;
  cursor: pointer;
  width: 24.5%;
  margin: 6px 0 6px 0.5%;
  padding: 5px;
  border-radius: 6px;
  border: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  transition-property: all;
  transition-duration: 0.75s;
}
.ico-btn.transparent {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid transparent;
}
.ico-btn:hover, .ico-btn:active, .ico-btn:focus {
  background-color: black;
  color: #7eb8f1;
  box-shadow: 2px 2px 8px #000;
  text-decoration: none;
}
.ico-btn.transparent:hover, .ico-btn.transparent:active, .ico-btn.transparent:focus {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid transparent;
}
.ico-btn > span {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px;
}
.ico-btn:first-child {
  margin-left: 0 !important;
}
.ico-btn.sixth {
  width: 16.16666%;
}
.ico-btn.fifth {
  width: 19.5%;
}
.ico-btn.forth {
  width: 24.5%;
}
.ico-btn.third {
  width: 32.83333%;
}
.ico-btn.twothirds {
  width: 66.16%;
}
.ico-btn.half {
  width: 49.5%;
}
.ico-btn.full {
  width: 99.5%;
}
.ico-btn.threefourths {
  width: 74.5%;
}

.ico-btn-group > .ico-btn {
  float: left;
}

button:not([disabled]), .pointer {
  cursor: pointer;
}

.btn-group-vertical.justified {
  display: block;
}

.btn-round {
  display: inline-block;
  text-align: center;
  margin: 5px;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 40px;
  line-height: 40px;
  font-size: 25px;
  overflow: hidden;
  color: #fff;
  padding: 0;
  cursor: pointer;
  box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.3);
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.btn-round.ani-up-left:hover {
  transform: scale(1.1) translate(-5px, -5px);
  box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.8);
}

.btn-round-sm {
  margin: 3px;
  line-height: 30px;
  font-size: 18px;
  width: 30px;
}

.btn-round-lg {
  margin: 3px;
  line-height: 60px;
  font-size: 40px;
  width: 60px;
}

.btn-round-120 {
  line-height: 1.1em;
  font-size: 9em;
  width: 120px;
  height: 120px;
  white-space: normal;
}

@media all and (max-width: 959px) {
  .btn-round {
    margin: 3px;
    line-height: 30px;
    font-size: 18px;
    width: 30px;
  }

  .btn-round-sm {
    margin: 3px;
    line-height: 25px;
    font-size: 14px;
    width: 25px;
  }

  .btn-round-lg {
    margin: 3px;
    line-height: 60px;
    font-size: 40px;
    width: 60px;
  }

  .btn-round-120 {
    line-height: 1.1em;
    font-size: 0.9em;
    width: 90px;
    height: 90px;
  }
}
.btn.rounded-circle.btn-lg .fa-microphone-slash, .btn.rounded-circle.btn-sm .fa-microphone-slash, .btn.rounded-circle.btn .fa-microphone-slash {
  margin-left: -0.15em;
  padding-right: 0.15em;
}
.btn.rounded-circle.btn-lg .fa-video-slash, .btn.rounded-circle.btn-sm .fa-video-slash, .btn.rounded-circle.btn .fa-video-slash {
  margin-left: -0.1em;
  padding-right: 0.1em;
}

.btn-record {
  width: 35px;
  height: 35px;
  font-size: 0;
  background-color: red;
  border: 10px solid #fff;
  border-radius: 50%;
  outline: none;
}
.btn-record.recording {
  border: 0px solid #fff;
  background-color: red;
  animation-name: recording-pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.btn-record:focus {
  outline: none !important;
}

.btn-dictate {
  border-radius: 0px 3px !important;
}

[data-clickaction] {
  cursor: pointer;
}

@keyframes recording-pulse {
  0% {
    box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 0.6);
  }
  65% {
    box-shadow: 0px 0px 5px 13px rgba(255, 0, 0, 0.6);
  }
  90% {
    box-shadow: 0px 0px 5px 13px rgba(255, 0, 0, 0);
  }
}
/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.toggle .btn-default.toggle-off {
  background-color: #eee;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.toggle.off {
  border-color: rgba(0, 0, 0, 0.25);
}

.toggle-handle {
  background-color: #eee;
  border: thin rgba(0, 0, 0, 0.25) solid;
}

.custom-checkbox .custom-control-label::after {
  background-size: 65% 65%;
}

.custom-control-label {
  padding-top: 0.1em;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

select.custom-select {
  -webkit-appearance: none;
}

.select2-container {
  position: relative;
}

.intl-tel-input {
  width: 100%;
}

.input-group > .form-label-group {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-label-group:not(:last-child) input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[data-mark-errors] [required]:invalid {
  border-color: red !important;
  background-color: #f2bfbf;
}
[data-mark-errors] [required]:valid {
  border-color: green;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .form-control.is-invalid select, .form-control.is-invalid input, .was-validated .custom-select:invalid, .custom-select.is-invalid, .custom-select.is-invalid select, .custom-select.is-invalid input, .was-validated .verifiable:invalid, .verifiable.is-invalid, .verifiable.is-invalid select, .verifiable.is-invalid input {
  border-color: red !important;
  background-color: #f2bfbf;
}

.date-picker [required] {
  border-color: #ccc;
}

.bootstrap-datetimepicker-widget [required] {
  border-color: #ccc;
}
.bootstrap-datetimepicker-widget .decade, .bootstrap-datetimepicker-widget .year, .bootstrap-datetimepicker-widget .month {
  line-height: 1;
  height: auto !important;
  width: auto !important;
  padding: 10px 20px;
}
.bootstrap-datetimepicker-widget span {
  height: auto !important;
  width: auto !important;
  padding: 10px 20px;
}
.bootstrap-datetimepicker-widget thead .prev, .bootstrap-datetimepicker-widget thead .next, .bootstrap-datetimepicker-widget thead .picker-switch {
  color: #fff !important;
  background-color: #20B1D3 !important;
  padding: 5px 15px;
  border: 2px solid #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
}
.bootstrap-datetimepicker-widget thead .prev:hover, .bootstrap-datetimepicker-widget thead .next:hover, .bootstrap-datetimepicker-widget thead .picker-switch:hover {
  background-color: #198ca7 !important;
}
.bootstrap-datetimepicker-widget .active {
  background: #333;
  color: #fff;
}
.bootstrap-datetimepicker-widget .glyphicon {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
  padding: 10px 15px;
}
.bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-left:before {
  content: "" !important;
}
.bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-right:before {
  content: "" !important;
}
.bootstrap-datetimepicker-widget .datepicker-days .prev, .bootstrap-datetimepicker-widget .datepicker-days .next, .bootstrap-datetimepicker-widget .datepicker-days .picker-switch {
  padding: 5px 0px;
}
.bootstrap-datetimepicker-widget .datepicker-days .prev .glyphicon, .bootstrap-datetimepicker-widget .datepicker-days .next .glyphicon, .bootstrap-datetimepicker-widget .datepicker-days .picker-switch .glyphicon {
  padding: 10px 5px;
}

.form-control-feedback {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*
DataTables Cleanup
*/
.dataTables_filter {
  text-align: right;
}
.dataTables_filter [type=search] {
  margin-left: 10px;
}

/*
Typeahead overrides
*/
.input-group > .custom-file.typeahead__container {
  align-items: baseline;
}

.typeahead__container input.form-control-lg {
  font-size: 20px;
}

.typeahead__cancel-button {
  z-index: 10000;
  font-size: 18px;
}

.cb-large .typeahead__cancel-button {
  font-size: 26px;
}

.typeahead__item {
  font-size: 14px;
}

.capslock, .capslock-inline {
  display: none;
}

.capslock.on {
  display: initial;
}

.capslock-inline.on {
  display: initial;
}

.form-group label, .form-group label.display {
  display: block;
}

.form-group:after {
  clear: both;
  display: block;
  height: 0px;
  content: "";
}

.highlight-fields select.form-control:focus, .highlight-fields input.form-control:focus {
  box-shadow: 0px 0px 5px 3px #3ab3be !important;
}

body.modal-open .pac-container {
  z-index: 10000 !important;
}

.split-input input, .split-input select {
  width: 50%;
  float: left;
}
.split-input input:first-child, .split-input select:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.split-input input:last-child, .split-input select:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.split-input.right input, .split-input.right select > option {
  text-align: right;
}
.split-input.tight input, .split-input.tight select {
  padding-left: 4px;
  padding-right: 4px;
}
.split-input.date-split .year {
  width: 35%;
  padding-right: 0px;
  text-align: right;
}
.split-input.date-split .month {
  width: 35%;
  padding-right: 0px;
}
.split-input.date-split .day {
  width: 30%;
  padding-right: 0px;
  text-align: right;
}

.date-set-wrap {
  background-color: #fff;
}

[data-date_set] {
  margin-top: -3px;
  bbborder: 1px solid #ced4da;
  bbborder-radius: 0.25rem;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  ppadding-left: 0.25rem !important;
  ppadding-right: 0.25rem !important;
}
[data-date_set] select, [data-date_set] input {
  min-width: 1.75rem;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  display: block;
  background-color: #fff;
}
[data-date_set] select.month, [data-date_set] input.month {
  padding-top: 1px;
}
[data-date_set] select.day, [data-date_set] input.day {
  border-left: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
}
[data-date_set] select:focus, [data-date_set] input:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
[data-date_set] input[type=number]::-webkit-inner-spin-button,
[data-date_set] input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.planner-form {
  display: table;
  width: 100%;
}
.planner-form .field {
  display: table-row;
}
.planner-form .field label {
  border: 1px solid #333;
  color: #333;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  height: 2em;
  padding: 5px;
  font-weight: normal;
  text-transform: uppercase;
}
.planner-form .field div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  height: 2em;
}
.planner-form .field div > input {
  border: 1px solid #333;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 24pt;
  height: 2em;
}

/*
BrainTree
*/
/*
.braintree-heading, .braintree-sheet__header-label {
	color: #333;
}
[data-braintree-id="choose-a-way-to-pay"] {
	color: #fff;
}
*/
.bt-dropin.loading::after {
  font-family: icomoon;
  content: "/";
  color: #20B1D3;
  font-size: 40px;
  display: block;
  text-align: center;
  font-weight: bold;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

[data-editinfo] {
  position: relative;
}
[data-editinfo] .edit-btn {
  cursor: pointer;
  font-size: 28px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0;
  line-height: 28px;
  z-index: 1000;
  display: none;
}
[data-editinfo]:hover .edit-btn {
  display: block;
}

.patient-lookups > div.patient-lookup {
  padding: 5px;
  border: 2px solid #999;
  background-color: #f2f2f2;
  border-radius: 3px;
  margin-bottom: 10px;
}

.slider.slider-horizontal {
  width: 100%;
  /* NEED TO VERIFY */
}

.slider-vertical-sm .slider {
  height: 140px;
}
.slider-vertical-sm .slider .slider-handle {
  width: 30px;
  margin-left: -5px;
}

.slider-vertical-lg .slider {
  height: 220px;
}
.slider-vertical-lg .slider .slider-handle {
  width: 40px;
  margin-left: -10px;
}

/*
For Pain Levels, we need to colour the sliders
*/
.pain-text-0 {
  color: #cccccc;
}

.pain-bg-0 {
  background-color: #cccccc;
}

.pain-level-chart-0 {
  background: #cccccc;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc);
  background: linear-gradient(to top, #ffffff, #cccccc);
}

.pain-text-1 {
  color: #3bebff;
}

.pain-bg-1 {
  background-color: #3bebff;
}

.pain-level-chart-1 {
  background: #3bebff;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff);
}

.pain-text-2 {
  color: #0fb98b;
}

.pain-bg-2 {
  background-color: #0fb98b;
}

.pain-level-chart-2 {
  background: #0fb98b;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b);
}

.pain-text-3 {
  color: #25d262;
}

.pain-bg-3 {
  background-color: #25d262;
}

.pain-level-chart-3 {
  background: #25d262;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262);
}

.pain-text-4 {
  color: #69e937;
}

.pain-bg-4 {
  background-color: #69e937;
}

.pain-level-chart-4 {
  background: #69e937;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937);
}

.pain-text-5 {
  color: #b1ee2c;
}

.pain-bg-5 {
  background-color: #b1ee2c;
}

.pain-level-chart-5 {
  background: #b1ee2c;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c);
}

.pain-text-6 {
  color: #ffc600;
}

.pain-bg-6 {
  background-color: #ffc600;
}

.pain-level-chart-6 {
  background: #ffc600;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600);
}

.pain-text-7 {
  color: #ffa200;
}

.pain-bg-7 {
  background-color: #ffa200;
}

.pain-level-chart-7 {
  background: #ffa200;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200);
}

.pain-text-8 {
  color: #ff7300;
}

.pain-bg-8 {
  background-color: #ff7300;
}

.pain-level-chart-8 {
  background: #ff7300;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200, #ff7300);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200, #ff7300);
}

.pain-text-9 {
  color: #ff3d18;
}

.pain-bg-9 {
  background-color: #ff3d18;
}

.pain-level-chart-9 {
  background: #ff3d18;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200, #ff7300, #ff3d18);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200, #ff7300, #ff3d18);
}

.pain-text-10 {
  color: #db0000;
}

.pain-bg-10 {
  background-color: #db0000;
}

.pain-level-chart-10 {
  background: #db0000;
  background: -webkit-linear-gradient(bottom, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200, #ff7300, #ff3d18, #db0000);
  background: linear-gradient(to top, #ffffff, #cccccc, #3bebff, #0fb98b, #25d262, #69e937, #b1ee2c, #ffc600, #ffa200, #ff7300, #ff3d18, #db0000);
}

.pain-level .slider-track, .pain-level .slider-track-high {
  background: #930000;
  background: -webkit-linear-gradient(top, #930000 0%, #db0000 9%, #ff3d18 18%, #ff7300 27%, #ffa200 36%, #ffc600 45%, #b1ee2c 55%, #69e937 64%, #25d262 73%, #0fb98b 82%, #3bebff 91%, #cccccc 100%);
  background: linear-gradient(to bottom, #930000 0%, #db0000 9%, #ff3d18 18%, #ff7300 27%, #ffa200 36%, #ffc600 45%, #b1ee2c 55%, #69e937 64%, #25d262 73%, #0fb98b 82%, #3bebff 91%, #cccccc 100%);
}
.pain-level.reverse .slider-track {
  background: #930000;
  background: -webkit-linear-gradient(bottom, #930000 0%, #db0000 9%, #ff3d18 18%, #ff7300 27%, #ffa200 36%, #ffc600 45%, #b1ee2c 55%, #69e937 64%, #25d262 73%, #0fb98b 82%, #3bebff 91%, #cccccc 100%);
  background: linear-gradient(to top, #930000 0%, #db0000 9%, #ff3d18 18%, #ff7300 27%, #ffa200 36%, #ffc600 45%, #b1ee2c 55%, #69e937 64%, #25d262 73%, #0fb98b 82%, #3bebff 91%, #cccccc 100%);
}
.pain-level .slider-track-high {
  height: 100% !important;
}
.pain-level .slider-handle {
  background: rgba(255, 255, 255, 0.8);
  width: 40px;
  margin-left: -10px;
  border-radius: 4px;
  border: 4px solid #aaa;
}
.pain-level .slider .tooltip {
  margin-left: 13px;
}

@media all and (max-width: 575px) {
  .slider .slider-handle, .slider-vertical-lg .slider .slider-handle, .slider-vertical-sm .slider .slider-handle {
    width: 60px;
    margin-left: -20px;
    height: 30px;
    margin-top: -15px;
  }
}
.has-result .typeahead__container .typeahead__field input {
  background-color: #00A2FF;
  color: #fff;
}

.typeahead__list {
  background-color: #7ACEFF;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
}

.typeahead__dropdown > li:not([disabled]).active > a, .typeahead__dropdown > li:not([disabled]) > a:focus, .typeahead__dropdown > li:not([disabled]) > a:hover, .typeahead__list > li:not([disabled]).active > a, .typeahead__list > li:not([disabled]) > a:focus, .typeahead__list > li:not([disabled]) > a:hover {
  background-color: #00A2FF;
  color: #fff;
}

.typeahead__list.empty > li {
  font-size: 120%;
}

.has-result .typeahead__cancel-button {
  color: #fff;
}

.typeahead__cancel-button {
  font-size: 18px;
}

.typeahead__lg-input .typeahead__cancel-button {
  font-size: 26px;
}

.form-label-group {
  position: relative;
}
.form-label-group > input, .form-label-group > select, .form-label-group > label {
  height: 3.125rem;
  padding: 0.75rem;
}
.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #666;
  pointer-events: none;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}
.form-label-group input:-ms-input-placeholder {
  color: transparent;
}
.form-label-group input::-ms-input-placeholder {
  color: transparent;
}
.form-label-group input::-moz-placeholder {
  color: transparent;
}
.form-label-group input::placeholder, .form-label-group textarea::placeholder {
  color: transparent;
}
.form-label-group input:not(:placeholder-shown), .form-label-group input:focus, .form-label-group textarea:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group input:focus ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #888;
}
.form-label-group > .intl-tel-input input {
  height: 3.125rem;
  padding: 0.75rem;
}
.form-label-group > .intl-tel-input.focus ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #888;
}
.form-label-group > .intl-tel-input.focus > input {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
.form-label-group.country-selector > label {
  padding-left: 50px;
}
.form-label-group label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-label-group > select {
  padding-top: 1.5rem;
  padding-bottom: 0.25rem;
  align-items: flex-end;
}
.form-label-group > select ~ label {
  padding: 0.25rem 0.75rem;
  font-size: 12px;
  color: #888;
}
.form-label-group > textarea, .form-label-group > .dictate-wrap.position-relative > textarea {
  height: 6.125rem;
  padding: 1.25rem 0.75rem 0.25rem 0.75rem;
}
.form-label-group > textarea ~ label, .form-label-group > .dictate-wrap.position-relative > textarea ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #888;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }

  .form-label-group input::-ms-input-placeholder {
    color: #888;
  }
}
/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }

  .form-label-group input:-ms-input-placeholder {
    color: #888;
  }
}
.has-loader.relative {
  position: relative;
}

.has-loader:after {
  position: absolute;
  display: none;
  font-family: icomoon;
  content: "/";
  color: #20B1D3;
  font-size: 80px;
  line-height: 80px;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  text-align: center;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.has-loader.loading:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.has-loader.loading:after {
  display: block;
  z-index: 2;
}

.has-loader.loading:before {
  content: " ";
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 162, 255, 0.1);
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);
  }
  50% {
    -webkit-transform: scale(1.02, 1.02);
    box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.6);
  }
  100% {
    -webkit-transform: scale(1, 1);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1, 1);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);
  }
  50% {
    transform: scale(1.05, 1.05);
    box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.6);
  }
  100% {
    transform: scale(1, 1);
    box-shadow: 0pxx 0px 0px rgba(0, 0, 0, 0.6);
  }
}
@-webkit-keyframes throb {
  0% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes throb {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1, 1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes zoomfade {
  0% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.0001, 0.0001);
    opacity: 0;
  }
}
@keyframes zoomfade {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    transform: scale(0.0001, 0.0001);
    opacity: 0;
  }
}
@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(1, 1);
  }
  95% {
    -webkit-transform: scale(0.0001, 0.0001);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.0001, 0.0001);
    opacity: 0;
  }
}
@keyframes zoomout {
  0% {
    transform: scale(1, 1);
  }
  99% {
    transform: scale(0.0001, 0.0001);
    opacity: 1;
  }
  100% {
    transform: scale(0.0001, 0.0001);
    opacity: 0;
  }
}
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(0.0001, 0.0001);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.0001, 0.0001);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes zoomin {
  0% {
    transform: scale(0.0001, 0.0001);
    opacity: 0;
  }
  5% {
    transform: scale(0.0001, 0.0001);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes flash-background {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(0, 204, 136, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.btn-pulse {
  -webkit-animation: throb 1s linear 10000;
  animation: throb 1s linear 10000;
}

.input-flash {
  -webkit-animation: throb 0.25s linear 2;
  animation: throb 0.25s linear 2;
}

@keyframes flash-background-black {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(16, 16, 16, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-black {
  -webkit-animation: flash-background-black 0.25s linear 1;
  animation: flash-background-black 0.25s linear 1;
}

@keyframes flash-background-lilac {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(151, 173, 225, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-lilac {
  -webkit-animation: flash-background-lilac 0.25s linear 1;
  animation: flash-background-lilac 0.25s linear 1;
}

@keyframes flash-background-light-gray {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(219, 219, 219, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-light-gray {
  -webkit-animation: flash-background-light-gray 0.25s linear 1;
  animation: flash-background-light-gray 0.25s linear 1;
}

@keyframes flash-background-gray {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(89, 89, 89, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-gray {
  -webkit-animation: flash-background-gray 0.25s linear 1;
  animation: flash-background-gray 0.25s linear 1;
}

@keyframes flash-background-blue {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(20, 102, 184, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-blue {
  -webkit-animation: flash-background-blue 0.25s linear 1;
  animation: flash-background-blue 0.25s linear 1;
}

@keyframes flash-background-light-blue {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(0, 162, 255, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-light-blue {
  -webkit-animation: flash-background-light-blue 0.25s linear 1;
  animation: flash-background-light-blue 0.25s linear 1;
}

@keyframes flash-background-phzio-blue {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(32, 177, 211, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-phzio-blue {
  -webkit-animation: flash-background-phzio-blue 0.25s linear 1;
  animation: flash-background-phzio-blue 0.25s linear 1;
}

@keyframes flash-background-green {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(21, 184, 124, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-green {
  -webkit-animation: flash-background-green 0.25s linear 1;
  animation: flash-background-green 0.25s linear 1;
}

@keyframes flash-background-orange {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(242, 97, 0, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-orange {
  -webkit-animation: flash-background-orange 0.25s linear 1;
  animation: flash-background-orange 0.25s linear 1;
}

@keyframes flash-background-yellow {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(253, 153, 13, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-yellow {
  -webkit-animation: flash-background-yellow 0.25s linear 1;
  animation: flash-background-yellow 0.25s linear 1;
}

@keyframes flash-background-red {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(255, 84, 78, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-red {
  -webkit-animation: flash-background-red 0.25s linear 1;
  animation: flash-background-red 0.25s linear 1;
}

@keyframes flash-background-secondary {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(238, 238, 238, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-secondary {
  -webkit-animation: flash-background-secondary 0.25s linear 1;
  animation: flash-background-secondary 0.25s linear 1;
}

@keyframes flash-background-primary {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(32, 177, 211, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-primary {
  -webkit-animation: flash-background-primary 0.25s linear 1;
  animation: flash-background-primary 0.25s linear 1;
}

@keyframes flash-background-info {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(140, 229, 242, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-info {
  -webkit-animation: flash-background-info 0.25s linear 1;
  animation: flash-background-info 0.25s linear 1;
}

@keyframes flash-background-success {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(7, 173, 126, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-success {
  -webkit-animation: flash-background-success 0.25s linear 1;
  animation: flash-background-success 0.25s linear 1;
}

@keyframes flash-background-warning {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(255, 185, 56, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-warning {
  -webkit-animation: flash-background-warning 0.25s linear 1;
  animation: flash-background-warning 0.25s linear 1;
}

@keyframes flash-background-danger {
  0% {
    background-color: initial;
  }
  80% {
    background-color: rgba(255, 97, 79, 0.3);
  }
  100% {
    background-color: initial;
  }
}
.input-changed-danger {
  -webkit-animation: flash-background-danger 0.25s linear 1;
  animation: flash-background-danger 0.25s linear 1;
}

.input-changed {
  -webkit-animation: flash-background-green 0.25s linear 1;
  animation: flash-background-green 0.25s linear 1;
}

@keyframes point-up-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0%, -10%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-10 {
  animation: point-up-10 1s linear 10000;
}

.animate-point-up-10.slow {
  animation: point-up-10 2s linear 10000;
}

.animate-point-up-10.fast {
  animation: point-up-10 0.5s linear 10000;
}

@keyframes point-down-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0%, 10%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-10 {
  animation: point-down-10 1s linear 10000;
}

.animate-point-down-10.slow {
  animation: point-down-10 2s linear 10000;
}

.animate-point-down-10.fast {
  animation: point-down-10 0.5s linear 10000;
}

@keyframes point-right-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(10%, 0%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-right-10 {
  animation: point-right-10 1s linear 10000;
}

.animate-point-right-10.slow {
  animation: point-right-10 2s linear 10000;
}

.animate-point-right-10.fast {
  animation: point-right-10 0.5s linear 10000;
}

@keyframes point-left-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-10%, 0%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-left-10 {
  animation: point-left-10 1s linear 10000;
}

.animate-point-left-10.slow {
  animation: point-left-10 2s linear 10000;
}

.animate-point-left-10.fast {
  animation: point-left-10 0.5s linear 10000;
}

@keyframes point-up-right-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(10%, -10%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-right-10 {
  animation: point-up-right-10 1s linear 10000;
}

.animate-point-up-right-10.slow {
  animation: point-up-right-10 2s linear 10000;
}

.animate-point-up-right-10.fast {
  animation: point-up-right-10 0.5s linear 10000;
}

@keyframes point-up-left-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-10%, -10%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-left-10 {
  animation: point-up-left-10 1s linear 10000;
}

.animate-point-up-left-10.slow {
  animation: point-up-left-10 2s linear 10000;
}

.animate-point-up-left-10.fast {
  animation: point-up-left-10 0.5s linear 10000;
}

@keyframes point-down-right-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(10%, 10%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-right-10 {
  animation: point-down-right-10 1s linear 10000;
}

.animate-point-down-right-10.slow {
  animation: point-down-right-10 2s linear 10000;
}

.animate-point-down-right-10.fast {
  animation: point-down-right-10 0.5s linear 10000;
}

@keyframes point-down-left-10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-10%, 10%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-left-10 {
  animation: point-down-left-10 1s linear 10000;
}

.animate-point-down-left-10.slow {
  animation: point-down-left-10 2s linear 10000;
}

.animate-point-down-left-10.fast {
  animation: point-down-left-10 0.5s linear 10000;
}

@keyframes point-up-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0%, -20%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-20 {
  animation: point-up-20 1s linear 10000;
}

.animate-point-up-20.slow {
  animation: point-up-20 2s linear 10000;
}

.animate-point-up-20.fast {
  animation: point-up-20 0.5s linear 10000;
}

@keyframes point-down-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0%, 20%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-20 {
  animation: point-down-20 1s linear 10000;
}

.animate-point-down-20.slow {
  animation: point-down-20 2s linear 10000;
}

.animate-point-down-20.fast {
  animation: point-down-20 0.5s linear 10000;
}

@keyframes point-right-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(20%, 0%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-right-20 {
  animation: point-right-20 1s linear 10000;
}

.animate-point-right-20.slow {
  animation: point-right-20 2s linear 10000;
}

.animate-point-right-20.fast {
  animation: point-right-20 0.5s linear 10000;
}

@keyframes point-left-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-20%, 0%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-left-20 {
  animation: point-left-20 1s linear 10000;
}

.animate-point-left-20.slow {
  animation: point-left-20 2s linear 10000;
}

.animate-point-left-20.fast {
  animation: point-left-20 0.5s linear 10000;
}

@keyframes point-up-right-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(20%, -20%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-right-20 {
  animation: point-up-right-20 1s linear 10000;
}

.animate-point-up-right-20.slow {
  animation: point-up-right-20 2s linear 10000;
}

.animate-point-up-right-20.fast {
  animation: point-up-right-20 0.5s linear 10000;
}

@keyframes point-up-left-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-20%, -20%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-left-20 {
  animation: point-up-left-20 1s linear 10000;
}

.animate-point-up-left-20.slow {
  animation: point-up-left-20 2s linear 10000;
}

.animate-point-up-left-20.fast {
  animation: point-up-left-20 0.5s linear 10000;
}

@keyframes point-down-right-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(20%, 20%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-right-20 {
  animation: point-down-right-20 1s linear 10000;
}

.animate-point-down-right-20.slow {
  animation: point-down-right-20 2s linear 10000;
}

.animate-point-down-right-20.fast {
  animation: point-down-right-20 0.5s linear 10000;
}

@keyframes point-down-left-20 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-20%, 20%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-left-20 {
  animation: point-down-left-20 1s linear 10000;
}

.animate-point-down-left-20.slow {
  animation: point-down-left-20 2s linear 10000;
}

.animate-point-down-left-20.fast {
  animation: point-down-left-20 0.5s linear 10000;
}

@keyframes point-up-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0%, -30%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-30 {
  animation: point-up-30 1s linear 10000;
}

.animate-point-up-30.slow {
  animation: point-up-30 2s linear 10000;
}

.animate-point-up-30.fast {
  animation: point-up-30 0.5s linear 10000;
}

@keyframes point-down-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0%, 30%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-30 {
  animation: point-down-30 1s linear 10000;
}

.animate-point-down-30.slow {
  animation: point-down-30 2s linear 10000;
}

.animate-point-down-30.fast {
  animation: point-down-30 0.5s linear 10000;
}

@keyframes point-right-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(30%, 0%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-right-30 {
  animation: point-right-30 1s linear 10000;
}

.animate-point-right-30.slow {
  animation: point-right-30 2s linear 10000;
}

.animate-point-right-30.fast {
  animation: point-right-30 0.5s linear 10000;
}

@keyframes point-left-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-30%, 0%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-left-30 {
  animation: point-left-30 1s linear 10000;
}

.animate-point-left-30.slow {
  animation: point-left-30 2s linear 10000;
}

.animate-point-left-30.fast {
  animation: point-left-30 0.5s linear 10000;
}

@keyframes point-up-right-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(30%, -30%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-right-30 {
  animation: point-up-right-30 1s linear 10000;
}

.animate-point-up-right-30.slow {
  animation: point-up-right-30 2s linear 10000;
}

.animate-point-up-right-30.fast {
  animation: point-up-right-30 0.5s linear 10000;
}

@keyframes point-up-left-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-30%, -30%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-up-left-30 {
  animation: point-up-left-30 1s linear 10000;
}

.animate-point-up-left-30.slow {
  animation: point-up-left-30 2s linear 10000;
}

.animate-point-up-left-30.fast {
  animation: point-up-left-30 0.5s linear 10000;
}

@keyframes point-down-right-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(30%, 30%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-right-30 {
  animation: point-down-right-30 1s linear 10000;
}

.animate-point-down-right-30.slow {
  animation: point-down-right-30 2s linear 10000;
}

.animate-point-down-right-30.fast {
  animation: point-down-right-30 0.5s linear 10000;
}

@keyframes point-down-left-30 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-30%, 30%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.animate-point-down-left-30 {
  animation: point-down-left-30 1s linear 10000;
}

.animate-point-down-left-30.slow {
  animation: point-down-left-30 2s linear 10000;
}

.animate-point-down-left-30.fast {
  animation: point-down-left-30 0.5s linear 10000;
}

/*
Apply these to collapse and expand sections using CSS3
*/
.collapse-vertical {
  max-height: 0;
  transition: all 3s ease-out;
  overflow: hidden;
}

.expand .collapse-vertical, .collapse-vertical.expand {
  transition: all 5s ease-out;
  max-height: 5000px;
}

.expand-on-hover:hover .collapse-vertical {
  max-height: 5000px;
}

.collapse-horizontal {
  max-width: 0;
  transition: all 0.5s ease-out;
  overflow: hidden;
}

.expand .collapse-horizontal, .collapse-horizontal.expand {
  transition: all 0.5s ease-out;
  max-width: 5000px;
}

.expand-on-hover:hover .collapse-horizontal {
  max-width: 5000px;
}

.zoom-on-hover {
  transition: all ease-in 0.25s;
}

.zoom-on-hover:hover, .zoom-on-hover.sticky {
  transform: scale(1.05);
  transition: all ease-out 0.5s;
}

.transition {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-fast {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-slow {
  transition: all 1s ease-out;
}

.transition-cubic {
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.transition-cubic-delayed {
  transition-property: all;
  transition-delay: 1s;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.animated.faster {
  animation-duration: 0.5s;
}
.animated.super-fast {
  animation-duration: 0.25s;
}
.animated.ultra-fast {
  animation-duration: 0.15s;
}

/*
New Loader elements
*/
.show-loading {
  position: relative;
  min-height: 400px;
}

.show-loading:after {
  position: absolute;
  z-index: 100000;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f110";
  color: #20B1D3;
  font-size: 50px !important;
  line-height: 50px !important;
  width: 50px !important;
  height: 50px !important;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  text-align: center;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  -webkit-font-smoothing: antialiased;
  display: block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

body:not(.ios-app) .if-ios-app,
body.ios-app .if-not-ios-app,
body:not(.pwa-app) .if-pwa-app,
body.pwa-app .if-not-pwa-app {
  display: none;
}

h1 {
  margin-top: 0em;
  margin-bottom: 0.1em;
  font-weight: 200;
  font-size: 2rem;
}

h2 {
  margin-top: 0em;
  margin-bottom: 0.1em;
  font-weight: 200;
  font-size: 1.75rem;
}

h3 {
  margin-top: 0em;
  margin-bottom: 0.1em;
  font-weight: 200;
  font-size: 1.5rem;
}

h4 {
  margin-top: 0em;
  margin-bottom: 0.1em;
  font-weight: 200;
  font-size: 1.25rem;
}

h5 {
  margin-top: 0em;
  margin-bottom: 0.1em;
  font-weight: 200;
  font-size: 1rem;
}

h6 {
  margin-top: 0em;
  margin-bottom: 0.1em;
  font-weight: 200;
  font-size: 0.75rem;
}

.lh-1 {
  line-height: 1;
}

.fs-2 {
  font-size: 0.5em;
}
.fs-2.custom-checkbox, .fs-2 .custom-checkbox, .fs-2.custom-radio, .fs-2 .custom-radio {
  min-height: 1rem;
  padding-left: 1rem;
}
.fs-2.custom-checkbox .custom-control-label::before, .fs-2.custom-checkbox .custom-control-label::after, .fs-2 .custom-checkbox .custom-control-label::before, .fs-2 .custom-checkbox .custom-control-label::after, .fs-2.custom-radio .custom-control-label::before, .fs-2.custom-radio .custom-control-label::after, .fs-2 .custom-radio .custom-control-label::before, .fs-2 .custom-radio .custom-control-label::after {
  left: -1rem;
  width: 0.5rem;
  height: 0.5rem;
}

.fs-3 {
  font-size: 0.75em;
}
.fs-3.custom-checkbox, .fs-3 .custom-checkbox, .fs-3.custom-radio, .fs-3 .custom-radio {
  min-height: 1.25rem;
  padding-left: 1.25rem;
}
.fs-3.custom-checkbox .custom-control-label::before, .fs-3.custom-checkbox .custom-control-label::after, .fs-3 .custom-checkbox .custom-control-label::before, .fs-3 .custom-checkbox .custom-control-label::after, .fs-3.custom-radio .custom-control-label::before, .fs-3.custom-radio .custom-control-label::after, .fs-3 .custom-radio .custom-control-label::before, .fs-3 .custom-radio .custom-control-label::after {
  left: -1.25rem;
  width: 0.75rem;
  height: 0.75rem;
}

.fs-4 {
  font-size: 1em;
}
.fs-4.custom-checkbox, .fs-4 .custom-checkbox, .fs-4.custom-radio, .fs-4 .custom-radio {
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.fs-4.custom-checkbox .custom-control-label::before, .fs-4.custom-checkbox .custom-control-label::after, .fs-4 .custom-checkbox .custom-control-label::before, .fs-4 .custom-checkbox .custom-control-label::after, .fs-4.custom-radio .custom-control-label::before, .fs-4.custom-radio .custom-control-label::after, .fs-4 .custom-radio .custom-control-label::before, .fs-4 .custom-radio .custom-control-label::after {
  left: -1.5rem;
  width: 1rem;
  height: 1rem;
}

.fs-5 {
  font-size: 1.25em;
}
.fs-5.custom-checkbox, .fs-5 .custom-checkbox, .fs-5.custom-radio, .fs-5 .custom-radio {
  min-height: 1.75rem;
  padding-left: 1.75rem;
}
.fs-5.custom-checkbox .custom-control-label::before, .fs-5.custom-checkbox .custom-control-label::after, .fs-5 .custom-checkbox .custom-control-label::before, .fs-5 .custom-checkbox .custom-control-label::after, .fs-5.custom-radio .custom-control-label::before, .fs-5.custom-radio .custom-control-label::after, .fs-5 .custom-radio .custom-control-label::before, .fs-5 .custom-radio .custom-control-label::after {
  left: -1.75rem;
  width: 1.25rem;
  height: 1.25rem;
}

.fs-6 {
  font-size: 1.5em;
}
.fs-6.custom-checkbox, .fs-6 .custom-checkbox, .fs-6.custom-radio, .fs-6 .custom-radio {
  min-height: 2rem;
  padding-left: 2rem;
}
.fs-6.custom-checkbox .custom-control-label::before, .fs-6.custom-checkbox .custom-control-label::after, .fs-6 .custom-checkbox .custom-control-label::before, .fs-6 .custom-checkbox .custom-control-label::after, .fs-6.custom-radio .custom-control-label::before, .fs-6.custom-radio .custom-control-label::after, .fs-6 .custom-radio .custom-control-label::before, .fs-6 .custom-radio .custom-control-label::after {
  left: -2rem;
  width: 1.5rem;
  height: 1.5rem;
}

.fs-7 {
  font-size: 1.75em;
}
.fs-7.custom-checkbox, .fs-7 .custom-checkbox, .fs-7.custom-radio, .fs-7 .custom-radio {
  min-height: 2.25rem;
  padding-left: 2.25rem;
}
.fs-7.custom-checkbox .custom-control-label::before, .fs-7.custom-checkbox .custom-control-label::after, .fs-7 .custom-checkbox .custom-control-label::before, .fs-7 .custom-checkbox .custom-control-label::after, .fs-7.custom-radio .custom-control-label::before, .fs-7.custom-radio .custom-control-label::after, .fs-7 .custom-radio .custom-control-label::before, .fs-7 .custom-radio .custom-control-label::after {
  left: -2.25rem;
  width: 1.75rem;
  height: 1.75rem;
}

.fs-8 {
  font-size: 2em;
}
.fs-8.custom-checkbox, .fs-8 .custom-checkbox, .fs-8.custom-radio, .fs-8 .custom-radio {
  min-height: 2.5rem;
  padding-left: 2.5rem;
}
.fs-8.custom-checkbox .custom-control-label::before, .fs-8.custom-checkbox .custom-control-label::after, .fs-8 .custom-checkbox .custom-control-label::before, .fs-8 .custom-checkbox .custom-control-label::after, .fs-8.custom-radio .custom-control-label::before, .fs-8.custom-radio .custom-control-label::after, .fs-8 .custom-radio .custom-control-label::before, .fs-8 .custom-radio .custom-control-label::after {
  left: -2.5rem;
  width: 2rem;
  height: 2rem;
}

.fs-10 {
  font-size: 2.5em;
}
.fs-10.custom-checkbox, .fs-10 .custom-checkbox, .fs-10.custom-radio, .fs-10 .custom-radio {
  min-height: 3rem;
  padding-left: 3rem;
}
.fs-10.custom-checkbox .custom-control-label::before, .fs-10.custom-checkbox .custom-control-label::after, .fs-10 .custom-checkbox .custom-control-label::before, .fs-10 .custom-checkbox .custom-control-label::after, .fs-10.custom-radio .custom-control-label::before, .fs-10.custom-radio .custom-control-label::after, .fs-10 .custom-radio .custom-control-label::before, .fs-10 .custom-radio .custom-control-label::after {
  left: -3rem;
  width: 2.5rem;
  height: 2.5rem;
}

.fs-12 {
  font-size: 3em;
}
.fs-12.custom-checkbox, .fs-12 .custom-checkbox, .fs-12.custom-radio, .fs-12 .custom-radio {
  min-height: 3.5rem;
  padding-left: 3.5rem;
}
.fs-12.custom-checkbox .custom-control-label::before, .fs-12.custom-checkbox .custom-control-label::after, .fs-12 .custom-checkbox .custom-control-label::before, .fs-12 .custom-checkbox .custom-control-label::after, .fs-12.custom-radio .custom-control-label::before, .fs-12.custom-radio .custom-control-label::after, .fs-12 .custom-radio .custom-control-label::before, .fs-12 .custom-radio .custom-control-label::after {
  left: -3.5rem;
  width: 3rem;
  height: 3rem;
}

.fs-14 {
  font-size: 3.5em;
}
.fs-14.custom-checkbox, .fs-14 .custom-checkbox, .fs-14.custom-radio, .fs-14 .custom-radio {
  min-height: 4rem;
  padding-left: 4rem;
}
.fs-14.custom-checkbox .custom-control-label::before, .fs-14.custom-checkbox .custom-control-label::after, .fs-14 .custom-checkbox .custom-control-label::before, .fs-14 .custom-checkbox .custom-control-label::after, .fs-14.custom-radio .custom-control-label::before, .fs-14.custom-radio .custom-control-label::after, .fs-14 .custom-radio .custom-control-label::before, .fs-14 .custom-radio .custom-control-label::after {
  left: -4rem;
  width: 3.5rem;
  height: 3.5rem;
}

.fs-16 {
  font-size: 4em;
}
.fs-16.custom-checkbox, .fs-16 .custom-checkbox, .fs-16.custom-radio, .fs-16 .custom-radio {
  min-height: 4.5rem;
  padding-left: 4.5rem;
}
.fs-16.custom-checkbox .custom-control-label::before, .fs-16.custom-checkbox .custom-control-label::after, .fs-16 .custom-checkbox .custom-control-label::before, .fs-16 .custom-checkbox .custom-control-label::after, .fs-16.custom-radio .custom-control-label::before, .fs-16.custom-radio .custom-control-label::after, .fs-16 .custom-radio .custom-control-label::before, .fs-16 .custom-radio .custom-control-label::after {
  left: -4.5rem;
  width: 4rem;
  height: 4rem;
}

.fs-24 {
  font-size: 6em;
}
.fs-24.custom-checkbox, .fs-24 .custom-checkbox, .fs-24.custom-radio, .fs-24 .custom-radio {
  min-height: 6.5rem;
  padding-left: 6.5rem;
}
.fs-24.custom-checkbox .custom-control-label::before, .fs-24.custom-checkbox .custom-control-label::after, .fs-24 .custom-checkbox .custom-control-label::before, .fs-24 .custom-checkbox .custom-control-label::after, .fs-24.custom-radio .custom-control-label::before, .fs-24.custom-radio .custom-control-label::after, .fs-24 .custom-radio .custom-control-label::before, .fs-24 .custom-radio .custom-control-label::after {
  left: -6.5rem;
  width: 6rem;
  height: 6rem;
}

.fs-xs-2 {
  font-size: 0.5em;
}
.fs-xs-2.custom-checkbox, .fs-xs-2 .custom-checkbox, .fs-xs-2.custom-radio, .fs-xs-2 .custom-radio {
  min-height: 1rem;
  padding-left: 1rem;
}
.fs-xs-2.custom-checkbox .custom-control-label::before, .fs-xs-2.custom-checkbox .custom-control-label::after, .fs-xs-2 .custom-checkbox .custom-control-label::before, .fs-xs-2 .custom-checkbox .custom-control-label::after, .fs-xs-2.custom-radio .custom-control-label::before, .fs-xs-2.custom-radio .custom-control-label::after, .fs-xs-2 .custom-radio .custom-control-label::before, .fs-xs-2 .custom-radio .custom-control-label::after {
  left: -1rem;
  width: 0.5rem;
  height: 0.5rem;
}

.fs-xs-3 {
  font-size: 0.75em;
}
.fs-xs-3.custom-checkbox, .fs-xs-3 .custom-checkbox, .fs-xs-3.custom-radio, .fs-xs-3 .custom-radio {
  min-height: 1.25rem;
  padding-left: 1.25rem;
}
.fs-xs-3.custom-checkbox .custom-control-label::before, .fs-xs-3.custom-checkbox .custom-control-label::after, .fs-xs-3 .custom-checkbox .custom-control-label::before, .fs-xs-3 .custom-checkbox .custom-control-label::after, .fs-xs-3.custom-radio .custom-control-label::before, .fs-xs-3.custom-radio .custom-control-label::after, .fs-xs-3 .custom-radio .custom-control-label::before, .fs-xs-3 .custom-radio .custom-control-label::after {
  left: -1.25rem;
  width: 0.75rem;
  height: 0.75rem;
}

.fs-xs-4 {
  font-size: 1em;
}
.fs-xs-4.custom-checkbox, .fs-xs-4 .custom-checkbox, .fs-xs-4.custom-radio, .fs-xs-4 .custom-radio {
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.fs-xs-4.custom-checkbox .custom-control-label::before, .fs-xs-4.custom-checkbox .custom-control-label::after, .fs-xs-4 .custom-checkbox .custom-control-label::before, .fs-xs-4 .custom-checkbox .custom-control-label::after, .fs-xs-4.custom-radio .custom-control-label::before, .fs-xs-4.custom-radio .custom-control-label::after, .fs-xs-4 .custom-radio .custom-control-label::before, .fs-xs-4 .custom-radio .custom-control-label::after {
  left: -1.5rem;
  width: 1rem;
  height: 1rem;
}

.fs-xs-5 {
  font-size: 1.25em;
}
.fs-xs-5.custom-checkbox, .fs-xs-5 .custom-checkbox, .fs-xs-5.custom-radio, .fs-xs-5 .custom-radio {
  min-height: 1.75rem;
  padding-left: 1.75rem;
}
.fs-xs-5.custom-checkbox .custom-control-label::before, .fs-xs-5.custom-checkbox .custom-control-label::after, .fs-xs-5 .custom-checkbox .custom-control-label::before, .fs-xs-5 .custom-checkbox .custom-control-label::after, .fs-xs-5.custom-radio .custom-control-label::before, .fs-xs-5.custom-radio .custom-control-label::after, .fs-xs-5 .custom-radio .custom-control-label::before, .fs-xs-5 .custom-radio .custom-control-label::after {
  left: -1.75rem;
  width: 1.25rem;
  height: 1.25rem;
}

.fs-xs-6 {
  font-size: 1.5em;
}
.fs-xs-6.custom-checkbox, .fs-xs-6 .custom-checkbox, .fs-xs-6.custom-radio, .fs-xs-6 .custom-radio {
  min-height: 2rem;
  padding-left: 2rem;
}
.fs-xs-6.custom-checkbox .custom-control-label::before, .fs-xs-6.custom-checkbox .custom-control-label::after, .fs-xs-6 .custom-checkbox .custom-control-label::before, .fs-xs-6 .custom-checkbox .custom-control-label::after, .fs-xs-6.custom-radio .custom-control-label::before, .fs-xs-6.custom-radio .custom-control-label::after, .fs-xs-6 .custom-radio .custom-control-label::before, .fs-xs-6 .custom-radio .custom-control-label::after {
  left: -2rem;
  width: 1.5rem;
  height: 1.5rem;
}

.fs-xs-7 {
  font-size: 1.75em;
}
.fs-xs-7.custom-checkbox, .fs-xs-7 .custom-checkbox, .fs-xs-7.custom-radio, .fs-xs-7 .custom-radio {
  min-height: 2.25rem;
  padding-left: 2.25rem;
}
.fs-xs-7.custom-checkbox .custom-control-label::before, .fs-xs-7.custom-checkbox .custom-control-label::after, .fs-xs-7 .custom-checkbox .custom-control-label::before, .fs-xs-7 .custom-checkbox .custom-control-label::after, .fs-xs-7.custom-radio .custom-control-label::before, .fs-xs-7.custom-radio .custom-control-label::after, .fs-xs-7 .custom-radio .custom-control-label::before, .fs-xs-7 .custom-radio .custom-control-label::after {
  left: -2.25rem;
  width: 1.75rem;
  height: 1.75rem;
}

.fs-xs-8 {
  font-size: 2em;
}
.fs-xs-8.custom-checkbox, .fs-xs-8 .custom-checkbox, .fs-xs-8.custom-radio, .fs-xs-8 .custom-radio {
  min-height: 2.5rem;
  padding-left: 2.5rem;
}
.fs-xs-8.custom-checkbox .custom-control-label::before, .fs-xs-8.custom-checkbox .custom-control-label::after, .fs-xs-8 .custom-checkbox .custom-control-label::before, .fs-xs-8 .custom-checkbox .custom-control-label::after, .fs-xs-8.custom-radio .custom-control-label::before, .fs-xs-8.custom-radio .custom-control-label::after, .fs-xs-8 .custom-radio .custom-control-label::before, .fs-xs-8 .custom-radio .custom-control-label::after {
  left: -2.5rem;
  width: 2rem;
  height: 2rem;
}

.fs-xs-10 {
  font-size: 2.5em;
}
.fs-xs-10.custom-checkbox, .fs-xs-10 .custom-checkbox, .fs-xs-10.custom-radio, .fs-xs-10 .custom-radio {
  min-height: 3rem;
  padding-left: 3rem;
}
.fs-xs-10.custom-checkbox .custom-control-label::before, .fs-xs-10.custom-checkbox .custom-control-label::after, .fs-xs-10 .custom-checkbox .custom-control-label::before, .fs-xs-10 .custom-checkbox .custom-control-label::after, .fs-xs-10.custom-radio .custom-control-label::before, .fs-xs-10.custom-radio .custom-control-label::after, .fs-xs-10 .custom-radio .custom-control-label::before, .fs-xs-10 .custom-radio .custom-control-label::after {
  left: -3rem;
  width: 2.5rem;
  height: 2.5rem;
}

.fs-xs-12 {
  font-size: 3em;
}
.fs-xs-12.custom-checkbox, .fs-xs-12 .custom-checkbox, .fs-xs-12.custom-radio, .fs-xs-12 .custom-radio {
  min-height: 3.5rem;
  padding-left: 3.5rem;
}
.fs-xs-12.custom-checkbox .custom-control-label::before, .fs-xs-12.custom-checkbox .custom-control-label::after, .fs-xs-12 .custom-checkbox .custom-control-label::before, .fs-xs-12 .custom-checkbox .custom-control-label::after, .fs-xs-12.custom-radio .custom-control-label::before, .fs-xs-12.custom-radio .custom-control-label::after, .fs-xs-12 .custom-radio .custom-control-label::before, .fs-xs-12 .custom-radio .custom-control-label::after {
  left: -3.5rem;
  width: 3rem;
  height: 3rem;
}

.fs-xs-14 {
  font-size: 3.5em;
}
.fs-xs-14.custom-checkbox, .fs-xs-14 .custom-checkbox, .fs-xs-14.custom-radio, .fs-xs-14 .custom-radio {
  min-height: 4rem;
  padding-left: 4rem;
}
.fs-xs-14.custom-checkbox .custom-control-label::before, .fs-xs-14.custom-checkbox .custom-control-label::after, .fs-xs-14 .custom-checkbox .custom-control-label::before, .fs-xs-14 .custom-checkbox .custom-control-label::after, .fs-xs-14.custom-radio .custom-control-label::before, .fs-xs-14.custom-radio .custom-control-label::after, .fs-xs-14 .custom-radio .custom-control-label::before, .fs-xs-14 .custom-radio .custom-control-label::after {
  left: -4rem;
  width: 3.5rem;
  height: 3.5rem;
}

.fs-xs-16 {
  font-size: 4em;
}
.fs-xs-16.custom-checkbox, .fs-xs-16 .custom-checkbox, .fs-xs-16.custom-radio, .fs-xs-16 .custom-radio {
  min-height: 4.5rem;
  padding-left: 4.5rem;
}
.fs-xs-16.custom-checkbox .custom-control-label::before, .fs-xs-16.custom-checkbox .custom-control-label::after, .fs-xs-16 .custom-checkbox .custom-control-label::before, .fs-xs-16 .custom-checkbox .custom-control-label::after, .fs-xs-16.custom-radio .custom-control-label::before, .fs-xs-16.custom-radio .custom-control-label::after, .fs-xs-16 .custom-radio .custom-control-label::before, .fs-xs-16 .custom-radio .custom-control-label::after {
  left: -4.5rem;
  width: 4rem;
  height: 4rem;
}

.fs-xs-24 {
  font-size: 6em;
}
.fs-xs-24.custom-checkbox, .fs-xs-24 .custom-checkbox, .fs-xs-24.custom-radio, .fs-xs-24 .custom-radio {
  min-height: 6.5rem;
  padding-left: 6.5rem;
}
.fs-xs-24.custom-checkbox .custom-control-label::before, .fs-xs-24.custom-checkbox .custom-control-label::after, .fs-xs-24 .custom-checkbox .custom-control-label::before, .fs-xs-24 .custom-checkbox .custom-control-label::after, .fs-xs-24.custom-radio .custom-control-label::before, .fs-xs-24.custom-radio .custom-control-label::after, .fs-xs-24 .custom-radio .custom-control-label::before, .fs-xs-24 .custom-radio .custom-control-label::after {
  left: -6.5rem;
  width: 6rem;
  height: 6rem;
}

@media all and (min-width: 576px) {
  .fs-sm-2 {
    font-size: 0.5em;
  }
  .fs-sm-2.custom-checkbox, .fs-sm-2 .custom-checkbox, .fs-sm-2.custom-radio, .fs-sm-2 .custom-radio {
    min-height: 1rem;
    padding-left: 1rem;
  }
  .fs-sm-2.custom-checkbox .custom-control-label::before, .fs-sm-2.custom-checkbox .custom-control-label::after, .fs-sm-2 .custom-checkbox .custom-control-label::before, .fs-sm-2 .custom-checkbox .custom-control-label::after, .fs-sm-2.custom-radio .custom-control-label::before, .fs-sm-2.custom-radio .custom-control-label::after, .fs-sm-2 .custom-radio .custom-control-label::before, .fs-sm-2 .custom-radio .custom-control-label::after {
    left: -1rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .fs-sm-3 {
    font-size: 0.75em;
  }
  .fs-sm-3.custom-checkbox, .fs-sm-3 .custom-checkbox, .fs-sm-3.custom-radio, .fs-sm-3 .custom-radio {
    min-height: 1.25rem;
    padding-left: 1.25rem;
  }
  .fs-sm-3.custom-checkbox .custom-control-label::before, .fs-sm-3.custom-checkbox .custom-control-label::after, .fs-sm-3 .custom-checkbox .custom-control-label::before, .fs-sm-3 .custom-checkbox .custom-control-label::after, .fs-sm-3.custom-radio .custom-control-label::before, .fs-sm-3.custom-radio .custom-control-label::after, .fs-sm-3 .custom-radio .custom-control-label::before, .fs-sm-3 .custom-radio .custom-control-label::after {
    left: -1.25rem;
    width: 0.75rem;
    height: 0.75rem;
  }

  .fs-sm-4 {
    font-size: 1em;
  }
  .fs-sm-4.custom-checkbox, .fs-sm-4 .custom-checkbox, .fs-sm-4.custom-radio, .fs-sm-4 .custom-radio {
    min-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .fs-sm-4.custom-checkbox .custom-control-label::before, .fs-sm-4.custom-checkbox .custom-control-label::after, .fs-sm-4 .custom-checkbox .custom-control-label::before, .fs-sm-4 .custom-checkbox .custom-control-label::after, .fs-sm-4.custom-radio .custom-control-label::before, .fs-sm-4.custom-radio .custom-control-label::after, .fs-sm-4 .custom-radio .custom-control-label::before, .fs-sm-4 .custom-radio .custom-control-label::after {
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
  }

  .fs-sm-5 {
    font-size: 1.25em;
  }
  .fs-sm-5.custom-checkbox, .fs-sm-5 .custom-checkbox, .fs-sm-5.custom-radio, .fs-sm-5 .custom-radio {
    min-height: 1.75rem;
    padding-left: 1.75rem;
  }
  .fs-sm-5.custom-checkbox .custom-control-label::before, .fs-sm-5.custom-checkbox .custom-control-label::after, .fs-sm-5 .custom-checkbox .custom-control-label::before, .fs-sm-5 .custom-checkbox .custom-control-label::after, .fs-sm-5.custom-radio .custom-control-label::before, .fs-sm-5.custom-radio .custom-control-label::after, .fs-sm-5 .custom-radio .custom-control-label::before, .fs-sm-5 .custom-radio .custom-control-label::after {
    left: -1.75rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .fs-sm-6 {
    font-size: 1.5em;
  }
  .fs-sm-6.custom-checkbox, .fs-sm-6 .custom-checkbox, .fs-sm-6.custom-radio, .fs-sm-6 .custom-radio {
    min-height: 2rem;
    padding-left: 2rem;
  }
  .fs-sm-6.custom-checkbox .custom-control-label::before, .fs-sm-6.custom-checkbox .custom-control-label::after, .fs-sm-6 .custom-checkbox .custom-control-label::before, .fs-sm-6 .custom-checkbox .custom-control-label::after, .fs-sm-6.custom-radio .custom-control-label::before, .fs-sm-6.custom-radio .custom-control-label::after, .fs-sm-6 .custom-radio .custom-control-label::before, .fs-sm-6 .custom-radio .custom-control-label::after {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .fs-sm-7 {
    font-size: 1.75em;
  }
  .fs-sm-7.custom-checkbox, .fs-sm-7 .custom-checkbox, .fs-sm-7.custom-radio, .fs-sm-7 .custom-radio {
    min-height: 2.25rem;
    padding-left: 2.25rem;
  }
  .fs-sm-7.custom-checkbox .custom-control-label::before, .fs-sm-7.custom-checkbox .custom-control-label::after, .fs-sm-7 .custom-checkbox .custom-control-label::before, .fs-sm-7 .custom-checkbox .custom-control-label::after, .fs-sm-7.custom-radio .custom-control-label::before, .fs-sm-7.custom-radio .custom-control-label::after, .fs-sm-7 .custom-radio .custom-control-label::before, .fs-sm-7 .custom-radio .custom-control-label::after {
    left: -2.25rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  .fs-sm-8 {
    font-size: 2em;
  }
  .fs-sm-8.custom-checkbox, .fs-sm-8 .custom-checkbox, .fs-sm-8.custom-radio, .fs-sm-8 .custom-radio {
    min-height: 2.5rem;
    padding-left: 2.5rem;
  }
  .fs-sm-8.custom-checkbox .custom-control-label::before, .fs-sm-8.custom-checkbox .custom-control-label::after, .fs-sm-8 .custom-checkbox .custom-control-label::before, .fs-sm-8 .custom-checkbox .custom-control-label::after, .fs-sm-8.custom-radio .custom-control-label::before, .fs-sm-8.custom-radio .custom-control-label::after, .fs-sm-8 .custom-radio .custom-control-label::before, .fs-sm-8 .custom-radio .custom-control-label::after {
    left: -2.5rem;
    width: 2rem;
    height: 2rem;
  }

  .fs-sm-10 {
    font-size: 2.5em;
  }
  .fs-sm-10.custom-checkbox, .fs-sm-10 .custom-checkbox, .fs-sm-10.custom-radio, .fs-sm-10 .custom-radio {
    min-height: 3rem;
    padding-left: 3rem;
  }
  .fs-sm-10.custom-checkbox .custom-control-label::before, .fs-sm-10.custom-checkbox .custom-control-label::after, .fs-sm-10 .custom-checkbox .custom-control-label::before, .fs-sm-10 .custom-checkbox .custom-control-label::after, .fs-sm-10.custom-radio .custom-control-label::before, .fs-sm-10.custom-radio .custom-control-label::after, .fs-sm-10 .custom-radio .custom-control-label::before, .fs-sm-10 .custom-radio .custom-control-label::after {
    left: -3rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .fs-sm-12 {
    font-size: 3em;
  }
  .fs-sm-12.custom-checkbox, .fs-sm-12 .custom-checkbox, .fs-sm-12.custom-radio, .fs-sm-12 .custom-radio {
    min-height: 3.5rem;
    padding-left: 3.5rem;
  }
  .fs-sm-12.custom-checkbox .custom-control-label::before, .fs-sm-12.custom-checkbox .custom-control-label::after, .fs-sm-12 .custom-checkbox .custom-control-label::before, .fs-sm-12 .custom-checkbox .custom-control-label::after, .fs-sm-12.custom-radio .custom-control-label::before, .fs-sm-12.custom-radio .custom-control-label::after, .fs-sm-12 .custom-radio .custom-control-label::before, .fs-sm-12 .custom-radio .custom-control-label::after {
    left: -3.5rem;
    width: 3rem;
    height: 3rem;
  }

  .fs-sm-14 {
    font-size: 3.5em;
  }
  .fs-sm-14.custom-checkbox, .fs-sm-14 .custom-checkbox, .fs-sm-14.custom-radio, .fs-sm-14 .custom-radio {
    min-height: 4rem;
    padding-left: 4rem;
  }
  .fs-sm-14.custom-checkbox .custom-control-label::before, .fs-sm-14.custom-checkbox .custom-control-label::after, .fs-sm-14 .custom-checkbox .custom-control-label::before, .fs-sm-14 .custom-checkbox .custom-control-label::after, .fs-sm-14.custom-radio .custom-control-label::before, .fs-sm-14.custom-radio .custom-control-label::after, .fs-sm-14 .custom-radio .custom-control-label::before, .fs-sm-14 .custom-radio .custom-control-label::after {
    left: -4rem;
    width: 3.5rem;
    height: 3.5rem;
  }

  .fs-sm-16 {
    font-size: 4em;
  }
  .fs-sm-16.custom-checkbox, .fs-sm-16 .custom-checkbox, .fs-sm-16.custom-radio, .fs-sm-16 .custom-radio {
    min-height: 4.5rem;
    padding-left: 4.5rem;
  }
  .fs-sm-16.custom-checkbox .custom-control-label::before, .fs-sm-16.custom-checkbox .custom-control-label::after, .fs-sm-16 .custom-checkbox .custom-control-label::before, .fs-sm-16 .custom-checkbox .custom-control-label::after, .fs-sm-16.custom-radio .custom-control-label::before, .fs-sm-16.custom-radio .custom-control-label::after, .fs-sm-16 .custom-radio .custom-control-label::before, .fs-sm-16 .custom-radio .custom-control-label::after {
    left: -4.5rem;
    width: 4rem;
    height: 4rem;
  }

  .fs-sm-24 {
    font-size: 6em;
  }
  .fs-sm-24.custom-checkbox, .fs-sm-24 .custom-checkbox, .fs-sm-24.custom-radio, .fs-sm-24 .custom-radio {
    min-height: 6.5rem;
    padding-left: 6.5rem;
  }
  .fs-sm-24.custom-checkbox .custom-control-label::before, .fs-sm-24.custom-checkbox .custom-control-label::after, .fs-sm-24 .custom-checkbox .custom-control-label::before, .fs-sm-24 .custom-checkbox .custom-control-label::after, .fs-sm-24.custom-radio .custom-control-label::before, .fs-sm-24.custom-radio .custom-control-label::after, .fs-sm-24 .custom-radio .custom-control-label::before, .fs-sm-24 .custom-radio .custom-control-label::after {
    left: -6.5rem;
    width: 6rem;
    height: 6rem;
  }
}
@media all and (min-width: 768px) {
  .fs-md-2 {
    font-size: 0.5em;
  }
  .fs-md-2.custom-checkbox, .fs-md-2 .custom-checkbox, .fs-md-2.custom-radio, .fs-md-2 .custom-radio {
    min-height: 1rem;
    padding-left: 1rem;
  }
  .fs-md-2.custom-checkbox .custom-control-label::before, .fs-md-2.custom-checkbox .custom-control-label::after, .fs-md-2 .custom-checkbox .custom-control-label::before, .fs-md-2 .custom-checkbox .custom-control-label::after, .fs-md-2.custom-radio .custom-control-label::before, .fs-md-2.custom-radio .custom-control-label::after, .fs-md-2 .custom-radio .custom-control-label::before, .fs-md-2 .custom-radio .custom-control-label::after {
    left: -1rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .fs-md-3 {
    font-size: 0.75em;
  }
  .fs-md-3.custom-checkbox, .fs-md-3 .custom-checkbox, .fs-md-3.custom-radio, .fs-md-3 .custom-radio {
    min-height: 1.25rem;
    padding-left: 1.25rem;
  }
  .fs-md-3.custom-checkbox .custom-control-label::before, .fs-md-3.custom-checkbox .custom-control-label::after, .fs-md-3 .custom-checkbox .custom-control-label::before, .fs-md-3 .custom-checkbox .custom-control-label::after, .fs-md-3.custom-radio .custom-control-label::before, .fs-md-3.custom-radio .custom-control-label::after, .fs-md-3 .custom-radio .custom-control-label::before, .fs-md-3 .custom-radio .custom-control-label::after {
    left: -1.25rem;
    width: 0.75rem;
    height: 0.75rem;
  }

  .fs-md-4 {
    font-size: 1em;
  }
  .fs-md-4.custom-checkbox, .fs-md-4 .custom-checkbox, .fs-md-4.custom-radio, .fs-md-4 .custom-radio {
    min-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .fs-md-4.custom-checkbox .custom-control-label::before, .fs-md-4.custom-checkbox .custom-control-label::after, .fs-md-4 .custom-checkbox .custom-control-label::before, .fs-md-4 .custom-checkbox .custom-control-label::after, .fs-md-4.custom-radio .custom-control-label::before, .fs-md-4.custom-radio .custom-control-label::after, .fs-md-4 .custom-radio .custom-control-label::before, .fs-md-4 .custom-radio .custom-control-label::after {
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
  }

  .fs-md-5 {
    font-size: 1.25em;
  }
  .fs-md-5.custom-checkbox, .fs-md-5 .custom-checkbox, .fs-md-5.custom-radio, .fs-md-5 .custom-radio {
    min-height: 1.75rem;
    padding-left: 1.75rem;
  }
  .fs-md-5.custom-checkbox .custom-control-label::before, .fs-md-5.custom-checkbox .custom-control-label::after, .fs-md-5 .custom-checkbox .custom-control-label::before, .fs-md-5 .custom-checkbox .custom-control-label::after, .fs-md-5.custom-radio .custom-control-label::before, .fs-md-5.custom-radio .custom-control-label::after, .fs-md-5 .custom-radio .custom-control-label::before, .fs-md-5 .custom-radio .custom-control-label::after {
    left: -1.75rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .fs-md-6 {
    font-size: 1.5em;
  }
  .fs-md-6.custom-checkbox, .fs-md-6 .custom-checkbox, .fs-md-6.custom-radio, .fs-md-6 .custom-radio {
    min-height: 2rem;
    padding-left: 2rem;
  }
  .fs-md-6.custom-checkbox .custom-control-label::before, .fs-md-6.custom-checkbox .custom-control-label::after, .fs-md-6 .custom-checkbox .custom-control-label::before, .fs-md-6 .custom-checkbox .custom-control-label::after, .fs-md-6.custom-radio .custom-control-label::before, .fs-md-6.custom-radio .custom-control-label::after, .fs-md-6 .custom-radio .custom-control-label::before, .fs-md-6 .custom-radio .custom-control-label::after {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .fs-md-7 {
    font-size: 1.75em;
  }
  .fs-md-7.custom-checkbox, .fs-md-7 .custom-checkbox, .fs-md-7.custom-radio, .fs-md-7 .custom-radio {
    min-height: 2.25rem;
    padding-left: 2.25rem;
  }
  .fs-md-7.custom-checkbox .custom-control-label::before, .fs-md-7.custom-checkbox .custom-control-label::after, .fs-md-7 .custom-checkbox .custom-control-label::before, .fs-md-7 .custom-checkbox .custom-control-label::after, .fs-md-7.custom-radio .custom-control-label::before, .fs-md-7.custom-radio .custom-control-label::after, .fs-md-7 .custom-radio .custom-control-label::before, .fs-md-7 .custom-radio .custom-control-label::after {
    left: -2.25rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  .fs-md-8 {
    font-size: 2em;
  }
  .fs-md-8.custom-checkbox, .fs-md-8 .custom-checkbox, .fs-md-8.custom-radio, .fs-md-8 .custom-radio {
    min-height: 2.5rem;
    padding-left: 2.5rem;
  }
  .fs-md-8.custom-checkbox .custom-control-label::before, .fs-md-8.custom-checkbox .custom-control-label::after, .fs-md-8 .custom-checkbox .custom-control-label::before, .fs-md-8 .custom-checkbox .custom-control-label::after, .fs-md-8.custom-radio .custom-control-label::before, .fs-md-8.custom-radio .custom-control-label::after, .fs-md-8 .custom-radio .custom-control-label::before, .fs-md-8 .custom-radio .custom-control-label::after {
    left: -2.5rem;
    width: 2rem;
    height: 2rem;
  }

  .fs-md-10 {
    font-size: 2.5em;
  }
  .fs-md-10.custom-checkbox, .fs-md-10 .custom-checkbox, .fs-md-10.custom-radio, .fs-md-10 .custom-radio {
    min-height: 3rem;
    padding-left: 3rem;
  }
  .fs-md-10.custom-checkbox .custom-control-label::before, .fs-md-10.custom-checkbox .custom-control-label::after, .fs-md-10 .custom-checkbox .custom-control-label::before, .fs-md-10 .custom-checkbox .custom-control-label::after, .fs-md-10.custom-radio .custom-control-label::before, .fs-md-10.custom-radio .custom-control-label::after, .fs-md-10 .custom-radio .custom-control-label::before, .fs-md-10 .custom-radio .custom-control-label::after {
    left: -3rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .fs-md-12 {
    font-size: 3em;
  }
  .fs-md-12.custom-checkbox, .fs-md-12 .custom-checkbox, .fs-md-12.custom-radio, .fs-md-12 .custom-radio {
    min-height: 3.5rem;
    padding-left: 3.5rem;
  }
  .fs-md-12.custom-checkbox .custom-control-label::before, .fs-md-12.custom-checkbox .custom-control-label::after, .fs-md-12 .custom-checkbox .custom-control-label::before, .fs-md-12 .custom-checkbox .custom-control-label::after, .fs-md-12.custom-radio .custom-control-label::before, .fs-md-12.custom-radio .custom-control-label::after, .fs-md-12 .custom-radio .custom-control-label::before, .fs-md-12 .custom-radio .custom-control-label::after {
    left: -3.5rem;
    width: 3rem;
    height: 3rem;
  }

  .fs-md-14 {
    font-size: 3.5em;
  }
  .fs-md-14.custom-checkbox, .fs-md-14 .custom-checkbox, .fs-md-14.custom-radio, .fs-md-14 .custom-radio {
    min-height: 4rem;
    padding-left: 4rem;
  }
  .fs-md-14.custom-checkbox .custom-control-label::before, .fs-md-14.custom-checkbox .custom-control-label::after, .fs-md-14 .custom-checkbox .custom-control-label::before, .fs-md-14 .custom-checkbox .custom-control-label::after, .fs-md-14.custom-radio .custom-control-label::before, .fs-md-14.custom-radio .custom-control-label::after, .fs-md-14 .custom-radio .custom-control-label::before, .fs-md-14 .custom-radio .custom-control-label::after {
    left: -4rem;
    width: 3.5rem;
    height: 3.5rem;
  }

  .fs-md-16 {
    font-size: 4em;
  }
  .fs-md-16.custom-checkbox, .fs-md-16 .custom-checkbox, .fs-md-16.custom-radio, .fs-md-16 .custom-radio {
    min-height: 4.5rem;
    padding-left: 4.5rem;
  }
  .fs-md-16.custom-checkbox .custom-control-label::before, .fs-md-16.custom-checkbox .custom-control-label::after, .fs-md-16 .custom-checkbox .custom-control-label::before, .fs-md-16 .custom-checkbox .custom-control-label::after, .fs-md-16.custom-radio .custom-control-label::before, .fs-md-16.custom-radio .custom-control-label::after, .fs-md-16 .custom-radio .custom-control-label::before, .fs-md-16 .custom-radio .custom-control-label::after {
    left: -4.5rem;
    width: 4rem;
    height: 4rem;
  }

  .fs-md-24 {
    font-size: 6em;
  }
  .fs-md-24.custom-checkbox, .fs-md-24 .custom-checkbox, .fs-md-24.custom-radio, .fs-md-24 .custom-radio {
    min-height: 6.5rem;
    padding-left: 6.5rem;
  }
  .fs-md-24.custom-checkbox .custom-control-label::before, .fs-md-24.custom-checkbox .custom-control-label::after, .fs-md-24 .custom-checkbox .custom-control-label::before, .fs-md-24 .custom-checkbox .custom-control-label::after, .fs-md-24.custom-radio .custom-control-label::before, .fs-md-24.custom-radio .custom-control-label::after, .fs-md-24 .custom-radio .custom-control-label::before, .fs-md-24 .custom-radio .custom-control-label::after {
    left: -6.5rem;
    width: 6rem;
    height: 6rem;
  }
}
@media all and (min-width: 992px) {
  .fs-lg-2 {
    font-size: 0.5em;
  }
  .fs-lg-2.custom-checkbox, .fs-lg-2 .custom-checkbox, .fs-lg-2.custom-radio, .fs-lg-2 .custom-radio {
    min-height: 1rem;
    padding-left: 1rem;
  }
  .fs-lg-2.custom-checkbox .custom-control-label::before, .fs-lg-2.custom-checkbox .custom-control-label::after, .fs-lg-2 .custom-checkbox .custom-control-label::before, .fs-lg-2 .custom-checkbox .custom-control-label::after, .fs-lg-2.custom-radio .custom-control-label::before, .fs-lg-2.custom-radio .custom-control-label::after, .fs-lg-2 .custom-radio .custom-control-label::before, .fs-lg-2 .custom-radio .custom-control-label::after {
    left: -1rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .fs-lg-3 {
    font-size: 0.75em;
  }
  .fs-lg-3.custom-checkbox, .fs-lg-3 .custom-checkbox, .fs-lg-3.custom-radio, .fs-lg-3 .custom-radio {
    min-height: 1.25rem;
    padding-left: 1.25rem;
  }
  .fs-lg-3.custom-checkbox .custom-control-label::before, .fs-lg-3.custom-checkbox .custom-control-label::after, .fs-lg-3 .custom-checkbox .custom-control-label::before, .fs-lg-3 .custom-checkbox .custom-control-label::after, .fs-lg-3.custom-radio .custom-control-label::before, .fs-lg-3.custom-radio .custom-control-label::after, .fs-lg-3 .custom-radio .custom-control-label::before, .fs-lg-3 .custom-radio .custom-control-label::after {
    left: -1.25rem;
    width: 0.75rem;
    height: 0.75rem;
  }

  .fs-lg-4 {
    font-size: 1em;
  }
  .fs-lg-4.custom-checkbox, .fs-lg-4 .custom-checkbox, .fs-lg-4.custom-radio, .fs-lg-4 .custom-radio {
    min-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .fs-lg-4.custom-checkbox .custom-control-label::before, .fs-lg-4.custom-checkbox .custom-control-label::after, .fs-lg-4 .custom-checkbox .custom-control-label::before, .fs-lg-4 .custom-checkbox .custom-control-label::after, .fs-lg-4.custom-radio .custom-control-label::before, .fs-lg-4.custom-radio .custom-control-label::after, .fs-lg-4 .custom-radio .custom-control-label::before, .fs-lg-4 .custom-radio .custom-control-label::after {
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
  }

  .fs-lg-5 {
    font-size: 1.25em;
  }
  .fs-lg-5.custom-checkbox, .fs-lg-5 .custom-checkbox, .fs-lg-5.custom-radio, .fs-lg-5 .custom-radio {
    min-height: 1.75rem;
    padding-left: 1.75rem;
  }
  .fs-lg-5.custom-checkbox .custom-control-label::before, .fs-lg-5.custom-checkbox .custom-control-label::after, .fs-lg-5 .custom-checkbox .custom-control-label::before, .fs-lg-5 .custom-checkbox .custom-control-label::after, .fs-lg-5.custom-radio .custom-control-label::before, .fs-lg-5.custom-radio .custom-control-label::after, .fs-lg-5 .custom-radio .custom-control-label::before, .fs-lg-5 .custom-radio .custom-control-label::after {
    left: -1.75rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .fs-lg-6 {
    font-size: 1.5em;
  }
  .fs-lg-6.custom-checkbox, .fs-lg-6 .custom-checkbox, .fs-lg-6.custom-radio, .fs-lg-6 .custom-radio {
    min-height: 2rem;
    padding-left: 2rem;
  }
  .fs-lg-6.custom-checkbox .custom-control-label::before, .fs-lg-6.custom-checkbox .custom-control-label::after, .fs-lg-6 .custom-checkbox .custom-control-label::before, .fs-lg-6 .custom-checkbox .custom-control-label::after, .fs-lg-6.custom-radio .custom-control-label::before, .fs-lg-6.custom-radio .custom-control-label::after, .fs-lg-6 .custom-radio .custom-control-label::before, .fs-lg-6 .custom-radio .custom-control-label::after {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .fs-lg-7 {
    font-size: 1.75em;
  }
  .fs-lg-7.custom-checkbox, .fs-lg-7 .custom-checkbox, .fs-lg-7.custom-radio, .fs-lg-7 .custom-radio {
    min-height: 2.25rem;
    padding-left: 2.25rem;
  }
  .fs-lg-7.custom-checkbox .custom-control-label::before, .fs-lg-7.custom-checkbox .custom-control-label::after, .fs-lg-7 .custom-checkbox .custom-control-label::before, .fs-lg-7 .custom-checkbox .custom-control-label::after, .fs-lg-7.custom-radio .custom-control-label::before, .fs-lg-7.custom-radio .custom-control-label::after, .fs-lg-7 .custom-radio .custom-control-label::before, .fs-lg-7 .custom-radio .custom-control-label::after {
    left: -2.25rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  .fs-lg-8 {
    font-size: 2em;
  }
  .fs-lg-8.custom-checkbox, .fs-lg-8 .custom-checkbox, .fs-lg-8.custom-radio, .fs-lg-8 .custom-radio {
    min-height: 2.5rem;
    padding-left: 2.5rem;
  }
  .fs-lg-8.custom-checkbox .custom-control-label::before, .fs-lg-8.custom-checkbox .custom-control-label::after, .fs-lg-8 .custom-checkbox .custom-control-label::before, .fs-lg-8 .custom-checkbox .custom-control-label::after, .fs-lg-8.custom-radio .custom-control-label::before, .fs-lg-8.custom-radio .custom-control-label::after, .fs-lg-8 .custom-radio .custom-control-label::before, .fs-lg-8 .custom-radio .custom-control-label::after {
    left: -2.5rem;
    width: 2rem;
    height: 2rem;
  }

  .fs-lg-10 {
    font-size: 2.5em;
  }
  .fs-lg-10.custom-checkbox, .fs-lg-10 .custom-checkbox, .fs-lg-10.custom-radio, .fs-lg-10 .custom-radio {
    min-height: 3rem;
    padding-left: 3rem;
  }
  .fs-lg-10.custom-checkbox .custom-control-label::before, .fs-lg-10.custom-checkbox .custom-control-label::after, .fs-lg-10 .custom-checkbox .custom-control-label::before, .fs-lg-10 .custom-checkbox .custom-control-label::after, .fs-lg-10.custom-radio .custom-control-label::before, .fs-lg-10.custom-radio .custom-control-label::after, .fs-lg-10 .custom-radio .custom-control-label::before, .fs-lg-10 .custom-radio .custom-control-label::after {
    left: -3rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .fs-lg-12 {
    font-size: 3em;
  }
  .fs-lg-12.custom-checkbox, .fs-lg-12 .custom-checkbox, .fs-lg-12.custom-radio, .fs-lg-12 .custom-radio {
    min-height: 3.5rem;
    padding-left: 3.5rem;
  }
  .fs-lg-12.custom-checkbox .custom-control-label::before, .fs-lg-12.custom-checkbox .custom-control-label::after, .fs-lg-12 .custom-checkbox .custom-control-label::before, .fs-lg-12 .custom-checkbox .custom-control-label::after, .fs-lg-12.custom-radio .custom-control-label::before, .fs-lg-12.custom-radio .custom-control-label::after, .fs-lg-12 .custom-radio .custom-control-label::before, .fs-lg-12 .custom-radio .custom-control-label::after {
    left: -3.5rem;
    width: 3rem;
    height: 3rem;
  }

  .fs-lg-14 {
    font-size: 3.5em;
  }
  .fs-lg-14.custom-checkbox, .fs-lg-14 .custom-checkbox, .fs-lg-14.custom-radio, .fs-lg-14 .custom-radio {
    min-height: 4rem;
    padding-left: 4rem;
  }
  .fs-lg-14.custom-checkbox .custom-control-label::before, .fs-lg-14.custom-checkbox .custom-control-label::after, .fs-lg-14 .custom-checkbox .custom-control-label::before, .fs-lg-14 .custom-checkbox .custom-control-label::after, .fs-lg-14.custom-radio .custom-control-label::before, .fs-lg-14.custom-radio .custom-control-label::after, .fs-lg-14 .custom-radio .custom-control-label::before, .fs-lg-14 .custom-radio .custom-control-label::after {
    left: -4rem;
    width: 3.5rem;
    height: 3.5rem;
  }

  .fs-lg-16 {
    font-size: 4em;
  }
  .fs-lg-16.custom-checkbox, .fs-lg-16 .custom-checkbox, .fs-lg-16.custom-radio, .fs-lg-16 .custom-radio {
    min-height: 4.5rem;
    padding-left: 4.5rem;
  }
  .fs-lg-16.custom-checkbox .custom-control-label::before, .fs-lg-16.custom-checkbox .custom-control-label::after, .fs-lg-16 .custom-checkbox .custom-control-label::before, .fs-lg-16 .custom-checkbox .custom-control-label::after, .fs-lg-16.custom-radio .custom-control-label::before, .fs-lg-16.custom-radio .custom-control-label::after, .fs-lg-16 .custom-radio .custom-control-label::before, .fs-lg-16 .custom-radio .custom-control-label::after {
    left: -4.5rem;
    width: 4rem;
    height: 4rem;
  }

  .fs-lg-24 {
    font-size: 6em;
  }
  .fs-lg-24.custom-checkbox, .fs-lg-24 .custom-checkbox, .fs-lg-24.custom-radio, .fs-lg-24 .custom-radio {
    min-height: 6.5rem;
    padding-left: 6.5rem;
  }
  .fs-lg-24.custom-checkbox .custom-control-label::before, .fs-lg-24.custom-checkbox .custom-control-label::after, .fs-lg-24 .custom-checkbox .custom-control-label::before, .fs-lg-24 .custom-checkbox .custom-control-label::after, .fs-lg-24.custom-radio .custom-control-label::before, .fs-lg-24.custom-radio .custom-control-label::after, .fs-lg-24 .custom-radio .custom-control-label::before, .fs-lg-24 .custom-radio .custom-control-label::after {
    left: -6.5rem;
    width: 6rem;
    height: 6rem;
  }
}
@media all and (min-width: 1200px) {
  .fs-xl-2 {
    font-size: 0.5em;
  }
  .fs-xl-2.custom-checkbox, .fs-xl-2 .custom-checkbox, .fs-xl-2.custom-radio, .fs-xl-2 .custom-radio {
    min-height: 1rem;
    padding-left: 1rem;
  }
  .fs-xl-2.custom-checkbox .custom-control-label::before, .fs-xl-2.custom-checkbox .custom-control-label::after, .fs-xl-2 .custom-checkbox .custom-control-label::before, .fs-xl-2 .custom-checkbox .custom-control-label::after, .fs-xl-2.custom-radio .custom-control-label::before, .fs-xl-2.custom-radio .custom-control-label::after, .fs-xl-2 .custom-radio .custom-control-label::before, .fs-xl-2 .custom-radio .custom-control-label::after {
    left: -1rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .fs-xl-3 {
    font-size: 0.75em;
  }
  .fs-xl-3.custom-checkbox, .fs-xl-3 .custom-checkbox, .fs-xl-3.custom-radio, .fs-xl-3 .custom-radio {
    min-height: 1.25rem;
    padding-left: 1.25rem;
  }
  .fs-xl-3.custom-checkbox .custom-control-label::before, .fs-xl-3.custom-checkbox .custom-control-label::after, .fs-xl-3 .custom-checkbox .custom-control-label::before, .fs-xl-3 .custom-checkbox .custom-control-label::after, .fs-xl-3.custom-radio .custom-control-label::before, .fs-xl-3.custom-radio .custom-control-label::after, .fs-xl-3 .custom-radio .custom-control-label::before, .fs-xl-3 .custom-radio .custom-control-label::after {
    left: -1.25rem;
    width: 0.75rem;
    height: 0.75rem;
  }

  .fs-xl-4 {
    font-size: 1em;
  }
  .fs-xl-4.custom-checkbox, .fs-xl-4 .custom-checkbox, .fs-xl-4.custom-radio, .fs-xl-4 .custom-radio {
    min-height: 1.5rem;
    padding-left: 1.5rem;
  }
  .fs-xl-4.custom-checkbox .custom-control-label::before, .fs-xl-4.custom-checkbox .custom-control-label::after, .fs-xl-4 .custom-checkbox .custom-control-label::before, .fs-xl-4 .custom-checkbox .custom-control-label::after, .fs-xl-4.custom-radio .custom-control-label::before, .fs-xl-4.custom-radio .custom-control-label::after, .fs-xl-4 .custom-radio .custom-control-label::before, .fs-xl-4 .custom-radio .custom-control-label::after {
    left: -1.5rem;
    width: 1rem;
    height: 1rem;
  }

  .fs-xl-5 {
    font-size: 1.25em;
  }
  .fs-xl-5.custom-checkbox, .fs-xl-5 .custom-checkbox, .fs-xl-5.custom-radio, .fs-xl-5 .custom-radio {
    min-height: 1.75rem;
    padding-left: 1.75rem;
  }
  .fs-xl-5.custom-checkbox .custom-control-label::before, .fs-xl-5.custom-checkbox .custom-control-label::after, .fs-xl-5 .custom-checkbox .custom-control-label::before, .fs-xl-5 .custom-checkbox .custom-control-label::after, .fs-xl-5.custom-radio .custom-control-label::before, .fs-xl-5.custom-radio .custom-control-label::after, .fs-xl-5 .custom-radio .custom-control-label::before, .fs-xl-5 .custom-radio .custom-control-label::after {
    left: -1.75rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .fs-xl-6 {
    font-size: 1.5em;
  }
  .fs-xl-6.custom-checkbox, .fs-xl-6 .custom-checkbox, .fs-xl-6.custom-radio, .fs-xl-6 .custom-radio {
    min-height: 2rem;
    padding-left: 2rem;
  }
  .fs-xl-6.custom-checkbox .custom-control-label::before, .fs-xl-6.custom-checkbox .custom-control-label::after, .fs-xl-6 .custom-checkbox .custom-control-label::before, .fs-xl-6 .custom-checkbox .custom-control-label::after, .fs-xl-6.custom-radio .custom-control-label::before, .fs-xl-6.custom-radio .custom-control-label::after, .fs-xl-6 .custom-radio .custom-control-label::before, .fs-xl-6 .custom-radio .custom-control-label::after {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .fs-xl-7 {
    font-size: 1.75em;
  }
  .fs-xl-7.custom-checkbox, .fs-xl-7 .custom-checkbox, .fs-xl-7.custom-radio, .fs-xl-7 .custom-radio {
    min-height: 2.25rem;
    padding-left: 2.25rem;
  }
  .fs-xl-7.custom-checkbox .custom-control-label::before, .fs-xl-7.custom-checkbox .custom-control-label::after, .fs-xl-7 .custom-checkbox .custom-control-label::before, .fs-xl-7 .custom-checkbox .custom-control-label::after, .fs-xl-7.custom-radio .custom-control-label::before, .fs-xl-7.custom-radio .custom-control-label::after, .fs-xl-7 .custom-radio .custom-control-label::before, .fs-xl-7 .custom-radio .custom-control-label::after {
    left: -2.25rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  .fs-xl-8 {
    font-size: 2em;
  }
  .fs-xl-8.custom-checkbox, .fs-xl-8 .custom-checkbox, .fs-xl-8.custom-radio, .fs-xl-8 .custom-radio {
    min-height: 2.5rem;
    padding-left: 2.5rem;
  }
  .fs-xl-8.custom-checkbox .custom-control-label::before, .fs-xl-8.custom-checkbox .custom-control-label::after, .fs-xl-8 .custom-checkbox .custom-control-label::before, .fs-xl-8 .custom-checkbox .custom-control-label::after, .fs-xl-8.custom-radio .custom-control-label::before, .fs-xl-8.custom-radio .custom-control-label::after, .fs-xl-8 .custom-radio .custom-control-label::before, .fs-xl-8 .custom-radio .custom-control-label::after {
    left: -2.5rem;
    width: 2rem;
    height: 2rem;
  }

  .fs-xl-10 {
    font-size: 2.5em;
  }
  .fs-xl-10.custom-checkbox, .fs-xl-10 .custom-checkbox, .fs-xl-10.custom-radio, .fs-xl-10 .custom-radio {
    min-height: 3rem;
    padding-left: 3rem;
  }
  .fs-xl-10.custom-checkbox .custom-control-label::before, .fs-xl-10.custom-checkbox .custom-control-label::after, .fs-xl-10 .custom-checkbox .custom-control-label::before, .fs-xl-10 .custom-checkbox .custom-control-label::after, .fs-xl-10.custom-radio .custom-control-label::before, .fs-xl-10.custom-radio .custom-control-label::after, .fs-xl-10 .custom-radio .custom-control-label::before, .fs-xl-10 .custom-radio .custom-control-label::after {
    left: -3rem;
    width: 2.5rem;
    height: 2.5rem;
  }

  .fs-xl-12 {
    font-size: 3em;
  }
  .fs-xl-12.custom-checkbox, .fs-xl-12 .custom-checkbox, .fs-xl-12.custom-radio, .fs-xl-12 .custom-radio {
    min-height: 3.5rem;
    padding-left: 3.5rem;
  }
  .fs-xl-12.custom-checkbox .custom-control-label::before, .fs-xl-12.custom-checkbox .custom-control-label::after, .fs-xl-12 .custom-checkbox .custom-control-label::before, .fs-xl-12 .custom-checkbox .custom-control-label::after, .fs-xl-12.custom-radio .custom-control-label::before, .fs-xl-12.custom-radio .custom-control-label::after, .fs-xl-12 .custom-radio .custom-control-label::before, .fs-xl-12 .custom-radio .custom-control-label::after {
    left: -3.5rem;
    width: 3rem;
    height: 3rem;
  }

  .fs-xl-14 {
    font-size: 3.5em;
  }
  .fs-xl-14.custom-checkbox, .fs-xl-14 .custom-checkbox, .fs-xl-14.custom-radio, .fs-xl-14 .custom-radio {
    min-height: 4rem;
    padding-left: 4rem;
  }
  .fs-xl-14.custom-checkbox .custom-control-label::before, .fs-xl-14.custom-checkbox .custom-control-label::after, .fs-xl-14 .custom-checkbox .custom-control-label::before, .fs-xl-14 .custom-checkbox .custom-control-label::after, .fs-xl-14.custom-radio .custom-control-label::before, .fs-xl-14.custom-radio .custom-control-label::after, .fs-xl-14 .custom-radio .custom-control-label::before, .fs-xl-14 .custom-radio .custom-control-label::after {
    left: -4rem;
    width: 3.5rem;
    height: 3.5rem;
  }

  .fs-xl-16 {
    font-size: 4em;
  }
  .fs-xl-16.custom-checkbox, .fs-xl-16 .custom-checkbox, .fs-xl-16.custom-radio, .fs-xl-16 .custom-radio {
    min-height: 4.5rem;
    padding-left: 4.5rem;
  }
  .fs-xl-16.custom-checkbox .custom-control-label::before, .fs-xl-16.custom-checkbox .custom-control-label::after, .fs-xl-16 .custom-checkbox .custom-control-label::before, .fs-xl-16 .custom-checkbox .custom-control-label::after, .fs-xl-16.custom-radio .custom-control-label::before, .fs-xl-16.custom-radio .custom-control-label::after, .fs-xl-16 .custom-radio .custom-control-label::before, .fs-xl-16 .custom-radio .custom-control-label::after {
    left: -4.5rem;
    width: 4rem;
    height: 4rem;
  }

  .fs-xl-24 {
    font-size: 6em;
  }
  .fs-xl-24.custom-checkbox, .fs-xl-24 .custom-checkbox, .fs-xl-24.custom-radio, .fs-xl-24 .custom-radio {
    min-height: 6.5rem;
    padding-left: 6.5rem;
  }
  .fs-xl-24.custom-checkbox .custom-control-label::before, .fs-xl-24.custom-checkbox .custom-control-label::after, .fs-xl-24 .custom-checkbox .custom-control-label::before, .fs-xl-24 .custom-checkbox .custom-control-label::after, .fs-xl-24.custom-radio .custom-control-label::before, .fs-xl-24.custom-radio .custom-control-label::after, .fs-xl-24 .custom-radio .custom-control-label::before, .fs-xl-24 .custom-radio .custom-control-label::after {
    left: -6.5rem;
    width: 6rem;
    height: 6rem;
  }
}
.max-w-20 {
  max-width: 20px;
  margin-left: auto;
  margin-right: auto;
}

.w-20 {
  width: 20px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-20 {
  max-height: 20px;
}

.h-20 {
  height: 20px;
}

.min-h-20 {
  min-height: 20px;
}

.max-w-30 {
  max-width: 30px;
  margin-left: auto;
  margin-right: auto;
}

.w-30 {
  width: 30px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-30 {
  max-height: 30px;
}

.h-30 {
  height: 30px;
}

.min-h-30 {
  min-height: 30px;
}

.max-w-40 {
  max-width: 40px;
  margin-left: auto;
  margin-right: auto;
}

.w-40 {
  width: 40px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-40 {
  max-height: 40px;
}

.h-40 {
  height: 40px;
}

.min-h-40 {
  min-height: 40px;
}

.max-w-60 {
  max-width: 60px;
  margin-left: auto;
  margin-right: auto;
}

.w-60 {
  width: 60px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-60 {
  max-height: 60px;
}

.h-60 {
  height: 60px;
}

.min-h-60 {
  min-height: 60px;
}

.max-w-80 {
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.w-80 {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-80 {
  max-height: 80px;
}

.h-80 {
  height: 80px;
}

.min-h-80 {
  min-height: 80px;
}

.max-w-90 {
  max-width: 90px;
  margin-left: auto;
  margin-right: auto;
}

.w-90 {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-90 {
  max-height: 90px;
}

.h-90 {
  height: 90px;
}

.min-h-90 {
  min-height: 90px;
}

.max-w-120 {
  max-width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.w-120 {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-120 {
  max-height: 120px;
}

.h-120 {
  height: 120px;
}

.min-h-120 {
  min-height: 120px;
}

.max-w-150 {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.w-150 {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-150 {
  max-height: 150px;
}

.h-150 {
  height: 150px;
}

.min-h-150 {
  min-height: 150px;
}

.max-w-180 {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.w-180 {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-180 {
  max-height: 180px;
}

.h-180 {
  height: 180px;
}

.min-h-180 {
  min-height: 180px;
}

.max-w-240 {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.w-240 {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-240 {
  max-height: 240px;
}

.h-240 {
  height: 240px;
}

.min-h-240 {
  min-height: 240px;
}

.max-w-300 {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.w-300 {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-300 {
  width: 300px;
}

.max-h-300 {
  max-height: 300px;
}

.h-300 {
  height: 300px;
}

.min-h-300 {
  min-height: 300px;
}

.max-w-320 {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.w-320 {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-320 {
  width: 320px;
}

.max-h-320 {
  max-height: 320px;
}

.h-320 {
  height: 320px;
}

.min-h-320 {
  min-height: 320px;
}

.max-w-360 {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.w-360 {
  width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-360 {
  width: 360px;
}

.max-h-360 {
  max-height: 360px;
}

.h-360 {
  height: 360px;
}

.min-h-360 {
  min-height: 360px;
}

.max-w-420 {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.w-420 {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-420 {
  width: 420px;
}

.max-h-420 {
  max-height: 420px;
}

.h-420 {
  height: 420px;
}

.min-h-420 {
  min-height: 420px;
}

.max-w-480 {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.w-480 {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-480 {
  width: 480px;
}

.max-h-480 {
  max-height: 480px;
}

.h-480 {
  height: 480px;
}

.min-h-480 {
  min-height: 480px;
}

.max-w-600 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.w-600 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-600 {
  width: 600px;
}

.max-h-600 {
  max-height: 600px;
}

.h-600 {
  height: 600px;
}

.min-h-600 {
  min-height: 600px;
}

.max-w-640 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.w-640 {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-640 {
  width: 640px;
}

.max-h-640 {
  max-height: 640px;
}

.h-640 {
  height: 640px;
}

.min-h-640 {
  min-height: 640px;
}

.max-w-960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.w-960 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-960 {
  width: 960px;
}

.max-h-960 {
  max-height: 960px;
}

.h-960 {
  height: 960px;
}

.min-h-960 {
  min-height: 960px;
}

.h-100 {
  height: 100%;
}

.h-66 {
  height: 66.6666666667%;
}

.h-50 {
  height: 50%;
}

.h-33 {
  height: 33.3333333333%;
}

.h-25 {
  height: 25%;
}

.w-100 {
  width: 100%;
}

.w-66 {
  width: 66.6666666667%;
}

.w-50 {
  width: 50%;
}

.w-33 {
  width: 33.3333333333%;
}

.w-25 {
  width: 25%;
}

.w-100 {
  width: 100%;
}

.max-w-xs-20 {
  max-width: 20px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-20 {
  width: 20px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-20 {
  max-height: 20px;
}

.h-xs-20 {
  height: 20px;
}

.min-h-xs-20 {
  min-height: 20px;
}

.max-w-xs-30 {
  max-width: 30px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-30 {
  width: 30px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-30 {
  max-height: 30px;
}

.h-xs-30 {
  height: 30px;
}

.min-h-xs-30 {
  min-height: 30px;
}

.max-w-xs-40 {
  max-width: 40px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-40 {
  width: 40px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-40 {
  max-height: 40px;
}

.h-xs-40 {
  height: 40px;
}

.min-h-xs-40 {
  min-height: 40px;
}

.max-w-xs-60 {
  max-width: 60px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-60 {
  width: 60px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-60 {
  max-height: 60px;
}

.h-xs-60 {
  height: 60px;
}

.min-h-xs-60 {
  min-height: 60px;
}

.max-w-xs-80 {
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-80 {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-80 {
  max-height: 80px;
}

.h-xs-80 {
  height: 80px;
}

.min-h-xs-80 {
  min-height: 80px;
}

.max-w-xs-90 {
  max-width: 90px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-90 {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-90 {
  max-height: 90px;
}

.h-xs-90 {
  height: 90px;
}

.min-h-xs-90 {
  min-height: 90px;
}

.max-w-xs-120 {
  max-width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-120 {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-120 {
  max-height: 120px;
}

.h-xs-120 {
  height: 120px;
}

.min-h-xs-120 {
  min-height: 120px;
}

.max-w-xs-150 {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-150 {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-150 {
  max-height: 150px;
}

.h-xs-150 {
  height: 150px;
}

.min-h-xs-150 {
  min-height: 150px;
}

.max-w-xs-180 {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-180 {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-180 {
  max-height: 180px;
}

.h-xs-180 {
  height: 180px;
}

.min-h-xs-180 {
  min-height: 180px;
}

.max-w-xs-240 {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-240 {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
}

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

.max-h-xs-240 {
  max-height: 240px;
}

.h-xs-240 {
  height: 240px;
}

.min-h-xs-240 {
  min-height: 240px;
}

.max-w-xs-300 {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-300 {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-300 {
  width: 300px;
}

.max-h-xs-300 {
  max-height: 300px;
}

.h-xs-300 {
  height: 300px;
}

.min-h-xs-300 {
  min-height: 300px;
}

.max-w-xs-320 {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-320 {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-320 {
  width: 320px;
}

.max-h-xs-320 {
  max-height: 320px;
}

.h-xs-320 {
  height: 320px;
}

.min-h-xs-320 {
  min-height: 320px;
}

.max-w-xs-360 {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-360 {
  width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-360 {
  width: 360px;
}

.max-h-xs-360 {
  max-height: 360px;
}

.h-xs-360 {
  height: 360px;
}

.min-h-xs-360 {
  min-height: 360px;
}

.max-w-xs-420 {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-420 {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-420 {
  width: 420px;
}

.max-h-xs-420 {
  max-height: 420px;
}

.h-xs-420 {
  height: 420px;
}

.min-h-xs-420 {
  min-height: 420px;
}

.max-w-xs-480 {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-480 {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-480 {
  width: 480px;
}

.max-h-xs-480 {
  max-height: 480px;
}

.h-xs-480 {
  height: 480px;
}

.min-h-xs-480 {
  min-height: 480px;
}

.max-w-xs-600 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-600 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-600 {
  width: 600px;
}

.max-h-xs-600 {
  max-height: 600px;
}

.h-xs-600 {
  height: 600px;
}

.min-h-xs-600 {
  min-height: 600px;
}

.max-w-xs-640 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-640 {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-640 {
  width: 640px;
}

.max-h-xs-640 {
  max-height: 640px;
}

.h-xs-640 {
  height: 640px;
}

.min-h-xs-640 {
  min-height: 640px;
}

.max-w-xs-960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.w-xs-960 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.min-w-xs-960 {
  width: 960px;
}

.max-h-xs-960 {
  max-height: 960px;
}

.h-xs-960 {
  height: 960px;
}

.min-h-xs-960 {
  min-height: 960px;
}

.h-xs-100 {
  height: 100%;
}

.h-xs-66 {
  height: 66.6666666667%;
}

.h-xs-50 {
  height: 50%;
}

.h-xs-33 {
  height: 33.3333333333%;
}

.h-xs-25 {
  height: 25%;
}

.w-xs-100 {
  width: 100%;
}

.w-xs-66 {
  width: 66.6666666667%;
}

.w-xs-50 {
  width: 50%;
}

.w-xs-33 {
  width: 33.3333333333%;
}

.w-xs-25 {
  width: 25%;
}

.w-xs-100 {
  width: 100%;
}

@media all and (min-width: 576px) {
  .max-w-sm-20 {
    max-width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-20 {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-20 {
    max-height: 20px;
  }

  .h-sm-20 {
    height: 20px;
  }

  .min-h-sm-20 {
    min-height: 20px;
  }

  .max-w-sm-30 {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-30 {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-30 {
    max-height: 30px;
  }

  .h-sm-30 {
    height: 30px;
  }

  .min-h-sm-30 {
    min-height: 30px;
  }

  .max-w-sm-40 {
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-40 {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-40 {
    max-height: 40px;
  }

  .h-sm-40 {
    height: 40px;
  }

  .min-h-sm-40 {
    min-height: 40px;
  }

  .max-w-sm-60 {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-60 {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-60 {
    max-height: 60px;
  }

  .h-sm-60 {
    height: 60px;
  }

  .min-h-sm-60 {
    min-height: 60px;
  }

  .max-w-sm-80 {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-80 {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-80 {
    max-height: 80px;
  }

  .h-sm-80 {
    height: 80px;
  }

  .min-h-sm-80 {
    min-height: 80px;
  }

  .max-w-sm-90 {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-90 {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-90 {
    max-height: 90px;
  }

  .h-sm-90 {
    height: 90px;
  }

  .min-h-sm-90 {
    min-height: 90px;
  }

  .max-w-sm-120 {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-120 {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-120 {
    max-height: 120px;
  }

  .h-sm-120 {
    height: 120px;
  }

  .min-h-sm-120 {
    min-height: 120px;
  }

  .max-w-sm-150 {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-150 {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-150 {
    max-height: 150px;
  }

  .h-sm-150 {
    height: 150px;
  }

  .min-h-sm-150 {
    min-height: 150px;
  }

  .max-w-sm-180 {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-180 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-180 {
    max-height: 180px;
  }

  .h-sm-180 {
    height: 180px;
  }

  .min-h-sm-180 {
    min-height: 180px;
  }

  .max-w-sm-240 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-240 {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-sm-240 {
    max-height: 240px;
  }

  .h-sm-240 {
    height: 240px;
  }

  .min-h-sm-240 {
    min-height: 240px;
  }

  .max-w-sm-300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-300 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-300 {
    width: 300px;
  }

  .max-h-sm-300 {
    max-height: 300px;
  }

  .h-sm-300 {
    height: 300px;
  }

  .min-h-sm-300 {
    min-height: 300px;
  }

  .max-w-sm-320 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-320 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-320 {
    width: 320px;
  }

  .max-h-sm-320 {
    max-height: 320px;
  }

  .h-sm-320 {
    height: 320px;
  }

  .min-h-sm-320 {
    min-height: 320px;
  }

  .max-w-sm-360 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-360 {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-360 {
    width: 360px;
  }

  .max-h-sm-360 {
    max-height: 360px;
  }

  .h-sm-360 {
    height: 360px;
  }

  .min-h-sm-360 {
    min-height: 360px;
  }

  .max-w-sm-420 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-420 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-420 {
    width: 420px;
  }

  .max-h-sm-420 {
    max-height: 420px;
  }

  .h-sm-420 {
    height: 420px;
  }

  .min-h-sm-420 {
    min-height: 420px;
  }

  .max-w-sm-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-480 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-480 {
    width: 480px;
  }

  .max-h-sm-480 {
    max-height: 480px;
  }

  .h-sm-480 {
    height: 480px;
  }

  .min-h-sm-480 {
    min-height: 480px;
  }

  .max-w-sm-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-600 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-600 {
    width: 600px;
  }

  .max-h-sm-600 {
    max-height: 600px;
  }

  .h-sm-600 {
    height: 600px;
  }

  .min-h-sm-600 {
    min-height: 600px;
  }

  .max-w-sm-640 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-640 {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-640 {
    width: 640px;
  }

  .max-h-sm-640 {
    max-height: 640px;
  }

  .h-sm-640 {
    height: 640px;
  }

  .min-h-sm-640 {
    min-height: 640px;
  }

  .max-w-sm-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-sm-960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-sm-960 {
    width: 960px;
  }

  .max-h-sm-960 {
    max-height: 960px;
  }

  .h-sm-960 {
    height: 960px;
  }

  .min-h-sm-960 {
    min-height: 960px;
  }

  .h-sm-100 {
    height: 100%;
  }

  .h-sm-66 {
    height: 66.6666666667%;
  }

  .h-sm-50 {
    height: 50%;
  }

  .h-sm-33 {
    height: 33.3333333333%;
  }

  .h-sm-25 {
    height: 25%;
  }

  .w-sm-100 {
    width: 100%;
  }

  .w-sm-66 {
    width: 66.6666666667%;
  }

  .w-sm-50 {
    width: 50%;
  }

  .w-sm-33 {
    width: 33.3333333333%;
  }

  .w-sm-25 {
    width: 25%;
  }

  .w-sm-100 {
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .max-w-md-20 {
    max-width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-20 {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-20 {
    max-height: 20px;
  }

  .h-md-20 {
    height: 20px;
  }

  .min-h-md-20 {
    min-height: 20px;
  }

  .max-w-md-30 {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-30 {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-30 {
    max-height: 30px;
  }

  .h-md-30 {
    height: 30px;
  }

  .min-h-md-30 {
    min-height: 30px;
  }

  .max-w-md-40 {
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-40 {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-40 {
    max-height: 40px;
  }

  .h-md-40 {
    height: 40px;
  }

  .min-h-md-40 {
    min-height: 40px;
  }

  .max-w-md-60 {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-60 {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-60 {
    max-height: 60px;
  }

  .h-md-60 {
    height: 60px;
  }

  .min-h-md-60 {
    min-height: 60px;
  }

  .max-w-md-80 {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-80 {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-80 {
    max-height: 80px;
  }

  .h-md-80 {
    height: 80px;
  }

  .min-h-md-80 {
    min-height: 80px;
  }

  .max-w-md-90 {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-90 {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-90 {
    max-height: 90px;
  }

  .h-md-90 {
    height: 90px;
  }

  .min-h-md-90 {
    min-height: 90px;
  }

  .max-w-md-120 {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-120 {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-120 {
    max-height: 120px;
  }

  .h-md-120 {
    height: 120px;
  }

  .min-h-md-120 {
    min-height: 120px;
  }

  .max-w-md-150 {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-150 {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-150 {
    max-height: 150px;
  }

  .h-md-150 {
    height: 150px;
  }

  .min-h-md-150 {
    min-height: 150px;
  }

  .max-w-md-180 {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-180 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-180 {
    max-height: 180px;
  }

  .h-md-180 {
    height: 180px;
  }

  .min-h-md-180 {
    min-height: 180px;
  }

  .max-w-md-240 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-240 {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-md-240 {
    max-height: 240px;
  }

  .h-md-240 {
    height: 240px;
  }

  .min-h-md-240 {
    min-height: 240px;
  }

  .max-w-md-300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-300 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-300 {
    width: 300px;
  }

  .max-h-md-300 {
    max-height: 300px;
  }

  .h-md-300 {
    height: 300px;
  }

  .min-h-md-300 {
    min-height: 300px;
  }

  .max-w-md-320 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-320 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-320 {
    width: 320px;
  }

  .max-h-md-320 {
    max-height: 320px;
  }

  .h-md-320 {
    height: 320px;
  }

  .min-h-md-320 {
    min-height: 320px;
  }

  .max-w-md-360 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-360 {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-360 {
    width: 360px;
  }

  .max-h-md-360 {
    max-height: 360px;
  }

  .h-md-360 {
    height: 360px;
  }

  .min-h-md-360 {
    min-height: 360px;
  }

  .max-w-md-420 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-420 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-420 {
    width: 420px;
  }

  .max-h-md-420 {
    max-height: 420px;
  }

  .h-md-420 {
    height: 420px;
  }

  .min-h-md-420 {
    min-height: 420px;
  }

  .max-w-md-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-480 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-480 {
    width: 480px;
  }

  .max-h-md-480 {
    max-height: 480px;
  }

  .h-md-480 {
    height: 480px;
  }

  .min-h-md-480 {
    min-height: 480px;
  }

  .max-w-md-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-600 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-600 {
    width: 600px;
  }

  .max-h-md-600 {
    max-height: 600px;
  }

  .h-md-600 {
    height: 600px;
  }

  .min-h-md-600 {
    min-height: 600px;
  }

  .max-w-md-640 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-640 {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-640 {
    width: 640px;
  }

  .max-h-md-640 {
    max-height: 640px;
  }

  .h-md-640 {
    height: 640px;
  }

  .min-h-md-640 {
    min-height: 640px;
  }

  .max-w-md-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-md-960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-md-960 {
    width: 960px;
  }

  .max-h-md-960 {
    max-height: 960px;
  }

  .h-md-960 {
    height: 960px;
  }

  .min-h-md-960 {
    min-height: 960px;
  }

  .h-md-100 {
    height: 100%;
  }

  .h-md-66 {
    height: 66.6666666667%;
  }

  .h-md-50 {
    height: 50%;
  }

  .h-md-33 {
    height: 33.3333333333%;
  }

  .h-md-25 {
    height: 25%;
  }

  .w-md-100 {
    width: 100%;
  }

  .w-md-66 {
    width: 66.6666666667%;
  }

  .w-md-50 {
    width: 50%;
  }

  .w-md-33 {
    width: 33.3333333333%;
  }

  .w-md-25 {
    width: 25%;
  }

  .w-md-100 {
    width: 100%;
  }
}
@media all and (min-width: 992px) {
  .max-w-lg-20 {
    max-width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-20 {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-20 {
    max-height: 20px;
  }

  .h-lg-20 {
    height: 20px;
  }

  .min-h-lg-20 {
    min-height: 20px;
  }

  .max-w-lg-30 {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-30 {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-30 {
    max-height: 30px;
  }

  .h-lg-30 {
    height: 30px;
  }

  .min-h-lg-30 {
    min-height: 30px;
  }

  .max-w-lg-40 {
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-40 {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-40 {
    max-height: 40px;
  }

  .h-lg-40 {
    height: 40px;
  }

  .min-h-lg-40 {
    min-height: 40px;
  }

  .max-w-lg-60 {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-60 {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-60 {
    max-height: 60px;
  }

  .h-lg-60 {
    height: 60px;
  }

  .min-h-lg-60 {
    min-height: 60px;
  }

  .max-w-lg-80 {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-80 {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-80 {
    max-height: 80px;
  }

  .h-lg-80 {
    height: 80px;
  }

  .min-h-lg-80 {
    min-height: 80px;
  }

  .max-w-lg-90 {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-90 {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-90 {
    max-height: 90px;
  }

  .h-lg-90 {
    height: 90px;
  }

  .min-h-lg-90 {
    min-height: 90px;
  }

  .max-w-lg-120 {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-120 {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-120 {
    max-height: 120px;
  }

  .h-lg-120 {
    height: 120px;
  }

  .min-h-lg-120 {
    min-height: 120px;
  }

  .max-w-lg-150 {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-150 {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-150 {
    max-height: 150px;
  }

  .h-lg-150 {
    height: 150px;
  }

  .min-h-lg-150 {
    min-height: 150px;
  }

  .max-w-lg-180 {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-180 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-180 {
    max-height: 180px;
  }

  .h-lg-180 {
    height: 180px;
  }

  .min-h-lg-180 {
    min-height: 180px;
  }

  .max-w-lg-240 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-240 {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-lg-240 {
    max-height: 240px;
  }

  .h-lg-240 {
    height: 240px;
  }

  .min-h-lg-240 {
    min-height: 240px;
  }

  .max-w-lg-300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-300 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-300 {
    width: 300px;
  }

  .max-h-lg-300 {
    max-height: 300px;
  }

  .h-lg-300 {
    height: 300px;
  }

  .min-h-lg-300 {
    min-height: 300px;
  }

  .max-w-lg-320 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-320 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-320 {
    width: 320px;
  }

  .max-h-lg-320 {
    max-height: 320px;
  }

  .h-lg-320 {
    height: 320px;
  }

  .min-h-lg-320 {
    min-height: 320px;
  }

  .max-w-lg-360 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-360 {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-360 {
    width: 360px;
  }

  .max-h-lg-360 {
    max-height: 360px;
  }

  .h-lg-360 {
    height: 360px;
  }

  .min-h-lg-360 {
    min-height: 360px;
  }

  .max-w-lg-420 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-420 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-420 {
    width: 420px;
  }

  .max-h-lg-420 {
    max-height: 420px;
  }

  .h-lg-420 {
    height: 420px;
  }

  .min-h-lg-420 {
    min-height: 420px;
  }

  .max-w-lg-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-480 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-480 {
    width: 480px;
  }

  .max-h-lg-480 {
    max-height: 480px;
  }

  .h-lg-480 {
    height: 480px;
  }

  .min-h-lg-480 {
    min-height: 480px;
  }

  .max-w-lg-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-600 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-600 {
    width: 600px;
  }

  .max-h-lg-600 {
    max-height: 600px;
  }

  .h-lg-600 {
    height: 600px;
  }

  .min-h-lg-600 {
    min-height: 600px;
  }

  .max-w-lg-640 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-640 {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-640 {
    width: 640px;
  }

  .max-h-lg-640 {
    max-height: 640px;
  }

  .h-lg-640 {
    height: 640px;
  }

  .min-h-lg-640 {
    min-height: 640px;
  }

  .max-w-lg-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-lg-960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-lg-960 {
    width: 960px;
  }

  .max-h-lg-960 {
    max-height: 960px;
  }

  .h-lg-960 {
    height: 960px;
  }

  .min-h-lg-960 {
    min-height: 960px;
  }

  .h-lg-100 {
    height: 100%;
  }

  .h-lg-66 {
    height: 66.6666666667%;
  }

  .h-lg-50 {
    height: 50%;
  }

  .h-lg-33 {
    height: 33.3333333333%;
  }

  .h-lg-25 {
    height: 25%;
  }

  .w-lg-100 {
    width: 100%;
  }

  .w-lg-66 {
    width: 66.6666666667%;
  }

  .w-lg-50 {
    width: 50%;
  }

  .w-lg-33 {
    width: 33.3333333333%;
  }

  .w-lg-25 {
    width: 25%;
  }

  .w-lg-100 {
    width: 100%;
  }
}
@media all and (min-width: 1200px) {
  .max-w-xl-20 {
    max-width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-20 {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-20 {
    max-height: 20px;
  }

  .h-xl-20 {
    height: 20px;
  }

  .min-h-xl-20 {
    min-height: 20px;
  }

  .max-w-xl-30 {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-30 {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-30 {
    max-height: 30px;
  }

  .h-xl-30 {
    height: 30px;
  }

  .min-h-xl-30 {
    min-height: 30px;
  }

  .max-w-xl-40 {
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-40 {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-40 {
    max-height: 40px;
  }

  .h-xl-40 {
    height: 40px;
  }

  .min-h-xl-40 {
    min-height: 40px;
  }

  .max-w-xl-60 {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-60 {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-60 {
    max-height: 60px;
  }

  .h-xl-60 {
    height: 60px;
  }

  .min-h-xl-60 {
    min-height: 60px;
  }

  .max-w-xl-80 {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-80 {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-80 {
    max-height: 80px;
  }

  .h-xl-80 {
    height: 80px;
  }

  .min-h-xl-80 {
    min-height: 80px;
  }

  .max-w-xl-90 {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-90 {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-90 {
    max-height: 90px;
  }

  .h-xl-90 {
    height: 90px;
  }

  .min-h-xl-90 {
    min-height: 90px;
  }

  .max-w-xl-120 {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-120 {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-120 {
    max-height: 120px;
  }

  .h-xl-120 {
    height: 120px;
  }

  .min-h-xl-120 {
    min-height: 120px;
  }

  .max-w-xl-150 {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-150 {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-150 {
    max-height: 150px;
  }

  .h-xl-150 {
    height: 150px;
  }

  .min-h-xl-150 {
    min-height: 150px;
  }

  .max-w-xl-180 {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-180 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-180 {
    max-height: 180px;
  }

  .h-xl-180 {
    height: 180px;
  }

  .min-h-xl-180 {
    min-height: 180px;
  }

  .max-w-xl-240 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-240 {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-xl-240 {
    max-height: 240px;
  }

  .h-xl-240 {
    height: 240px;
  }

  .min-h-xl-240 {
    min-height: 240px;
  }

  .max-w-xl-300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-300 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-300 {
    width: 300px;
  }

  .max-h-xl-300 {
    max-height: 300px;
  }

  .h-xl-300 {
    height: 300px;
  }

  .min-h-xl-300 {
    min-height: 300px;
  }

  .max-w-xl-320 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-320 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-320 {
    width: 320px;
  }

  .max-h-xl-320 {
    max-height: 320px;
  }

  .h-xl-320 {
    height: 320px;
  }

  .min-h-xl-320 {
    min-height: 320px;
  }

  .max-w-xl-360 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-360 {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-360 {
    width: 360px;
  }

  .max-h-xl-360 {
    max-height: 360px;
  }

  .h-xl-360 {
    height: 360px;
  }

  .min-h-xl-360 {
    min-height: 360px;
  }

  .max-w-xl-420 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-420 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-420 {
    width: 420px;
  }

  .max-h-xl-420 {
    max-height: 420px;
  }

  .h-xl-420 {
    height: 420px;
  }

  .min-h-xl-420 {
    min-height: 420px;
  }

  .max-w-xl-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-480 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-480 {
    width: 480px;
  }

  .max-h-xl-480 {
    max-height: 480px;
  }

  .h-xl-480 {
    height: 480px;
  }

  .min-h-xl-480 {
    min-height: 480px;
  }

  .max-w-xl-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-600 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-600 {
    width: 600px;
  }

  .max-h-xl-600 {
    max-height: 600px;
  }

  .h-xl-600 {
    height: 600px;
  }

  .min-h-xl-600 {
    min-height: 600px;
  }

  .max-w-xl-640 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-640 {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-640 {
    width: 640px;
  }

  .max-h-xl-640 {
    max-height: 640px;
  }

  .h-xl-640 {
    height: 640px;
  }

  .min-h-xl-640 {
    min-height: 640px;
  }

  .max-w-xl-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-xl-960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-xl-960 {
    width: 960px;
  }

  .max-h-xl-960 {
    max-height: 960px;
  }

  .h-xl-960 {
    height: 960px;
  }

  .min-h-xl-960 {
    min-height: 960px;
  }

  .h-xl-100 {
    height: 100%;
  }

  .h-xl-66 {
    height: 66.6666666667%;
  }

  .h-xl-50 {
    height: 50%;
  }

  .h-xl-33 {
    height: 33.3333333333%;
  }

  .h-xl-25 {
    height: 25%;
  }

  .w-xl-100 {
    width: 100%;
  }

  .w-xl-66 {
    width: 66.6666666667%;
  }

  .w-xl-50 {
    width: 50%;
  }

  .w-xl-33 {
    width: 33.3333333333%;
  }

  .w-xl-25 {
    width: 25%;
  }

  .w-xl-100 {
    width: 100%;
  }
}
@media all and (orientation: landscape) {
  .max-w-landscape-20 {
    max-width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-20 {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-20 {
    max-height: 20px;
  }

  .h-landscape-20 {
    height: 20px;
  }

  .min-h-landscape-20 {
    min-height: 20px;
  }

  .max-w-landscape-30 {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-30 {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-30 {
    max-height: 30px;
  }

  .h-landscape-30 {
    height: 30px;
  }

  .min-h-landscape-30 {
    min-height: 30px;
  }

  .max-w-landscape-40 {
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-40 {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-40 {
    max-height: 40px;
  }

  .h-landscape-40 {
    height: 40px;
  }

  .min-h-landscape-40 {
    min-height: 40px;
  }

  .max-w-landscape-60 {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-60 {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-60 {
    max-height: 60px;
  }

  .h-landscape-60 {
    height: 60px;
  }

  .min-h-landscape-60 {
    min-height: 60px;
  }

  .max-w-landscape-80 {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-80 {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-80 {
    max-height: 80px;
  }

  .h-landscape-80 {
    height: 80px;
  }

  .min-h-landscape-80 {
    min-height: 80px;
  }

  .max-w-landscape-90 {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-90 {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-90 {
    max-height: 90px;
  }

  .h-landscape-90 {
    height: 90px;
  }

  .min-h-landscape-90 {
    min-height: 90px;
  }

  .max-w-landscape-120 {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-120 {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-120 {
    max-height: 120px;
  }

  .h-landscape-120 {
    height: 120px;
  }

  .min-h-landscape-120 {
    min-height: 120px;
  }

  .max-w-landscape-150 {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-150 {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-150 {
    max-height: 150px;
  }

  .h-landscape-150 {
    height: 150px;
  }

  .min-h-landscape-150 {
    min-height: 150px;
  }

  .max-w-landscape-180 {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-180 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-180 {
    max-height: 180px;
  }

  .h-landscape-180 {
    height: 180px;
  }

  .min-h-landscape-180 {
    min-height: 180px;
  }

  .max-w-landscape-240 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-240 {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-landscape-240 {
    max-height: 240px;
  }

  .h-landscape-240 {
    height: 240px;
  }

  .min-h-landscape-240 {
    min-height: 240px;
  }

  .max-w-landscape-300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-300 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-300 {
    width: 300px;
  }

  .max-h-landscape-300 {
    max-height: 300px;
  }

  .h-landscape-300 {
    height: 300px;
  }

  .min-h-landscape-300 {
    min-height: 300px;
  }

  .max-w-landscape-320 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-320 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-320 {
    width: 320px;
  }

  .max-h-landscape-320 {
    max-height: 320px;
  }

  .h-landscape-320 {
    height: 320px;
  }

  .min-h-landscape-320 {
    min-height: 320px;
  }

  .max-w-landscape-360 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-360 {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-360 {
    width: 360px;
  }

  .max-h-landscape-360 {
    max-height: 360px;
  }

  .h-landscape-360 {
    height: 360px;
  }

  .min-h-landscape-360 {
    min-height: 360px;
  }

  .max-w-landscape-420 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-420 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-420 {
    width: 420px;
  }

  .max-h-landscape-420 {
    max-height: 420px;
  }

  .h-landscape-420 {
    height: 420px;
  }

  .min-h-landscape-420 {
    min-height: 420px;
  }

  .max-w-landscape-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-480 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-480 {
    width: 480px;
  }

  .max-h-landscape-480 {
    max-height: 480px;
  }

  .h-landscape-480 {
    height: 480px;
  }

  .min-h-landscape-480 {
    min-height: 480px;
  }

  .max-w-landscape-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-600 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-600 {
    width: 600px;
  }

  .max-h-landscape-600 {
    max-height: 600px;
  }

  .h-landscape-600 {
    height: 600px;
  }

  .min-h-landscape-600 {
    min-height: 600px;
  }

  .max-w-landscape-640 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-640 {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-640 {
    width: 640px;
  }

  .max-h-landscape-640 {
    max-height: 640px;
  }

  .h-landscape-640 {
    height: 640px;
  }

  .min-h-landscape-640 {
    min-height: 640px;
  }

  .max-w-landscape-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-landscape-960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-landscape-960 {
    width: 960px;
  }

  .max-h-landscape-960 {
    max-height: 960px;
  }

  .h-landscape-960 {
    height: 960px;
  }

  .min-h-landscape-960 {
    min-height: 960px;
  }

  .h-landscape-100 {
    height: 100%;
  }

  .h-landscape-66 {
    height: 66.6666666667%;
  }

  .h-landscape-50 {
    height: 50%;
  }

  .h-landscape-33 {
    height: 33.3333333333%;
  }

  .h-landscape-25 {
    height: 25%;
  }

  .w-landscape-100 {
    width: 100%;
  }

  .w-landscape-66 {
    width: 66.6666666667%;
  }

  .w-landscape-50 {
    width: 50%;
  }

  .w-landscape-33 {
    width: 33.3333333333%;
  }

  .w-landscape-25 {
    width: 25%;
  }

  .w-landscape-100 {
    width: 100%;
  }
}
@media all and (orientation: portrait) {
  .max-w-portrait-20 {
    max-width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-20 {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-20 {
    max-height: 20px;
  }

  .h-portrait-20 {
    height: 20px;
  }

  .min-h-portrait-20 {
    min-height: 20px;
  }

  .max-w-portrait-30 {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-30 {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-30 {
    max-height: 30px;
  }

  .h-portrait-30 {
    height: 30px;
  }

  .min-h-portrait-30 {
    min-height: 30px;
  }

  .max-w-portrait-40 {
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-40 {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-40 {
    max-height: 40px;
  }

  .h-portrait-40 {
    height: 40px;
  }

  .min-h-portrait-40 {
    min-height: 40px;
  }

  .max-w-portrait-60 {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-60 {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-60 {
    max-height: 60px;
  }

  .h-portrait-60 {
    height: 60px;
  }

  .min-h-portrait-60 {
    min-height: 60px;
  }

  .max-w-portrait-80 {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-80 {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-80 {
    max-height: 80px;
  }

  .h-portrait-80 {
    height: 80px;
  }

  .min-h-portrait-80 {
    min-height: 80px;
  }

  .max-w-portrait-90 {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-90 {
    width: 90px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-90 {
    max-height: 90px;
  }

  .h-portrait-90 {
    height: 90px;
  }

  .min-h-portrait-90 {
    min-height: 90px;
  }

  .max-w-portrait-120 {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-120 {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-120 {
    max-height: 120px;
  }

  .h-portrait-120 {
    height: 120px;
  }

  .min-h-portrait-120 {
    min-height: 120px;
  }

  .max-w-portrait-150 {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-150 {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-150 {
    max-height: 150px;
  }

  .h-portrait-150 {
    height: 150px;
  }

  .min-h-portrait-150 {
    min-height: 150px;
  }

  .max-w-portrait-180 {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-180 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-180 {
    max-height: 180px;
  }

  .h-portrait-180 {
    height: 180px;
  }

  .min-h-portrait-180 {
    min-height: 180px;
  }

  .max-w-portrait-240 {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-240 {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .max-h-portrait-240 {
    max-height: 240px;
  }

  .h-portrait-240 {
    height: 240px;
  }

  .min-h-portrait-240 {
    min-height: 240px;
  }

  .max-w-portrait-300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-300 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-300 {
    width: 300px;
  }

  .max-h-portrait-300 {
    max-height: 300px;
  }

  .h-portrait-300 {
    height: 300px;
  }

  .min-h-portrait-300 {
    min-height: 300px;
  }

  .max-w-portrait-320 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-320 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-320 {
    width: 320px;
  }

  .max-h-portrait-320 {
    max-height: 320px;
  }

  .h-portrait-320 {
    height: 320px;
  }

  .min-h-portrait-320 {
    min-height: 320px;
  }

  .max-w-portrait-360 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-360 {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-360 {
    width: 360px;
  }

  .max-h-portrait-360 {
    max-height: 360px;
  }

  .h-portrait-360 {
    height: 360px;
  }

  .min-h-portrait-360 {
    min-height: 360px;
  }

  .max-w-portrait-420 {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-420 {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-420 {
    width: 420px;
  }

  .max-h-portrait-420 {
    max-height: 420px;
  }

  .h-portrait-420 {
    height: 420px;
  }

  .min-h-portrait-420 {
    min-height: 420px;
  }

  .max-w-portrait-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-480 {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-480 {
    width: 480px;
  }

  .max-h-portrait-480 {
    max-height: 480px;
  }

  .h-portrait-480 {
    height: 480px;
  }

  .min-h-portrait-480 {
    min-height: 480px;
  }

  .max-w-portrait-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-600 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-600 {
    width: 600px;
  }

  .max-h-portrait-600 {
    max-height: 600px;
  }

  .h-portrait-600 {
    height: 600px;
  }

  .min-h-portrait-600 {
    min-height: 600px;
  }

  .max-w-portrait-640 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-640 {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-640 {
    width: 640px;
  }

  .max-h-portrait-640 {
    max-height: 640px;
  }

  .h-portrait-640 {
    height: 640px;
  }

  .min-h-portrait-640 {
    min-height: 640px;
  }

  .max-w-portrait-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .w-portrait-960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .min-w-portrait-960 {
    width: 960px;
  }

  .max-h-portrait-960 {
    max-height: 960px;
  }

  .h-portrait-960 {
    height: 960px;
  }

  .min-h-portrait-960 {
    min-height: 960px;
  }

  .h-portrait-100 {
    height: 100%;
  }

  .h-portrait-66 {
    height: 66.6666666667%;
  }

  .h-portrait-50 {
    height: 50%;
  }

  .h-portrait-33 {
    height: 33.3333333333%;
  }

  .h-portrait-25 {
    height: 25%;
  }

  .w-portrait-100 {
    width: 100%;
  }

  .w-portrait-66 {
    width: 66.6666666667%;
  }

  .w-portrait-50 {
    width: 50%;
  }

  .w-portrait-33 {
    width: 33.3333333333%;
  }

  .w-portrait-25 {
    width: 25%;
  }

  .w-portrait-100 {
    width: 100%;
  }
}
.overflowdimprefix-visible {
  overflow: visible;
}
.overflowdimprefix-auto {
  overflow: auto;
}
.overflowdimprefix-scroll {
  overflow: scroll;
}
.overflowdimprefix-hidden {
  overflow: hidden;
}

@media all and (min-width: 576px) {
  .overflowdimprefix-visible {
    overflow: visible;
  }
  .overflowdimprefix-auto {
    overflow: auto;
  }
  .overflowdimprefix-scroll {
    overflow: scroll;
  }
  .overflowdimprefix-hidden {
    overflow: hidden;
  }
}
@media all and (min-width: 768px) {
  .overflowdimprefix-visible {
    overflow: visible;
  }
  .overflowdimprefix-auto {
    overflow: auto;
  }
  .overflowdimprefix-scroll {
    overflow: scroll;
  }
  .overflowdimprefix-hidden {
    overflow: hidden;
  }
}
@media all and (min-width: 992px) {
  .overflowdimprefix-visible {
    overflow: visible;
  }
  .overflowdimprefix-auto {
    overflow: auto;
  }
  .overflowdimprefix-scroll {
    overflow: scroll;
  }
  .overflowdimprefix-hidden {
    overflow: hidden;
  }
}
@media all and (min-width: 1200px) {
  .overflowdimprefix-visible {
    overflow: visible;
  }
  .overflowdimprefix-auto {
    overflow: auto;
  }
  .overflowdimprefix-scroll {
    overflow: scroll;
  }
  .overflowdimprefix-hidden {
    overflow: hidden;
  }
}
.container-max-sm {
  max-width: 576px;
}
.container-max-md {
  max-width: 768px;
}
.container-max-lg {
  max-width: 992px;
}
.container-max-xl {
  max-width: 1200px;
}

.text-middle {
  vertical-align: middle;
}

.text-baseline {
  vertical-align: baseline;
}

.text-shadow {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.text-shadow-sm {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.text-shadow-lg {
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.7);
}

.box-shadow {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.box-shadow-sm {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.box-shadow-lg {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.7);
}

.rounded-top-left {
  border-top-left-radius: 0.25rem !important;
}

.rounded-top-right {
  border-top-right-radius: 0.25rem !important;
}

.rounded-bottom-left {
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-bottom-right {
  border-bottom-right-radius: 0.25rem !important;
}

.square-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.square-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.square-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.square-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.small {
  font-size: 80%;
}

.medium {
  font-size: 110%;
}

.large {
  font-size: 2em;
}

.xlarge {
  font-size: 2.5em;
}

.huge {
  font-size: 3em;
}

.big-number {
  font-size: 4em;
  line-height: 1;
}

.nowrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  white-space: nowrap;
}

.row-strike * {
  text-decoration: line-through;
}

.table-hover > tbody > tr:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.table tbody > tr.align-middle > td, .table tbody > tr > td.align-middle {
  vertical-align: middle;
}

.right-tabs .nav-tabs {
  float: right;
  border-bottom: 0px;
}

.right-tabs .tab-content {
  clear: both;
}

.redact-blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.phzio-logo-white {
  background: url(https://cloudfront-public.phzio.com/resources/phzio/logo-white.png) no-repeat center;
  background-size: contain;
  width: 116px;
  height: 40px;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */
}

#chat .video-wrap.me > video {
  -webkit-transform: translateX(-50%) translateY(-50%) scaleX(-1);
  transform: translateX(-50%) translateY(-50%) scaleX(-1);
}
#chat .video-wrap .muted-state, #chat .chat-active-video .muted-state {
  display: none;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  text-align: center;
}
#chat.one-on-one .video-wrap .muted-state, #chat .chat-active-video .muted-state {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}
#chat .video-wrap.muted .muted-state, #chat .chat-active-video.muted .muted-state {
  display: block;
}
#chat .video-wrap.muted .muted-state.as-inline, #chat .chat-active-video.muted .muted-state.as-inline {
  display: inline-block;
}
#chat .video-panels {
  position: absolute;
}
#chat.group-chat .video-panels {
  width: 255px;
  max-width: calc(25% + 3px);
  height: 100%;
  right: 0;
  bottom: 0;
  padding-right: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
#chat.group-chat .video-panels #participants {
  display: block;
}
#chat.group-chat .video-panels #participants .video-wrap {
  display: block;
}
#chat .if-show-video, #chat .if-chat-started, #chat .if-has-participants, #chat .if-snapshot-taken, #chat .if-recording-active {
  display: none;
}
#chat.chat-started .if-chat-started, #chat.snapshot-taken .if-snapshot-taken, #chat.recording-active .if-recording-active, #chat.has-participants .if-has-participants {
  display: block;
}
#chat.chat-started .if-chat-started.as-inline, #chat.snapshot-taken .if-snapshot-taken.as-inline, #chat.recording-active .if-recording-active.as-inline, #chat.has-participants .if-has-participants.as-inline {
  display: inline-block;
}
#chat.shared-screen #participants .video-wrap.is-sharing, #chat.one-on-one.show-video-viewer .if-show-video {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
}
#chat.shared-screen #participants .video-wrap.is-sharing.as-inline, #chat.one-on-one.show-video-viewer .if-show-video.as-inline {
  display: inline-block;
}
#chat.group-chat .if-one-on-one, #chat.group-chat .if-just-me, #chat.one-on-one .if-group-chat, #chat.one-on-one .if-just-me, #chat.just-me .if-one-on-one, #chat.just-me .if-group-chat {
  display: none;
}
#chat .video-panels .video-wrap {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
}
#chat .video-panels .video-wrap::before {
  content: " ";
  display: block;
  padding-top: 75% !important;
}
#chat #participants .video-wrap > .identity {
  opacity: 1;
}
#chat #participants .video-wrap:hover > .identity {
  opacity: 1;
}
#chat.group-chat #speaker > video, #chat.group-chat #speaker > canvas {
  transition-property: opacity;
  transition-duration: 0.05s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  opacity: 0;
  z-index: 0;
}
#chat.group-chat #speaker > video.active, #chat.group-chat #speaker > canvas.active {
  opacity: 1;
  z-index: 1;
}
#chat .my-controls {
  bottom: auto;
  top: calc(1.5em + 20px);
}

@media all and (orientation: landscape) {
  #chat .chat-active-video {
    overflow: hidden;
  }
  #chat.group-chat #participants .video-wrap {
    margin: 3px 0;
  }
  #chat.just-me .video-wrap.me {
    position: fixed;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
  }
  #chat.one-on-one #participants {
    display: none;
  }
  #chat.one-on-one:not(.specialist-eoc-mode) #speaker {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  #chat.one-on-one:not(.specialist-eoc-mode) .video-panels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  #chat.one-on-one:not(.specialist-eoc-mode) .video-wrap.me {
    position: absolute;
    top: 0;
    right: 0;
    width: 24vw;
    height: 18vw;
    overflow: hidden;
    z-index: 1;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed .video-panels {
    width: 100%;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed #speaker {
    width: 24vw;
    height: 18vw;
    z-index: 3;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed .video-wrap.me {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: initial;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed .video-wrap.me.vid-taller video {
    width: auto;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed .video-wrap.me.vid-wider video {
    width: 100%;
    height: auto;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).show-video-viewer .if-show-video {
    display: block;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).show-video-viewer #speaker, #chat.one-on-one:not(.specialist-eoc-mode).show-video-viewer .video-panels {
    width: 24vw;
    height: 18vw;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).shared-screen #speaker {
    width: 100%;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).shared-screen #speaker video {
    width: 100%;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).shared-screen .video-panels {
    width: 24vw;
    height: 18vw;
  }
}
@media all and (orientation: portrait) {
  #chat.group-chat .video-panels {
    width: 100%;
    max-width: inherit;
    height: 24vw;
    bottom: 0;
    padding-right: 0;
    overflow-y: hidden;
    overflow-x: auto;
  }
  #chat.group-chat .video-panels .video-wrap {
    display: inline-block;
    width: calc(33.333333333333% - 6px);
    margin: 0 3px;
  }
  #chat.just-me .video-wrap.me {
    position: fixed;
    height: 60vh;
    width: 45vh;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode) #speaker, #chat.one-on-one:not(.specialist-eoc-mode) .video-panels {
    position: absolute;
    width: 100%;
    height: 50%;
    overflow: hidden;
    top: 0;
    bottom: auto;
  }
  #chat.one-on-one:not(.specialist-eoc-mode) #speaker {
    top: 0;
    bottom: auto;
  }
  #chat.one-on-one:not(.specialist-eoc-mode) .video-panels {
    top: auto;
    bottom: 0;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed .video-panels {
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode) .video-wrap.me {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).show-video-viewer .if-show-video {
    display: block;
    height: 50%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed #speaker, #chat.one-on-one:not(.specialist-eoc-mode).show-video-viewer #speaker {
    width: 40vw;
    height: 30vw;
    z-index: 3;
    top: 50%;
    bottom: auto;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed #speaker > .identity, #chat.one-on-one:not(.specialist-eoc-mode).show-video-viewer #speaker > .identity {
    display: none;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed #speaker {
    top: 0;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).zzz-show-video-viewer #speaker, #chat.one-on-one:not(.specialist-eoc-mode).zzz-being-assessed #speaker {
    display: none;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).show-video-viewer .video-panels, #chat.one-on-one:not(.specialist-eoc-mode).shared-screen .video-panels {
    height: 50%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed .video-wrap.me.vid-taller video {
    width: auto;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).being-assessed .video-wrap.me.vid-wider video {
    width: 100%;
    height: auto;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).shared-screen #speaker.vid-taller video {
    width: auto;
    height: 100%;
  }
  #chat.one-on-one:not(.specialist-eoc-mode).shared-screen #speaker.vid-wider video {
    width: 100%;
    height: auto;
  }
}
#selected-exercises {
  border-bottom: 1px dashed #aaa;
}

.exercise {
  padding: 5px;
  border-top: 1px dashed #aaa;
}
.exercise .drag {
  width: 100px;
  border-radius: 3px;
  border: 1px solid #666;
  cursor: move;
}
.exercise .details {
  margin-left: 110px;
}

.treatments .list-group-item > .row {
  margin-left: 30px;
}
.treatments .list-group-item > .row .sub-text {
  text-transform: uppercase;
  font-size: 90%;
  line-height: 100%;
}
.treatments .list-group-item > .row .duration {
  text-transform: uppercase;
  font-size: 110%;
  line-height: 110%;
}
.treatments .list-group-item > .row .title {
  text-transform: uppercase;
  margin: 0;
  font-size: 130%;
  line-height: 110%;
}

.show-counter {
  counter-reset: dz_out;
}
.show-counter .round-counter {
  font-weight: bold;
  font-size: 110%;
  text-align: center;
  color: #ddd;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -11px;
}
.show-counter .round-counter:before {
  content: counter(dz_out);
  counter-increment: dz_out;
}

/*# sourceMappingURL=styles.css.map */