* {  box-sizing: border-box; } .no-select {  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }  .is-visible {  display: block; } .is-visible-inline {  display: inline; } .is-visible-inline-block {  display: inline-block; } .is-hidden {  display: none; } .is-opacity-100 {  opacity: 1; } .is-opacity-50 {  opacity: 0.5; } .is-opacity-0 {  opacity: 0; }  .show-smaller-ipadWide {  display: none !important; } @media (max-width: 1023px) {  .show-smaller-ipadWide {   display: block !important;  } }  .grid-show .col-lg-1 {  margin-bottom: 20px; } .grid-show .col-lg-1 div {  background-color: #b1bfc4; } .swatch-show .col-lg-2 {  margin-bottom: 20px; } .swatch .left {  float: left;  width: 50%;  height: 60px; } .swatch .right {  float: right;  width: 50%;  height: 60px; } .swatch .full {  height: 60px; } .swatch .info {  background-color: #dae1e3;  text-align: center; } .swatch .info h5 {  text-transform: uppercase; }  .cF5F8F9 {  background-color: #f5f8f9; } .cF0F4F5 {  background-color: #f0f4f5; } .cDAE1E3 {  background-color: #dae1e3; } .cC7D2D6 {  background-color: #c7d2d6; } .cB1BFC4 {  background-color: #b1bfc4; } .c889EA6 {  background-color: #889ea6; } .c63808A {  background-color: #63808a; } .c3E6978 {  background-color: #3e6978; } .c2A5969 {  background-color: #2a5969; } .cBFE9F7 {  background-color: #bfe9f7; } .c83D1EB {  background-color: #83d1eb; } .c4FBEE3 {  background-color: #4fbee3; } .c3797B8 {  background-color: #3797b8; } .c2A7F9C {  background-color: #2a7f9c; } .gC1E6B8 {  background-color: #c1e6b8; } .gA5CD9B {  background-color: #a5cd9b; } .g7EB770 {  background-color: #7eb770; } .g55804B {  background-color: #55804b; } .yFFEAB6 {  background-color: #ffeab6; } .yF8D787 {  background-color: #f8d787; } .yF5C554 {  background-color: #f5c554; } .yBA9130 {  background-color: #ba9130; } .rFFC9C9 {  background-color: #ffc9c9; } .rF4838E {  background-color: #f4838e; } .rEF5E5E {  background-color: #ef5e5e; } .rB3524F {  background-color: #b3524f; } .light-blue-shader {  background-color: orange; } .medium-blue {  background-color: #4fbee3; } .medium-blue-shader {  background-color: #3797b8; } .dark-blue {  background-color: #2a7f9c; } .dark-blue-shader {  background-color: #2a5969; } .light-grey {  background-color: #f0f4f5; } .light-grey-shader {  background-color: #dae1e3; } .medium-grey {  background-color: #b1bfc4; } .medium-grey-shader {  background-color: #889ea6; } .dark-grey {  background-color: #63808a; } .dark-grey-shader {  background-color: orange; } .success-green {  background-color: #7eb770; } .success-green-shader {  background-color: #55804b; } .success-green-background {  background-color: #c1e6b8; } .color-success-green {  color: #7eb770; } .warning-orange {  background-color: #f5c554; } .warning-orange-shader {  background-color: #ba9130; } .color-warning-orange {  color: #f5c554; } .error-red {  background-color: #ef5e5e; } .error-red-shader {  background-color: #b3524f; } .error-red-background {  background-color: #ffc9c9; } .white {  background-color: #fff; } .black {  background-color: #000; } .color-F5F8F9 {  color: #f5f8f9; } .color-F0F4F5 {  color: #f0f4f5; } .color-DAE1E3 {  color: #dae1e3; } .color-C7D2D6 {  color: #c7d2d6; } .color-B1BFC4 {  color: #b1bfc4; } .color-889EA6 {  color: #889ea6; } .color-63808A {  color: #63808a; } .color-3E6978 {  color: #3e6978; } .color-2A5969 {  color: #2a5969; } .color-BFE9F7 {  color: #bfe9f7; } .color-83D1EB {  color: #83d1eb; } .color-4FBEE3 {  color: #4fbee3; } .color-3797B8 {  color: #3797b8; } .color-2A7F9C {  color: #2a7f9c; } .color-C1E6B8 {  color: #c1e6b8; } .color-A5CD9B {  color: #a5cd9b; } .color-7EB770 {  color: #7eb770; } .color-55804B {  color: #55804b; } .color-FFEAB6 {  color: #ffeab6; } .color-F8D787 {  color: #f8d787; } .color-F5C554 {  color: #f5c554; } .color-BA9130 {  color: #ba9130; } .color-FFC9C9 {  color: #ffc9c9; } .color-F4838E {  color: #f4838e; } .color-EF5E5E {  color: #ef5e5e; } .color-B3524F {  color: #b3524f; }  .subtle {  color: #889ea6; } .callout, .callout-default {  display: inline-block;  color: #4fbee3;  border-radius: 3px;  background-color: #bfe9f7;  padding: calc(0.5em + 2px) 1em calc(0.5em - 1px) 1em;  line-height: 1em;  list-style: none; } .callout-info {  color: #63808a;  background-color: #c7d2d6; } .callout-success {  color: #7eb770;  background-color: #c1e6b8; } .callout-warning {  color: #f5c554;  background-color: #ffeab6; } .callout-error {  color: #ef5e5e;  background-color: #ffc9c9; } .callout-short {  width: 43px;  padding-right: 0;  padding-left: 0;  text-align: center; } .callout-xs {  padding: calc(0.5em + 2px) 9px calc(0.5em + 1px) 9px;  text-transform: none;  min-width: 160px;  text-align: center;  border-radius: 0; } .helper-text {  color: #889ea6; }  .centered {  text-align: center !important; } .section-header {  width: 100%;  border-bottom: 1px solid #dae1e3;  margin-bottom: 2em; } p {  margin: 0 0 1em; } .text-muted {  color: #b1bfc4; } .text-info {  color: #889ea6; } .text-warning {  color: #f5c554; } .text-danger {  color: #ef5e5e; } .text-success {  color: #7eb770; } a, a svg {  } a:hover, a svg:hover {  -webkit-transition-duration: 0ms;  -moz-transition-duration: 0ms;  transition-duration: 0ms; } a, a:visited {  color: #4fbee3; } a.underlined {  border-bottom: 1px dashed; } a:active, a:focus {  color: #4fbee3;  text-decoration: none; } a:hover {  color: #3797b8;  text-decoration: none; } a.thin, a.normal {  padding: 3px 5px 2px 5px;  border-radius: 5px; } a.thin:hover, a.normal:hover {  background-color: #bfe9f7; } a.a-secondary, button.a-secondary {  color: #b1bfc4; } a.a-secondary:hover, button.a-secondary:hover {  color: #4fbee3; } a.a-secondary:visited, button.a-secondary:visited {  color: #dae1e3; } button {  display: inline;  border: none;  background: none;  color: #4fbee3; } button:visited {  color: #4fbee3; } button:active, button:focus {  color: #4fbee3;  text-decoration: none;  outline: none; } button:hover {  color: #3797b8; } svg.touch-icon {  width: 24px;  height: 24px;  fill: #889ea6;  border: 1px solid #889ea6;  border-radius: 50%;  padding: 5px 0 5px 0px;  } svg.touch-icon:hover, a:hover svg.touch-icon {  -webkit-transition-duration: 0ms;  -moz-transition-duration: 0ms;  transition-duration: 0ms;  fill: #2a7f9c;  border-color: #2a7f9c; } .img-rounded-top {  border-top-left-radius: 3px;  border-top-right-radius: 3px; } pre {  background-color: #f0f4f5;  border-color: #dae1e3; } .container {  margin: 5px 10px; } .container.no-margin-padding {  margin: 0;  padding: 0; } .page-title {  margin-bottom: 25px;  text-shadow: 1px 1px 2px #fff; } .panel {  border-color: #dae1e3; } .panel-heading {  border-color: #dae1e3; } .panel-default > .panel-heading {  color: #63808a;  border-color: #dae1e3;  background-color: #f0f4f5; } .panel-default > .panel-heading h5 {  color: #63808a; } .panel-body {  background-color: #fff;  border-radius: 3px;  padding: 25px 40px 40px 40px;  padding: 1em 1.5em; } legend {  color: #63808a;  border-color: #dae1e3; } label {  display: block;  padding-top: 1px;  margin-bottom: calc(1em - 2px); } label ~ .form-input-description {  display: block;  padding: 0;  margin-top: calc((1em - 2px) * -0.5);  margin-bottom: calc(1em - 2px);  color: #889ea6; } label.center {  width: 100%;  text-align: center;  margin-bottom: 25px; } .form-group {  margin-bottom: 2em; } .form-control, #redactor-modal input[type=text], #redactor-modal input[type=password], #redactor-modal input[type=email], #redactor-modal input[type=url], #redactor-modal textarea {  -webkit-appearance: none;  border-radius: 3px;  border-color: #b1bfc4;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -webkit-appearance: none;  color: inherit;  height: auto;  padding: 0.75rem 1rem calc(0.25rem + 2px); } .table .form-control, .table #redactor-modal input[type=text], .table #redactor-modal input[type=password], .table #redactor-modal input[type=email], .table #redactor-modal input[type=url], .table #redactor-modal textarea {  padding-top: 8px;  padding-bottom: 8px; } .scrollspy ul {  list-style: none;  padding-left: 9px; } .scrollspy ul a {  color: #b1bfc4; } .scrollspy ul a:hover {  text-decoration: none;  color: #4fbee3; } .scrollspy ul li {  margin-bottom: 8px; } .scrollspy ul li.active a {  color: #63808a; } .input-group.show-addon-before .input-group-addon {  display: none; } .input-group.show-addon-before .input-group-addon:first-child {  display: table-cell; } .input-group.show-addon-before input.form-control:not(:first-child):not(:last-child) {  border-top-right-radius: 4px;  border-bottom-right-radius: 4px; } .input-group.show-addon-after .input-group-addon {  display: none; } .input-group.show-addon-after input.form-control:not(:first-child):not(:last-child) {  border-top-left-radius: 4px;  border-bottom-left-radius: 4px; } .input-group.show-addon-after input.form-control:not(:first-child):not(:last-child) ~ .input-group-addon {  display: table-cell; } .input-group-addon {  padding: calc(0.5em + 3px) 1em 0.5em;  line-height: 1em; } textarea.form-control {  line-height: 1.5em;  padding: 4px 7px; } textarea.form-control.code {  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;  padding: 1em; } .form-control:focus {  outline: 0;  border-color: #b1bfc4;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .form-control::-moz-placeholder {  color: #b1bfc4; } .form-control:-ms-input-placeholder {  color: #b1bfc4; } .form-control::-webkit-input-placeholder {  color: #b1bfc4; } .form-control[disabled]::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder {  color: #b1bfc4; } .form-control[disabled]::-moz-placeholder, .form-control[readonly]::-moz-placeholder {  color: #b1bfc4; } .form-control[disabled]:-ms-input-placeholder, .form-control[readonly]:-ms-input-placeholder {  color: #b1bfc4; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {  background-color: #f0f4f5;  color: #b1bfc4;  border-color: #dae1e3; } .form-control.address-line-1 {  margin-bottom: 4px; } .form-control-select .select2-container {  width: 100%;  display: block; } .ui-selectable-helper {  position: absolute;  z-index: 100;  border: 1px dotted black; } .datepicker > input.form-control:focus {  border-bottom-left-radius: 0;  border-bottom-right-radius: 0; } .datepicker.dropdown-menu {  text-align: center;  width: 255px;  color: #63808a; } .datepicker.dropdown-menu::before, .datepicker.dropdown-menu::after {  display: none; } .datepicker.dropdown-menu table.table-condensed {  margin: 0 auto; } .datepicker.dropdown-menu table.table-condensed .datepicker-switch {  text-align: center; } .datepicker.dropdown-menu table.table-condensed .day:hover, .datepicker.dropdown-menu table.table-condensed .month:hover, .datepicker.dropdown-menu table.table-condensed .year:hover {  background-color: #4fbee3;  color: #f0f4f5; } .datepicker.dropdown-menu table.table-condensed .active {  background-color: #4fbee3;  background-image: none; } .datepicker.dropdown-menu table.table-condensed .active:hover {  background-color: #4fbee3;  background-image: none; } .datepicker.dropdown-menu table.table-condensed .disabled {  background-color: #f0f4f5;  color: #dae1e3; } th.datepicker-switch {  text-align: center; } .datepicker-months span.month {  float: left;  margin: 0 10px 5px 0; } .datepicker-years span.year {  float: left;  margin: 4px 8px; } .timepicker:focus {  border-bottom-left-radius: 0;  border-bottom-right-radius: 0; } .bootstrap-timepicker-widget.dropdown-menu {  margin-top: -1px;  border-top-color: transparent;  border-top-left-radius: 0;  border-top-right-radius: 0; } .bootstrap-timepicker-widget.dropdown-menu::before, .bootstrap-timepicker-widget.dropdown-menu::after {  display: none; } .bootstrap-timepicker-widget.dropdown-menu table td a i {  color: #b1bfc4; } .bootstrap-timepicker-widget.dropdown-menu table td a:hover {  background: none;  border: none; } .bootstrap-timepicker-widget.dropdown-menu table td a:hover i {  color: #889ea6; } .bootstrap-timepicker-widget.dropdown-menu table td input {  border: none; } .select2-container:focus, .select2-selection:focus, .select2-search__field:focus {  outline: none; } .select2-dropdown {  z-index: 2000; } .select2-container {  min-width: 180px;  color: #63808a;  text-align: left;  margin-top: -1px; } .select2-container.select2 .select2-selection {  position: relative;  border-color: #b1bfc4;  min-height: 42px;  height: auto;  padding: calc(0.5em + 2px) 0 calc(0.5em - 1px) 1em; } .select2-container.select2 .select2-selection:hover {  background-color: #f0f4f5; } .select2-container.select2 .select2-selection .select2-selection__rendered {  padding-right: 32px;  padding-left: 0;  color: #63808a; } .select2-container.select2 .select2-selection .select2-selection__arrow {  height: auto;  right: 11px;  bottom: 1px;  width: 28px; } .select2-container.select2 .select2-selection .select2-selection__arrow b {  border-width: 6px 6px 0; } .select2-container.select2.select2-container--open .select2-selection {  background-color: #f0f4f5;  border-radius: 4px; } .select2-container.select2.select2-container--open .select2-selection .select2-selection__arrow b {  border-width: 0 6px 6px 6px; } .select2-container.select2.select2-container--disabled .select2-selection, .select2-container.select2.select2-container--disabled .select2-selection:hover {  border-color: #dae1e3;  background-color: #fff; } .select2-container .select2-dropdown {  border: 1px solid #c7d2d6;  border-radius: 3px; } .select2-container .select2-dropdown.select2-dropdown--below {  margin-top: 4px;  -webkit-box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4);  -moz-box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4);  box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4); } .select2-container .select2-search__field {  padding: 4px 9px;  border-radius: 4px; } .select2-container .select2-results__option {  padding: 1em 1em;  line-height: 1em; } .select2-container .select2-results__option[aria-selected=true], .select2-container .select2-results__option[aria-selected=true].select2-results__option--highlighted {  background-color: #f0f4f5;  color: #3797b8; } .select2-container .select2-results__option.select2-results__option--highlighted {  background-color: #f0f4f5;  color: inherit; } .select2-sm .select2 .select2-selection, .select2-sm ~ .select2 .select2-selection {  min-width: 160px;  padding: 3px 0 3px 1em;  min-height: 0; } .select2-xs ~ .select2-container {  min-width: 0; } .select2-xs ~ .select2 .select2-selection {  padding: 0;  padding: 0px 3px 0px 8px;  height: 28px;  min-height: 0; } .select2-xs ~ .select2 .select2-selection .select2-selection__arrow {  width: 12px; } .help-block {  color: #889ea6; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {  color: #f5c554; } .has-warning .form-control {  border-color: #f5c554;  color: #f5c554; } .has-warning .form-control:focus {  border-color: #f5c554;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .has-warning .form-control::-moz-placeholder {  color: #889ea6; } .has-warning .form-control:-ms-input-placeholder {  color: #889ea6; } .has-warning .form-control::-webkit-input-placeholder {  color: #889ea6; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {  color: #ef5e5e; } .has-error .form-control {  border-color: #ef5e5e;  color: #ef5e5e; } .has-error .form-control:focus {  border-color: #ef5e5e;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .has-error .form-control::-moz-placeholder {  color: #889ea6; } .has-error .form-control:-ms-input-placeholder {  color: #889ea6; } .has-error .form-control::-webkit-input-placeholder {  color: #889ea6; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {  color: #7eb770; } .has-success .form-control {  border-color: #7eb770;  color: #7eb770; } .has-success .form-control:focus {  border-color: #7eb770;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .has-success .form-control::-moz-placeholder {  color: #889ea6; } .has-success .form-control:-ms-input-placeholder {  color: #889ea6; } .has-success .form-control::-webkit-input-placeholder {  color: #889ea6; }  .form-error {  display: block;  position: relative;  color: #ef5e5e;  padding: 7px 0;  margin-bottom: 15px; } .button-pane {  } .button-pane.disabled {  opacity: 0.4; } .btn {   border: 1px solid #c7d2d6;  background-color: #fff;  border-radius: 3px;  line-height: 1em;  padding: 1em 30px calc(1em - 1px) 30px;  margin: 0;  min-width: 160px;  text-align: center; } .btn:hover {  -webkit-transition-duration: 0ms;  -moz-transition-duration: 0ms;  transition-duration: 0ms;  background-color: #f0f4f5; } .btn.dropdown-toggle:not(.no-arrow) {  padding-right: 36px;  min-width: 0; } .btn.dropdown-toggle:not(.no-arrow) .dropdown-arrow {  position: absolute;  top: 1px;  height: auto;  right: 12px;  bottom: 1px;  width: 10px; } .btn.dropdown-toggle:not(.no-arrow) .dropdown-arrow b {  border-color: #888 transparent transparent transparent;  border-style: solid;  height: 0;  right: 0;  margin-left: -4px;  margin-top: -2px;  position: absolute;  top: 50%;  width: 0;  border-width: 5px 5px 0; } .btn.btn-sm {  padding: 1em 12px calc(1em - 2px) 12px;  min-width: 148px; } .btn.btn-sm.btn-link, .btn.btn-sm.btn-link:visited, .btn.btn-sm.btn-link:hover, .btn.btn-sm.btn-link:focus, .btn.btn-sm.btn-link:active {  padding: calc(1em - 3px) 12px calc(1em - 4px) 12px;  color: #63808a;  min-width: 0; } .btn.btn-sm.btn-link[disabled], .btn.btn-sm.btn-link.disabled {  padding: calc(1em - 3px) 12px calc(1em - 4px) 12px;  color: #dae1e3; } .btn.btn-sm.btn-link[disabled] svg, .btn.btn-sm.btn-link.disabled svg {  fill: #dae1e3; } .btn.btn-sm.dropdown-toggle:not(.no-arrow) {  padding-right: 36px; } .btn.btn-sm.dropdown-toggle:not(.no-arrow) .dropdown-arrow {  height: 35px; } .btn.btn-sm.dropdown-toggle:not(.no-arrow) .dropdown-arrow b {  top: 18px;  border-width: 6px 6px 0; } .btn.btn-sm.margin-right {  margin-right: 16px; } .btn.btn-xs {  padding: calc(0.5em + 2px) 9px calc(0.5em + 1px) 9px;  min-width: 108px; } .btn.btn-xs.dropdown-toggle:not(.no-arrow) {  padding-right: 36px; } .btn.btn-xs.margin-right {  margin-right: 12px; } .btn.btn-auto-width {  min-width: 0; } .text-right .btn {  margin-right: 0;  margin-left: 20px; } .text-right .btn:first-child {  margin-left: 0; } .text-right .btn.btn-sm {  margin-left: 16px; } .text-right .btn.btn-xs {  margin-left: 12px; } .btn:active, .btn.active {  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .btn:focus, .btn:active:focus, .btn.active:focus {  outline: none; } .btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover {  background-color: #fff;  opacity: 1;  color: #dae1e3;  border-color: #dae1e3; } .btn-lg, .btn-group-lg > .btn {  border-radius: 4px; } .modal-footer:not(.centered) .btn, .modal-footer .btn + .btn {  margin: 0 0 0 20px; } .modal-footer:not(.centered) .btn.pull-left, .modal-footer .btn + .btn.pull-left {  margin: 0 20px 0 0; } .btn-group.open .dropdown-toggle {  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .btn-default, a.btn-default {  background-color: #fff;  color: #63808a;  border-color: #c7d2d6; } .btn-default:visited, .btn-default:focus, a.btn-default:visited, a.btn-default:focus {  background-color: #fff;  color: #63808a;  border-color: #c7d2d6; } .btn-default:hover, .btn-default:active, .open .btn-default.dropdown-toggle, a.btn-default:hover, a.btn-default:active, .open a.btn-default.dropdown-toggle {  background-color: #f5f8f9;  color: #63808a;  border-color: #c7d2d6; } .btn-default:hover.no-hover, .btn-default:active.no-hover, .open .btn-default.dropdown-toggle.no-hover, a.btn-default:hover.no-hover, a.btn-default:active.no-hover, .open a.btn-default.dropdown-toggle.no-hover {  background-color: #fff;  color: #63808a; } .btn-default svg, a.btn-default svg {  stroke: #63808a;  fill: #63808a; } .btn-primary, a.btn-primary {  color: #fff;  background-color: #4fbee3;  border-color: #4fbee3; } .btn-primary:focus, .btn-primary:visited, a.btn-primary:focus, a.btn-primary:visited {  color: #fff;  background-color: #4fbee3;  border-color: #4fbee3; } .btn-primary:hover, .btn-primary:active, .open .btn-primary.dropdown-toggle, a.btn-primary:hover, a.btn-primary:active, .open a.btn-primary.dropdown-toggle {  background-color: #3797b8;  border-color: #3797b8; } .btn-primary:hover.no-hover, .btn-primary:active.no-hover, .open .btn-primary.dropdown-toggle.no-hover, a.btn-primary:hover.no-hover, a.btn-primary:active.no-hover, .open a.btn-primary.dropdown-toggle.no-hover {  background-color: #4fbee3;  border-color: #4fbee3; } .btn-primary.disabled, .btn-primary[disabled], a.btn-primary.disabled, a.btn-primary[disabled] {  background-color: #bfe9f7;  border-color: #bfe9f7;  color: #fff; } .btn-success, a.btn-success {  color: #fff;  background-color: #7eb770;  border-color: #7eb770; } .btn-success:hover, .btn-success:focus, .btn-success:active, .open .btn-success.dropdown-toggle, a.btn-success:hover, a.btn-success:focus, a.btn-success:active, .open a.btn-success.dropdown-toggle {  color: #fff;  background-color: #55804b;  border-color: #55804b; } .btn-success:hover.no-hover, .btn-success:focus.no-hover, .btn-success:active.no-hover, .open .btn-success.dropdown-toggle.no-hover, a.btn-success:hover.no-hover, a.btn-success:focus.no-hover, a.btn-success:active.no-hover, .open a.btn-success.dropdown-toggle.no-hover {  background-color: #7eb770;  border-color: #7eb770; } .btn-info, a.btn-info {  color: #63808a;  background-color: #fff; } .btn-info:hover, .btn-info:focus, .btn-info:active, .open .btn-info.dropdown-toggle, a.btn-info:hover, a.btn-info:focus, a.btn-info:active, .open a.btn-info.dropdown-toggle {  color: #63808a;  background-color: #dae1e3; } .btn-info:hover.no-hover, .btn-info:focus.no-hover, .btn-info:active.no-hover, .open .btn-info.dropdown-toggle.no-hover, a.btn-info:hover.no-hover, a.btn-info:focus.no-hover, a.btn-info:active.no-hover, .open a.btn-info.dropdown-toggle.no-hover {  background-color: #fff; } .btn-warning, a.btn-warning {  color: #fff;  background-color: #f5c554;  border-color: #f5c554; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .open .btn-warning.dropdown-toggle, a.btn-warning:hover, a.btn-warning:focus, a.btn-warning:active, .open a.btn-warning.dropdown-toggle {  color: #fff;  background-color: #ba9130;  border-color: #ba9130; } .btn-warning:hover.no-hover, .btn-warning:focus.no-hover, .btn-warning:active.no-hover, .open .btn-warning.dropdown-toggle.no-hover, a.btn-warning:hover.no-hover, a.btn-warning:focus.no-hover, a.btn-warning:active.no-hover, .open a.btn-warning.dropdown-toggle.no-hover {  background-color: #f5c554;  border-color: #f5c554; } .btn-danger, a.btn-danger {  color: #fff;  background-color: #ef5e5e;  border-color: #ef5e5e; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .btn-danger.dropdown-toggle, a.btn-danger:hover, a.btn-danger:focus, a.btn-danger:active, .open a.btn-danger.dropdown-toggle {  color: #fff;  background-color: #b3524f;  border-color: #b3524f; } .btn-danger:hover.no-hover, .btn-danger:focus.no-hover, .btn-danger:active.no-hover, .open .btn-danger.dropdown-toggle.no-hover, a.btn-danger:hover.no-hover, a.btn-danger:focus.no-hover, a.btn-danger:active.no-hover, .open a.btn-danger.dropdown-toggle.no-hover {  background-color: #ef5e5e;  border-color: #ef5e5e; } .btn-hollow {  background-color: transparent;  background-color: orange;  background-image: none;  border-color: #63808a;  padding-top: 2px;  color: #63808a;  text-shadow: none; } .btn-hollow:visited {  color: #63808a; } .btn-hollow:active, .btn-hollow:focus {  border-width: 2px;  background-color: transparent;  background-image: none; } .btn-hollow.btn-primary {  background-image: none;  border-color: #4fbee3;  color: #4fbee3; } .btn-hollow:hover {  background-image: none;  background-color: #63808a;  color: #fff; } .btn-hollow:hover:active, .btn-hollow:hover:focus {  border-width: 2px; } .btn-hollow:hover.btn-primary {  background-image: none;  background-color: #4fbee3; } .btn-link {  color: #63808a;  border: 0;  min-width: 0;  background-color: transparent; } .btn-link:visited {  color: #63808a; } .btn-link:hover, .btn-link:focus, .btn-link:active {  color: #63808a;  background-color: rgba(42, 88, 105, 0.08);  text-decoration: none; } .btn-link:hover.no-hover, .btn-link:focus.no-hover, .btn-link:active.no-hover {  background-color: transparent; } .btn.margin-right, .btn-group.margin-right {  margin-right: 20px; } .btn.margin-bottom, .btn-group.margin-bottom {  margin-bottom: calc(2em + 3px); } .btn-group {  margin-right: 16px; } .text-right .btn-group {  margin-right: 0;  margin-left: 16px; } .btn-group .btn, .text-right .btn-group .btn {  margin-right: 0;  margin-left: 0;  padding-right: 10px;  padding-left: 10px;  min-width: 38px; } .btn-group > .btn + .dropdown-toggle {  padding-left: 9px;  padding-right: 11px;  line-height: 14px;  padding-top: 7px; } .btn-group > .btn + .dropdown-toggle.btn-primary svg, .btn-group > .btn + .dropdown-toggle.btn-success svg, .btn-group > .btn + .dropdown-toggle.btn-info svg, .btn-group > .btn + .dropdown-toggle.btn-warning svg, .btn-group > .btn + .dropdown-toggle.btn-danger svg {  stroke: #fff; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-primary {  border-right-color: #4fbee3; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-success {  border-right-color: #7eb770; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-info {  border-right-color: #889ea6; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-warning {  border-right-color: #f5c554; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-danger {  border-right-color: #ef5e5e; } .btn-group-vertical, .btn-group-vertical .btn {  width: 100%; } .btn-group .btn-xs {  padding-left: 10px;  padding-right: 10px; } .btn-group-secondary .btn, .btn-group-secondary .btn:hover {  background-color: transparent;  background-image: none;  text-shadow: none;  color: #b1bfc4;  border-width: 3px;  border-left-width: 0; } .btn-group-secondary .btn.btn-default, .btn-group-secondary .btn:hover.btn-default {  border-color: #b1bfc4; } .btn-group-secondary .btn.btn-default:active, .btn-group-secondary .btn:hover.btn-default:active {  border-color: #b1bfc4;  color: #63808a;  background-color: #b1bfc4; } .btn-group-secondary .btn.btn-info, .btn-group-secondary .btn:hover.btn-info {  color: #63808a;  border-color: #63808a; } .btn-group-secondary .btn.btn-info:active, .btn-group-secondary .btn:hover.btn-info:active {  border-color: #63808a;  color: #f0f4f5;  background-color: #63808a; } .btn-group-secondary .btn:first-child, .btn-group-secondary .btn:hover:first-child {  border-left-width: 3px; } .btn[disabled] {  opacity: 1; } .btn-skinny {  min-width: 0;  padding-right: 15px;  padding-left: 15px; } .button-footer {  margin-bottom: 20px; } .link-text {  margin-right: 20px; } .text-right .link-text {  margin-right: 0;  margin-left: 20px; } .dropdown-menu {  border: 1px solid #dae1e3;  padding: 0;  background-color: #fff;  border-radius: 3px;  -webkit-box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4);  -moz-box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4);  box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4); } .dropdown-menu.arrow-upper-right:before {  position: absolute;  top: -12px;  right: 16px;  display: inline-block;  border-right: 12px solid transparent;  border-bottom: 12px solid #dae1e3;  border-left: 12px solid transparent;  border-bottom-color: rgba(0, 0, 0, 0.2);  content: ""; } .dropdown-menu.arrow-upper-right:after {  position: absolute;  top: -11px;  right: 17px;  display: inline-block;  border-right: 11px solid transparent;  border-bottom: 11px solid #fff;  border-left: 11px solid transparent;  content: ""; } .dropdown-toggle.margin-bottom.btn-sm ~ .dropdown-menu {  margin-top: calc(-2em + 3px); } .dropdown-menu > li > a, .dropdown-menu > li > div:not(.divider) {  padding: 12px 30px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > div:not(.divider):hover, .dropdown-menu > li > div:not(.divider):focus {  background-color: #4fbee3;  color: #fff; } .dropdown-menu > li > a, .dropdown-menu > li > div {  color: #63808a; } .dropdown-menu > li > a.disabled, .dropdown-menu > li > div.disabled {  background-color: #fff;  cursor: default;  color: #dae1e3; } .dropdown-menu > li > a.disabled:hover, .dropdown-menu > li > div.disabled:hover {  background-color: #fff; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > div, .dropdown-menu > .disabled > div:not(.divider):hover, .dropdown-menu > .disabled > div:not(.divider):focus {  color: #b1bfc4; } .dropdown-header {  color: #63808a; } .dropdown-menu .divider {  background-color: #dae1e3; } .input-group-addon {  background-color: #f0f4f5;  color: #63808a; } .label-default {  background-color: #4fbee3; } .label-success {  background-color: #7eb770; } .label-warning {  background-color: #f5c554; } .label-danger {  background-color: #ef5e5e; } .label-info {  background-color: #b1bfc4; } .alert {  border-width: 0px;  border-radius: 3px;  box-shadow: none;  padding: 1em;  margin-bottom: calc(1.5em + 1px); } .alert-danger {  background-color: #ffc9c9;  color: #b3524f; } .alert-danger .alert-link, .alert-danger a {  color: #b3524f;  border-bottom: 1px solid #b3524f; } .alert-danger .alert-link:hover, .alert-danger a:hover {  color: #b3524f;  border-color: #b3524f; } .alert-success {  background-color: #c1e6b8;  color: #55804b; } .alert-success .alert-link, .alert-success a {  color: #55804b;  border-bottom: 1px solid #55804b; } .alert-success .alert-link:hover, .alert-success a:hover {  color: #55804b;  border-color: #55804b; } .alert-warning {  background-color: #ffeab6;  color: #ba9130; } .alert-warning .alert-link, .alert-warning a {  color: #ba9130;  border-bottom: 1px solid #ba9130; } .alert-warning .alert-link:hover, .alert-warning a:hover {  color: #ba9130;  border-color: #ba9130; } .alert-info {  background-color: #bfe9f7;  color: #2a5969; } .alert-info .alert-link, .alert-info a {  color: #2a5969;  border-bottom: 1px dashed #2a5969; } .alert-info .alert-link:hover, .alert-info a:hover {  color: #2a5969;  border-color: #2a5969; } .progress {  -webkit-box-shadow: inset 1px 1px 2px #dae1e3;  -moz-box-shadow: inset 1px 1px 2px #dae1e3;  box-shadow: inset 1px 1px 2px #dae1e3;  background-color: #fff;  border: 1px solid #dae1e3; } .progress-bar {  background-color: #4fbee3; } .progress-bar-lite {  background-color: #dae1e3; } .progress-bar-success {  background-color: #7eb770; } .progress-bar-info {  background-color: #b1bfc4; } .progress-bar-warning {  background-color: #f5c554; } .progress-bar-danger {  background-color: #ef5e5e; } .list-group-item {  border-color: #dae1e3; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {  background-color: #4fbee3;  border-color: #4fbee3; } a.list-group-item:hover, a.list-group-item:focus {  background-color: #f0f4f5; } a.list-group-item .list-group-item-heading {  color: #63808a; } .panel-primary {  color: #4fbee3; } .panel-primary > .panel-heading {  color: #4fbee3;  background-color: #bfe9f7;  border-color: #b1bfc4; } .panel-success {  color: #7eb770; } .panel-success > .panel-heading {  color: #7eb770;  background-color: #c1e6b8;  border-color: #b1bfc4; } .panel-danger {  color: #ef5e5e; } .panel-danger > .panel-heading {  color: #ef5e5e;  background-color: #ffc9c9;  border-color: #b1bfc4; } .panel-warning {  color: #f5c554; } .panel-warning > .panel-heading {  color: #f5c554;  background-color: #ffeab6;  border-color: #b1bfc4; } .panel-info {  color: #63808a; } .panel-info > .panel-heading {  color: #889ea6;  background-color: #f0f4f5;  border-color: #b1bfc4; } .panel-footer {  background-color: #f0f4f5; } .panel-dark {  background-color: #63808a; } .well {  background-color: #fff;  border-color: #dae1e3;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .radio, .checkbox {  padding: 1px 0 0 0;  margin: 0 0 0.5em 0; } .radio + .radio, .checkbox + .checkbox {  margin-top: 0; } .radio_list-button li {  display: inline-block;  margin-right: 10px;  padding: 12px 20px 12px 40px;  background-color: #fff;  background-position: 20px center;  background-repeat: no-repeat;  border: 1px solid #c7d2d6;  border-radius: 3px;  color: #889ea6;  cursor: pointer; } .radio_list-button li label {  padding: 2px 0 0 10px;  margin: 0;  cursor: pointer; } .radio_list-button li.chosen {  border: 1px solid #2a7f9c;  background-color: #4fbee3;  color: #2a7f9c; } .radio_list-button li input {  display: none; } .radio_list-button li:hover {  background-color: #f0f4f5;  border-color: #b1bfc4;  color: #63808a; } .radio_list-button li.chosen {  background-color: #f0f4f5;  border-color: #4fbee3;  color: #3797b8; } .checkbox label {  display: inline-block;  padding-top: 2px;  padding-left: 0;  width: calc(100% - 34px); } .form-group .icheckbox_flat-sp, .form-group .iradio_flat-sp {  float: left;  margin-top: -2px; } ul.radio_list {  list-style: none;  padding-left: 0; }  .iPhoneCheckContainerTODOFIXDEVONLY {  border-radius: 20px;  border: 1px solid #dae1e3;  background: #dae1e3;  margin-top: 2px;  height: 29px; } .iPhoneCheckContainerTODOFIXDEVONLY label {  text-shadow: none; } .iPhoneCheckContainerTODOFIXDEVONLY label.iPhoneCheckLabelOff {  background: #dae1e3; } .iPhoneCheckContainerTODOFIXDEVONLY label.iPhoneCheckLabelOn {  background: #7eb770; } .iPhoneCheckContainerTODOFIXDEVONLY .iPhoneCheckHandle {  background: #f0f4f5;  border-radius: 40px;  width: 23px;  left: 26px;  height: 23px;  top: 2px; } .iPhoneCheckContainerTODOFIXDEVONLY .iPhoneCheckHandleCenter {  background: none; } .iPhoneCheckContainerTODOFIXDEVONLY .iPhoneCheckHandleRight {  background: none; }  .input-group-addon.clear {  background-color: inherit;  color: #f0f4f5;  border-left: none; } .input-group-addon.warn {  background-color: #f5c554;  color: #f5c554; }  .has-warning label, .has-error label, .has-success label {  color: #63808a; } .has-warning input[type=text], .has-error input[type=text], .has-success input[type=text], .has-warning .select2-container .select2-selection, .has-error .select2-container .select2-selection, .has-success .select2-container .select2-selection {  color: #63808a;  background-color: #fff;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; } .has-warning input[type=text], .has-warning .select2-container .select2-selection {  border-color: #f5c554; } .has-error input[type=text], .has-error .select2-container .select2-selection {  border-color: #ef5e5e; } .has-success input[type=text], .has-success .select2-container .select2-selection {  border-color: #7eb770; } .has-error .redactor-toolbar, .has-error .redactor-editor {  border-color: #ef5e5e; } .has-error .redactor-editor {  border-top-color: inherit; }  .redactor-toolbar {  box-shadow: none;  border-bottom-width: 0;  border-top-right-radius: 3px;  border-top-left-radius: 3px; } .redactor-toolbar li a {  color: #63808a; } .redactor-toolbar li a:active, .redactor-toolbar li a.redactor-act {  background-color: #f0f4f5;  color: #4fbee3; } .redactor-toolbar li a:hover {  background-color: #f0f4f5;  color: #3e6978; } .redactor-editor {  border: 1px solid #b1bfc4;  border-top: 1px solid #dae1e3;  border-bottom-right-radius: 3px;  border-bottom-left-radius: 3px; } .redactor-dropdown {  border-color: #c7d2d6;  border-radius: 3px; } .redactor-dropdown a, .redactor-dropdown a:visited {  color: #63808a;  padding: 7px 15px 6px 15px;  border: none; } .redactor-dropdown a:hover {  background-color: #4fbee3; } #redactor-modal-overlay {  z-index: 10001 !important;  background-color: rgba(23, 46, 59, 0.5) !important;  opacity: 1; } #redactor-modal-box {  z-index: 10002 !important; } #redactor-modal {  border-radius: 3px; } #redactor-modal header {  padding-top: 55px; } #redactor-modal #redactor-modal-close {  top: 20px;  right: 20px;  width: 28px;  height: 28px;  text-align: left;  color: #b1bfc4;  background-color: #fff;  vertical-align: text-top;  line-height: 30px;  padding-left: 6px;  border-radius: 3px; } #redactor-modal #redactor-modal-close:hover {  background-color: #f0f4f5; } #redactor-modal footer {  padding: 0 40px 49px 40px;  text-align: right; } #redactor-modal footer button.redactor-modal-action-btn, #redactor-modal footer button.redactor-modal-close-btn {  display: inline-block;  margin-bottom: 0;  margin-left: 20px;  text-align: center;  vertical-align: middle;  -ms-touch-action: manipulation;  touch-action: manipulation;  cursor: pointer;  background-image: none;  border: 1px solid transparent;  white-space: nowrap;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  min-width: 148px;  width: auto !important;  background-color: #4fbee3;  border-color: #4fbee3;  padding: 1em 20px calc(1em - 2px) 20px;  border-radius: 3px; } #redactor-modal footer button.redactor-modal-action-btn:hover, #redactor-modal footer button.redactor-modal-close-btn:hover {  background-color: #3797b8;  border-color: #3797b8;  color: #fff; } #redactor-modal footer button.redactor-modal-close-btn {  background-color: transparent;  border-color: transparent;  min-width: 0; } #redactor-modal footer button.redactor-modal-close-btn:hover {  background-color: #f0f4f5;  border-color: #f0f4f5;  color: #63808a; } #redactor-modal input[type=text], #redactor-modal input[type=password], #redactor-modal input[type=email], #redactor-modal input[type=url], #redactor-modal textarea {  margin-top: 5px; }  .modal-backdrop {   z-index: 1060;  background-color: rgba(23, 46, 59, 0.5);  opacity: 1; } .modal {   z-index: 1061; } .modal .modal-content {  border: 1px solid rgba(0, 0, 0, 0.1);  border-radius: 3px;  -webkit-box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4);  -moz-box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4);  box-shadow: 0px 3px 20px 1px rgba(36, 52, 59, 0.4); } .modal .modal-header {  padding: 21px;  border-bottom: none; } .modal .modal-header .modal-title {  margin: 33px 0 14px 19px; } .modal button.close {  background-color: #fff;  text-shadow: none;  width: 28px;  height: 28px;  border-radius: 2px;  opacity: 1;  color: #889ea6; } .modal button.close svg {  width: 14px;  height: 14px;  margin-bottom: 5px; } .modal button.close:hover {  background-color: #f0f4f5; } .modal .modal-body {  padding: 0 40px 40px 40px; } .modal .modal-footer {  padding: 0 40px 49px 40px;  border-top: none; }  .popover {  z-index: 1200; }  .slider.slider-horizontal {  width: 100%; } .slider.slider-horizontal .slider-track {  background-color: #dae1e3;  height: 5px;  margin-top: 0;  background-image: none;  filter: none;  -webkit-box-shadow: none;  box-shadow: none; } .slider.slider-horizontal .slider-track .slider-handle {  width: 21px;  height: 21px;  margin-top: -8px;  opacity: 1;  background-image: none;  background-color: #4fbee3; } .slider.slider-horizontal .slider-track .slider-selection {  background-image: none;  background-color: none;  box-shadow: none; }  .ng-cloak {  display: none !important; }   h1, h2, h3, h4, h5, h6, a, button, label {  margin-top: 0;  margin-bottom: 0; } h5 {  color: #a5a5a5; } a:focus {  outline: none; } button::-moz-focus-inner {  border: 0; } .form-group {  max-width: 260px;  text-align: left; } .form-group.text-center {  text-align: center; } .form-control {  margin: 0 0 21px 0;  padding: 0.75rem 1rem calc(0.5rem + 2px);  color: #7f7f7f; } .theme-light .form-control {  background-color: #ffffff;  border-color: #c9c9c9; } .theme-dark .form-control {  background-color: #242424;  border-color: #6b6b6b; } .form-control::-webkit-input-placeholder, .form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {  color: #c6c6c6; } label {  color: #919191;  margin: 0 0 12px 0; } label .form-control {  margin-top: 12px; } p.helper-text {  width: 100%;  margin-bottom: 7px;  text-align: left; } .hide {  display: none; } .btn {  min-width: 160px;  background-color: transparent;  margin: 0 0 21px 0;  padding: 12px 19px 12px 19px; } .theme-light .btn-pair .btn:not(.selected):not(:hover), .theme-light .btn[disabled], .theme-light .btn[disabled]:hover, .theme-light .btn.disabled, .theme-light .btn.disabled:hover, .theme-light .disabled .btn, .theme-light .disabled .btn:hover {  background-color: #ffffff;  border-color: #c9c9c9;  color: #c9c9c9; } .theme-dark .btn-pair .btn:not(.selected):not(:hover), .theme-dark .btn[disabled], .theme-dark .btn[disabled]:hover, .theme-dark .btn.disabled, .theme-dark .btn.disabled:hover, .theme-dark .disabled .btn, .theme-dark .disabled .btn:hover {  background-color: #242424;  border-color: #6b6b6b;  color: #6b6b6b; } .btn-icon {  width: 220px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; } .btn-icon.social {  position: relative;  height: 49px;  text-align: left;  padding: 18px 0 0 74px; } .btn-icon.social svg {  position: absolute;  left: 0;  width: 74px; } .btn-icon.social.facebook svg {  height: 24px;  top: 12px; } .btn-icon.social.twitter svg {  height: 20px;  top: 13px; } .btn-icon.social.pinterest svg {  height: 24px;  top: 11px; } .btn-icon.social.copy-link svg {  height: 24px;  top: 11px; } .btn-icon.social.website svg {  height: 24px;  top: 11px; } .btn-icon.tag {  position: relative;  height: 49px;  text-align: left;  padding-left: 50px;  padding-right: 0; } .btn-icon.tag.active svg {  position: absolute;  left: 0;  width: 50px;  height: 16px; } .btn-pair {  position: relative;  height: 42px;  margin-bottom: 42px; } .btn-pair .btn {  display: inline;  position: absolute;  top: 0;  width: calc(50% + 1px);  min-width: 0; } .btn-pair .btn svg {  width: 14px;  margin-right: 5px;  margin-left: -15px;  opacity: 0; } .btn-pair .btn:first-of-type {  left: 0;  border-top-right-radius: 0;  border-bottom-right-radius: 0; } .btn-pair .btn:last-of-type {  right: 0;  border-top-left-radius: 0;  border-bottom-left-radius: 0; } .btn-pair .btn:not(.selected):not(:hover) {  background-color: #f2f2f2;  border-color: rgba(0, 0, 0, 0.2);  color: rgba(0, 0, 0, 0.2); } .btn-pair .btn.selected {  cursor: default; } .btn-pair .btn.selected svg {  opacity: 1; } .btn-close, .btn-back {  min-width: 28px;  height: 28px;  margin: 0;  padding: 0; } .btn-close.btn-close, .btn-back.btn-close {  padding-top: 7px; } .btn-close svg, .btn-back svg {  width: 14px;  height: 14px;  fill: #919191; } .theme-light .btn-close:hover svg, .theme-light .btn-back:hover svg {  fill: #6b6b6b; } .theme-dark .btn-close:hover svg, .theme-dark .btn-back:hover svg {  fill: #c9c9c9; } .btn-close.btn-back svg, .btn-back.btn-back svg {  -webkit-transform: rotate(-180deg) translateY(-2px);  -moz-transform: rotate(-180deg) translateY(-2px);  -ms-transform: rotate(-180deg) translateY(-2px);  transform: rotate(-180deg) translateY(-2px); } .select-wrapper {  width: 300px;  max-width: 100%;  height: 42px;  margin-bottom: 21px;  overflow: hidden;  font-size: 14px;  border-radius: 3px;  cursor: pointer; } .theme-light .select-wrapper {  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyLjc5OCA3Ljk2OSI+DQo8cGF0aCBmaWxsPSIjQUVBRUFFIiBkPSJNMTIuNjczLDAuODU0TDYuNzc1LDcuNzkzYy0wLjE5OSwwLjIzNC0wLjU1MywwLjIzNC0wLjc1MywwTDAuMTI1LDAuODU0Qy0wLjE1OCwwLjUyMSwwLjA3MSwwLDAuNTAxLDANCglsMTEuNzk2LDBDMTIuNzI3LDAsMTIuOTU2LDAuNTIxLDEyLjY3MywwLjg1NHoiLz4NCjwvc3ZnPg==) no-repeat right #ffffff;  background-size: 12px 6px;  background-position-x: calc(100% - 13px);  border: 1px solid #c9c9c9; } .theme-dark .select-wrapper {  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyLjc5OCA3Ljk2OSI+DQo8cGF0aCBmaWxsPSIjQUVBRUFFIiBkPSJNMTIuNjczLDAuODU0TDYuNzc1LDcuNzkzYy0wLjE5OSwwLjIzNC0wLjU1MywwLjIzNC0wLjc1MywwTDAuMTI1LDAuODU0Qy0wLjE1OCwwLjUyMSwwLjA3MSwwLDAuNTAxLDANCglsMTEuNzk2LDBDMTIuNzI3LDAsMTIuOTU2LDAuNTIxLDEyLjY3MywwLjg1NHoiLz4NCjwvc3ZnPg==) no-repeat right #242424;  background-size: 12px 6px;  background-position-x: calc(100% - 13px);  border: 1px solid #6b6b6b; } .select-wrapper.error, .error .select-wrapper {  border-color: #ef5e5e; } .select-wrapper select {  background: transparent;  width: 100%;  padding: 0 13px;  border: 0;  border-radius: 0;  height: 42px;  outline: none;  -webkit-appearance: none;  cursor: pointer; } input[type=checkbox], input[type=radio] {  opacity: 0;  width: 0;  height: 0; } .checkbox-option, .checkbox-option.theme-button, .radio-option, .radio-option.theme-button {  width: 30px;  height: 30px;  border-width: 1px;  border-style: solid;  border-radius: 2px;  cursor: pointer; } .theme-light .checkbox-option:not(.selected):not(.checked), .theme-light .checkbox-option.theme-button:not(.selected):not(.checked), .theme-light .radio-option:not(.selected):not(.checked), .theme-light .radio-option.theme-button:not(.selected):not(.checked) {  background-color: #ffffff;  border-color: #c9c9c9; } .theme-dark .checkbox-option:not(.selected):not(.checked), .theme-dark .checkbox-option.theme-button:not(.selected):not(.checked), .theme-dark .radio-option:not(.selected):not(.checked), .theme-dark .radio-option.theme-button:not(.selected):not(.checked) {  background-color: #242424;  border-color: #6b6b6b; } .checkbox-option svg, .checkbox-option.theme-button svg, .radio-option svg, .radio-option.theme-button svg {  opacity: 0;  width: 18px;  height: 15px;  margin: 7px 6px; } .checkbox-option.checked, .checkbox-option.selected, .checkbox-option.theme-button.checked, .checkbox-option.theme-button.selected, .radio-option.checked, .radio-option.selected, .radio-option.theme-button.checked, .radio-option.theme-button.selected {  cursor: default; } .checkbox-option.checked svg, .checkbox-option.selected svg, .checkbox-option.theme-button.checked svg, .checkbox-option.theme-button.selected svg, .radio-option.checked svg, .radio-option.selected svg, .radio-option.theme-button.checked svg, .radio-option.theme-button.selected svg {  opacity: 1; } .checkbox-option.checked, .checkbox-option.theme-button.checked, .radio-option.checked, .radio-option.theme-button.checked {  cursor: pointer; }  div.quantity-selector {  display: inline-block; } div.quantity-selector input {  padding: 0.75rem 0.5rem calc(0.5rem + 2px); } div.quantity-selector .btn, div.quantity-selector input {  display: inline-block;  width: 42px;  height: 42px;  border-radius: 2px;  text-align: center; } div.quantity-selector .btn, div.quantity-selector .btn:hover {  min-width: 42px;  margin: 0;  padding: 16px;  border: none;  fill: #919191; } .theme-light div.quantity-selector .btn, .theme-light div.quantity-selector .btn:hover {  background-color: #e1e1e1; } .theme-dark div.quantity-selector .btn, .theme-dark div.quantity-selector .btn:hover {  background-color: rgba(0, 0, 0, 0.4); } div.quantity-selector .btn svg, div.quantity-selector .btn:hover svg {  width: 10px;  height: 10px; } div.quantity-selector .btn.disabled, div.quantity-selector .btn.disabled:hover, div.quantity-selector .disabled .btn, div.quantity-selector .disabled .btn:hover, div.quantity-selector .btn[disabled], div.quantity-selector .btn[disabled]:hover {  fill: #919191;  opacity: 0.6; } .theme-light div.quantity-selector .btn.disabled, .theme-light div.quantity-selector .btn.disabled:hover, .theme-light div.quantity-selector .disabled .btn, .theme-light div.quantity-selector .disabled .btn:hover, .theme-light div.quantity-selector .btn[disabled], .theme-light div.quantity-selector .btn[disabled]:hover {  background-color: #e1e1e1; } .theme-dark div.quantity-selector .btn.disabled, .theme-dark div.quantity-selector .btn.disabled:hover, .theme-dark div.quantity-selector .disabled .btn, .theme-dark div.quantity-selector .disabled .btn:hover, .theme-dark div.quantity-selector .btn[disabled], .theme-dark div.quantity-selector .btn[disabled]:hover {  background-color: rgba(0, 0, 0, 0.4); } div.quantity-selector input {  margin: 0 10px; } .theme-light div.quantity-selector input {  border: 1px solid rgba(0, 0, 0, 0.2); } .theme-dark div.quantity-selector input {  border: 1px solid #6b6b6b; }  .error label, .error p, .error li, div.error {  margin: -15px 0 15px 0;  color: #ef5e5e;  text-transform: none; } .error label svg, .error p svg, .error li svg, div.error svg {  fill: #ef5e5e; } ul.error {  margin: 0;  padding: 0;  list-style: none; } ul.error li {  margin: 0; } p.error {  display: none;  color: #ef5e5e; } input.error, .error input, .ng-invalid.ng-dirty {  border-color: #ef5e5e; } input[type=email].ng-valid.ng-dirty {  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEzLjYxNSAxMS4wNTciPg0KICAgIDxwYXRoIGZpbGw9IiM1MkJDQzQiIGQ9Ik0zLjQxLDEwLjkxMUwwLjE0Niw3LjY0N2MtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN2wwLjcwNy0wLjcwN2MwLjE5NS0wLjE5NSwwLjUxMi0wLjE5NSwwLjcwNywwbDIuMjAzLDIuMjAzbDguMjkxLTguMjljMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMGwwLjcwNywwLjcwN2MwLjE5NSwwLjE5NSwwLjE5NSwwLjUxMiwwLDAuNzA3bC05LjM1MSw5LjM1QzMuOTIyLDExLjEwNiwzLjYwNSwxMS4xMDYsMy40MSwxMC45MTF6Ii8+DQo8L3N2Zz4=);  background-size: 16px 17px;  background-repeat: no-repeat;  background-position: 95%; } input[type=email].ng-invalid.ng-dirty {  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KCTxwYXRoIGQ9Ik0xLjYyOCw5LjQxNiBMMi41NTIsOS40MTYgQzIuNzUsOS40MTYgMi45NDgsOS4yNCAyLjk3LDkuMDY0IEw0LjA0OCwyLjg4MiBMNC4wNDgsMC40MTggQzQuMDQ4LDAuMTk4IDMuODUsMCAzLjYzLDAgTDAuNTUsMCBDMC4zMywwIDAuMTMyLDAuMTk4IDAuMTMyLDAuNDE4IEwwLjEzMiwyLjkyNiBMMS4yMSw5LjA2NCBDMS4yMzIsOS4yNCAxLjQzLDkuNDE2IDEuNjI4LDkuNDE2IEwxLjYyOCw5LjQxNiBaIE0wLDEzLjU1MiBDMCwxNC42NzQgMC45NDYsMTUuNjIgMi4wNjgsMTUuNjIgQzMuMjEyLDE1LjYyIDQuMTgsMTQuNjc0IDQuMTgsMTMuNTUyIEM0LjE4LDEyLjQwOCAzLjIxMiwxMS40NCAyLjA2OCwxMS40NCBDMC45NDYsMTEuNDQgMCwxMi40MDggMCwxMy41NTIgTDAsMTMuNTUyIFoiIGZpbGw9IiNGMDVENUQiPjwvcGF0aD4NCjwvc3ZnPg==);  background-size: 16px 15px;  background-repeat: no-repeat;  background-position: 95%; }  #collectEmailModal {  padding-left: 10px;  padding-right: 10px;  max-width: 1738px;  margin: 0 auto; } @media (min-width: 768px) {  #collectEmailModal {   padding-left: 30px;   padding-right: 30px;  } } #collectEmailModal p {  text-align: center; } #collectEmailModal #emailForm {  margin: 0 auto; } #collectEmailModal #emailForm p {  text-align: left; }  #debugTool {  position: fixed;  top: 100px;  right: 0;  z-index: 3000;  border: 1px solid #000000;  border-right: none;  background-color: rgba(255, 215, 0, 0.6);  overflow: auto;  width: 300px;  max-height: 400px; } #debugTool h2 {  padding: 20px 0 0 0;  margin: 0;  text-align: center; } #debugTool dl {  padding: 15px 0 0 0;  font-size: 10px;  line-height: 10px; } #debugTool dl dt {  clear: left;  float: left;  width: 170px;  text-align: right;  margin-right: 10px; } #debugTool dl dt:after {  content: ":"; } #debugTool dl dd {  margin: 0 0 0 180px;  padding: 0 20px 5px 0; } #debugTool dl dd a.action {  cursor: pointer;  text-transform: none; } #debugTool dl dd input {  font-size: 10px;  width: 110px; } #debugTool dl dd select {  width: 110px; } #debugCenterLine {  position: fixed;  top: 0;  left: 50%;  bottom: 0;  z-index: 10000;  width: 1px;  border-left: 1px solid red; }  sp-logo {  position: relative;  display: block;  margin: 0 auto 32px;  text-align: center;  width: 160px;  max-width: 100%;  height: 80px;  max-height: 100%; } @media (min-width: 769px) {  sp-logo {   width: 200px;   height: 120px;  } } sp-logo img {  max-width: 100%;  max-height: 100%; } sp-logo h5 {  max-width: 160px;  margin: 0 auto;  padding: 10px 0;  font-size: 10px;  font-weight: bold;  text-transform: uppercase; } @media (min-width: 480px) {  sp-logo h5 {   max-width: 220px;   font-size: 12px;  } } @media (min-width: 1020px) {  sp-logo h5 {   max-width: 260px;   font-size: 14px;  } } .sp-music:not(.ready) {  display: none; } .sp-music ul, .sp-music li {  padding: 0;  margin: 0;  list-style: none; } .sp-music .gui {  position: fixed;  left: 14px;  bottom: 14px;  width: 42px;  height: 42px;  z-index: 300;  border-radius: 2px;  background-color: rgba(0, 0, 0, 0.5);  color: #ffffff;  fill: #ffffff; } @media (min-width: 768px) {  .sp-music .gui {   width: 49px;   height: 49px;  } } @media (min-width: 1020px) {  .sp-music .gui:hover {   height: 130px;  } } .sp-music .gui button {  position: absolute;  right: 0;  bottom: 0;  left: 0;  height: 42px;  margin: 0; } @media (min-width: 768px) {  .sp-music .gui button {   height: 49px;  } } .sp-music .gui button svg {  position: absolute;  top: 14px;  left: 12px;  width: 20px;  height: 14px; } @media (min-width: 768px) {  .sp-music .gui button svg {   top: 16px;   left: 13px;   width: 24px;   height: 17px;  } } .sp-music .gui #volume-slider {  padding-top: 7px; } .sp-music .gui #volume-slider .volume-level-choice {  display: none;  width: 100%;  height: 14px;  padding-top: 4px;  cursor: pointer; } .sp-music .gui #volume-slider .volume-level-choice .volume-level-mark {  height: 6px;  margin: 0 auto;  background-color: rgba(255, 255, 255, 0.3); } .sp-music .gui #volume-slider .volume-level-choice.active .volume-level-mark {  background-color: #ffffff; } .sp-music .gui #volume-slider .volume-level-choice.volume-level-choice-20 .volume-level-mark {  width: 13px; } .sp-music .gui #volume-slider .volume-level-choice.volume-level-choice-40 .volume-level-mark {  width: 17px; } .sp-music .gui #volume-slider .volume-level-choice.volume-level-choice-60 .volume-level-mark {  width: 21px; } .sp-music .gui #volume-slider .volume-level-choice.volume-level-choice-80 .volume-level-mark {  width: 25px; } .sp-music .gui #volume-slider .volume-level-choice.volume-level-choice-100 .volume-level-mark {  width: 29px; } @media (min-width: 1020px) {  .sp-music .gui:hover #volume-slider .volume-level-choice {   display: block;  } } .theme-light .photo-image {  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); } .theme-light .photo-image span.photo-crop-overlay {  background-color: rgba(255, 255, 255, 0.7); } .theme-dark .photo-image {  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1); } .theme-dark .photo-image span.photo-crop-overlay {  background-color: rgba(0, 0, 0, 0.7); } .photo-image, .darkroom-container {  position: relative;  display: block;  overflow: hidden;  background-size: 100% 100%;  background-repeat: no-repeat;  -ms-interpolation-mode: nearest-neighbor; } .photo-image .canvas-container, .darkroom-container .canvas-container {  margin: 0 auto; } .photo-image.grayscale-filter, .darkroom-container.grayscale-filter {  -webkit-filter: grayscale(1);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  filter: grayscale(100%); } .photo-image span.photo-crop-overlay, .darkroom-container span.photo-crop-overlay {  display: block;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; } .photo-image span.photo-crop-view, .darkroom-container span.photo-crop-view {  display: block;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background-repeat: no-repeat; } .photo-image span.photo-number, .darkroom-container span.photo-number {  display: block;  position: absolute;  top: 7px;  left: 7px;  padding: 0 4px;  border-radius: 2px;  color: #ffffff;  text-align: center;  background-color: rgba(0, 0, 0, 0.5); } .photo-image ul.photo-tags, .darkroom-container ul.photo-tags {  position: absolute;  top: 3px;  right: 3px;  text-align: center; } .photo-image ul.photo-tags.photo-tags, .darkroom-container ul.photo-tags.photo-tags {  position: absolute;  top: auto;  right: 0;  bottom: 7px;  left: 0;  display: none;  padding: 0;  margin: 0;  padding: 0 25px; } .photo-image ul.photo-tags span.photo-icon, .photo-image ul.photo-tags li.photo-tag, .darkroom-container ul.photo-tags span.photo-icon, .darkroom-container ul.photo-tags li.photo-tag {  display: inline-block;  padding: 7px 6px;  margin: 3px;  vertical-align: middle;  fill: #ffffff;  background-color: rgba(0, 0, 0, 0.5);  border-radius: 2px;  font-size: 10px;  color: #ffffff; } .photo-image ul.photo-tags span.photo-icon.photo-icon-bandw, .photo-image ul.photo-tags li.photo-tag.photo-icon-bandw, .darkroom-container ul.photo-tags span.photo-icon.photo-icon-bandw, .darkroom-container ul.photo-tags li.photo-tag.photo-icon-bandw {  display: none; } .photo-image ul.photo-tags span.photo-icon.photo-icon span, .photo-image ul.photo-tags li.photo-tag.photo-icon span, .darkroom-container ul.photo-tags span.photo-icon.photo-icon span, .darkroom-container ul.photo-tags li.photo-tag.photo-icon span {  display: none; } .photo-image ul.photo-tags span.photo-icon svg, .photo-image ul.photo-tags span.photo-icon span, .photo-image ul.photo-tags li.photo-tag svg, .photo-image ul.photo-tags li.photo-tag span, .darkroom-container ul.photo-tags span.photo-icon svg, .darkroom-container ul.photo-tags span.photo-icon span, .darkroom-container ul.photo-tags li.photo-tag svg, .darkroom-container ul.photo-tags li.photo-tag span {  display: inline-block;  height: 13px;  vertical-align: middle;  } .photo-image ul.photo-tags span.photo-icon svg, .photo-image ul.photo-tags li.photo-tag svg, .darkroom-container ul.photo-tags span.photo-icon svg, .darkroom-container ul.photo-tags li.photo-tag svg {  margin: -3px 2px 0; } .photo-image ul.photo-tags span.photo-icon span, .photo-image ul.photo-tags li.photo-tag span, .darkroom-container ul.photo-tags span.photo-icon span, .darkroom-container ul.photo-tags li.photo-tag span {  margin: 0 2px; } @-webkit-keyframes loadingAnimation {  0% {   opacity: 0;  }  20% {   opacity: 0.2;  }  40% {   opacity: 0.4;  }  60% {   opacity: 0.6;  }  80% {   opacity: 0.8;  }  100% {   opacity: 1;  } } @keyframes loadingAnimation {  0% {   opacity: 0;  }  20% {   opacity: 0.2;  }  40% {   opacity: 0.4;  }  60% {   opacity: 0.6;  }  80% {   opacity: 0.8;  }  100% {   opacity: 1;  } } .loading-indicator {  margin: 40px 0;  text-align: center; } .loading-indicator .loading-square {  display: inline-block;  width: 10px;  height: 10px;  margin-right: 8px;  -webkit-animation: loadingAnimation 0.8s ease-in-out infinite;  animation: loadingAnimation 0.8s ease-in-out infinite; } .theme-light .loading-indicator .loading-square.theme-colors {  background-color: #ffffff; } .theme-dark .loading-indicator .loading-square.theme-colors {  background-color: #242424; } .loading-indicator .loading-square:nth-child(1) {  -webkit-animation-delay: 0;  animation-delay: 0; } .loading-indicator .loading-square:nth-child(2) {  -webkit-animation-delay: 0.1s;  animation-delay: 0.1s; } .loading-indicator .loading-square:nth-child(3) {  -webkit-animation-delay: 0.2s;  animation-delay: 0.2s; } .loading-indicator .loading-square:nth-child(4) {  -webkit-animation-delay: 0.3s;  animation-delay: 0.3s; } .loading-indicator .loading-square:nth-child(5) {  -webkit-animation-delay: 0.4s;  animation-delay: 0.4s;  margin-right: 0; } sp-content div.empty-state {  display: block;  margin: 61px 0 1em 0;  text-align: center; } .theme-light sp-content div.empty-state {  color: #dedede; } .theme-dark sp-content div.empty-state {  color: #6b6b6b; } @media (min-width: 768px) {  sp-content div.empty-state {   margin-top: 196px;  } } sp-scroll-fixed-top sp-scroll-fixed-top-spacer {  display: none; } sp-scroll-fixed-top sp-scroll-fixed-top-content {  display: block; }  html.theme-light #pagePhotos, html.theme-light #pagePhoto, html.theme-light #pageInstall, html.theme-light #pageInfo .hero .hero-logo-container.theme-background-color, html.theme-light .app-list, .theme-light .mobile-page, .theme-light body {  background-color: #ffffff; } html.theme-dark #pagePhotos, html.theme-dark #pagePhoto, html.theme-dark #pageInstall, html.theme-dark #pageInfo .hero .hero-logo-container.theme-background-color, html.theme-dark .app-list, .theme-dark .mobile-page, .theme-dark body {  background-color: #242424; } html.theme-light.device-os-iOS #pageSMSCompose textarea, html.theme-light.device-os-iOS #pageSMSCompose input, html.theme-light.device-os-Android #pageSMSCompose textarea, html.theme-light.device-os-Android #pageSMSCompose input, html.theme-light #pageLinks .app-list-item-icon-container .app-link-icon-container, html.theme-light #pageLinks .app-list-item-content-container, html.theme-light #pageLinks .app-list-item-icon-container, html.theme-light .app-list li, html.theme-light .app-list {  border-color: rgba(0, 0, 0, 0.1); } html.theme-dark.device-os-iOS #pageSMSCompose textarea, html.theme-dark.device-os-iOS #pageSMSCompose input, html.theme-dark.device-os-Android #pageSMSCompose textarea, html.theme-dark.device-os-Android #pageSMSCompose input, html.theme-dark #pageLinks .app-list-item-icon-container .app-link-icon-container, html.theme-dark #pageLinks .app-list-item-content-container, html.theme-dark #pageLinks .app-list-item-icon-container, html.theme-dark .app-list li, html.theme-dark .app-list {  border-color: rgba(255, 255, 255, 0.2); } .device-os-Android.theme-dark #pageSMSCompose input, .device-os-Android.theme-dark #pageSMSCompose textarea, html.theme-light #pageInstall #installInstructionsContainer, html.theme-light #pageInfo .hero, html.theme-light.device-os-Android #navigation #navigationContent ul li a, html.theme-light.device-os-Windows #navigation #navigationContent ul li a, html.theme-light.device-os-Windows #pageTitle.sub-page h1 a, html.theme-light #pageTitle h1, html.theme-light #topTitle h1, .theme-dark .mobile-page {  color: #ffffff; } html.theme-dark #pageInstall #installInstructionsContainer, html.theme-dark #pageInfo .hero, html.theme-dark.device-os-Android #navigation #navigationContent ul li a, html.theme-dark.device-os-Windows #navigation #navigationContent ul li a, html.theme-dark.device-os-Windows #pageTitle.sub-page h1 a, html.theme-dark #pageTitle h1, html.theme-dark #topTitle h1, .theme-light .mobile-page {  color: rgba(0, 0, 0, 0.6); } html.theme-light #pageInstall #installInstructionsContainer svg {  fill: #ffffff; } html.theme-dark #pageInstall #installInstructionsContainer svg {  fill: rgba(0, 0, 0, 0.6); } body {  margin: 0;  -ms-touch-action: none;  touch-action: none; } .mobile-page {  height: 100vh;  -webkit-overflow-scrolling: touch;  overflow: auto; } .device-os-iOS .mobile-page {  padding-top: 0;  } .device-os-Android .mobile-page {  height: 100%;  margin-top: 49px;  padding: 4px 4px 4px 4px;  } .device-os-Windows .mobile-page {  padding-top: 49px;  } .mobile-page.dynamic-height {  height: auto; } .for-iOS, .for-Android, .for-Windows {  display: none; } .device-os-iOS .for-iOS, .device-os-Android .for-Android, .device-os-Windows .for-Windows {  display: initial; } .device-os-iOS {  font-family: -apple-system-body; } .device-os-Android {  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif; } .device-os-Windows {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif; } .app-list {  padding: 0;  margin: 0;  list-style-type: none; } .app-list a {  text-decoration: none; } .app-list li {  position: relative;  width: 100%;  clear: both; } .app-list li .app-list-item-icon-container {  display: inline-block;  float: left; } .app-list li .app-list-item-content-container {  overflow: hidden; } .device-os-Android .app-list, .device-os-iOS .app-list {  border-bottom: 1px solid;  border-bottom-color: inherit; } .device-os-Android .app-list > *:not(:last-child) .app-list-item-content-container, .device-os-iOS .app-list > *:not(:last-child) .app-list-item-content-container {  border-bottom: 1px solid;  border-bottom-color: inherit; } .device-os-Android .app-list .app-list-item-icon-container, .device-os-Android .app-list .app-list-item-content-container {  padding-top: 8px;  padding-bottom: 8px; } .device-os-Android .app-list .app-list-item-icon-container {  padding-left: 16px; } .device-os-Android .app-list .app-list-item-content-container {  padding-right: 16px; } .device-os-Android .app-list .app-list-item-content-container h2 {  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 16px;  line-height: 19px; } .device-os-iOS .app-list .app-list-item-icon-container, .device-os-iOS .app-list .app-list-item-content-container {  padding-top: 16px;  padding-bottom: 16px; } .device-os-iOS .app-list .app-list-item-icon-container {  padding-left: 20px; } .device-os-iOS .app-list .app-list-item-content-container {  padding-right: 20px; } .device-os-iOS .app-list .app-list-item-content-container {  position: relative; } .device-os-iOS .app-list .app-list-item-content-container h2 {  font: -apple-system-headline;  font-size: 14px;  line-height: 16px;  letter-spacing: 1px; } .device-os-iOS .app-list .app-list-item-content-container svg {  position: absolute;  right: 20px;  top: 50%;  margin-top: -6.5px;  width: 8px;  height: 13px; } .device-os-iOS.theme-light .app-list .app-list-item-content-container svg {  fill: rgba(0, 0, 0, 0.1); } .device-os-iOS.theme-dark .app-list .app-list-item-content-container svg {  fill: rgba(255, 255, 255, 0.2); } .device-os-Windows .app-list .app-list-item-icon-container, .device-os-Windows .app-list .app-list-item-content-container {  padding-top: 8px;  padding-bottom: 8px; } .device-os-Windows .app-list .app-list-item-icon-container {  padding-left: 12px; } .device-os-Windows .app-list .app-list-item-content-container {  padding-right: 12px; } .app-button {  display: block;  margin: 0 auto;  text-align: center; } .device-os-Android .app-button {  border-radius: 2px;  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  text-transform: uppercase; } .device-os-iOS .app-button {  border-radius: 4px;  font: -apple-system-headline; } .device-os-Windows .app-button {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  text-transform: uppercase; }  #headerContainer {  z-index: 1;  padding-top: constant(safe-area-inset-top);  padding-top: env(safe-area-inset-top); } .device-os-Android #headerContainer {  position: fixed;  top: 0;  left: 0;  right: 0; } .device-os-Windows #headerContainer {  position: fixed;  top: 0;  left: 0;  right: 0; } #topTitle {  display: none; } .device-os-Windows #topTitle h1 {  padding: 0 10px; } .device-os-Android #topTitle h1 {  padding: 0 24px; } .device-os-Windows #topTitle {  display: block;  height: 48px; } .device-os-Windows #topTitle h1 {  padding-top: 18px;  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-weight: normal;  font-size: 15px;  text-transform: uppercase; } .device-os-Android #topTitle {  display: block;  height: 54px; } .device-os-Android #topTitle h1 {  padding-top: 20px;  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-weight: normal;  font-size: 20px; } #pageTitle {  display: none; } .device-os-iOS #pageTitle {  display: block;  top: 0;  right: 0;  left: 0;  padding: 32px 0 16px 0; } .device-os-iOS #pageTitle h1 {  padding: 0;  margin: 0;  text-align: center;  font: -apple-system-headline;  font-size: 17px; } .device-os-Windows #pageTitle.sub-page {  display: block;  height: 48px;  padding: 0 12px; } .device-os-Windows #pageTitle.sub-page h1 {  padding-top: 18px;  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-weight: normal;  font-size: 15px;  text-transform: uppercase; } .device-os-Windows .device-os-Windows #pageTitle.sub-page h1 {  padding: 0 10px; } .device-os-Android .device-os-Windows #pageTitle.sub-page h1 {  padding: 0 24px; } .device-os-Windows #pageTitle.sub-page h1 a {  text-decoration: none; } #navigation sp-scroll-fixed-top.fixed sp-scroll-fixed-top-spacer {  display: block; } #navigation sp-scroll-fixed-top.fixed sp-scroll-fixed-top-content {  position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1000; } .device-os-iOS #navigation #navigationContent {  position: fixed;  right: 0;  bottom: 0;  left: 0;  z-index: 1000;  overflow: hidden;  -webkit-backdrop-filter: blur(4px); } .theme-light.device-os-iOS #navigation #navigationContent {  border-top: 1px solid #dadada;  background: rgba(255, 255, 255, 0.8); } .theme-dark.device-os-iOS #navigation #navigationContent {  border-top: 1px solid #333333;  background: rgba(0, 0, 0, 0.8); } .device-os-iOS #navigation #navigationContent ul {  display: block;  max-width: 422px;  height: 100%;  padding: 0;  margin: 0;  margin: 0 auto;  list-style-type: none;  text-align: center; } .device-os-iOS #navigation #navigationContent ul li {  display: inline-block;  height: 100%;  padding: 0;  margin: 0;  text-align: center; } .device-os-iOS #navigation #navigationContent ul li:first-child:nth-last-child(3), .device-os-iOS #navigation #navigationContent ul li:first-child:nth-last-child(3) ~ li {  width: 32%; } .device-os-iOS #navigation #navigationContent ul li:first-child:nth-last-child(4), .device-os-iOS #navigation #navigationContent ul li:first-child:nth-last-child(4) ~ li {  width: 24%; } .device-os-iOS #navigation #navigationContent ul li:not(.selected) a {  color: #929292;  fill: #929292; } .device-os-iOS #navigation #navigationContent ul li a {  display: inline-block;  padding-top: 7px;  padding-bottom: constant(safe-area-inset-bottom);  padding-bottom: env(safe-area-inset-bottom);  font: -apple-system-body;  font-size: 12px;  text-decoration: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .device-os-iOS #navigation #navigationContent ul li a svg {  display: block;  height: 20px;  margin: 0 auto 3px; } .device-os-Windows #navigation #navigationContent, .device-os-Android #navigation #navigationContent {  overflow: hidden; } .device-os-Windows #navigation #navigationContent ul, .device-os-Android #navigation #navigationContent ul {  position: relative;  display: block;  padding: 0;  margin: 0;  white-space: nowrap;  transition: left 0.5s; } .device-os-Windows #navigation #navigationContent ul li, .device-os-Android #navigation #navigationContent ul li {  display: inline-block;  opacity: 0.6; } .device-os-Windows #navigation #navigationContent ul li.selected, .device-os-Android #navigation #navigationContent ul li.selected {  opacity: 1; } .device-os-Windows #navigation #navigationContent ul li a, .device-os-Android #navigation #navigationContent ul li a {  text-decoration: none;  padding-bottom: constant(safe-area-inset-bottom);  padding-bottom: env(safe-area-inset-bottom); } .device-os-Windows #navigation #navigationContent ul li a svg, .device-os-Android #navigation #navigationContent ul li a svg {  display: none; } .device-os-Android #navigation #navigationContainer {  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.24); } .device-os-Android #navigation #navigationContent ul li {  height: 49px;  padding: 19px 24px 2px 24px;  font-size: 14px;  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  text-transform: uppercase; } .device-os-Android #navigation #navigationContent ul li.selected {  border-bottom: 2px solid;  padding-bottom: 0; } .device-os-Windows #navigation #navigationContent ul li {  height: 49px;  padding: 14px 26px 0 10px;  font-size: 20px;  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif; } #pagePhoto ~ ng-include > .sp-music, #pageInstall ~ ng-include > .sp-music {  display: none; } .device-os-iOS .sp-music .gui {  bottom: 63px; }  #pageInfo {  padding-top: 0;  padding-left: 0;  padding-right: 0; } #pageInfo .hero {  padding: 24px 38px;  text-align: center; } #pageInfo .hero.design-aglow-background-color {  background-color: #f7f7f7; } #pageInfo .hero.design-aglow-background-color .about-text, #pageInfo .hero.design-aglow-background-color h1 {  color: #383838; } #pageInfo .hero .hero-logo-container {  display: inline-block;  width: 125px;  height: 78px;  margin-bottom: 18px; } #pageInfo .hero .hero-logo-container sp-logo {  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  top: 50%;  width: 100%;  height: 100%; } #pageInfo .hero .hero-logo-container img {  max-width: 100%; } #pageInfo .hero h1 {  margin-bottom: 10px;  text-transform: uppercase; } #pageInfo .app-list-item-content-container span.link-value-display {  width: 100%;  display: inline-block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; } #pageInfo .about-text p {  text-align: center !important; } .device-os-Android #pageInfo .hero .hero-logo-container {  border-radius: 2px; } .device-os-Android #pageInfo .hero h1 {  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 16px;  line-height: 17px;  letter-spacing: 0.73px; } .device-os-Android #pageInfo .hero p {  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 14px;  font-weight: lighter;  line-height: 21px; } .device-os-Android #pageInfo .app-list {  padding-top: 8px; } .device-os-Android #pageInfo .app-list-item-icon-container {  margin-right: 35px; } .device-os-Android #pageInfo .app-list-item-icon-container svg {  margin: 8px 1px;  height: 20px;  width: 20px; } .device-os-Android #pageInfo .app-list-item-content-container h2 {  margin-top: 6px;  margin-bottom: 3px; } .device-os-Android #pageInfo .app-list-item-content-container span {  margin-bottom: 12px;  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 14px;  line-height: 16px;  color: #ababab; } .device-os-iOS #pageInfo {  height: calc(100vh - 20px - 49px);  overflow-y: scroll; } .device-os-iOS #pageInfo .hero .hero-logo-container {  border-radius: 4px; } .device-os-iOS #pageInfo .hero h1 {  font: -apple-system-headline;  font-size: 16px;  line-height: 21px;  letter-spacing: 0.73px; } .device-os-iOS #pageInfo .hero p {  font: -apple-system-body;  font-size: 14px;  line-height: 20px;  letter-spacing: 0.23px; } .device-os-iOS #pageInfo .app-list-item-icon-container {  margin-right: 20px; } .device-os-iOS #pageInfo .app-list-item-icon-container svg {  margin: 16px 9px;  height: 22px;  width: 22px; } .device-os-iOS #pageInfo .app-list-item-content-container h2 {  margin-bottom: 10px; } .device-os-iOS #pageInfo .app-list-item-content-container span {  font: -apple-system-subheadline;  font-size: 14px;  line-height: 16px;  letter-spacing: 0.4px;  color: #ababab;  margin-bottom: 6px; } .device-os-Windows #pageInfo .hero h1 {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 16px;  line-height: 17px;  letter-spacing: 0.73px; } .device-os-Windows #pageInfo .hero p {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 14px;  line-height: 21px; } .device-os-Windows #pageInfo .app-list {  padding-top: 2px; } .device-os-Windows #pageInfo .app-list-item-icon-container {  margin-right: 25px; } .device-os-Windows #pageInfo .app-list-item-icon-container div.for-Windows {  display: block; } .device-os-Windows #pageInfo .app-list-item-icon-container svg {  margin: 6px 3px;  height: 17px;  width: 16px; } .device-os-Windows #pageInfo .app-list-item-content-container h2 {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 15px;  font-weight: normal;  line-height: 20px; } .device-os-Windows #pageInfo .app-list-item-content-container span {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 14px;  line-height: 19px;  color: #ababab; } #pageInstall {  font-family: -apple-system-font; } @-webkit-keyframes padding-bounce-bottom-30px {  0% {   padding-bottom: 0;  }  50% {   padding-bottom: 30px;  }  100% {   padding-bottom: 0;  } } @-moz-keyframes padding-bounce-bottom-30px {  0% {   padding-bottom: 0;  }  50% {   padding-bottom: 30px;  }  100% {   padding-bottom: 0;  } } @keyframes padding-bounce-bottom-30px {  0% {   padding-bottom: 0;  }  50% {   padding-bottom: 30px;  }  100% {   padding-bottom: 0;  } } #pageInstall #allContentWrapper {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  padding-top: 33px; } #pageInstall #installContentContainer {  display: flex;  flex-direction: column;  height: 100%;  justify-content: space-between; } #pageInstall sp-logo {  margin: 0 auto; } #pageInstall #appMetadataContainer {  display: -webkit-flex;  display: -ms-flex;  display: flex;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-align-items: center;  -ms-align-items: center;  align-items: center;  -webkit-justify-content: center;  -ms-justify-content: center;  justify-content: center;  width: 100%;  height: 50%; } #pageInstall #appMetadataContainer #appIcon {  width: 119px;  height: 119px;  margin: 0 auto 4px;  border-radius: 20px; } #pageInstall #appMetadataContainer #appName {  font-size: 14px;  font-weight: normal;  line-height: 21px;  text-align: center; } #pageInstall #footer {  display: flex;  flex-direction: column; } #pageInstall #footer #terms {  align-self: center;  color: #a5a5a5;  font-weight: normal;  margin: 8px; } #pageInstall #footer #terms a {  color: #a5a5a5;  text-decoration: none; } #pageInstall #installInstructionsContainer {  padding-top: 32px;  text-align: center; } @media (orientation: landscape) {  #pageInstall #installInstructionsContainer {   padding-top: 16px;   padding-bottom: 16px;  } } #pageInstall #installInstructionsContainer.draw-attention {  -webkit-animation: padding-bounce-bottom-30px 250ms 1;  -moz-animation: padding-bounce-bottom-30px 250ms 1;  animation: padding-bounce-bottom-30px 250ms 1; } #pageInstall #installInstructionsContainer #installTitle {  margin-bottom: 28px;  font-size: 16px; } #pageInstall #installInstructionsContainer #installTitle.ios-title-alignment {  display: block;  padding-left: 20px;  text-align: left; } @media (orientation: landscape) {  #pageInstall #installInstructionsContainer #installTitle {   display: inline-block;   margin-right: 23px;   margin-bottom: 0;  } } #pageInstall #installInstructionsContainer #installInstructions {  margin-bottom: 35px;  font-size: 14px; } .device-os-Windows #pageInstall #installInstructionsContainer #installInstructions .for-Windows {  display: block; } #pageInstall #installInstructionsContainer #installInstructions .for-iOS {  text-align: left; } #pageInstall #installInstructionsContainer #installInstructions .for-iOS .install-step {  display: block;  padding-left: 20px; } #pageInstall #installInstructionsContainer #installInstructions .for-iOS .install-step.step-2 {  padding-top: 5px; } #pageInstall #installInstructionsContainer #installInstructions .for-iOS .install-step .step-number {  display: inline-block;  width: 20px; } #pageInstall #installInstructionsContainer #installInstructions .for-iOS .install-step .ios-add-to-homescreen {  text-transform: capitalize; } @media (orientation: landscape) {  #pageInstall #installInstructionsContainer #installInstructions {   margin-bottom: 0;  } } #pageInstall #installInstructionsContainer svg {  width: 20px;  height: 20px;  transform: translateY(5px); } #pageLinks {  margin-bottom: 50px;  padding: 0 0 0 0; } #pageLinks .app-list-item-icon-container, #pageLinks .app-list-item-content-container {  border-bottom: 1px solid; } #pageLinks .app-list-item-icon-container {  padding: 7px 0 7px 8px;  padding-left: calc(constant(safe-area-inset-left) + 8px);  padding-left: calc(env(safe-area-inset-left) + 8px); } #pageLinks .app-list-item-icon-container .app-link-icon-container {  width: 104px;  height: 104px;  margin: 0;  padding: 0;  border: 1px solid; } #pageLinks .app-list-item-icon-container .app-link-icon-container .app-link-icon {  width: 100%;  height: 100%;  background-size: 100% 100%; } #pageLinks .app-list-item-content-container {  padding: 7px 8px 7px 20px; } #pageLinks .app-list-item-content-container h2 {  display: inline-block;  line-height: 104px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  max-width: calc(100% - 40px); } #pageLinks .app-list-item-content-container svg {  position: absolute;  right: 25px;  top: 50%;  margin-top: -9px;  fill: #bababa;  width: 18px;  height: 18px; } #pagePhoto {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  padding: 0;  line-height: 100vh; } #pagePhoto #photoDetailViewContainer {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 100;  -webkit-transition: top 0.2s ease-in-out, right 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out;  -moz-transition: top 0.2s ease-in-out, right 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out;  transition: top 0.2s ease-in-out, right 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out; } #pagePhoto #photoDetailViewContainer #photoDetailView {  position: relative;  height: 100%; } #pagePhoto #photoDetailViewContainer #photoDetailViewPhotosContainer {  position: relative;  height: 100%;  overflow: hidden; } #pagePhoto #photoDetailViewContainer #photoDetailViewPhotosContainer #photoDetailViewPhotos {  position: relative;  height: 100%;  max-width: 100%; } #pagePhoto #photoDetailViewContainer #photoDetailViewPhotosContainer #photoDetailViewPhotos .photo-detail-view-photo {  position: absolute;  top: 0;  bottom: 0;  width: 100%;  height: 100%; } #pagePhoto #photoDetailViewContainer #photoDetailViewPhotosContainer #photoDetailViewPhotos .photo-detail-view-photo .photo-image {  position: absolute;  top: 0;  right: 1px;  bottom: 0;  left: 1px;  background-position: center center;  background-size: contain;  box-shadow: none; } #pagePhoto .photo-detail-view-photo {  width: 100px;  height: 100px; } .device-os-Android #pagePhoto p {  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 12px;  line-height: 14px; } .device-os-iOS #pagePhoto p {  font-family: -apple-system-body;  font-size: 12px;  line-height: 14px;  letter-spacing: 0.34px; } .device-os-Windows #pagePhoto p {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 12px;  line-height: 14px; } #pagePhotos sp-logo {  width: 150px;  height: 70px; } #pagePhotos div.sp-content-container.no-logo {  margin-top: -16px; } #pagePhotos #photosViewContainer #photos {  box-sizing: content-box; } #pagePhotos #photosViewContainer #photos .photo {  position: relative;  display: block;  overflow: hidden; } .scrolling #pagePhotos #photosViewContainer #photos .photo a {  cursor: default !important; } #pagePhotos #photosViewContainer #photos.event-grid-layout:after {  display: block;  content: " ";  width: 0px;  height: 0px;  clear: both; } #pagePhotos #photosViewContainer #photos.event-grid-layout .photo {  display: block;  float: left;  line-height: 1; } #pagePhotos #photosViewContainer #photos.event-grid-layout .photo span.photo-image {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;  box-shadow: 8px 6px 0px #c0c0c0; } #pagePhotos #photosViewContainer #photos.event-hmason-layout, #pagePhotos #photosViewContainer #photos.event-vmason-layout {  position: relative; } #pagePhotos #photosViewContainer #photos.event-hmason-layout:after, #pagePhotos #photosViewContainer #photos.event-vmason-layout:after {  display: block;  content: " ";  width: 0px;  height: 0px;  clear: both; } #pagePhotos #photosViewContainer #photos.event-hmason-layout .photo, #pagePhotos #photosViewContainer #photos.event-vmason-layout .photo {  position: absolute;  box-sizing: content-box; } #pagePhotos #photosViewContainer #photos.event-hmason-layout .photo .photo-image, #pagePhotos #photosViewContainer #photos.event-vmason-layout .photo .photo-image {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; } #pagePhotos #linkedGalleryLinkContainer {  margin-bottom: 49px; } #pagePhotos #footer {  display: flex;  justify-content: center;  margin-top: 20px; } #pagePhotos #footer #terms {  color: #a5a5a5;  font-weight: normal;  margin: 8px; } #pagePhotos #footer #terms a {  color: #a5a5a5;  text-decoration: none; } #pagePhotos .app-button {  width: 180px;  margin-top: 40px;  text-decoration: none;  font-weight: bold; } .device-os-Android #pagePhotos {  padding-top: 19px;  padding-left: 4px;  padding-right: 4px; } .device-os-Android #pagePhotos .app-button {  padding-top: 11px;  padding-bottom: 9px;  font-size: 12px;  line-height: 14px; } .device-os-iOS #pagePhotos {  height: 100%;  overflow-y: scroll;  padding-top: 25px;  padding-left: 10px;  padding-right: 10px;  padding-bottom: 49px; } .device-os-iOS #pagePhotos .app-button {  padding-top: 14px;  padding-bottom: 12px;  font-size: 12px;  line-height: 14px;  letter-spacing: 0.86px; } .device-os-Windows #pagePhotos {  padding-top: 20px;  padding-left: 4px;  padding-right: 4px; } .device-os-Windows #pagePhotos .app-button {  padding-top: 10px;  padding-bottom: 9px;  font-size: 12px;  line-height: 15px; } #pageShare p {  text-align: center; } #pageShare .app-button {  position: relative;  width: 260px;  background-color: #3978b0;  color: #ffffff;  text-decoration: none; } #pageShare .app-button svg {  position: absolute;  left: 30px;  top: 50%;  right: auto;  margin-top: -9px;  fill: #ffffff;  height: 18px;  width: 18px; } #pageShare #buttonTwitter {  background-color: #55acee; } #pageShare #buttonFacebook {  background-color: #3b5998; } #pageShare #buttonPinterest {  background-color: #b9081b; } .device-os-Android #pageShare p {  margin: 27px 80px 23px;  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 14px;  font-weight: lighter;  line-height: 19px;  letter-spacing: 0.44px; } .device-os-Android #pageShare .app-button {  padding-top: 16px;  padding-bottom: 13px;  margin-bottom: 24px;  font-size: 16px;  line-height: 19px; } .device-os-iOS #pageShare p {  margin: 48px 88px 34px;  font: -apple-system-body;  font-size: 16px;  line-height: 20px;  letter-spacing: 0.5px; } .device-os-iOS #pageShare .app-button {  padding-top: 20px;  padding-bottom: 17px;  margin-bottom: 16px;  font-size: 16px;  line-height: 19px; } .device-os-Windows #pageShare p {  margin: 34px 80px 23px;  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 14px;  line-height: 19px;  letter-spacing: 0.44px; } .device-os-Windows #pageShare .app-button {  padding-top: 14px;  padding-bottom: 13px;  margin-bottom: 24px;  font-size: 16px;  line-height: 21px; } html.theme-dark.device-os-Android #pageSMSCompose textarea:focus, html.theme-dark.device-os-Android #pageSMSCompose input:focus, html.theme-light.device-os-Android #pageSMSCompose textarea:focus, html.theme-light.device-os-Android #pageSMSCompose input:focus {  outline: none;  border-color: #009688; } #pageSMSCompose .error-sp-foreign-phone {  display: none; } #pageSMSCompose .ng-invalid-sp-foreign-phone ~ .error-sp-foreign-phone {  display: block; } #pageSMSCompose .error-description, #pageSMSCompose .invalid {  color: #ef5e5e; } #pageSMSCompose .error-description {  margin-top: -10px;  margin-bottom: 21px; } #pageSMSCompose button {  position: relative;  display: block;  width: 180px;  margin: 0 auto 16px;  padding-top: 20px;  padding-bottom: 17px;  border-radius: 4px;  font-size: 12px;  line-height: 19px; } #pageSMSCompose button[disabled] {  opacity: 0.4; } .device-os-Android #pageSMSCompose {  padding: 27px 17px; } .device-os-Android #pageSMSCompose #messageCounterWrapper {  display: none; } .device-os-Android #pageSMSCompose #formSmsCompose {  position: relative; } .device-os-Android #pageSMSCompose input, .device-os-Android #pageSMSCompose textarea {  width: 100%;  background: transparent;  margin-bottom: 14px;  font-size: 16px;  line-height: 21px;  border-width: 0;  border-bottom-width: 1px; } .device-os-Android #pageSMSCompose input.ng-dirty.ng-invalid, .device-os-Android #pageSMSCompose textarea.ng-dirty.ng-invalid {  border-color: #ef5e5e; } .device-os-Android #pageSMSCompose #messagePercentageWrapper {  position: absolute;  right: 0;  margin-top: -13px;  font-size: 12px; } .device-os-Android #pageSMSCompose button {  width: auto;  padding: 10px 15px 11px 15px;  font-size: 14px; } .device-os-iOS #pageSMSCompose {  font: -apple-system-body;  font-size: 14px; } .device-os-iOS #pageSMSCompose form {  padding-top: 27px; } .device-os-iOS #pageSMSCompose #messagePercentageWrapper {  display: none; } @media (min-width: 398px) {  .device-os-iOS #pageSMSCompose #formSmsCompose {   position: relative;   width: 377px;   margin: 0 auto;  } } .device-os-iOS #pageSMSCompose .error-description {  margin: 5px 10px 10px; } .device-os-iOS #pageSMSCompose label {  margin-bottom: 3px;  margin-left: 10px; } .device-os-iOS #pageSMSCompose label[for=smsMessage] {  margin-top: 27px; } .device-os-iOS #pageSMSCompose input, .device-os-iOS #pageSMSCompose textarea {  width: calc(100% - 20px);  height: 49px;  padding: 14px 10px;  margin: 0 10px;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  color: #919191;  font-size: 14px;  line-height: 20px; } .device-os-iOS #pageSMSCompose input.ng-dirty.ng-invalid, .device-os-iOS #pageSMSCompose textarea.ng-dirty.ng-invalid {  border-color: #ef5e5e; } @media (min-width: 398px) {  .device-os-iOS #pageSMSCompose input,  .device-os-iOS #pageSMSCompose textarea {   width: 377px;   margin: 0 auto 14px;   border-right-width: 1px;   border-left-width: 1px;   border-radius: 4px;  } } .device-os-iOS #pageSMSCompose #smsMessage {  height: 80px; } .device-os-iOS #pageSMSCompose #messageCounterWrapper {  position: absolute;  right: 10px;  margin-top: -25px; } .device-os-Windows #pageSMSCompose {  font-family: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;  font-size: 14px; } .device-os-Windows #pageSMSCompose form {  padding: 15px 12px; } .device-os-Windows #pageSMSCompose #messageCounterWrapper {  display: none; } .device-os-Windows #pageSMSCompose label {  margin-bottom: 3px;  text-transform: uppercase; } .device-os-Windows #pageSMSCompose input, .device-os-Windows #pageSMSCompose textarea {  width: calc(100% - 20px);  height: 40px;  margin: 0 10px 14px 10px;  padding: 7px 10px;  border-width: 2px;  border-style: solid;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  color: #464646;  font-size: 14px;  line-height: 24px; } .device-os-Windows #pageSMSCompose input.ng-dirty.ng-invalid, .device-os-Windows #pageSMSCompose textarea.ng-dirty.ng-invalid {  background-color: #ef5e5e; } .device-os-Windows #pageSMSCompose #smsMessage {  height: 76px; } .device-os-Windows #pageSMSCompose #messagePercentWrapper {  position: absolute;  right: 0;  margin-top: -13px;  font-size: 12px; } .device-os-Windows #pageSMSCompose #smsSubmit {  border-radius: 0; } #pageUnsupportedDevice {  padding-top: 150px; } @media (min-width: 768px) {  #pageUnsupportedDevice {   padding-top: 377px;  } } #pageUnsupportedDevice #contentContainer {  width: 691px;  max-width: 100%;  margin: 0 auto;  padding: 0 20px;  text-align: center; } #pageUnsupportedDevice #contentContainer:after {  display: block;  content: " ";  width: 0px;  height: 0px;  clear: both; } #pageUnsupportedDevice #appIcon {  width: 79px;  height: 79px;  margin: 0 auto 28px;  border-radius: 13px; } @media (min-width: 768px) {  #pageUnsupportedDevice #appIcon {   float: left;   width: 119px;   height: 119px;   margin-right: 78px;   border-radius: 20px;  } } #pageUnsupportedDevice #appMeta {  font-family: Helvetica, sans-serif;  text-align: center; } @media (min-width: 768px) {  #pageUnsupportedDevice #appMeta {   width: 450px;   max-width: 100%;   float: left;   text-align: left;  } } #pageUnsupportedDevice #appName {  margin-bottom: 7px;  font-size: 24px;  font-weight: normal;  line-height: 27px; } @media (min-width: 768px) {  #pageUnsupportedDevice #appName {   margin-bottom: 14px;   font-size: 42px;   line-height: 49px;  } } #pageUnsupportedDevice .unsupported-browser-text {  font-size: 16px;  line-height: 21px; }