/* stylelint-disable color-no-hex*/ /* stylelint-disable color-no-hex*/ @import "bootstrap-reboot.css"; @import "bootstrap-grid.css"; @import url("https://use.typekit.net/vwa1vxr.css"); h1, h2, h3, h4, h5, h6 { letter-spacing: 0; text-align: left; color: #212121; } h1 { font-size: 36px; font-weight: 900; line-height: 40px; } h2 { font-size: 30px; font-weight: 700; line-height: 32px; } h3 { font-size: 24px; font-weight: 700; line-height: 28px; } h4 { font-size: 20px; font-weight: 700; line-height: 24px; } h5 { font-size: 16px; font-weight: 700; line-height: 20px; } h6 { font-size: 14px; font-weight: 600; line-height: 20px; } body .pull-right { float: right; } body .pull-left { float: left; } body .clickable { cursor: pointer; } body .text-align-left { text-align: left; } body .text-align-right { text-align: right; } body .text-align-center { text-align: center; } body .hidden, body .hide { display: none; } body .rounded-corners-50 { border-radius: 12px; } body .rounded-corners { border-radius: 24px; } body .ui-helper-hidden-accessible { display: none; } body .icon, body .icon-tooltip-medium { outline: 1px solid orange; width: 15px; height: 15px; border-radius: 15px; } body .btn-blue { outline: 1px solid orange; } body .clear { clear: both; } body .nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body .DynarchCalendar-topCont { width: 200px; } body .ui-code-block { font-family: monospace; background-color: #F5F5F5; padding: 4px; border-radius: 4px; font-size: 12px; line-height: 12px; } body .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } body .fade.in { opacity: 1; } body .collapse { display: none; } body .collapse.in { display: block; } body .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } body .connected-members-holder { display: flex; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 8px; align-self: stretch; flex-wrap: wrap; } body .connected-members-holder-plain { display: flex; align-items: flex-start; align-content: flex-start; row-gap: 8px; align-self: stretch; flex-wrap: wrap; } body .connected-members-holder-plain .ui-profile-pic { margin-right: 16px; } body .align-buttons-right { text-align: right; } body .align-buttons-right .ui-button:not(:last-child) { margin-right: 8px; } body .align-buttons-left .ui-button:not(:first-child) { margin-left: 8px; } body .gap-default { gap: 16px; } body .gap-50 { gap: 8px; } body input[type=text], body input[type=email], body input[type=search], body input[type=number], body input[type=password], body input[type=date] { background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; padding: 12px; transition: background 0.2s ease; border-style: none; } body input[type=text].full-width, body input[type=email].full-width, body input[type=search].full-width, body input[type=number].full-width, body input[type=password].full-width, body input[type=date].full-width { width: 100%; } body input[type=text].narrow, body input[type=email].narrow, body input[type=search].narrow, body input[type=number].narrow, body input[type=password].narrow, body input[type=date].narrow { padding: 6px 12px; } body input[type=text].narrow.outlined, body input[type=email].narrow.outlined, body input[type=search].narrow.outlined, body input[type=number].narrow.outlined, body input[type=password].narrow.outlined, body input[type=date].narrow.outlined { padding: 6px 10px; border: 1px solid #E0E0E0; } body input[type=text].outlined, body input[type=email].outlined, body input[type=search].outlined, body input[type=number].outlined, body input[type=password].outlined, body input[type=date].outlined { padding: 11px; border: 1px solid #E0E0E0; } body input[type=text]:hover, body input[type=email]:hover, body input[type=search]:hover, body input[type=number]:hover, body input[type=password]:hover, body input[type=date]:hover { background-color: #EEE; transition: background 0.2s ease; } body input[type=text]::placeholder, body input[type=email]::placeholder, body input[type=search]::placeholder, body input[type=number]::placeholder, body input[type=password]::placeholder, body input[type=date]::placeholder { color: #9E9E9E; } body input[type=text]:focus, body input[type=email]:focus, body input[type=search]:focus, body input[type=number]:focus, body input[type=password]:focus, body input[type=date]:focus { outline: none; } body .form-row.checkbox input[type=checkbox] { width: 18px; height: 18px; float: left; margin-top: 1px; } body .form-row.checkbox label { padding-left: 8px; font-weight: normal; } body .form-row.url a { color: #03A9F4; } body .form-row.url a:hover { text-decoration: none; color: #039CE0; } body .form-row .col-6.url a { color: #03A9F4; } body .form-row .col-6.url a:hover { text-decoration: none; color: #039CE0; } body select, body textarea { background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; height: 100%; padding: 12px 12px; transition: background 0.2s ease; border-style: none; } body select.narrow, body textarea.narrow { padding: 6px 12px; } body select.narrow.outlined, body textarea.narrow.outlined { padding: 6px 10px; border: 1px solid #E0E0E0; } body select.outlined, body textarea.outlined { padding: 10px; border: 1px solid #E0E0E0; } body select.full-width, body textarea.full-width { width: 100%; } body select.flex, body textarea.flex { flex: 1; } body select:focus, body textarea:focus { outline: none; } body textarea { resize: none; } body select { appearance: none; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right 8px center; padding-right: 40px !important; } body select.narrow.outlined { padding: 6px 10px !important; border: 1px solid #E0E0E0; } body select.outlined { padding: 10px 40px 10px 10px !important; } body.dark-mode select { background-image: url('data:image/svg+xml,'); } body .form-group, body .form-group-title { margin-bottom: 16px; display: flex; flex-wrap: wrap; align-items: center; } body .form-group label, body .form-group-title label { margin-bottom: 0; } body .form-group.multiline, body .form-group-title.multiline { align-items: normal; } body .form-group.multiline label, body .form-group-title.multiline label { margin-top: 12px; } body .form-group.no-wrap, body .form-group-title.no-wrap { flex-wrap: nowrap; } body .form-group.multirow label, body .form-group-title.multirow label { margin-bottom: 8px; } body .form-group.no-margin, body .form-group-title.no-margin { margin-bottom: 0; } body .form-group.hidden, body .form-group.hide, body .form-group-title.hidden, body .form-group-title.hide { display: none; } body .form-group.radio input[type=radio], body .form-group-title.radio input[type=radio] { margin-right: 8px; } body .form-group .ui-tooltip-icon, body .form-group-title .ui-tooltip-icon { height: 24px; width: 24px; } body .form-group .ui-tooltip-icon.info_circle, body .form-group-title .ui-tooltip-icon.info_circle { margin-left: auto; } body .form-group .ui-tooltip-icon:not(.info_circle), body .form-group-title .ui-tooltip-icon:not(.info_circle) { margin-left: 8px; } body .form-group [class*=offset-], body .form-group-title [class*=offset-] { padding-left: 0; padding-right: 0; margin-bottom: 4px; margin-top: 4px; } body .form-group .form-input-button, body .form-group-title .form-input-button { margin-left: 8px; } body .form-group.hidden, body .form-group-title.hidden { display: none; } body .form-group-title h5 { margin-bottom: 0 !important; } body .form-spacer { border-bottom: 1px solid #EEE; margin-top: 32px; margin-bottom: 32px; opacity: 0.6; } body table { border-collapse: collapse; width: 100%; margin-bottom: 16px; } body table.fixed { table-layout: fixed; } body table table { margin-bottom: 0; } body table thead tr th, body table tfoot tr th { padding: 8px; font-weight: 700; } body table.narrow tbody tr th, body table.narrow tbody tr td, body table.narrow thead tr th, body table.narrow thead tr td, body table.narrow tfoot tr th, body table.narrow tfoot tr td { padding: 4px; } body table tbody tr th { padding: 8px; font-weight: 700; } body table tbody tr th:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } body table tbody tr th:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } body table tbody tr td { padding: 8px; } body table tbody tr td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } body table tbody tr td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } body table tbody tr td.vertical-align-top { vertical-align: top; } body table tbody tr td a { text-decoration: none; } body table tbody tr td a:hover { text-decoration: none; } body table tbody tr.highlight { background: #E0E0E0; } body table tbody tr.highlight:hover { background-color: #BDBDBD; } body table tbody tr:nth-child(odd) { background: #F5F5F5; } body table tbody tr:nth-child(odd):hover { background-color: #EEE; } body table tbody tr:nth-child(even) { background-color: #FFF; } body table tbody tr:nth-child(even):hover { background-color: #EEE; } body table.plain tbody tr:nth-child(odd), body table.plain tbody tr:nth-child(even) { background: transparent; } body table.plain tbody tr:nth-child(odd):hover, body table.plain tbody tr:nth-child(even):hover { background: transparent; } body table.plain tbody tr.highlight { background: #EEE; } body table.plain tbody tr.highlight:hover { background-color: #E0E0E0; } body table.no-hover tbody tr:nth-child(odd):hover { background-color: #F5F5F5; } body table.no-hover tbody tr:nth-child(even):hover { background-color: #FFF; } body table.no-hover tbody tr.highlight { background: #E0E0E0; } body table.no-hover tbody tr.highlight:hover { background-color: #E0E0E0; } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } body.modal-open { overflow: hidden; } body .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } body .modal .modal-dialog-small { width: 444px !important; margin: 30px auto; } body .modal .modal-dialog-medium { width: 666px !important; margin: 30px auto; } body .modal .modal-dialog-large { width: 950px !important; margin: 30px auto; } body .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } body .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); z-index: 1050; } body .modal-open .modal { overflow-x: hidden; overflow-y: auto; } body .modal-dialog { position: relative; width: auto; margin: 10px; } body .modal-content { position: relative; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 12px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; /* Create a custom radio button */ /* On mouse-over, add a grey background color */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } body .modal-content .popup-warning-block { padding: 16px; background-color: #FFA726; border-radius: 12px; display: flex; } body .modal-content .popup-warning-block .popup-warning-block-icon { margin-right: 16px; } body .modal-content .form-group label[class*=col-] { padding-left: 16px; } body .modal-content .vg-radio-container { display: block; position: relative; padding-left: 35px; margin-top: 6px; margin-bottom: 6px; cursor: pointer; font-size: 14px; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Hide the browser's default radio button */ } body .modal-content .vg-radio-container input { position: absolute; opacity: 0; cursor: pointer; } body .modal-content .vg-radio-checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #eee; border-radius: 50%; border-style: solid; border-color: #03A9F4; /* Create the indicator (the dot/circle - hidden when not checked) */ } body .modal-content .vg-radio-checkmark:after { content: ""; position: absolute; display: none; } body .modal-content .vg-radio-container:hover input ~ .vg-radio-checkmark { background-color: #ccc; } body .modal-content .vg-radio-container input:checked ~ .vg-radio-checkmark:after { display: block; } body .modal-content .vg-radio-container .vg-radio-checkmark:after { top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #03A9F4; } body .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } body .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } body .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } body .modal-header { padding: 16px; border-bottom: 1px solid #F5F5F5; } body .modal-header h4 { margin: 0; } body .modal-header .close { float: right; border: 0; background: transparent; } body .modal-header .close:focus { outline: 0; } body .modal-title { margin: 0; } body .modal-body { position: relative; padding: 16px; } body .modal-body a { color: #03A9F4; } body .modal-body a:hover { color: #039CE0; } body .modal-body .modal-error { color: #EF5350; padding-left: 16px; padding-right: 16px; margin-top: 8px; margin-bottom: 8px; } body .modal-footer { padding: 16px; border-top: 1px solid #F5F5F5; } body .modal-footer .col-6:last-child { text-align: right; } body .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } body .modal-footer .btn-group .btn + .btn { margin-left: -1px; } body .modal-footer .btn-block + .btn-block { margin-left: 0; } body .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } body .bootbox.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } body .bootbox .modal-dialog { margin-top: 100px; } body .bootbox .modal-body button.bootbox-close-button { float: right; border: 0; background: transparent; } body .bootbox .modal-body button.bootbox-close-button:focus { border: 0; outline: 0; } body .bootbox .modal-footer { height: 66px; } body .bootbox .modal-footer .btn { border-radius: 25px; font-size: 14px; font-weight: 500; margin: 0; text-transform: none !important; border-style: none; transition: all 0.2s ease; text-decoration: none; background: none; cursor: pointer; height: 32px; padding: 0 16px; } body .bootbox .modal-footer .btn:focus { border: 0; outline: 0; } body .bootbox .modal-footer .btn-default { border: 1px solid #E0E0E0; color: #757575; float: left; } body .bootbox .modal-footer .btn-default:hover { border-color: #BDBDBD; } body .bootbox .modal-footer .btn-primary { background-color: #03A9F4; color: white; float: right; } body .bootbox .modal-footer .btn-primary.red { background-color: #E57373; color: white; } body .bootbox .modal-footer .btn-primary.red:hover { background-color: #EF5350; color: white; } body .bootbox .modal-footer .btn-primary:hover { background-color: #039CE0; color: white; } @media (min-width: 768px) { body .modal-dialog { width: 600px; margin: 30px auto; } body .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } body .modal-sm { width: 300px; } } @media (min-width: 992px) { body .modal-lg { width: 900px; } } body .ui-tooltip-icon { display: inline-block; } body .ui-tooltip-icon.size-48 { height: 48px; width: 48px; } body .ui-tooltip-icon.size-24 { height: 24px; width: 24px; } body .ui-tooltip-icon.size-20 { height: 20px; width: 20px; } body .ui-tooltip-icon.size-16 { height: 16px; width: 16px; } body .ui-tooltip-icon.rotate-90 { transform: rotate(90deg); } body .ui-tooltip-icon.rotate-180 { transform: rotate(180deg); } body .ui-tooltip-icon.rotate-270 { transform: rotate(270deg); } body .ui-tooltip-icon .ui-tooltip-icon-holder { width: 100%; height: 100%; position: relative; } body .ui-tooltip-icon .ui-tooltip-icon-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } body .tooltip { position: absolute; z-index: 1070; display: block; font-family: "sofia-pro"; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 16px; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } body .tooltip table tbody tr { background-color: transparent; } body .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } body .tooltip.top { margin-top: -3px; padding: 5px 0; } body .tooltip.right { margin-left: 3px; padding: 0 5px; } body .tooltip.bottom { margin-top: 3px; padding: 5px 0; } body .tooltip.left { margin-left: -3px; padding: 0 5px; } body .tooltip-inner { max-width: 250px; padding: 8px; color: #ffffff; text-align: left; background-color: #000000; border-radius: 4px; } body .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } body .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } body .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } body .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } body .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } body .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } body .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } body .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } body .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } body .ui-filters { display: flex; align-items: center; margin-bottom: 16px; gap: 8px; } body .ui-filters select { border-radius: 22px; border: 1px solid #E0E0E0; background-color: transparent; color: #757575; cursor: pointer; } body .ui-filters select:hover { background-color: #EEE; color: #757575; } body .ui-filters select.active { border-color: #03A9F4; color: #03A9F4; background-color: transparent; font-weight: 600; } body .ui-filters select.active:hover { border-color: #039CE0; color: #039CE0; } body .ui-filters .dropdown-holder a[data-toggle=dropdown], body .ui-filters .dropdown-holder a[data-toggle=modal] { height: 44px; } body .ui-filters .dropdown-holder a[data-toggle=dropdown].disabled, body .ui-filters .dropdown-holder a[data-toggle=modal].disabled { cursor: not-allowed; opacity: 0.6; } body .ui-filters .dropdown-holder a[data-toggle=dropdown].active, body .ui-filters .dropdown-holder a[data-toggle=modal].active { border-color: #03A9F4; color: #03A9F4; background-color: transparent; font-weight: 600; } body .ui-filters .dropdown-holder a[data-toggle=dropdown].active:hover, body .ui-filters .dropdown-holder a[data-toggle=modal].active:hover { border-color: #039CE0; color: #039CE0; } body .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "sofia-pro"; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 16px; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; background-color: #000000; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 4px; } body .popover a { color: #03A9F4; } body .popover a:hover { color: #039CE0; } body .popover.top { margin-top: -10px; } body .popover.right { margin-left: 10px; } body .popover.bottom { margin-top: 10px; } body .popover.left { margin-left: -10px; } body .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } body .popover-content { padding: 8px; color: #ffffff; } body .popover > .arrow, body .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } body .popover > .arrow { border-width: 11px; } body .popover > .arrow:after { border-width: 10px; content: ""; } body .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } body .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #FFF; } body .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } body .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } body .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } body .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } body .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } body .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } body .dropdown-holder { position: relative; cursor: pointer; user-select: none; } body .dropdown-holder.icon-only { width: 24px; height: 24px; display: inline-block; } body .dropdown-holder.icon-only a[data-toggle=dropdown], body .dropdown-holder.icon-only a.fake-dropdown { border: 0; padding: 0; height: 24px; width: 24px; } body .dropdown-holder.icon-only a[data-toggle=dropdown]:hover, body .dropdown-holder.icon-only a.fake-dropdown:hover { background-color: transparent; } body .dropdown-holder a[data-toggle=dropdown], body .dropdown-holder a.fake-dropdown { border: 1px solid #E0E0E0; height: 32px; padding: 0 8px 0 16px; border-radius: 25px; font-size: 14px; display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #757575; } body .dropdown-holder a[data-toggle=dropdown]:hover, body .dropdown-holder a.fake-dropdown:hover { background-color: #EEE; color: #757575; } body .dropdown-holder a[data-toggle=dropdown] .caret, body .dropdown-holder a.fake-dropdown .caret { background-image: url('data:image/svg+xml,'); width: 24px; height: 24px; border: 0; margin: 0; } body .dropdown-holder.open .caret { transform: rotate(180deg); } body .dropdown-toggle:focus { outline: 0; } body .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: white; border: 1px solid #E0E0E0; border-radius: 6px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); background-clip: padding-box; } body .dropdown-menu li:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; } body .dropdown-menu li:first-child a { border-top-left-radius: 6px; border-top-right-radius: 6px; } body .dropdown-menu li:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } body .dropdown-menu li:last-child a { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } body .dropdown-menu.pull-right { right: 0; left: auto; } body .dropdown-menu .divider { height: 1px; margin: 0; overflow: hidden; background-color: #EEE; } body .dropdown-menu > li > a, body .dropdown-menu > li > div.dropdown-menu-item { display: flex; align-items: center; padding: 10px 16px 10px 16px; clear: both; font-weight: normal; line-height: 1.42857143; color: #424242; white-space: nowrap; } body .dropdown-menu > li > a span, body .dropdown-menu > li > div.dropdown-menu-item span { display: inline-flex; align-items: center; width: 100%; margin-right: 8px; } body .dropdown-menu > li > a span .ui-tooltip-icon, body .dropdown-menu > li > div.dropdown-menu-item span .ui-tooltip-icon { margin-left: auto; } body .dropdown-menu > li > a .ui-tooltip-icon, body .dropdown-menu > li > div.dropdown-menu-item .ui-tooltip-icon { margin-left: auto; } body .dropdown-menu > li > div.dropdown-menu-item { max-width: 200px; } body .dropdown-menu > li > a:hover, body .dropdown-menu > li > a:focus { text-decoration: none; color: #424242; background-color: #F5F5F5; } body .dropdown-menu > .active > a, body .dropdown-menu > .active > a:hover, body .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #03A9F4; } body .dropdown-menu > .disabled > a, body .dropdown-menu > .disabled > a:hover, body .dropdown-menu > .disabled > a:focus { color: #777777; } body .dropdown-menu > .disabled > a:hover, body .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } body .open > .dropdown-menu { display: block; } body .open > a { outline: 0; } body .dropdown-menu-right { left: auto; right: 0; } body .dropdown-menu-left { left: 0; right: auto; } body .dropdown-header { display: block; padding: 10px 16px 10px 16px; font-size: 12px; line-height: 16px; color: #9E9E9E; text-transform: uppercase; white-space: nowrap; cursor: default; } body .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } body .pull-right > .dropdown-menu { right: 0; left: auto; } body .dropup .caret, body .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } body .dropup .dropdown-menu, body .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } body .btn-group > .btn { position: relative; float: left; } body .bootstrap-select.btn-group[class*=col-] .btn { width: 100%; } body .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } body .btn-group { padding: 0; } body .btn-group.lang-picker .btn, body .btn-group.ui-multi-picker .btn { padding: 12px 12px 12px 12px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border: none; cursor: pointer; text-decoration: none; font-weight: normal; background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; } body .btn-group.lang-picker .btn:focus, body .btn-group.ui-multi-picker .btn:focus { outline: 0 !important; } body .btn-group.lang-picker .btn .caret, body .btn-group.ui-multi-picker .btn .caret { background-image: url('data:image/svg+xml,'); border: 0; width: 24px; height: 24px; top: 12px; right: 8px; } body .btn-group .btn-default { color: #333; background: #fff none; border-color: #ccc; } body .btn-group > .btn { position: relative; float: left; } body.dark-mode a[data-toggle=dropdown] .caret { background-image: url('data:image/svg+xml,'); } body.dark-mode .btn-group.lang-picker .btn .caret, body.dark-mode .btn-group.ui-multi-picker .btn .caret { background-image: url('data:image/svg+xml,'); } body .ui-switch { width: 100%; height: 32px; background: #F5F5F5; border-radius: 8px; justify-content: flex-start; align-items: flex-start; display: inline-flex; margin-top: 16px; margin-bottom: 16px; } body .ui-switch .switch-holder { flex: 1 1 0; align-self: stretch; padding-left: 16px; padding-right: 16px; background: #FFF; border-radius: 8px; border: 1px #E0E0E0 solid; justify-content: center; align-items: center; display: flex; cursor: pointer; } body .ui-switch .switch-holder.inactive { border-radius: 200px; background-color: transparent; border-color: transparent; } body .ui-switch .switch-holder.inactive .switch-text { color: #757575; } body .ui-switch .switch-holder .switch-text { text-align: center; color: #03A9F4; word-wrap: break-word; } body { /* Fix for * { box-sizing: border-box; } */ /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ /* Don't allow text selection */ /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ /* Clearfix hack */ /* Mobile devices, make hue slider bigger so it is easier to slide */ /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ /* Input */ /* Palettes */ /* Initial */ /* Buttons */ /* Replacer (the little preview div that shows up instead of the ) */ /* Buttons: http://hellohappy.org/css3-buttons/ */ } body .sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } body .sp-container.sp-flat { position: relative; } body .sp-container, body .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } body .sp-top { position: relative; width: 100%; display: inline-block; } body .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } body .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } body .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } body .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } body .sp-fill { padding-top: 80%; } body .sp-sat, body .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } body .sp-alpha-enabled .sp-top { margin-bottom: 18px; } body .sp-alpha-enabled .sp-alpha { display: block; } body .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: 0.8; } body .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } body .sp-alpha-inner { border: solid 1px #333; } body .sp-clear { display: none; } body .sp-clear.sp-clear-display { background-position: center; } body .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } body .sp-container, body .sp-replacer, body .sp-preview, body .sp-dragger, body .sp-slider, body .sp-alpha, body .sp-clear, body .sp-alpha-handle, body .sp-container.sp-dragging .sp-input, body .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } body .sp-container.sp-input-disabled .sp-input-container { display: none; } body .sp-container.sp-buttons-disabled .sp-button-container { display: none; } body .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } body .sp-palette-only .sp-picker-container { display: none; } body .sp-palette-disabled .sp-palette-container { display: none; } body .sp-initial-disabled .sp-initial { display: none; } body .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81"); } body .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000"); } body .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } body .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00"); } body .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00"); } body .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff"); } body .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff"); } body .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff"); } body .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000"); } body .sp-hidden { display: none !important; } body .sp-cf:before, body .sp-cf:after { content: ""; display: table; } body .sp-cf:after { clear: both; } body .sp-cf { *zoom: 1; } @media (max-device-width: 480px) { body .sp-color { right: 40%; } body .sp-hue { left: 63%; } body .sp-fill { padding-top: 60%; } } body .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } body .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: 0.8; } body .sp-container { border-radius: 0; background-color: #F5F5F5; border: solid 1px #E0E0E0; border-radius: 8px; padding: 0; } body .sp-container, body .sp-container button, body .sp-container input, body .sp-color, body .sp-hue, body .sp-clear { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body .sp-top { margin-bottom: 3px; } body .sp-color, body .sp-hue, body .sp-clear { border: solid 1px #E0E0E0; } body .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } body .sp-initial-disabled .sp-input-container { width: 100%; } body .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: white; border-radius: 3px; color: #222; } body .sp-input:focus { border: 1px solid orange; } body .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } body .sp-picker-container, body .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } body .sp-picker-container { width: 175px; } body .sp-palette-container { border-right: solid 1px #ccc; } body .sp-palette-only .sp-palette-container { border: 0; } body .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } body .sp-palette .sp-thumb-el:hover, body .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } body .sp-thumb-el { position: relative; } body .sp-initial { float: left; border: solid 1px #333; } body .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } body .sp-initial .sp-clear-display { background-position: center; } body .sp-palette-button-container, body .sp-button-container { float: right; } body .sp-replacer { margin: 0 0 0 5px; overflow: hidden; cursor: pointer; padding: 3px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #F5F5F5; background: #F5F5F5; color: #333; vertical-align: middle; border-radius: 8px; /*float:left;*/ } body .sp-replacer:hover, body .sp-replacer.sp-active { border-color: #E0E0E0; color: #111; } body .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } body .sp-dd { padding: 0; height: 16px; line-height: 25px; float: left; font-size: 10px; color: #555555; margin-top: 5px; } body .sp-preview { position: relative; width: 36px; height: 36px; border: solid 1px #E0E0E0; margin-right: 5px; float: left; z-index: 0; border-radius: 8px; } body .sp-palette { *width: 220px; max-width: 220px; } body .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } body .sp-container { padding-bottom: 0; } body .sp-container button { background-color: #03A9F4; border: 1px solid #03A9F4; border-radius: 16px; color: white; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; vertical-align: middle; } body .sp-container button:hover { background-color: #039CE0; border: 1px solid #039CE0; cursor: pointer; } body .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; } body .sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; } body .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } body .sp-palette span:hover, body .sp-palette span.sp-thumb-active { border-color: #000; } body .sp-preview, body .sp-alpha, body .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } body .sp-preview-inner, body .sp-alpha-inner, body .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 8px; } body .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } body .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } body .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } body .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } body .ui-loader { width: 48px; height: 48px; transform: rotate(-90deg); } body .ui-loader.center { margin: 0 auto; } body .ui-loader.medium { width: 32px; height: 32px; } body .ui-loader.normal { width: 20px; height: 20px; } body .ui-loader.small { width: 16px; height: 16px; } @keyframes ui-loader-outer { from { stroke-dasharray: 628 1400; stroke-dashoffset: 628; } 50% { stroke-dasharray: 1257 1400; stroke-dashoffset: 0; } 100% { stroke-dasharray: 1257 1400; stroke-dashoffset: -1257; } } @keyframes ui-loader-inner { from { stroke-dasharray: 314 700; stroke-dashoffset: 314; } 50% { stroke-dasharray: 628 700; stroke-dashoffset: 0; } 100% { stroke-dasharray: 628 700; stroke-dashoffset: -628; } } body .ui-loader-outer { animation: ui-loader-outer 1.75s linear infinite; } body .ui-loader-inner { animation: ui-loader-inner 1.75s linear infinite; } .ui-mass-assign-notification { background-color: #b8e2f6; border-bottom: 1px solid #62aed1; color: #1b78a3; border-radius: 4px; min-height: 50px; padding: 10px; margin-bottom: 10px; line-height: 25px; } .ui-mass-assign-notification.success { background-color: #b6efb9; border-bottom: 1px solid #8bb668; color: #2d8e32; } .ui-mass-assign-notification.error { background-color: #f8c3c4; border-bottom: 1px solid #e48181; color: #8f3030; } .modal.ui-mass-assign.in { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; align-items: center; width: 100%; } .modal.ui-mass-assign.schedule_workout_popup #mass_assign_confirmation_text { padding: 10px 60px 40px 60px; } .modal.ui-mass-assign ::-webkit-scrollbar { width: 10px; } .modal.ui-mass-assign ::-webkit-scrollbar-track { background: #F1F1F1; } .modal.ui-mass-assign ::-webkit-scrollbar-thumb { background: #888888; border-radius: 10px; } .modal.ui-mass-assign ::-webkit-scrollbar-thumb:hover { background: #555555; } .modal.ui-mass-assign .modal-dialog { z-index: 1051; } .modal.ui-mass-assign .modal-dialog .loading_gif { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; position: absolute; left: 46%; bottom: 0; } .modal.ui-mass-assign .modal-dialog .modal-content { border-radius: 0; border: hidden; height: auto; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-header h1 { font-size: 24px; padding-left: 10px; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-header .modal-desc { font-size: 14px; padding-left: 10px; color: #a9a9a9; } .modal.ui-mass-assign .modal-dialog .modal-content #mass_assign_search { width: 100%; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body { padding: 0; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .schedule_workout_form { padding-top: 16px; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .schedule_workout_form .summary-selected-list-title { padding-bottom: 8px; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .schedule_workout_form #assignees-list .assignee-icon { float: left; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members { overflow-y: hidden; display: flex; flex-wrap: wrap; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members #mass-assign-select-users-list .icon, .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members #selected-list-client .icon, .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members #mass-assign-select-goals-list .icon, .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members #selected-list-client .icon, .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members #mass-assign-select-tags-list .icon, .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members #selected-list-client .icon { margin: 10px 0 0 0 !important; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .form_members .subcategory-collapsible-toggle { cursor: pointer; font-weight: bold; margin-top: 5px; width: 100%; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .selected-column-padding { padding: 25px 20px 0 25px; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .selected-column { overflow-y: scroll; padding: 0 !important; height: 430px; border-right: 1px solid #EEE; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .selection-column { padding: 0 !important; height: 420px; border-right: 1px solid #EEE; } .modal.ui-mass-assign .modal-dialog .modal-content .modal-body .selection-column-title { color: #aba9a9; margin-top: 2px; font-weight: bold; } .modal.ui-mass-assign .modal-dialog .modal-footer { padding: 0; display: flex; } .modal.ui-mass-assign .modal-dialog .modal-footer div { padding: 0; } .modal.ui-mass-assign .modal-dialog .modal-footer button { width: 100%; height: 48px; border-radius: 0; border: none; text-align: center; } .modal.ui-mass-assign .modal-dialog .modal-footer .cancel button { margin: 0; background: #C0C0C0; color: #000000; } .modal.ui-mass-assign .modal-dialog .modal-footer .cancel button:hover { background-color: #B7B6B6; } .modal.ui-mass-assign .modal-dialog .modal-footer .cancel button:active { background-color: #AAA7A7; } .modal.ui-mass-assign .modal-dialog .modal-footer .continue button { margin: 0; background: #03A9F4; color: #FFFFFF; } .modal.ui-mass-assign .modal-dialog .modal-footer .continue button:hover, .modal.ui-mass-assign .modal-dialog .modal-footer .continue button:active { background-color: #039CE0; } .modal.ui-mass-assign .display-none { display: none; } .modal.ui-mass-assign#mass_assign_confirm_popup #assignees-list { width: 400px; height: 50px; margin: 0 auto; text-align: center; } .modal.ui-mass-assign#mass_assign_confirm_popup #assignees-list .assignee-icon { margin-right: 5px; margin-top: 10px; height: 40px; width: 40px; display: inline-block; } .modal.ui-mass-assign#mass_assign_confirm_popup #assignees-list .assignees-extra-text { margin-top: 20px; display: inline-block; font-size: 14.4px; } .modal.ui-mass-assign .user-box { padding: 7px 20px 0 25px; cursor: pointer; height: 55px; } .modal.ui-mass-assign .mass-assign-client-name { width: 170px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal.ui-mass-assign .user-box:hover { background-color: #EEE; } .modal.ui-mass-assign .members-icons { float: right; margin-top: 10px; display: none; } .modal.ui-mass-assign .user-box:hover .members-icons { display: block; } .modal.ui-mass-assign .img-circle-client { margin-right: 10px; margin-bottom: 5px; width: auto; height: 40px; } .modal.ui-mass-assign .member_search { padding: 10px 0 10px 0; } .modal.ui-mass-assign .mass_assign_list { overflow-y: scroll; max-height: 77%; } .modal.ui-mass-assign #mass_assign_confirm_popup .modal-title { text-align: left; font-weight: bold; } .modal.ui-mass-assign #mass_assign_save_notification { opacity: 1; height: auto; padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: 15px; } .modal.ui-mass-assign #mass_assign_loading_dialog #ajax_loader { display: flex; justify-content: center; opacity: 0.8; } .modal.ui-mass-assign #mass_assign_loading_dialog #ajax_loader img { height: 25px; margin-top: 50px; } .modal.ui-mass-assign .mass_assign_list .icon-select { height: 24px; width: 24px; outline: none; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>Icons/plus'); } .modal.ui-mass-assign .mass_assign_list--all .icon-select { height: 24px; width: 24px; outline: none; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>Icons/delete'); } body.dark-mode .modal.ui-mass-assign .mass_assign_list .icon-select { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>Icons/plus'); } body.dark-mode .modal.ui-mass-assign .mass_assign_list--all .icon-select { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>Icons/delete'); } .ui-panel { border: 1px solid #F5F5F5; margin-bottom: 8px; border-radius: 12px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } .ui-panel .panel-heading { border-bottom: 1px solid #F5F5F5; margin-bottom: 8px; border-radius: 12px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #F5F5F5; padding: 16px; } .ui-panel .panel-title { display: inline-block; font-size: 16px; line-height: 20px; margin: 0; } .ui-panel .panel-body { padding: 16px; } body .ui-nutrition-meal-moment { width: 100%; height: 100%; padding: 24px; background: #F5F5F5; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 6px; display: inline-flex; margin-bottom: 16px; } body .ui-nutrition-meal-moment .moment-header-row { align-self: stretch; justify-content: flex-start; align-items: center; gap: 11px; display: inline-flex; } body .ui-nutrition-meal-moment .moment-header-row input { margin-left: 8px; } body .ui-nutrition-meal-moment .moment-header-row .title { color: #212121; font-size: 20px; font-weight: 700; line-height: 24px; word-wrap: break-word; flex: 1; } body .ui-nutrition-meal-moment .moment-header-row .columns { height: 20px; justify-content: flex-start; align-items: center; gap: 16px; display: flex; } body .ui-nutrition-meal-moment .moment-header-row .columns .column { color: #212121; font-size: 16px; font-weight: 700; line-height: 20px; word-wrap: break-word; } body .ui-nutrition-meal-moment .moment-header-row .columns .column.faded { opacity: 0; } body .ui-nutrition-meal-moment .moment-header-row .icon { width: 72px; height: 24px; position: relative; display: flex; justify-content: end; align-items: center; outline: 0; padding-right: 8px; } body .ui-nutrition-meal-moment .moment-row { align-self: stretch; padding: 8px; background: #FFF; border-radius: 16px; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; } body .ui-nutrition-meal-moment .moment-row.placeholder { justify-content: center; height: 68px; } body .ui-nutrition-meal-moment .moment-row.placeholder.hide { display: none; } body .ui-nutrition-meal-moment .moment-row img { width: 52px; height: 52px; border-radius: 8px; } body .ui-nutrition-meal-moment .moment-row .title { flex: 1 1 0; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; display: flex; align-items: center; } body .ui-nutrition-meal-moment .moment-row .title a { color: #000; } body .ui-nutrition-meal-moment .moment-row .title .ui-tooltip-icon { margin-left: 8px; } body .ui-nutrition-meal-moment .moment-row .columns { justify-content: flex-start; align-items: center; gap: 16px; display: flex; } body .ui-nutrition-meal-moment .moment-row .columns .column { color: #212121; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } body .ui-nutrition-meal-moment .moment-row .icons { justify-content: flex-start; align-items: center; gap: 16px; display: flex; } body { color: #424242; padding-top: 0; font-family: "sofia-pro", Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 20px; font-weight: 400; background-attachment: fixed; background-color: #FFF; } body.sidebar-is-collapsed #main-container { margin-left: 65px; } body.sidebar-is-collapsed .ui-header-tabs { margin-left: 65px; padding-left: 0; } body.sidebar-is-hidden #main-container, body.sidebar-is-hidden .ui-header-tabs { margin-left: 0; } body.sidebar-is-hidden #ui-footer { margin-left: 0; } body .container-fluid { padding-left: 80px; padding-right: 80px; } body #main-container { margin-left: 300px; padding-top: 32px; margin-top: 109px; padding-bottom: 32px; min-height: calc(100vh - 47px - 70px - 39px); } body #main-container.no-top-apps { margin-top: 70px; min-height: calc(100vh - 47px - 70px); } body #main-container.no-top-apps.has-coach-bar { margin-top: 110px; min-height: calc(100vh - 47px - 110px); } body #main-container.has-coach-bar { margin-top: 150px; min-height: calc(100vh - 47px - 150px); } body #main-container.vue-app { margin-left: 0; } body #main-container.full-space { margin-top: 70px; padding: 0; min-height: calc(100vh - 47px - 70px); } body #main-container.full-space .container-fluid { padding: 0; } body #main-container.no-header { margin-top: 0; padding: 0; min-height: 100vh; } body #main-container.no-header .container-fluid { padding: 0; } body #main-container .container.min-width, body #main-container .container-fluid.min-width { min-width: 1100px; } body #main-container .container #app .app-container, body #main-container .container #app .member-list, body #main-container .container-fluid #app .app-container, body #main-container .container-fluid #app .member-list { padding: 0; } body.dark-mode #main-container .container #app, body.dark-mode #main-container .container-fluid #app { background: #F5F9FF; border-radius: 12px; } body .ui-navbar { height: 70px; position: fixed; width: 100%; top: 0; left: 0; z-index: 1030; } body .ui-navbar.background-repeat { background-repeat: repeat; background-position: center; } body .ui-navbar .navbar-nav { text-align: left; } body .ui-navbar #user_offline_buttons { position: absolute; top: 0; right: 15px; float: none; text-align: left; display: flex; align-items: center; height: 100%; } body .ui-navbar #user_offline_buttons ul { margin: 0; padding: 0; } body .ui-navbar #user_offline_buttons ul li { display: inline-block; } body .ui-navbar #user_offline_buttons ul li:last-child { margin-left: 8px; } body .ui-navbar #user_offline_buttons ul li a { background: rgba(0, 0, 0, 0.25); padding: 8px 16px; border-radius: 24px; color: white; } body .ui-navbar #user_offline_buttons ul li a:hover { background: rgba(0, 0, 0, 0.5); text-decoration: none; } body .ui-navbar .container { max-width: 100%; min-width: 100%; height: 70px; text-align: center; padding: 0 16px; } body .ui-navbar .container .navbar-header { display: inline-block; height: 100%; float: none; width: auto; } body .ui-navbar .container .navbar-header .navbar-brand { box-sizing: initial; padding: 0; max-width: 250px; height: 70px; display: flex; align-items: center; transition: 0.2s linear; } body .ui-navbar .container .navbar-header .navbar-brand:hover { background: rgba(0, 0, 0, 0.2); } body .ui-navbar .container .navbar-header .navbar-brand img { max-width: 100%; max-height: 70px; } body .ui-navbar .container #navbar { float: right; text-align: left; } body .ui-divider { margin-top: 32px; margin-bottom: 32px; height: 1px; background: #EEE; } body .ui-divider.narrow { margin-top: 8px; margin-bottom: 8px; } @media (min-width: 576px) { .ui-navbar .container, .ui-header-tabs .container, .ui-coach-bar .container { max-width: 540px; } } @media (max-width: 575.98px) { body .container-fluid { padding-left: 8px; padding-right: 8px; } body #main-container { margin-top: 48px; } body .ui-box, body .box, body .card, body .page_content { padding: 16px !important; overflow-x: scroll; } body .modal .modal-dialog-small, body .modal .modal-dialog-medium, body .modal .modal-dialog-large { max-width: 100%; } } @media (min-width: 768px) { .ui-navbar .container, .ui-header-tabs .container, .ui-coach-bar .container { max-width: 720px; } } @media (min-width: 992px) { .ui-navbar .container, .ui-header-tabs .container, .ui-coach-bar .container { max-width: 960px; } } @media (min-width: 1200px) { .ui-navbar .container, .ui-header-tabs .container, .ui-coach-bar .container { max-width: 1140px; } } .vue-app-container--grid { margin-left: 300px; transition: none; } .vue-app-container--grid #main-container, .vue-app-container--grid #MiddleBox { margin-top: 90px !important; padding-bottom: 40px !important; } .vue-app-container--grid #ui-navbar, .vue-app-container--grid #ui-footer, .vue-app-container--grid #sideBar, .vue-app-container--grid #TopBoxApps, .vue-app-container--grid #FooterBox, .vue-app-container--grid #FooterClear { display: block; } .vue-app-container--grid #main-container > .container, .vue-app-container--grid #ContentBox { min-height: 900px; } .vue-app-container--fullscreen { margin-left: 0; transition: none; } .vue-app-container--fullscreen #main-container, .vue-app-container--fullscreen #MiddleBox { margin-top: 0 !important; padding-bottom: 0 !important; } .vue-app-container--fullscreen #ui-navbar, .vue-app-container--fullscreen #ui-footer, .vue-app-container--fullscreen #sideBar, .vue-app-container--fullscreen #TopBoxApps, .vue-app-container--fullscreen #FooterBox, .vue-app-container--fullscreen #FooterClear { display: none; } .vue-app-container--fullscreen #main-container > .container, .vue-app-container--fullscreen #ContentBox { min-height: auto; } .vue-app-container--fullscreen #main-container { margin-left: 0; padding-top: 0; } @media screen and (max-width: 480px) { .vue-app-container--fullscreen { padding-top: 0; } } @media screen and (orientation: landscape) and (max-device-width: 992px) { .vue-app-container--fullscreen { padding-top: 0; } } body .ui-header-tabs { background-color: #FFF; padding-left: 300px; border-bottom: 1px solid #E0E0E0; position: fixed; width: 100%; top: 70px; z-index: 1; overflow-x: auto; } body .ui-header-tabs .container { min-width: 900px; } body .ui-header-tabs.has-coach-bar { top: 110px; } body .ui-header-tabs ul { list-style: none; padding: 0; margin: 0; } body .ui-header-tabs ul li { float: left; margin: 0 8px 0 0; } body .ui-header-tabs ul li.selected a { color: #03A9F4; border-bottom: 2px solid #03A9F4; } body .ui-header-tabs ul li.selected a:hover { border-bottom: 2px solid #03A9F4; } body .ui-header-tabs ul li a { display: inline-block; padding: 8px 16px; text-decoration: none; color: #424242; border-bottom: 2px solid transparent; } body .ui-header-tabs ul li a:hover { border-bottom: 2px solid #BDBDBD; } #Top #pagenav { margin-right: 20px; } #user-menu { position: absolute; top: 0; right: 15px; float: none; text-align: left; } #user-menu.unread-message .user-menu-unread-messages { width: 22px; height: 22px; position: absolute; top: -8px; right: -8px; border-radius: 50%; background: white; font-size: 10px; text-align: center; font-weight: bold; border: 2px solid white; animation: unread-messages 3s infinite; line-height: 18px; } @keyframes unread-messages { 0% { opacity: 1; } 30% { opacity: 0.5; } 100% { opacity: 1; } } #user-menu ul { padding: 0; list-style: none; } #user-menu .user-menu-data { height: 70px; display: table-cell; padding: 0 15px; vertical-align: middle; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } #user-menu .user-menu-data:hover, #user-menu .user-menu.open .user-menu-data { background: rgba(0, 0, 0, 0.2); } #user-menu .user-menu-picture-container { position: relative; display: inline-block; margin-right: 10px; vertical-align: middle; } #user-menu.open .user-menu-data .user-menu-picture-container:before { content: ""; position: absolute; top: 42px; left: 50%; transform: translate(-50%, 100%); border-style: solid; border-width: 0 3px 6px 3px; border-color: transparent transparent #FFF transparent; } #user-menu .user-menu-picture { border-radius: 50%; } #user-menu .user-menu-details { max-width: 130px; width: calc(100% - 46px); float: right; display: inline-block; vertical-align: middle; line-height: 18px; font-size: 14px; font-weight: normal; color: #FFF; } #user-menu .user-menu-name, #user-menu .user-menu-type { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: unset; -moz-box-sizing: unset; -ms-box-sizing: unset; box-sizing: unset; } #user-menu .user-menu-name { line-height: 20px; font-weight: 600; } #user-menu .user-menu-type { font-size: 12px; } #navbar #user-menu .user-menu-name, #navbar #user-menu .user-menu-type { width: 100%; float: left; } #user-menu .user-menu-dropdown { position: absolute; top: 100%; right: 0; max-width: 320px; width: calc(100vw - 110px); min-width: 200px; font-size: 14px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); background: #FFF; color: #757575; cursor: default; display: none; border-radius: 12px; border: 1px solid #EEE; } #user-menu .user-menu:not(.open) .user-menu-dropdown { display: none; } #user-menu .user-menu-dropdown .user-menu-details { max-width: calc(100% - 90px); font-size: 16px; color: #212121; } #user-menu .user-menu-dropdown .user-menu-picture-container { margin-right: 16px; } #user-menu .user-menu-dropdown .user-menu-type { color: #BDBDBD; } #user-menu .user-menu-dropdown-item { float: none; color: inherit; } #user-menu .user-menu-dropdown-item.border-top { border-top: 1px solid #E0E0E0; } #user-menu .user-menu-dropdown-item.border-bottom { border-bottom: 1px solid #E0E0E0; } #user-menu .user-menu-dropdown-item#toggleLightMode .ui-loader, #user-menu .user-menu-dropdown-item#toggleDarkMode .ui-loader { margin-left: 8px; } #user-menu .user-menu-dropdown-item#toggleDarkMode.animate { animation: ui-toggle-lightmode 0.5s forwards; } #user-menu .user-menu-dropdown-item#toggleDarkMode.animate a:hover { background-color: inherit; color: inherit; } #user-menu .user-menu-dropdown-item#toggleDarkMode.animate .ui-loader svg circle { stroke: #E0E0E0; } #user-menu .user-menu-dropdown-item#toggleDarkMode.animate .ui-tooltip-icon.moon svg path { animation: ui-toggle-lightmode-icon 0.5s forwards; } #user-menu .user-menu-dropdown-item#toggleLightMode.animate { animation: ui-toggle-darkmode 0.5s forwards; } #user-menu .user-menu-dropdown-item#toggleLightMode.animate a:hover { background-color: inherit; color: inherit; } #user-menu .user-menu-dropdown-item#toggleLightMode.animate .ui-loader svg circle { stroke: #757575; } #user-menu .user-menu-dropdown-item#toggleLightMode.animate .ui-tooltip-icon.moon svg path { animation: ui-toggle-darkmode-icon 0.5s forwards; } @keyframes ui-toggle-darkmode { from { background: #212121; color: #E0E0E0; } 100% { background: #FAFAFA; color: #757575; } } @keyframes ui-toggle-darkmode-icon { from { fill: #E0E0E0; } 100% { fill: #757575; } } @keyframes ui-toggle-lightmode { from { background: #FAFAFA; color: #757575; } 100% { background: #212121; color: #E0E0E0; } } @keyframes ui-toggle-lightmode-icon { from { fill: #757575; } 100% { fill: #E0E0E0; } } #user-menu .user-menu-dropdown-profile { border-bottom: 1px solid #E0E0E0; padding: 16px; font-size: 0; } #user-menu .user-menu-dropdown-item a { display: flex; align-items: center; padding: 16px; width: 100%; box-sizing: border-box; font-weight: 500; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; color: inherit; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #user-menu .user-menu-dropdown-item a .ui-tooltip-icon:first-child { margin-right: 8px; } #user-menu .user-menu-dropdown-item a .ui-tooltip-icon:last-child { margin-left: 8px; } /* when not using bootstrap (i.e. when #Top exists), font needs to be bolder because it doesn't use the same font file so it looks a bit different */ #Top #user-menu .user-menu-dropdown-item a { font-weight: 600; } #user-menu .user-menu-dropdown-item:not(.user-menu-dropdown-profile) a:hover { background: #F5F5F5; color: #616161; } #user-menu .user-menu-switcher { border-bottom: 1px solid #E0E0E0; color: #212121; } #user-menu .user-menu-switcher a { padding: 16px; } #user-menu .user-menu-profile { display: inline-block; width: 100%; margin-top: 5px; } #user-menu .user-menu-profile-icon { display: inline-block; width: 26px; height: 26px; margin-right: 15px; margin-left: -3px; vertical-align: middle; } #user-menu .user-menu-switcher a span { vertical-align: middle; } #user-menu .user-menu-profile-icon svg { width: 100%; height: 100%; } #user-menu .user-menu-profile a { width: auto; padding: 5px 8px; margin: 0 0 -8px -8px; font-size: 14px; text-decoration: none; vertical-align: bottom; color: #03A9F4; } .float-right { float: right; } #user-menu .user-menu-profile a:hover { background: rgba(0, 0, 0, 0.05); } #user-menu.dark-text .user-menu-details { color: #424242; } #user-menu.dark-text .user-menu-unread-messages { background: #424242; border-color: #424242; } @media (max-width: 767px) { body:not(.sidebar-is-collapsed) #user-menu .user-menu-dropdown { width: calc(100vw - 335px); } } @media (max-width: 500px) { body:not(.sidebar-is-collapsed) #user-menu { left: 0; } } body .ui-coach-bar { background-color: #212121; padding-left: 300px; border-bottom: 1px solid #212121; position: fixed; width: 100%; top: 70px; height: 40px; z-index: 1; color: #9E9E9E; display: flex; align-items: center; overflow-x: auto; } body .ui-coach-bar .container { padding: 0 16px; min-width: 900px; } body .ui-coach-bar .container .viewing-profile-new-wrapper { margin-left: 16px; } body .ui-coach-bar .container .viewing-profile-new-wrapper img { margin: 0px 12px; position: relative; top: 0px; display: inline-block; } body .ui-coach-bar .container .viewing-profile-new-wrapper a { color: #FAFAFA; font-weight: 700; } body .ui-coach-bar .container #profile_apps ul { list-style: none; padding: 0; margin: 0; } body .ui-coach-bar .container #profile_apps ul li { float: left; margin: 0 8px 0 0; } body .ui-coach-bar .container #profile_apps ul li.selected a { border-bottom: 2px solid #212121; } body .ui-coach-bar .container #profile_apps ul li a { display: flex; align-items: center; padding: 6px 16px; text-decoration: none; color: #424242; } body .ui-coach-bar .container #profile_apps ul li a:hover { background: #424242; } body.sidebar-is-collapsed .page-footer { margin-left: 0px; } body .page-footer { margin-left: 300px; background: #FFF; height: 46px; border-top: 1px solid #E0E0E0; display: flex; align-content: center; flex-flow: row wrap; justify-content: center; } body .page-footer.vue-app { margin-left: 0; } body .page-footer.hidden { display: none; } body .page-footer ul { margin: 0; padding: 0; list-style: none; float: right; } body .page-footer ul li { margin: 0 0 0 16px; padding: 0; display: inline-block; } body .page-footer ul li a { color: #03A9F4; } body .page-footer ul li a:hover { color: #039CE0; } /** * Utility: Ripple * -------------------------------------------------- */ .c-ripple { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: transparent; } .c-ripple__circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.25); } .c-ripple.is-active .c-ripple__circle { animation: a-ripple 0.4s ease-in; } /** * Animation: Ripple * -------------------------------------------------- */ @keyframes a-ripple { 0% { opacity: 0; } 25% { opacity: 1; } 100% { width: 200%; padding-bottom: 200%; opacity: 0; } } body .notification, body .notification2 { display: none; } body .ui-button-list .ui-button { margin-bottom: 16px; } body .ui-button { border-radius: 25px; font-size: 14px; font-weight: 500; margin: 0; text-transform: none !important; border-style: none; transition: all 0.2s ease; text-decoration: none; background: none; position: relative; display: inline-block; cursor: pointer; } body .ui-button.inline { margin-left: 8px; } body .ui-button.hide, body .ui-button.hidden { display: none; } body .ui-button .content { display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; float: none !important; width: auto !important; } body .ui-button .content svg { margin-right: 8px; } body .ui-button:focus { outline: none; } body .ui-button.disabled, body .ui-button:disabled { cursor: not-allowed; } body .ui-button.disabled:hover, body .ui-button:disabled:hover { border-color: transparent !important; } body .ui-button.disabled.rounded-filled, body .ui-button.disabled.filled, body .ui-button:disabled.rounded-filled, body .ui-button:disabled.filled { background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; color: rgba(0, 0, 0, 0.26) !important; } body .ui-button.disabled.outline-rounded, body .ui-button:disabled.outline-rounded { border: 1px solid currentColor !important; border-color: transparent; color: rgba(0, 0, 0, 0.26) !important; } body .ui-button.disabled.red, body .ui-button:disabled.red { opacity: 0.6; } body .ui-button.disabled.red:hover, body .ui-button:disabled.red:hover { border: 1px solid #E57373 !important; } body .ui-button.full-width { width: 100%; } body .ui-button.full-width.has-icon .content { justify-content: flex-start; } body .ui-button.uppercase { text-transform: uppercase !important; } body .ui-button.small { height: 32px; padding: 0 16px; } body .ui-button.small.flexible-height { height: auto; min-height: 32px; padding: 6px 16px; } body .ui-button.medium { height: 48px; padding: 0 24px; } body .ui-button.medium.flexible-height { height: auto; min-height: 48px; padding: 10px 24px; } body .ui-button.regular { height: 36px; padding: 0 16px; } body .ui-button.regular.flexible-height { height: auto; min-height: 36px; padding: 6px 16px; } body .ui-button.medium-shrink { height: 48px; width: 100px; } body .ui-button.medium-shrink.flexible-height { height: auto; min-height: 48px; } body .ui-button.large { height: 52px; padding: 0 34px; } body .ui-button.large.flexible-height { height: auto; min-height: 52px; padding: 14px 34px; } body .ui-button.icon { align-items: center; display: flex; width: auto !important; } body .ui-button.alert { align-items: center; display: flex; margin-left: 5.33px; margin-top: 2px; width: auto !important; } body .ui-button.icon-only { border-radius: 50% !important; height: 48px !important; padding: 0 11px; } body .ui-button.icon-only .content svg { margin-right: 0px; } body .ui-button.icon-text .text { margin: 0 5px 0 10px !important; } body .ui-button.rounded-filled.blue, body .ui-button.filled.blue { background-color: #03A9F4; color: white; } body .ui-button.rounded-filled.blue:hover, body .ui-button.filled.blue:hover { background-color: #039CE0; color: white; } body .ui-button.rounded-filled.red, body .ui-button.filled.red { background-color: #E57373; color: white; } body .ui-button.rounded-filled.red:hover, body .ui-button.filled.red:hover { background-color: #EF5350; color: white; } body .ui-button.rounded-filled.grey, body .ui-button.filled.grey { background-color: #E0E0E0; color: #757575; } body .ui-button.rounded-filled.grey:hover, body .ui-button.filled.grey:hover { color: #757575; background-color: #BDBDBD; } body .ui-button.grey { border: 1px solid #E0E0E0; color: #757575; } body .ui-button.grey:hover { color: #757575; border-color: #BDBDBD; } body .ui-button.blue { border: 1px solid #03A9F4; color: #03A9F4; } body .ui-button.blue:hover { border-color: #039CE0; color: #039CE0; } body .ui-button.red { border: 1px solid #EF5350; color: #EF5350; } body .ui-button.red:hover { border-color: #EF5350; color: #EF5350; } body .ui-page-header { margin-bottom: 32px; align-items: center; } body .ui-page-header .col-title { padding-left: 16px; padding-right: 16px; } body .ui-page-header .col-extra { padding-left: 16px; padding-right: 16px; flex: 1; } body .ui-page-header.has-subheader, body .ui-page-header.has-subtitle { margin-bottom: 0; } body .ui-page-header h2 { margin: 0; } body .ui-page-header h2 a { display: inline-block; width: 24px; margin-right: 16px; } body .ui-page-header .buttons { display: flex; justify-content: end; gap: 8px; } body .ui-page-header .component { display: flex; justify-content: end; gap: 8px; } body .ui-page-header .component .dropdown-holder a[data-toggle=dropdown] { height: 48px; } body .ui-page-header .component a.icon-link { height: 24px; } body .ui-page-subtitle { margin-bottom: 32px; font-size: 16px; line-height: 20px; } body .ui-page-subheader { margin-bottom: 32px; } body .ui-page-side-menu .section h6 { margin-top: 32px; margin-bottom: 16px; } body .ui-page-side-menu .section:first-child h6 { margin-top: 0; } body .ui-page-side-menu ul { margin: 0 0 16px 0; padding: 0; list-style: none; } body .ui-page-side-menu ul li { border-left: 2px solid #EEE; padding: 8px 0 8px 16px; display: flex; align-items: center; } body .ui-page-side-menu ul li a { color: #424242; text-decoration: none; display: flex; align-items: center; width: 100%; } body .ui-page-side-menu ul li a div.count { border-radius: 50%; background: #EEE; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; text-align: center; font-size: 12px; line-height: 16px; margin-left: 8px; } body .ui-page-side-menu ul li a div.label { border-radius: 20px; background: #EEE; display: flex; align-items: center; justify-content: center; height: 20px; text-align: center; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; margin-left: 8px; } body .ui-page-side-menu ul li a .ui-tooltip-icon { margin-left: 8px; } body .ui-page-side-menu ul li.active { border-left: 2px solid #03A9F4; cursor: default; } body .ui-page-side-menu ul li.active a { color: #03A9F4; } body .ui-page-side-menu ul li.active div.count { background-color: #03A9F4; color: #FFF; } body .ui-page-side-menu ul li:hover { border-left: 2px solid #BDBDBD; } body .notification { background-color: #E3F2FD; color: #424242; border-radius: 8px; min-height: 50px; background-repeat: no-repeat; background-position: 20px 12px; padding: 10px 16px; margin-bottom: 8px; opacity: 0; align-items: center; } body .notification span { display: flex; flex: 1; float: left; gap: 4px; flex-wrap: wrap; } body .notification span a { color: #03A9F4; } body .notification span a:hover { color: #039CE0; } body .notification .notification-icon { margin-right: 8px; height: 24px; } body .notification.warning { background-color: #FFF3E0; color: #424242; } body .notification.error { background-color: #FFEBEE; color: #424242; } body .notification.success { background-color: #E8F5E9; color: #424242; } body .notification.page-modification { background-color: #FFF3E0; color: #424242; } body .notification .btn-close { cursor: pointer; height: 24px; } body .ui-info-message { border-radius: 6px; padding: 8px 16px; background-color: #E3F2FD; color: #424242; display: flex; } body .ui-info-message div.icon-holder { display: flex; } body .ui-info-message div.icon-holder .ui-tooltip-icon { margin-right: 16px; } body .ui-info-message div.text-holder { display: flex; align-items: center; } body .ui-info-message.hidden { display: none; } body .toggle { display: inline-block; overflow: hidden; } body .toggle input[type=checkbox] { display: none; } body .toggle input[type=checkbox]:checked + label::before { background: #03A9F4; } body .toggle input[type=checkbox]:checked + label::after { left: 10px; } body .toggle label { cursor: pointer; display: inline-block; float: left; line-height: 20px; margin: 0; padding-left: 45px; position: relative; overflow: hidden; user-select: none; } body .toggle label::before { background: #bababa; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; content: ""; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 30px; } body .toggle label::after { background: #fff; border-radius: 20px; content: ""; display: block; height: 16px; left: 0; margin: 2px; position: absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; width: 16px; } body .toggle-td { float: right; } body .toggle-opt { line-height: 30px !important; top: 10px; } body .toggle-disabled { cursor: not-allowed; opacity: 0.4; } body .toggle-disabled label { cursor: not-allowed; } body .toggle input[type=checkbox]:checked + .toggle-opt::before { background: #03A9F4; } body .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } body .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } body .progress-striped .progress-bar, body .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } body .progress.active .progress-bar, body .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } body .progress-bar-success { background-color: #5cb85c; } body .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body .progress-bar-info { background-color: #5bc0de; } body .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body .progress-bar-warning { background-color: #f0ad4e; } body .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body .progress-bar-danger { background-color: #d9534f; } body .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body .ui-box-holder { border-radius: 24px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body .ui-box-tabs { display: flex; justify-content: space-evenly; } body .ui-box-tabs.under { margin-bottom: 16px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; } body .ui-box-tabs.under a:first-child, body .ui-box-tabs.under div:first-child { border-top-left-radius: 0; border-bottom-left-radius: 24px; } body .ui-box-tabs.under a:last-child, body .ui-box-tabs.under div:last-child { border-top-right-radius: 0; border-bottom-right-radius: 24px; } body .ui-box-tabs.under a.open span, body .ui-box-tabs.under a.closed span, body .ui-box-tabs.under div.open span, body .ui-box-tabs.under div.closed span { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border-top-left-radius: 0; border-top-right-radius: 0; } body .ui-box-tabs a, body .ui-box-tabs div { text-align: center; display: inline-block; cursor: pointer; margin: 0; background-color: #FFF; flex: 1; } body .ui-box-tabs a:first-child, body .ui-box-tabs div:first-child { border-top-left-radius: 24px; } body .ui-box-tabs a:last-child, body .ui-box-tabs div:last-child { border-top-right-radius: 24px; } body .ui-box-tabs a.open span, body .ui-box-tabs a.closed span, body .ui-box-tabs div.open span, body .ui-box-tabs div.closed span { border-top-left-radius: 24px; border-top-right-radius: 24px; text-align: center; color: #212121; display: inline-block; padding: 16px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-weight: bold; } body .ui-box-tabs a.closed, body .ui-box-tabs div.closed { background-color: #F5F5F5; } body .ui-box-tabs a.closed span, body .ui-box-tabs div.closed span { color: #757575; font-weight: normal; } body .ui-box-tabs a.closed:hover, body .ui-box-tabs div.closed:hover { background-color: #FFF; } body .ui-box-tabs a.closed:hover span, body .ui-box-tabs div.closed:hover span { color: #212121; } body .ui-box-part { background: #FFF; padding: 0 48px; } body .ui-box-plain a { color: #03A9F4; } body .ui-box-plain a:hover { color: #039CE0; } body .ui-box, body .box, body .card, body .page_content { border-radius: 24px; background: #FFF; padding: 48px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); margin: 0 0 32px 0; } body .ui-box h3, body .ui-box h4, body .ui-box h5, body .ui-box p, body .box h3, body .box h4, body .box h5, body .box p, body .card h3, body .card h4, body .card h5, body .card p, body .page_content h3, body .page_content h4, body .page_content h5, body .page_content p { margin-bottom: 16px; margin-top: 16px; } body .ui-box h3 .ui-tooltip-icon, body .ui-box h4 .ui-tooltip-icon, body .ui-box h5 .ui-tooltip-icon, body .ui-box p .ui-tooltip-icon, body .box h3 .ui-tooltip-icon, body .box h4 .ui-tooltip-icon, body .box h5 .ui-tooltip-icon, body .box p .ui-tooltip-icon, body .card h3 .ui-tooltip-icon, body .card h4 .ui-tooltip-icon, body .card h5 .ui-tooltip-icon, body .card p .ui-tooltip-icon, body .page_content h3 .ui-tooltip-icon, body .page_content h4 .ui-tooltip-icon, body .page_content h5 .ui-tooltip-icon, body .page_content p .ui-tooltip-icon { margin: 0; float: right; } body .ui-box h3:first-child, body .ui-box h4:first-child, body .ui-box h5:first-child, body .ui-box p:first-child, body .box h3:first-child, body .box h4:first-child, body .box h5:first-child, body .box p:first-child, body .card h3:first-child, body .card h4:first-child, body .card h5:first-child, body .card p:first-child, body .page_content h3:first-child, body .page_content h4:first-child, body .page_content h5:first-child, body .page_content p:first-child { margin-top: 0; } body .ui-box .modal .modal-header h4, body .box .modal .modal-header h4, body .card .modal .modal-header h4, body .page_content .modal .modal-header h4 { margin: 0; } body .ui-box a, body .box a, body .card a, body .page_content a { color: #03A9F4; } body .ui-box a:hover, body .box a:hover, body .card a:hover, body .page_content a:hover { color: #039CE0; } body .ui-box div.actions, body .box div.actions, body .card div.actions, body .page_content div.actions { text-align: right; margin-top: 32px; margin-bottom: 32px; } body .ui-box.has-tabs, body .box.has-tabs, body .card.has-tabs, body .page_content.has-tabs { border-top-left-radius: 0; border-top-right-radius: 0; } body .ui-box.has-tabs-under, body .box.has-tabs-under, body .card.has-tabs-under, body .page_content.has-tabs-under { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body .ui-box.narrow, body .box.narrow, body .card.narrow, body .page_content.narrow { padding: 24px; } body .ui-box.rounded-corners-50, body .box.rounded-corners-50, body .card.rounded-corners-50, body .page_content.rounded-corners-50 { border-radius: 12px; } body .ui-box.no-padding, body .box.no-padding, body .card.no-padding, body .page_content.no-padding { padding: 0; } body .ui-box.no-shadow, body .box.no-shadow, body .card.no-shadow, body .page_content.no-shadow { box-shadow: none; } body .ui-box.full-height, body .box.full-height, body .card.full-height, body .page_content.full-height { height: 100%; } body .ui-box .ui-box-action, body .box .ui-box-action, body .card .ui-box-action, body .page_content .ui-box-action { width: 100%; display: inline-block; border-radius: 25px; padding: 5px 16px; text-align: center; text-decoration: none; border: 1px solid #E0E0E0; color: #757575; } body .ui-box .ui-box-action:hover, body .box .ui-box-action:hover, body .card .ui-box-action:hover, body .page_content .ui-box-action:hover { border: 1px solid #BDBDBD; color: #757575; } @media (min-width: 768px) { body .ui-box-plain.padded { padding: 0 48px; } } body .ui-tabs { float: right; } body .ui-tabs ul { margin: 0; padding: 0; list-style: none; } body .ui-tabs ul li { display: inline-block; margin: 0 8px 0 0; border-radius: 24px; } body .ui-tabs ul li:last-child { margin: 0; } body .ui-tabs ul li a { color: #424242; padding: 8px 16px; display: inline-block; border-radius: 24px; text-decoration: none; cursor: pointer; } body .ui-tabs ul li a:hover { background-color: #EEE; color: #424242; } body .ui-tabs ul li.active div { padding: 8px 16px; display: inline-block; border-radius: 24px; color: white; } body .ui-tabs ul li.active a { color: white; cursor: default; } body .ui-tabs ul li.active a:hover { color: white; background-color: transparent; } body .ui-tabs-flex { float: right; display: flex; gap: 8px; flex-wrap: wrap; justify-content: end; } body .ui-tabs-flex div { display: inline-block; margin: 0; border-radius: 24px; } body .ui-tabs-flex div a { color: #424242; padding: 8px 16px; display: inline-block; border-radius: 24px; text-decoration: none; cursor: pointer; } body .ui-tabs-flex div a:hover { background-color: #EEE; color: #424242; } body .ui-tabs-flex div.active div { padding: 8px 16px; display: inline-block; border-radius: 24px; color: white; } body .ui-tabs-flex div.active a { color: white; cursor: default; } body .ui-tabs-flex div.active a:hover { color: white; background-color: transparent; } body .ui-tabs-horizontal { width: 100%; border-bottom: 1px #EEE solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex; margin-bottom: 16px; } body .ui-tabs-horizontal ul { padding-left: 0; } body .ui-tabs-horizontal .tabs-holder { flex: 1 1 0; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex; } body .ui-tabs-horizontal .tabs-holder .tab { align-self: stretch; justify-content: flex-start; align-items: flex-start; display: flex; } body .ui-tabs-horizontal .tabs-holder .tab div, body .ui-tabs-horizontal .tabs-holder .tab a { color: #757575; font-size: 14px; font-weight: 500; line-height: 20px; word-wrap: break-word; margin-top: 8px; margin-bottom: 8px; cursor: pointer; } body .ui-tabs-horizontal .tabs-holder .tab a { text-decoration: none !important; } body .ui-tabs-horizontal .tabs-holder .tab:hover { border-bottom: 2px #BDBDBD solid; cursor: pointer; text-decoration: none; } body .ui-tabs-horizontal .tabs-holder .tab:focus { text-decoration: none; } body .ui-tabs-horizontal .tabs-holder .tab.active { font-weight: 600; border-bottom: 2px #03A9F4 solid; } body .ui-tabs-horizontal .tabs-holder .tab.active div, body .ui-tabs-horizontal .tabs-holder .tab.active a { color: #03A9F4; } body .ui-tabs-horizontal .tabs-holder .tab.disabled { font-weight: 600; border-bottom: 2px transparent solid; cursor: not-allowed; } body .ui-tabs-horizontal .tabs-holder .tab.disabled div, body .ui-tabs-horizontal .tabs-holder .tab.disabled a { color: #BDBDBD; cursor: not-allowed; } body .ui-tabs-horizontal.responsive { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } body .ui-tabs-horizontal.responsive .tabs-holder .tab { flex-wrap: nowrap; text-wrap: nowrap; } body .ui-pagination { margin-top: 16px; text-align: center; padding: 8px; display: flex; align-items: center; justify-content: center; } body .ui-pagination a { text-decoration: none; font-weight: normal; border-radius: 50%; width: 32px; height: 32px; border: 1px solid transparent; margin-right: 4px; margin-left: 4px; align-items: center; display: flex; justify-content: center; color: #03A9F4; cursor: pointer; } body .ui-pagination a.arrow:hover svg path { fill: white; } body .ui-pagination a:hover, body .ui-pagination a.active { background: #039CE0; color: white; border: 1px solid #03A9F4; } body { /* large/normal */ /* medium */ /* small */ } body .loader { display: none; width: 200px; height: 100px; position: fixed; bottom: 0; border-top-left-radius: 24px; right: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 9000; } body .loader .loading { margin: 15px auto 0; width: 32px; height: 32px; } body .loader .text { margin-top: 25px; text-align: center; color: #FFFFFF; font-size: 12px; } body .loader-full { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 9000; } body .loader-full .loading { margin: 25px auto 0; width: 48px; height: 48px; } body .loader-full .text { margin-top: 25%; text-align: center; color: #FFFFFF; font-size: 30px; } body .css-loader { width: 48px; height: 48px; background-image: url(/images/loaders/loader.png); -webkit-animation: play 1.6s steps(32) infinite; -moz-animation: play 1.6s steps(32) infinite; -ms-animation: play 1.6s steps(32) infinite; -o-animation: play 1.6s steps(32) infinite; animation: play 1.6s steps(32) infinite; } body .css-loader-medium { width: 32px; height: 32px; background-image: url(/images/loaders/loader-medium.png); -webkit-animation: play-m 1.6s steps(32) infinite; -moz-animation: play-m 1.6s steps(32) infinite; -ms-animation: play-m 1.6s steps(32) infinite; -o-animation: play-m 1.6s steps(32) infinite; animation: play-m 1.6s steps(32) infinite; } body .css-loader-small { width: 16px; height: 16px; background-image: url(/images/loaders/loader-small.png); -webkit-animation: play-s 1.6s steps(32) infinite; -moz-animation: play-s 1.6s steps(32) infinite; -ms-animation: play-s 1.6s steps(32) infinite; -o-animation: play-s 1.6s steps(32) infinite; animation: play-s 1.6s steps(32) infinite; } body .css-loader-error { background-image: url(/images/loaders/virtuagym-error.png); } body .css-loader-small-error { background-image: url(/images/loaders/virtuagym-error-small.png); } body .css-loader-medium-error { background-image: url(/images/loaders/virtuagym-error-medium.png); } @-webkit-keyframes play { from { background-position: 0 0; } to { background-position: 0 -1536px; } } @-moz-keyframes play { from { background-position: 0 0; } to { background-position: 0 -1536px; } } @-ms-keyframes play { from { background-position: 0 0; } to { background-position: 0 -1536px; } } @-o-keyframes play { from { background-position: 0 0; } to { background-position: 0 -1536px; } } @keyframes play { from { background-position: 0 0; } to { background-position: 0 -1536px; } } @-webkit-keyframes play-m { from { background-position: 0 0; } to { background-position: 0 -1024px; } } @-moz-keyframes play-m { from { background-position: 0 0; } to { background-position: 0 -1024px; } } @-ms-keyframes play-m { from { background-position: 0 0; } to { background-position: 0 -1024px; } } @-o-keyframes play-m { from { background-position: 0 0; } to { background-position: 0 -1024px; } } @keyframes play-m { from { background-position: 0 0; } to { background-position: 0 -1024px; } } @-webkit-keyframes play-s { from { background-position: 0 0; } to { background-position: 0 -512px; } } @-moz-keyframes play-s { from { background-position: 0 0; } to { background-position: 0 -512px; } } @-ms-keyframes play-s { from { background-position: 0 0; } to { background-position: 0 -512px; } } @-o-keyframes play-s { from { background-position: 0 0; } to { background-position: 0 -512px; } } @keyframes play-s { from { background-position: 0 0; } to { background-position: 0 -512px; } } body .ui-fileinput-button { cursor: pointer; color: #03A9F4; } body .ui-fileinput-button:hover { color: #039CE0; text-decoration: underline; } body .ui-fileinput .thumbnail { margin-bottom: 8px; border: 1px solid #F5F5F5; padding: 8px; border-radius: 6px; } body .ui-fileinput .btn { cursor: pointer; } body .ui-fileinput .btn.btn-file { color: #03A9F4; } body .ui-fileinput .btn.btn-file:hover { color: #039CE0; text-decoration: underline; } body .ui-fileinput .btn.fileinput-exists, body .ui-fileinput .btn.fileinput-exists2 { color: #E57373; margin-left: 16px; } body .ui-fileinput .btn.fileinput-exists:hover, body .ui-fileinput .btn.fileinput-exists2:hover { color: #EF5350; text-decoration: underline; } body .ui-steps { display: flex; align-content: center; align-items: center; margin-bottom: 16px; } body .ui-steps .step-holder { display: flex; align-content: center; align-items: center; width: 25%; } body .ui-steps .step-holder.step-holder-33 { width: 33%; } body .ui-steps .step-holder.step-holder-50 { width: 50%; } body .ui-steps .step-holder.step-holder-inactive { opacity: 0.4; } body .ui-steps .step-holder .step { width: 40px; height: 40px; border-radius: 20px; display: flex; align-content: center; align-items: center; border: 1px solid #E0E0E0; } body .ui-steps .step-holder .step span { width: 100%; text-align: center; font-weight: 600; } body .ui-steps .step-holder .step-holder-data { margin-left: 16px; } body .ui-row { display: flex; border-radius: 12px; flex-wrap: nowrap; margin-bottom: 16px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); background: #FFF; } body .ui-row.expanded .image-holder { height: auto; } body .ui-row.expanded .image-holder .qr-overlay { width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); display: flex; border-top-left-radius: 12px; border-bottom-left-radius: 12px; justify-content: center; align-items: center; } body .ui-row.expanded .image-holder .owner { display: none; } body .ui-row .image-holder { width: 180px; height: 120px; display: flex; flex: 0 0 180px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; position: relative; background-color: #FFF; } body .ui-row .image-holder .image { border-top-left-radius: 12px; border-bottom-left-radius: 12px; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; } body .ui-row .image-holder .qr-overlay { position: absolute; display: none; } body .ui-row .image-holder .qr-overlay a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } body .ui-row .image-holder .qr-overlay a:hover { text-decoration: none; } body .ui-row .image-holder .qr-overlay a div.icon-holder { width: 52px; height: 52px; background: white; border-radius: 52px; display: flex; justify-content: center; align-items: center; } body .ui-row .image-holder .qr-overlay a span { color: white; width: 100%; text-align: center; margin-top: 8px; } body .ui-row .image-holder .qr-overlay a span:hover { text-decoration: none; } body .ui-row .image-holder .owner { padding: 4px 8px; opacity: 0.92; border-radius: 10px; justify-content: center; align-items: center; gap: 4px; display: inline-flex; position: absolute; top: 8px; left: 8px; } body .ui-row .image-holder .owner span { font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 12px; word-wrap: break-word; } body .ui-row .content { flex: 1; padding: 24px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; overflow: hidden; } body .ui-row .content h4 { flex: 1 1 0; margin: 0; } body .ui-row .content .show-more, body .ui-row .content .show-less { font-weight: 600; color: #03A9F4; } body .ui-row .content .show-more:hover, body .ui-row .content .show-less:hover { text-decoration: none; color: #039CE0; } body .ui-row .content .short-content, body .ui-row .content .long-content { font-weight: 400; margin-top: 4px; margin-bottom: 4px; } body .ui-row .content .short-content a, body .ui-row .content .long-content a { color: #03A9F4; } body .ui-row .content .short-content a:hover, body .ui-row .content .long-content a:hover { text-decoration: none; color: #039CE0; } body .ui-row .content table { margin: 0; } body .ui-row .content .actions { display: flex; justify-content: end; align-items: center; } body .ui-row .content .actions a { margin-left: 16px; display: block; width: 24px; height: 24px; } body .ui-row .content .actions .ui-pro-icon { margin-left: 16px; } body .ui-profile-pic { border-radius: 50%; display: inline-block; position: relative; } body .ui-profile-pic a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } body .ui-profile-pic img { border-radius: 50%; position: absolute; top: 0; left: 0; } body .ui-profile-pic.small { width: 35px; height: 35px; } body .ui-profile-pic.small img { width: 35px; height: 35px; } body .ui-profile-pic.group-message { width: 40px; height: 40px; } body .ui-profile-pic.group-message img { width: 40px; height: 40px; } body .ui-profile-pic.connected-members { width: 82px; height: 82px; border-radius: 16px; } body .ui-profile-pic.connected-members img { width: 82px; height: 82px; border-radius: 16px; } body .ui-profile-pic.connected-members .pro-icon { position: absolute; top: 8px; left: 8px; } body .ui-profile-pic.connected-members .online-dot { background-color: #66BB6A; width: 8px; height: 8px; top: 8px; right: 8px; position: absolute; border-radius: 50%; } body .ui-profile-pic.connected-members .name-holder { width: 100%; bottom: 8px; left: 0; padding-left: 8px; padding-right: 8px; position: absolute; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; line-height: 16px; color: white; } body .ui-profile-pic.connected-members .overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; } body .ui-profile-pic.activity-stream { width: 40px; height: 40px; } body .ui-profile-pic.activity-stream img { width: 40px; height: 40px; } body .ui-profile-pic.user-profile-image { width: 160px; height: 160px; border-radius: 50%; } body .ui-profile-pic.user-profile-image img { width: 160px; height: 160px; border-radius: 50%; border: 4px solid #FFF; } body .ui-profile-pic.user-profile-image img.frame-1, body .ui-profile-pic.user-profile-image img.frame-2 { border-color: #FFD54F; } body .ui-profile-pic.user-profile-image .pro-icon { position: absolute; bottom: -10px; left: 61px; } body .ui-profile-pic.user-profile-image .overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; } body .ui-profile-pic.user-profile-image .pro-overlay { position: absolute; left: -15px; top: 16px; width: 100%; height: 100%; } body .ui-profile-pic.medium { width: 60px; height: 60px; } body .ui-profile-pic.medium img { width: 60px; height: 60px; } body .ui-profile-pic.large { width: 80px; height: 80px; } body .ui-profile-pic.large img { width: 80px; height: 80px; } /* unset box-sizing to keep compatibility even if page uses bootstrap */ .sidebar, .sidebar * { box-sizing: unset; } .sidebar { position: fixed; top: 0; bottom: 0; left: 0; line-height: 18px; width: 300px; overflow: visible; font-family: sofia-pro, sans-serif; -webkit-transform: translateZ(0) scale(1, 1); z-index: 101; color: #99A3AA; letter-spacing: -0.08px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .sidebar .sidebar-menu, .sidebar .sidebar-footer, .sidebar .submenu { list-style-type: none; margin: 0; padding: 0; } .sidebar-menu { overflow: auto; position: absolute; top: 70px; bottom: 105px; right: 0; left: 0; background: #283643; -ms-scrollbar-base-color: #283643; overflow: -moz-scrollbars-none; scrollbar-width: none; -ms-overflow-style: none; } .sidebar-menu::-webkit-scrollbar { display: none; } .sidebar-separator { border-top: 1px solid #3C4B58; } .sidebar-icon { width: 20px; margin-right: 11px; font-size: 18px; vertical-align: middle; color: #8AA2AE; height: 24px; display: inline-block; background-repeat: no-repeat; } .sidebar .sidebar-link { -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; position: relative; display: block; padding: 12px 10px 12px 20px; font-size: 14px; font-weight: 500; text-decoration: none; overflow: hidden; white-space: nowrap; color: inherit; height: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sidebar .sidebar-panel-text { transition: color 0.25s ease; position: relative; display: block; padding: 12px 20px; font-size: 14px; font-weight: 500; text-decoration: none; overflow: hidden; white-space: nowrap; color: inherit; box-sizing: border-box; user-select: text; } .sidebar .sidebar-panel-text.narrow { padding: 6px 20px; } .sidebar .sidebar-panel-text a { color: white; } .sidebar .sidebar-panel-text span.warning { background: #EF5350; color: white; border-radius: 2px; } .sidebar .sidebar-menu-item, .sidebar .has-submenu { color: inherit; } .sidebar li .sidebar-link.active-item { background: #1C2837; color: #FFF; } .sidebar-menu li:not(.has-menu) > .sidebar-link:not(.active-item):hover, .sidebar-footer .sidebar-link:not(.active-item):hover { background: #3D4D5D; } .sidebar-link:not(.active-item):hover .sidebar-icon:not(.btn-sidebar-collapse), .sidebar-link:not(.active-item):hover .sidebar-text { color: #CDD6DA; } .sidebar-link.active-item { font-weight: 600; } .sidebar-link.active-item .sidebar-icon rect, .sidebar-link.active-item .sidebar-icon path { fill: #FFFFFF; } .sidebar-menu-arrow { -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; width: 24px; height: 24px; } .sidebar .previously-open-menu .sidebar-menu-arrow, .sidebar .open .sidebar-menu-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sidebar .current-club-container .sidebar-arrow-down, .sidebar-menu .sidebar-menu-arrow, .sidebar-footer .sidebar-menu-arrow { top: 11px; position: absolute; right: 15px; left: auto; } .sidebar-collapsed .sidebar-menu-arrow { opacity: 0; } .sidebar .current-club-container .sidebar-arrow-down { right: 15px; width: 22px; height: 22px; } .submenu { display: none; } .previously-open-menu .submenu { display: block; } .btn-sidebar-collapse { padding: 11px 7px; margin: 0 2px 0 -14px; width: 28px; height: 28px; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -ms-box-sizing: content-box; box-sizing: content-box; } .btn-sidebar-collapse:hover { background: rgba(28, 40, 55, 0.25); } .sidebar-controller { position: absolute; top: 0; right: 0; left: 0; z-index: 2; } .sidebar-controller .sidebar-link { padding: 10px 10px 10px 23px; height: 70px; } .sidebar-controller .sidebar-text { display: inline-block; vertical-align: middle; } .current-club-container { box-sizing: border-box; display: table; padding: 6px 45px 6px 9px; width: 240px; height: 50px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.5); color: #FFF; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; cursor: pointer; } .current-club-container.dark-text { border: 1px solid rgba(0, 0, 0, 0.5); color: #424242; } .current-club-container:hover { border-color: transparent; background: rgba(28, 40, 55, 0.25); } .current-club-name { display: table-cell; vertical-align: middle; } .current-club-name-inner { display: block; white-space: normal; overflow: hidden; max-height: 32px; line-height: 17px; font-size: 12px; } .sidebar .current-club-container .sidebar-arrow-down { top: 25px; } .sidebar-collapsed { width: 65px; } .sidebar-collapsed .current-club-container { display: none; } .sidebar-collapsed li:not(.has-submenu) .sidebar-text, .sidebar-collapsed li.has-submenu .sidebar-text span:not(.first-letter) { display: none; } .sidebar-collapsed .sidebar-link:hover .first-letter { background: #CDD6DA; } .sidebar-collapsed .sidebar-link.active-item .first-letter { background: #FFF; } li.has-submenu > .sidebar-link { font-weight: 600; cursor: pointer; } .sidebar-collapsed li.has-submenu > .sidebar-link { padding-top: 10px; padding-bottom: 10px; } .sidebar-text { line-height: 20px; vertical-align: middle; } .sidebar-text-new-flag { color: #2196F3; font-size: 12px; line-height: 12px; font-weight: bold; margin-left: 4px; text-transform: uppercase; } .sidebar-collapsed .sidebar-menu-item .sidebar-link span.sidebar-text-new-flag { display: none; } .sidebar-collapsed .sidebar-text .first-letter { display: inline-block; width: 18px; height: 18px; padding: 5px; font-size: 15px; margin-left: -4px; line-height: 18px; font-weight: 600; text-transform: uppercase; text-align: center; border-radius: 8px; background: #8AA2AE; color: #283643; } .sidebar-footer { z-index: 1; position: absolute; bottom: 0; left: 0; right: 0; background: #283643; } .sidebar-footer:before { content: ""; height: 20px; position: absolute; top: -20px; left: 0; right: 0; pointer-events: none; background: -moz-linear-gradient(top, rgba(40, 54, 67, 0) 0%, rgb(40, 54, 67) 93%, rgb(40, 54, 67) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(40, 54, 67, 0) 0%, rgb(40, 54, 67) 93%, rgb(40, 54, 67) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(40, 54, 67, 0) 0%, rgb(40, 54, 67) 93%, rgb(40, 54, 67) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00283643", endColorstr="#283643", GradientType=0); /* IE */ } /* club list */ .sidebar-club-list { display: none; z-index: 999999; position: fixed; left: 58px; width: 241px; } .sidebar-club-list-container { position: relative; list-style: none; padding: 0; margin-top: 10px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; max-height: 300px; overflow: hidden; } .sidebar-club-list-options { padding: 0; max-height: 199px; overflow: auto; } .sidebar-club-list-item { box-sizing: border-box; position: relative; display: table; width: 100%; height: 50px; line-height: 17px; font-size: 12px; font-weight: 500; border-bottom: 1px solid #C7C7C7; color: #7D7D7D; background: #FFF; cursor: pointer; } .sidebar-club-list-item:last-child { border-top: 1px solid #C7C7C7; border-bottom: none; } .sidebar-club-list-options .sidebar-club-list-item:last-child { border: none; } .sidebar-club-list-item:hover { background: #F5F5F5; color: #111; } .sidebar-club-list-item.current-club-item { color: #222; } .current-club-item .sidebar-club-list-item-inner { padding-right: 15px; box-sizing: border-box; } .current-club-item .sidebar-arrow-up { position: absolute; top: 15px; right: 15px; width: 22px; height: 22px; } .current-club-item .sidebar-arrow-up path { fill: #000000; } .sidebar-club-list-item-inner, .sidebar-club-list-item-inner:link, .sidebar-club-list-item-inner:visited { display: table-cell; vertical-align: middle; padding: 5px 10px; font-weight: inherit; color: inherit; text-decoration: none; } .club-finder:link, .club-finder:visited, .club-finder { color: #0080FF; } /* sidebar-tooltip */ .sidebar-tooltip { position: fixed; top: 0; left: 0; z-index: 99999; margin-left: 12px; display: none; padding: 6px 11px; font: 500 14px Montserrat, Arial, sans-serif; white-space: nowrap; background: #283643; color: #B2B9BD; } .sidebar-tooltip:before { content: ""; position: absolute; width: 0; height: 0; margin-top: 4px; margin-left: -16px; border-style: solid; border-width: 4.5px 6px 4.5px 0; border-color: transparent #283643 transparent transparent; } /* push everything on the page to the right to fit the sidebar when it's open/collapsed */ .sidebar .free-trial-text { color: #FF7043; } @media (max-width: 900px) { body:not(.sidebar-is-collapsed) #TopBoxApps .header-logo-container, body:not(.sidebar-is-collapsed) .navbar .navbar-header { position: relative; left: 0; transform: none; float: left; max-width: calc(100% - 220px); padding-left: 0; padding-right: 0; } body:not(.sidebar-is-collapsed) #TopBoxApps #Top, body:not(.sidebar-is-collapsed) .navbar.navbar-fixed-top > .container { position: absolute; left: 300px; right: 0; min-width: auto; width: auto; padding-left: 0; } } @media (max-width: 890px) { body .navbar .container { padding: 0px; } body:not(.sidebar-is-collapsed) .navbar .navbar-header { width: calc(100% - 220px); } } @media (max-width: 767px) { body.sidebar-is-collapsed #TopBoxApps .header-logo-container { position: relative; left: 0; transform: none; float: left; max-width: calc(100% - 235px); } body.sidebar-is-collapsed #TopBoxApps #Top, body.sidebar-is-collapsed .navbar.navbar-fixed-top > .container { position: absolute; left: 65px; right: 0; min-width: auto; } body .navbar > .container { padding: 0; } .navbar #navbar { float: none; clear: both; width: 100%; margin: 0; padding: 0; } .navbar .navbar-header { width: 100%; margin: 0; } .navbar .navbar-header .navbar-toggle { margin-right: 0; } body.sidebar-is-collapsed .ui-navbar .navbar-header { float: left; padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; width: calc(100% - 235px); text-align: left; } body.sidebar-is-collapsed .navbar-brand { display: inline-block; line-height: 70px; margin-right: 0; } body.sidebar-is-collapsed .navbar-brand img { display: inline-block; margin-top: -3px; } } @media (max-width: 600px) { body .navbar-header { padding-left: 0; } body.sidebar-is-collapsed .navbar-brand { float: left; } } body .ui-activity-stream .activity-stream-row { display: flex; } body .ui-activity-stream .activity-stream-row .activity-stream-avatar { width: 40px; height: 40px; margin-right: 16px; } body .ui-activity-stream .activity-stream-row .activity-stream-content { width: auto; flex: 1; } body .ui-activity-stream .activity-stream-row .activity-stream-content .activity-stream-text, body .ui-activity-stream .activity-stream-row .activity-stream-content .activity-stream-quote { color: #424242; } body .ui-activity-stream .activity-stream-row .activity-stream-content .activity-stream-text a, body .ui-activity-stream .activity-stream-row .activity-stream-content .activity-stream-quote a { color: #212121; font-weight: 600; } body .ui-activity-stream .activity-stream-row .activity-stream-content .activity-stream-date { color: #9E9E9E; font-size: 12px; line-height: 16px; } body .ui-activity-stream .activity-stream-row .activity-stream-content .activity-stream-quote { margin-top: 8px; } body .ui-activity-stream .activity-stream-row .activity-stream-image { width: 48px; height: 48px; margin-left: 8px; } body .ui-activity-stream .activity-stream-row .activity-stream-image img { width: 48px; height: 48px; border-radius: 12px; } body .ui-activity-stream .activity-stream-row .activity-stream-image a { width: 48px; height: 48px; display: block; } body .ui-activity-stream .activity-stream-row .activity-stream-image a img { width: 48px; height: 48px; border-radius: 12px; } body .ui-activity-stream .activity-stream-row a { color: #212121; font-weight: 600; } body .ui-activity-stream .activity-stream-actions { margin-top: 8px; display: flex; margin-bottom: 16px; border-bottom: 1px solid #EEE; padding-bottom: 16px; } body .ui-activity-stream .activity-stream-actions .activity-stream-actions-likes { width: 50%; padding-left: 56px; } body .ui-activity-stream .activity-stream-actions .activity-stream-actions-delete { width: 50%; text-align: right; } body .datepicker { border-radius: 4px; direction: ltr; } body .datepicker-inline { width: 220px; } body .datepicker-rtl { direction: rtl; } body .datepicker-rtl.dropdown-menu { left: auto; } body .datepicker-rtl table tr td span { float: right; } body .datepicker-dropdown { top: 0; left: 0; padding: 4px; } body .datepicker-dropdown:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } body .datepicker-dropdown:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } body .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } body .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } body .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } body .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } body .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } body .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } body .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } body .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } body .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body .datepicker table tr td, body .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } body .table-striped .datepicker table tr td, body .table-striped .datepicker table tr th { background-color: transparent; } body .datepicker table tr td.old, body .datepicker table tr td.new { color: #777777; } body .datepicker table tr td.day:hover, body .datepicker table tr td.focused { background: #eeeeee; cursor: pointer; } body .datepicker table tr td.disabled, body .datepicker table tr td.disabled:hover { background: none; color: #999; cursor: default; } body .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } body .datepicker table tr td.highlighted:focus, body .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } body .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } body .datepicker table tr td.highlighted:active, body .datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; } body .datepicker table tr td.highlighted:active:hover, body .datepicker table tr td.highlighted.active:hover, body .datepicker table tr td.highlighted:active:focus, body .datepicker table tr td.highlighted.active:focus, body .datepicker table tr td.highlighted:active.focus, body .datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } body .datepicker table tr td.highlighted.disabled:hover, body .datepicker table tr td.highlighted[disabled]:hover, body fieldset[disabled] .datepicker table tr td.highlighted:hover, body .datepicker table tr td.highlighted.disabled:focus, body .datepicker table tr td.highlighted[disabled]:focus, body fieldset[disabled] .datepicker table tr td.highlighted:focus, body .datepicker table tr td.highlighted.disabled.focus, body .datepicker table tr td.highlighted[disabled].focus, body fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } body .datepicker table tr td.highlighted.focused { background: #afd9ee; } body .datepicker table tr td.highlighted.disabled, body .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } body .datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733; border-radius: 50%; } body .datepicker table tr td.today:focus, body .datepicker table tr td.today.focus { color: #000; background-color: #ffc966; border-color: #b37400; } body .datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } body .datepicker table tr td.today:active, body .datepicker table tr td.today.active { color: #000; background-color: #ffc966; border-color: #f59e00; } body .datepicker table tr td.today:active:hover, body .datepicker table tr td.today.active:hover, body .datepicker table tr td.today:active:focus, body .datepicker table tr td.today.active:focus, body .datepicker table tr td.today:active.focus, body .datepicker table tr td.today.active.focus { color: #000; background-color: #ffbc42; border-color: #b37400; } body .datepicker table tr td.today.disabled:hover, body .datepicker table tr td.today[disabled]:hover, body fieldset[disabled] .datepicker table tr td.today:hover, body .datepicker table tr td.today.disabled:focus, body .datepicker table tr td.today[disabled]:focus, body fieldset[disabled] .datepicker table tr td.today:focus, body .datepicker table tr td.today.disabled.focus, body .datepicker table tr td.today[disabled].focus, body fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } body .datepicker table tr td.today.focused { background: #ffc966; } body .datepicker table tr td.today.disabled, body .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; } body .datepicker table tr td.range { color: #000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0; } body .datepicker table tr td.range:focus, body .datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; } body .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } body .datepicker table tr td.range:active, body .datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } body .datepicker table tr td.range:active:hover, body .datepicker table tr td.range.active:hover, body .datepicker table tr td.range:active:focus, body .datepicker table tr td.range.active:focus, body .datepicker table tr td.range:active.focus, body .datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; } body .datepicker table tr td.range.disabled:hover, body .datepicker table tr td.range[disabled]:hover, body fieldset[disabled] .datepicker table tr td.range:hover, body .datepicker table tr td.range.disabled:focus, body .datepicker table tr td.range[disabled]:focus, body fieldset[disabled] .datepicker table tr td.range:focus, body .datepicker table tr td.range.disabled.focus, body .datepicker table tr td.range[disabled].focus, body fieldset[disabled] .datepicker table tr td.range.focus { background-color: #eeeeee; border-color: #bbbbbb; } body .datepicker table tr td.range.focused { background: #d5d5d5; } body .datepicker table tr td.range.disabled, body .datepicker table tr td.range.disabled:active { background: #eeeeee; color: #777777; } body .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; } body .datepicker table tr td.range.highlighted:focus, body .datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; } body .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } body .datepicker table tr td.range.highlighted:active, body .datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } body .datepicker table tr td.range.highlighted:active:hover, body .datepicker table tr td.range.highlighted.active:hover, body .datepicker table tr td.range.highlighted:active:focus, body .datepicker table tr td.range.highlighted.active:focus, body .datepicker table tr td.range.highlighted:active.focus, body .datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; } body .datepicker table tr td.range.highlighted.disabled:hover, body .datepicker table tr td.range.highlighted[disabled]:hover, body fieldset[disabled] .datepicker table tr td.range.highlighted:hover, body .datepicker table tr td.range.highlighted.disabled:focus, body .datepicker table tr td.range.highlighted[disabled]:focus, body fieldset[disabled] .datepicker table tr td.range.highlighted:focus, body .datepicker table tr td.range.highlighted.disabled.focus, body .datepicker table tr td.range.highlighted[disabled].focus, body fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } body .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } body .datepicker table tr td.range.highlighted.disabled, body .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; } body .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; } body .datepicker table tr td.range.today:focus, body .datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; } body .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; } body .datepicker table tr td.range.today:active, body .datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; } body .datepicker table tr td.range.today:active:hover, body .datepicker table tr td.range.today.active:hover, body .datepicker table tr td.range.today:active:focus, body .datepicker table tr td.range.today.active:focus, body .datepicker table tr td.range.today:active.focus, body .datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; } body .datepicker table tr td.range.today.disabled:hover, body .datepicker table tr td.range.today[disabled]:hover, body fieldset[disabled] .datepicker table tr td.range.today:hover, body .datepicker table tr td.range.today.disabled:focus, body .datepicker table tr td.range.today[disabled]:focus, body fieldset[disabled] .datepicker table tr td.range.today:focus, body .datepicker table tr td.range.today.disabled.focus, body .datepicker table tr td.range.today[disabled].focus, body fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } body .datepicker table tr td.range.today.disabled, body .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; } body .datepicker table tr td.selected, body .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .datepicker table tr td.selected:focus, body .datepicker table tr td.selected.highlighted:focus, body .datepicker table tr td.selected.focus, body .datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; } body .datepicker table tr td.selected:hover, body .datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; } body .datepicker table tr td.selected:active, body .datepicker table tr td.selected.highlighted:active, body .datepicker table tr td.selected.active, body .datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; } body .datepicker table tr td.selected:active:hover, body .datepicker table tr td.selected.highlighted:active:hover, body .datepicker table tr td.selected.active:hover, body .datepicker table tr td.selected.highlighted.active:hover, body .datepicker table tr td.selected:active:focus, body .datepicker table tr td.selected.highlighted:active:focus, body .datepicker table tr td.selected.active:focus, body .datepicker table tr td.selected.highlighted.active:focus, body .datepicker table tr td.selected:active.focus, body .datepicker table tr td.selected.highlighted:active.focus, body .datepicker table tr td.selected.active.focus, body .datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; } body .datepicker table tr td.selected.disabled:hover, body .datepicker table tr td.selected.highlighted.disabled:hover, body .datepicker table tr td.selected[disabled]:hover, body .datepicker table tr td.selected.highlighted[disabled]:hover, body fieldset[disabled] .datepicker table tr td.selected:hover, body fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, body .datepicker table tr td.selected.disabled:focus, body .datepicker table tr td.selected.highlighted.disabled:focus, body .datepicker table tr td.selected[disabled]:focus, body .datepicker table tr td.selected.highlighted[disabled]:focus, body fieldset[disabled] .datepicker table tr td.selected:focus, body fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, body .datepicker table tr td.selected.disabled.focus, body .datepicker table tr td.selected.highlighted.disabled.focus, body .datepicker table tr td.selected[disabled].focus, body .datepicker table tr td.selected.highlighted[disabled].focus, body fieldset[disabled] .datepicker table tr td.selected.focus, body fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; } body .datepicker table tr td.active, body .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .datepicker table tr td.active:focus, body .datepicker table tr td.active.highlighted:focus, body .datepicker table tr td.active.focus, body .datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #286090; border-color: #122b40; } body .datepicker table tr td.active:hover, body .datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #286090; border-color: #204d74; } body .datepicker table tr td.active:active, body .datepicker table tr td.active.highlighted:active, body .datepicker table tr td.active.active, body .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #286090; border-color: #204d74; } body .datepicker table tr td.active:active:hover, body .datepicker table tr td.active.highlighted:active:hover, body .datepicker table tr td.active.active:hover, body .datepicker table tr td.active.highlighted.active:hover, body .datepicker table tr td.active:active:focus, body .datepicker table tr td.active.highlighted:active:focus, body .datepicker table tr td.active.active:focus, body .datepicker table tr td.active.highlighted.active:focus, body .datepicker table tr td.active:active.focus, body .datepicker table tr td.active.highlighted:active.focus, body .datepicker table tr td.active.active.focus, body .datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } body .datepicker table tr td.active.disabled:hover, body .datepicker table tr td.active.highlighted.disabled:hover, body .datepicker table tr td.active[disabled]:hover, body .datepicker table tr td.active.highlighted[disabled]:hover, body fieldset[disabled] .datepicker table tr td.active:hover, body fieldset[disabled] .datepicker table tr td.active.highlighted:hover, body .datepicker table tr td.active.disabled:focus, body .datepicker table tr td.active.highlighted.disabled:focus, body .datepicker table tr td.active[disabled]:focus, body .datepicker table tr td.active.highlighted[disabled]:focus, body fieldset[disabled] .datepicker table tr td.active:focus, body fieldset[disabled] .datepicker table tr td.active.highlighted:focus, body .datepicker table tr td.active.disabled.focus, body .datepicker table tr td.active.highlighted.disabled.focus, body .datepicker table tr td.active[disabled].focus, body .datepicker table tr td.active.highlighted[disabled].focus, body fieldset[disabled] .datepicker table tr td.active.focus, body fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } body .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } body .datepicker table tr td span:hover, body .datepicker table tr td span.focused { background: #eeeeee; } body .datepicker table tr td span.disabled, body .datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; } body .datepicker table tr td span.active, body .datepicker table tr td span.active:hover, body .datepicker table tr td span.active.disabled, body .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } body .datepicker table tr td span.active:focus, body .datepicker table tr td span.active:hover:focus, body .datepicker table tr td span.active.disabled:focus, body .datepicker table tr td span.active.disabled:hover:focus, body .datepicker table tr td span.active.focus, body .datepicker table tr td span.active:hover.focus, body .datepicker table tr td span.active.disabled.focus, body .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; } body .datepicker table tr td span.active:hover, body .datepicker table tr td span.active:hover:hover, body .datepicker table tr td span.active.disabled:hover, body .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; } body .datepicker table tr td span.active:active, body .datepicker table tr td span.active:hover:active, body .datepicker table tr td span.active.disabled:active, body .datepicker table tr td span.active.disabled:hover:active, body .datepicker table tr td span.active.active, body .datepicker table tr td span.active:hover.active, body .datepicker table tr td span.active.disabled.active, body .datepicker table tr td span.active.disabled:hover.active { color: #fff; background-color: #286090; border-color: #204d74; } body .datepicker table tr td span.active:active:hover, body .datepicker table tr td span.active:hover:active:hover, body .datepicker table tr td span.active.disabled:active:hover, body .datepicker table tr td span.active.disabled:hover:active:hover, body .datepicker table tr td span.active.active:hover, body .datepicker table tr td span.active:hover.active:hover, body .datepicker table tr td span.active.disabled.active:hover, body .datepicker table tr td span.active.disabled:hover.active:hover, body .datepicker table tr td span.active:active:focus, body .datepicker table tr td span.active:hover:active:focus, body .datepicker table tr td span.active.disabled:active:focus, body .datepicker table tr td span.active.disabled:hover:active:focus, body .datepicker table tr td span.active.active:focus, body .datepicker table tr td span.active:hover.active:focus, body .datepicker table tr td span.active.disabled.active:focus, body .datepicker table tr td span.active.disabled:hover.active:focus, body .datepicker table tr td span.active:active.focus, body .datepicker table tr td span.active:hover:active.focus, body .datepicker table tr td span.active.disabled:active.focus, body .datepicker table tr td span.active.disabled:hover:active.focus, body .datepicker table tr td span.active.active.focus, body .datepicker table tr td span.active:hover.active.focus, body .datepicker table tr td span.active.disabled.active.focus, body .datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } body .datepicker table tr td span.active.disabled:hover, body .datepicker table tr td span.active:hover.disabled:hover, body .datepicker table tr td span.active.disabled.disabled:hover, body .datepicker table tr td span.active.disabled:hover.disabled:hover, body .datepicker table tr td span.active[disabled]:hover, body .datepicker table tr td span.active:hover[disabled]:hover, body .datepicker table tr td span.active.disabled[disabled]:hover, body .datepicker table tr td span.active.disabled:hover[disabled]:hover, body fieldset[disabled] .datepicker table tr td span.active:hover, body fieldset[disabled] .datepicker table tr td span.active:hover:hover, body fieldset[disabled] .datepicker table tr td span.active.disabled:hover, body fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, body .datepicker table tr td span.active.disabled:focus, body .datepicker table tr td span.active:hover.disabled:focus, body .datepicker table tr td span.active.disabled.disabled:focus, body .datepicker table tr td span.active.disabled:hover.disabled:focus, body .datepicker table tr td span.active[disabled]:focus, body .datepicker table tr td span.active:hover[disabled]:focus, body .datepicker table tr td span.active.disabled[disabled]:focus, body .datepicker table tr td span.active.disabled:hover[disabled]:focus, body fieldset[disabled] .datepicker table tr td span.active:focus, body fieldset[disabled] .datepicker table tr td span.active:hover:focus, body fieldset[disabled] .datepicker table tr td span.active.disabled:focus, body fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, body .datepicker table tr td span.active.disabled.focus, body .datepicker table tr td span.active:hover.disabled.focus, body .datepicker table tr td span.active.disabled.disabled.focus, body .datepicker table tr td span.active.disabled:hover.disabled.focus, body .datepicker table tr td span.active[disabled].focus, body .datepicker table tr td span.active:hover[disabled].focus, body .datepicker table tr td span.active.disabled[disabled].focus, body .datepicker table tr td span.active.disabled:hover[disabled].focus, body fieldset[disabled] .datepicker table tr td span.active.focus, body fieldset[disabled] .datepicker table tr td span.active:hover.focus, body fieldset[disabled] .datepicker table tr td span.active.disabled.focus, body fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } body .datepicker table tr td span.old, body .datepicker table tr td span.new { color: #777777; } body .datepicker .datepicker-switch { width: 145px; } body .datepicker .datepicker-switch, body .datepicker .prev, body .datepicker .next, body .datepicker tfoot tr th { cursor: pointer; } body .datepicker .datepicker-switch:hover, body .datepicker .prev:hover, body .datepicker .next:hover, body .datepicker tfoot tr th:hover { background: #eeeeee; } body .datepicker .prev.disabled, body .datepicker .next.disabled { visibility: hidden; } body .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } body .input-group.date .input-group-addon { cursor: pointer; } body .input-daterange { width: 100%; } body .input-daterange input { text-align: center; } body .input-daterange input:first-child { border-radius: 3px 0 0 3px; } body .input-daterange input:last-child { border-radius: 0 3px 3px 0; } body .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; text-shadow: 0 1px 0 #fff; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } body .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; color: #333333; font-size: 13px; line-height: 1.42857143; } body .datepicker.dropdown-menu th, body .datepicker.datepicker-inline th, body .datepicker.dropdown-menu td, body .datepicker.datepicker-inline td { padding: 0px 5px; } body .datepicker { padding: 0; line-height: normal; font-size: 13px; box-shadow: none; } body .datepicker table { table-layout: auto; } body .datepicker table thead tr { background-color: #0a2b1d; } body .datepicker table tbody tr:nth-child(odd) { background-color: transparent; } body .datepicker table tbody tr:hover, body .datepicker table tbody tr:nth-child(odd):hover { background-color: transparent; } body .datepicker table tr td, body .datepicker table tr th { line-height: 32px; width: 40px; height: 40px; } body .datepicker td.day { background-color: #FFFFFF; } body .datepicker table tr td.today { background-color: #EEE; } body .datepicker td.cw { border-right: 1px solid #EEE; } body .datepicker td.day.old, body .datepicker td.day.new { color: #bbbbbb; } body .datepicker table tr td, body .datepicker table tr th { border-radius: 0; } body .datepicker th { background-color: #03A9F4; border-radius: 0; color: #FFFFFF; font-weight: normal; line-height: 32px; font-size: 13px; width: 40px; } body .datepicker th.cw { background-color: #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; } body .datepicker th.dow { border-bottom: 1px solid #EEE; } body .datepicker .datepicker-switch:hover, body .datepicker .prev:hover, body .datepicker .next:hover { background-color: #03A9F4; } body .datepicker th.dow { background-color: #FFFFFF; color: #000000; font-weight: bold; text-transform: uppercase; } body .datepicker th.next { border-top-right-radius: 2px; color: white; } body .datepicker th.prev { border-top-left-radius: 2px; color: white; } body .datepicker table tr td.active:active, body .datepicker table tr td.active:hover:active, body .datepicker table tr td.active.highlighted:active, body .datepicker table tr td.active.active, body .datepicker table tr td.active:hover.active, body .datepicker table tr td.active.highlighted.active, body .open > .dropdown-toggle.datepicker table tr td.active, body .open > .dropdown-toggle.datepicker table tr td.active.highlighted { background-position: center; background-repeat: no-repeat; background-color: #03A9F4; border-radius: 50%; } body .datepicker table tr td.disabled, body .datepicker table tr td.disabled:hover { background-color: #FFFFFF; } body .datepicker table tr td span.active:active, body .datepicker table tr td span.active.active { background-position: center; background-repeat: no-repeat; text-shadow: none; background-color: #03A9F4; border-radius: 50%; } body .datepicker table tr td span.active:active:hover, body .datepicker table tr td span.active.active:hover { color: #434343; background-color: #EEE; border-radius: 50%; } body .datepicker table tr td span:hover { background-position: center; background-repeat: no-repeat; background-color: #EEE; border-radius: 50%; } body .datepicker table tr td.day:hover { background-position: center; background-repeat: no-repeat; background-color: #EEE; border-radius: 50%; } body .datepicker table tr td.timeline-day-start { border-radius: 50% 0 0 50%; } body .datepicker table tr td.timeline-day-end { border-radius: 0 50% 50% 0; } body .datepicker table tr td.timeline-day { background-color: #CD0000; color: #fefefe; } body .datepicker table tr td.timeline-day:hover { background-image: none; background: #eeeeee; } body .datepicker table tr td.timeline-day-start.timeline-day-end { border-radius: 0 50% 50% 50%; } body .ui-like { display: flex; align-items: center; } body .ui-like .ui-like-icon { margin-right: 8px; } body .ui-like .ui-like-icon.size-20 { width: 20px; height: 20px; } body .ui-like .ui-like-icon.size-24 { width: 24px; height: 24px; } body .ui-like .ui-like-icon .ui-tooltip-icon { margin: 0; } body .ui-like .ui-like-count { font-weight: normal; color: #424242; font-style: normal; } body .achievement_background { position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; } body .achievement_complete_popup { position: fixed; bottom: 30%; right: 35%; width: 562px; background-color: #FFF; z-index: 3000; border-radius: 12px; } body .achievement_complete_popup .achievement_header { padding: 16px; } body .achievement_complete_popup .achievement_header .achievement-close { cursor: pointer; } body .achievement_complete_popup .achievement_popup { min-height: 300px; width: 540px; padding: 10px; text-align: center; } body .achievement_complete_popup .achievement_popup .ach_popup_image { height: 175px; width: 175px; position: relative; margin: 10px auto; } body .achievement_complete_popup .achievement_popup .ach_popup_image .ach_image_overlay { position: absolute; top: 0; left: 0; margin-bottom: 5px; } body .achievement_complete_popup .achievement_popup .ach_popup_you_achieved { width: 500px; margin-left: auto; margin-right: auto; line-height: 25px; font-size: 16px; } body .nav-tabs { border-bottom: 1px solid #EEE; list-style: none; margin: 0; padding: 0; } body .nav-tabs > li { float: left; margin-bottom: -1px; } body .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } body .nav-tabs > li > a:hover { border-color: #EEE; } body .nav-tabs > li.active > a, body .nav-tabs > li.active > a:hover, body .nav-tabs > li.active > a:focus { color: #424242; background-color: #FFF; border: 1px solid #EEE; border-bottom-color: transparent; cursor: default; } body .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } body .nav-tabs.nav-justified > li { float: none; } body .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } body .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { body .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } body .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } body .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } body .nav-tabs.nav-justified > .active > a, body .nav-tabs.nav-justified > .active > a:hover, body .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #EEE; } @media (min-width: 768px) { body .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #EEE; border-radius: 4px 4px 0 0; } body .nav-tabs.nav-justified > .active > a, body .nav-tabs.nav-justified > .active > a:hover, body .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #FFF; } } body .tab-content > .tab-pane { display: none; } body .tab-content > .active { display: block; } body .ui-bar { height: 24px; border-radius: 20px; background: #F5F5F5; } body .ui-bar .progress { background-color: #FF7043; height: 24px; border-radius: 20px; display: flex; align-items: center; justify-content: end; max-width: 100%; } body .ui-bar .progress span { color: white; padding-right: 8px; } body .ui-poll { width: 100%; height: 100%; padding: 12px; background: #F5F5F5; border-radius: 8px; overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: inline-flex; } body .ui-poll.legacy { background: transparent; } body .ui-poll .poll-header { align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; } body .ui-poll .poll-header .poll-title { align-self: stretch; color: #212121; font-size: 16px; font-weight: 700; line-height: 20px; word-wrap: break-word; } body .ui-poll .poll-header .poll-info { color: #9E9E9E; font-weight: 400; word-wrap: break-word; } body .ui-poll .poll-option { width: 100%; height: 44px; background: #FFF; border-radius: 8px; justify-content: space-between; align-items: flex-start; display: inline-flex; position: relative; } body .ui-poll .poll-option .poll-option-bar { height: 44px; border-radius: 8px; position: absolute; opacity: 0.5; } body .ui-poll .poll-option .poll-option-bar.voted { opacity: 1; } body .ui-poll .poll-option .poll-option-text { color: #212121; font-weight: 700; word-wrap: break-word; position: absolute; left: 12px; top: 12px; height: 22px; overflow: hidden; max-width: 90%; } body .ui-poll .poll-option .poll-option-percentage { color: #212121; font-weight: 400; word-wrap: break-word; position: absolute; right: 12px; top: 12px; } body .ui-poll .poll-closed { display: flex; align-items: center; justify-content: center; width: 100%; color: #757575; } body .ui-poll .poll-closed .ui-tooltip-icon { margin-right: 8px; } body .ui-poll .poll-footer { align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex; } body .ui-poll .poll-footer .poll-responses { color: #757575; font-weight: 700; word-wrap: break-word; } body .ui-poll .poll-footer .poll-show-votes { color: #03A9F4; font-weight: 700; word-wrap: break-word; } body .ui-poll .poll-footer .poll-delete a { color: #EF5350; } body .ui-pro-icon { display: inline-block; } body .ui-pro-icon.size-24 { height: 24px; width: 38px; } body .ui-pro-icon.size-20 { height: 20px; width: 32px; } body .ui-pro-icon.size-16 { height: 16px; width: 26px; } body .ui-pro-icon .ui-pro-icon-holder { width: 100%; height: 100%; position: relative; } body .ui-pro-icon .ui-pro-icon-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } body .ui-action-menu ul { list-style: none; padding: 0; margin: 0; } body .ui-action-menu ul li:hover { background-color: #F5F5F5; border-radius: 3px; } body .ui-action-menu ul li.spacer { height: 16px; } body .ui-action-menu ul li.spacer:hover { background-color: transparent; } body .ui-action-menu ul li.divider { margin-top: 8px; margin-bottom: 8px; height: 2px; background-color: #EEE; } body .ui-action-menu ul li.divider:hover { background-color: #EEE; } body .ui-action-menu ul li.primary { background-color: #03A9F4; border-radius: 3px; } body .ui-action-menu ul li.primary a { color: #FFFFFF; } body .ui-action-menu ul li.primary:hover { background-color: #039CE0; color: #FFFFFF; } body .ui-action-menu ul li.separator { height: 1px; background-color: #EEE; } body .ui-action-menu ul li.separator:hover { background-color: transparent; } body .ui-action-menu ul li.disabled { opacity: 0.5; } body .ui-action-menu ul li.disabled a { cursor: not-allowed; } body .ui-action-menu ul li.disabled a:hover { color: #424242; } body .ui-action-menu ul li.subheading { padding: 0 5px; min-height: 40px; font-weight: bold; color: #424242; display: flex; align-items: center; } body .ui-action-menu ul li.subheading:hover { background-color: transparent; } body .ui-action-menu ul li.warning { background-color: #FFF3E0; border-radius: 12px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 8px; } body .ui-action-menu ul li.warning div.text { align-items: start; } body .ui-action-menu ul li.menu-loader { text-align: center; } body .ui-action-menu ul li.menu-loader:hover { background-color: transparent; } body .ui-action-menu ul li.menu-buttons { display: flex; align-items: center; justify-content: space-between; } body .ui-action-menu ul li.menu-buttons:hover { background-color: transparent; } body .ui-action-menu ul li a, body .ui-action-menu ul li div.text { display: flex; align-items: center; padding: 0 5px; min-height: 40px; color: #424242; text-decoration: none; } body .ui-action-menu ul li a .ui-tooltip-icon, body .ui-action-menu ul li div.text .ui-tooltip-icon { margin-right: 16px; } body .invite-popup .fancybox-inner { height: 438px !important; width: 440px !important; overflow-x: hidden !important; } body .group-invite-holder .invite-button-row, body .challenge-invite-holder .invite-button-row { margin-top: 8px; } body .group-invite-holder #group_members_result, body .challenge-invite-holder #group_members_result { clear: both; } body .group-invite-holder .group-invite-search, body .group-invite-holder .challenge-invite-search, body .challenge-invite-holder .group-invite-search, body .challenge-invite-holder .challenge-invite-search { padding: 10px; border: 1px solid #E0E0E0; border-radius: 4px; margin-bottom: 16px; } body .group-invite-holder .group-invite-search input, body .group-invite-holder .group-invite-search select, body .group-invite-holder .challenge-invite-search input, body .group-invite-holder .challenge-invite-search select, body .challenge-invite-holder .group-invite-search input, body .challenge-invite-holder .group-invite-search select, body .challenge-invite-holder .challenge-invite-search input, body .challenge-invite-holder .challenge-invite-search select { background-color: white; border: 1px solid #E0E0E0; color: black; padding: 11px; } body .group-invite-holder .user, body .challenge-invite-holder .user { height: 94px; width: 94px; padding: 6px; margin-right: 6px; margin-bottom: 6px; float: left; } body .group-invite-holder .user.user_selected, body .challenge-invite-holder .user.user_selected { background-color: #66BB6A; cursor: pointer; } body .group-invite-holder .user.user_not_selected, body .challenge-invite-holder .user.user_not_selected { background-color: #FFFFFF; cursor: pointer; } body .group-invite-holder .user.user_unselectable, body .challenge-invite-holder .user.user_unselectable { background-color: #FFFFFF; opacity: 0.4; display: block; position: static; } body .group-invite-holder .user .polaroid_pro_new, body .challenge-invite-holder .user .polaroid_pro_new { top: 5px; left: 5px; position: absolute; } body .group-invite-holder .user .polaroid_name_new, body .challenge-invite-holder .user .polaroid_name_new { color: white; position: absolute; overflow: hidden; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 82px; text-overflow: ellipsis; z-index: 2; white-space: nowrap; font-size: 12px; padding: 2px; height: 20px; font-weight: normal; line-height: 12px; } body .ui-status-icon { display: inline-flex; height: 8px; width: 8px; border-radius: 50%; } body .ui-status-icon.red { background-color: #EF5350; } body .ui-status-icon.orange { background-color: #FFA726; } body .ui-status-icon.green { background-color: #66BB6A; } body .ui-status-icon.blue { background-color: #42A5F5; } .ui-datatable--header-container, .ui-datatable--footer-container { margin-left: 10px; } .ui-datatable--search-container .dataTables_filter { text-align: left !important; float: none !important; } .ui-datatable--total-container .dataTables_info { padding: 15px 0 !important; font-weight: bold; } .ui-datatable--pagination-container { display: flex; align-items: center; justify-content: space-between; } .ui-datatable--pagination-container .pagination { display: inline-block; padding-left: 0; margin: 0; border-radius: 0; } .ui-datatable--pagination-container .pagination > li { display: inline; } .ui-datatable--pagination-container .pagination > li > a, .ui-datatable--pagination-container .pagination > li > span { position: relative; padding: 6px 12px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; margin: 0 4px; } .ui-datatable--pagination-container .pagination > li > a:first-child, .ui-datatable--pagination-container .pagination > li > span:first-child { margin-left: 0; border-top-left-radius: 0; /* Changed from 4px */ border-bottom-left-radius: 0; /* Changed from 4px */ } .ui-datatable--pagination-container .pagination > li > a:last-child, .ui-datatable--pagination-container .pagination > li > span:last-child { border-top-right-radius: 0; /* Changed from 4px */ border-bottom-right-radius: 0; /* Changed from 4px */ } .ui-datatable--pagination-container .pagination > li > a:hover, .ui-datatable--pagination-container .pagination > li > a:focus, .ui-datatable--pagination-container .pagination > li > span:hover, .ui-datatable--pagination-container .pagination > li > span:focus { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd; } .ui-datatable--pagination-container .pagination > .active > a, .ui-datatable--pagination-container .pagination > .active > span { z-index: 2; cursor: default; color: #424242 !important; background-color: transparent !important; border-color: transparent !important; } .ui-datatable--pagination-container .pagination > .disabled > a, .ui-datatable--pagination-container .pagination > .disabled > span { color: #777 !important; cursor: not-allowed !important; background-color: #fff !important; border-color: transparent !important; } body .ui-uploader .upload_img_holder { border: 1px solid #F5F5F5; padding: 8px; border-radius: 6px; } body .ui-uploader .upload_img_holder .upload_img_holder-delete { width: 24px; height: 24px; float: right; } body .ui-uploader .upload_img_holder .upload_img_holder-delete a { display: block; width: 24px; height: 24px; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>Icons/delete'); } body .ui-uploader .btn_grey_s { color: #03A9F4; } body .ui-uploader .btn_grey_s:hover { color: #039CE0; cursor: pointer; } #print_popup { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.34); z-index: 101; width: 100%; min-height: 100vh; display: none; align-items: center; text-align: left; } #print_popup .box { background: #FFFFFF; margin: auto; } #print_popup .box .box-content .popup-label { font-size: 22px; color: black; font-weight: normal; } #print_popup h4 { margin: 0; } #print_popup .flex-container { display: flex; } #print_popup .print-popup-images { width: 100%; margin-top: 24px; } #print_popup .print-popup-images img { cursor: pointer; height: 75px; width: 93px; } #print_popup .print-popup-radios { padding: 15px 0; } #print_popup .css-label { height: 20px; font-size: 14px; line-height: 14px; padding-left: 20px; } #print_popup .print-popup-option-container { width: 175px; text-align: center; } #print_popup .print-popup-content-selection .css-label { padding-left: 25px; } #print_popup .print-popup-checkboxes .print-popup-content-selection { padding: 5px 0; margin-top: 10px; } #print_popup .popup-header { font-size: 2em; font-weight: normal; margin-bottom: 30px; } #print_popup .popup-label { float: left; width: 100%; font-weight: bold; color: #5B5B5B; } #print_popup .radio-input { margin-left: 10px !important; width: 87% !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #print_popup .box { margin: 7% auto 0; } } /** IE Hack */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #print_popup .print-popup-radios .css-label { background-position: -27px 0; } } #video_popup { position: fixed; top: 50%; left: 50%; margin-top: -9em; margin-left: -15em; z-index: 12; border: 1px solid #c5c5c5; background-color: #FFFFFF; display: none; } #video_popup #video_popup_header { font-size: 14px; font-weight: bold; height: 35px; display: table; width: 100%; } #video_popup .video_popup_header_title { display: table-cell; text-align: left; vertical-align: middle; padding-left: 10px; } #video_popup .video_popup_header_icon { cursor: pointer; display: table-cell; text-align: right; vertical-align: middle; padding-right: 10px; } #video_popup .video_popup_header_icon img { height: 14px; vertical-align: middle; } body.page_404 #page_404 .row { margin-top: 16px; } body.page_404 #page_404 img { margin-bottom: 16px; } body.page_create_activity_2 .option-container { margin-left: 16px; margin-bottom: 16px; display: flex; align-items: center; } body.page_create_activity_2 .option-container label { margin: 0; } body.page_create_activity_2 .option-container input { margin-right: 8px; } body.page_create_activity_2 .option-container .ui-tooltip-icon { margin-left: 8px; } body.page_create_activity_2 .hide_all_but_first:nth-of-type(n+2) { display: none; } body.page_create_activity_2 .hide_all_but_first.show { display: block; } body.page_create_activity_2 .activity-youtube-link.show { display: flex !important; } body.page_create_activity_2 .name_lang_container { width: 100%; } body.page_create_activity_2 .desc_lang_container { margin-top: 16px; } body.page_create_activity_2 #strength_table, body.page_create_activity_2 #cardio_table { margin-top: 16px; } body.page_create_activity_2 #strength_table .rep, body.page_create_activity_2 #strength_table .rest { width: 65px; } body.page_create_activity_2 #strength_table .rep-after, body.page_create_activity_2 #strength_table .rest-after { margin-left: 8px; margin-right: 16px; } body.page_create_activity_2 #advanced_options .duration-input { width: 80px; } body.page_create_activity_2 #advanced_options .duration-after { margin-left: 8px; margin-right: 8px; } body.page_create_activity_2 #advanced_options #intensity_value_options { margin-left: 8px; } body.page_create_activity_2 #advanced_options input[name=intensity_type_strength] { margin-right: 8px; } body.page_create_activity_2 #advanced_options label[for=r1] { margin-right: 16px; } body.page_create_activity_2 #advanced_options #intensity { width: 85px; margin-left: 8px; margin-right: 8px; } body.page_create_activity_2 .instructions-select-container { display: flex; flex-wrap: nowrap; width: 100%; margin-left: 0; margin-right: 0; align-items: center; margin-bottom: 4px; } body.page_create_activity_2 .instructions-select-container.expanded { align-items: start; } body.page_create_activity_2 .instructions-select-container.expanded select { height: 44px; } body.page_create_activity_2 .instructions-select-container.expanded .ui-tooltip-icon { margin-top: 8px; } body.page_create_activity_2 .instructions-select-container a { display: block; width: 24px; height: 24px; } body.page_create_activity_2 .instructions-select-container a.hide { display: none !important; } body.page_create_activity_2 .instructions-select-container a .ui-tooltip-icon { margin: 0; } body.page_create_activity_2 .instructions-select-container a:last-child { margin-left: 8px; } body.page_create_activity_2 .instructions-select-container .new_instruction_container { flex: 1; } body.page_create_activity_2 .instructions-select-container .new_instruction_container .lang_based_instr { margin-bottom: 4px; } body.page_create_activity_2 .instructions-select-container select:not(:last-child) { margin-right: 8px; } body.page_create_activity_2 .instructions-select-container select.instruction_category, body.page_create_activity_2 .instructions-select-container select.instructions_subcategory { width: 175px; min-width: 175px; } body.page_create_activity_2 .instructions-select-container select.instructions { width: 100%; } body.page_create_activity_2 .removableItem { margin-bottom: 4px; display: flex; align-items: center; padding: 8px; justify-content: space-between; border: 1px solid #EEE; border-radius: 6px; } body.page_create_activity_2 .removableItem .removableItem-action { float: right; width: 24px; height: 24px; margin-right: 8px; } body.page_create_activity_2 #save_btn { margin-left: 16px; } body.page_create_activity_2 #qr_codes_table thead .qr-add { width: 24px; height: 24px; float: right; cursor: pointer; } body.page_create_activity_2 #qr_codes_table tbody .qr-action { width: 24px; height: 24px; margin-top: 10px; float: right; cursor: pointer; } body .group_admin_info { border-radius: 6px; padding: 8px 16px 8px 48px; background-position: 16px 10px; background-color: #E3F2FD; color: #424242; margin-bottom: 32px; background-size: 20px; background-repeat: no-repeat; } body.page_groups_list .group_filters .flag_on { opacity: 1; } body.page_groups_list .group_filters .flag_off { opacity: 0.3; } body.page_groups_list .group_filters .flag_on, body.page_groups_list .group_filters .flag_off { margin-bottom: 16px; } body.page_groups_list #result { display: flex; align-content: center; flex-flow: row wrap; justify-content: flex-start; margin-bottom: 16px; } body.page_groups_list #result .group_box { cursor: pointer; border: 0; border-radius: 24px; width: calc(25% - 16px); margin: 8px; height: 326px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body.page_groups_list #result .group_box .group_image_holder { height: 238px; width: 100%; overflow: hidden; position: relative; } body.page_groups_list #result .group_box .group_image_holder .group_image { border-top-left-radius: 24px; border-top-right-radius: 24px; position: absolute; height: 238px; width: 100%; } body.page_groups_list #result .group_box .group_image_holder .group_image_overlay { border-top-left-radius: 24px; border-top-right-radius: 24px; position: absolute; height: 238px; width: 100%; display: none; } body.page_groups_list #result .group_box .group_image_holder .group_label, body.page_groups_list #result .group_box .group_image_holder .group_member_count { color: black; position: absolute; bottom: 8px; left: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px 8px; gap: 4px; width: 100px; height: 20px; background: #FFFFFF; opacity: 0.56; border-radius: 4px; } body.page_groups_list #result .group_box .group_image_holder .group_member_count { right: 8px; left: unset; width: unset; } body.page_groups_list #result .group_box .group_text { padding-top: 0; height: 88px; } body.page_groups_list #result .group_box .group_text .group_text_name { font-weight: bold; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; font-size: 18px; padding: 0 10px; height: 88px; display: flex; align-items: center; justify-content: center; max-height: 66px; white-space: nowrap; } body.page_groups_list #result .group_box .group_text .group_text_name span { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; max-height: 66px; } body.page_groups_list #result .group_box .group_text .group_name_details { color: #FFF; font-size: 11px; clear: both; display: inline-block; font-weight: bold; width: 100%; text-align: center; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; padding-top: 12px; padding-bottom: 12px; } body.page_groups_list #result .group_box .group_text.club_group { height: 88px; padding-top: 0; } body.page_groups_list #result .group_box .group_text.club_group .group_text_name { height: 52px; white-space: nowrap; } body.page_group .group-content { flex: 1; margin-right: 32px; margin-left: 16px; } body.page_group .group-sidebar { width: 424px; margin-right: 16px; } body.page_group .ui-box.join-group .join-group-holder { display: flex; align-items: center; flex-wrap: nowrap; width: 100%; } body.page_group .ui-box.join-group .join-group-holder .join-group-text { flex: 1; } body.page_group .ui-box.join-group .join-group-holder .join-group-text h4 { margin: 0; } body.page_group .ui-box.join-group .join-group-holder .join-group-button { width: auto; } body.page_group .ui-box.group-info { padding: 0; } body.page_group .ui-box.group-info .group-info-header { width: 100%; height: 184px; border-top-left-radius: 24px; border-top-right-radius: 24px; background-repeat: no-repeat; background-size: cover; background-position: center; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 0; } body.page_group .ui-box.group-info .group-info-header .group-info-header-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); top: 0; left: 0; width: 100%; height: 100%; grid-area: 1/1/2/2; border-top-left-radius: 24px; border-top-right-radius: 24px; } body.page_group .ui-box.group-info .group-info-header .group-info-header-icons { margin-top: 16px; margin-right: 16px; height: 24px; display: flex; justify-content: end; } body.page_group .ui-box.group-info .group-info-header .group-info-header-icons a { margin-left: 8px; } body.page_group .ui-box.group-info .group-info-data { top: 140px; margin-top: -48px; left: 0; display: flex; } body.page_group .ui-box.group-info .group-info-data .group-image { width: 160px; height: 160px; margin-left: 48px; background: #FFF; border-radius: 24px; border: 4px solid #FFF; } body.page_group .ui-box.group-info .group-info-data .group-details { margin-top: 68px; margin-right: 16px; } body.page_group .ui-box.group-info .group-info-data .group-details .group-description { margin-bottom: 16px; min-height: 2em; } body.page_group .ui-box.group-info .group-info-data .group-details .group-description .show-more, body.page_group .ui-box.group-info .group-info-data .group-details .group-description .show-less { color: #03A9F4; cursor: pointer; } body.page_group .ui-box.group-info .group-info-data .group-details .group-description .show-more:hover, body.page_group .ui-box.group-info .group-info-data .group-details .group-description .show-less:hover { color: #039CE0; } body.page_group .ui-box.group-info .group-info-data .group-details .group-icons { margin-bottom: 24px; display: flex; align-items: center; } body.page_group .ui-box.group-info .group-info-data .group-details .group-icons a { margin-right: 8px; } body.page_group .ui-box #members_result { margin-bottom: 16px; } body.page_group #group-content-banners .group-content-banners-container { position: relative; width: 100%; height: 137px; overflow: hidden; margin: 0 auto 32px; border-radius: 24px; } body.page_group #group-content-banners .group-content-banners-container .group-content-banners-slider { position: absolute; width: 99999px; left: 0; } body.page_group #group-content-banners .group-content-banners-container .group-content-banners-slider .group-content-banners-image-holder { height: 137px; width: 292px; position: relative; margin: 0; display: inline-block; } body.page_group #group-content-banners .group-content-banners-container .group-content-banners-slider .group-content-banners-image-holder .group-content-banners-title-bg { height: 100%; width: 100%; background-repeat: repeat-x; background-position: bottom; position: absolute; top: 0; z-index: 1; background-image: url("data:image/png;base64,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"); } body.page_group #group-content-banners .group-content-banners-container .group-content-banners-slider .group-content-banners-image-holder .group-content-banners-image { height: 100%; width: 100%; position: absolute; top: 0; z-index: 0; } body.page_group #group-content-banners .group-content-banners-container .group-content-banners-slider .group-content-banners-image-holder .group-content-banners-title { position: absolute; bottom: 0; color: #fff; z-index: 2; font-size: 13px; font-weight: normal; width: 100%; text-align: left; padding: 10px; } body.page_group .ui-message { background: #FFF; border-radius: 24px; margin: 0 0 32px auto; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body.page_group .ui-message.no-shadow { box-shadow: none; } body.page_group .ui-message .message .header { display: flex; align-items: start; width: 100%; padding: 24px; } body.page_group .ui-message .message .header.create { align-items: normal; } body.page_group .ui-message .message .header.no-padding { padding: 0; } body.page_group .ui-message .message .header .post-content { margin-left: 16px; flex: auto; align-items: center; } body.page_group .ui-message .message .header .post-content .fake-input { width: 100%; background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; padding: 12px; } body.page_group .ui-message .message .header .post-content textarea { width: 100%; height: 10em; } body.page_group .ui-message .message .header .post-content .post-content-tabs { margin-top: 16px; } body.page_group .ui-message .message .header .post-content .post-content-tabs ul { margin: 0; padding: 0; display: flex; justify-content: flex-start; } body.page_group .ui-message .message .header .post-content .post-content-tabs ul li { background: #FAFAFA; display: flex; align-items: center; padding: 8px; flex: 1; cursor: pointer; } body.page_group .ui-message .message .header .post-content .post-content-tabs ul li .ui-tooltip-icon { margin-right: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tabs ul li span.new { color: #03A9F4; font-size: 12px; line-height: 12px; font-weight: bold; margin-left: 4px; text-transform: uppercase; } body.page_group .ui-message .message .header .post-content .post-content-tabs ul li:first-child { border-top-left-radius: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tabs ul li:last-child { border-top-right-radius: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tabs ul li.active { background: #F5F5F5; cursor: default; } body.page_group .ui-message .message .header .post-content .post-content-tab { background: #F5F5F5; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 16px 8px; min-height: 125px; } body.page_group .ui-message .message .header .post-content .post-content-tab input, body.page_group .ui-message .message .header .post-content .post-content-tab select { background-color: #FFF; border: 1px solid #E0E0E0; padding: 11px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_holder .tag { margin: 4px; background: #EEE; padding: 4px 8px; border-radius: 2px; cursor: pointer; display: inline-block; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_holder .tag.tag_active { background: #66BB6A; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_count, body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_list { margin-left: 8px; margin-right: 8px; padding: 4px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-images.profile-blog { margin-top: 16px; border-top-left-radius: 8px; border-top-right-radius: 8px; min-height: auto; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions { margin-bottom: 8px; margin-left: 8px; height: 32px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions #add_img_blog_holder { display: inline-block; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions .modal-trigger { float: right; margin-top: 4px; margin-right: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .post-content-meta { display: flex; flex-wrap: wrap; justify-content: center; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-video .ui-tooltip-icon.info_circle { margin-right: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .poll-info { padding: 8px; border-radius: 6px; background-color: #E3F2FD; color: #424242; display: flex; align-items: center; margin: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .poll-info .info-icon { height: 24px; width: 24px; margin-right: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .ui-tooltip-icon.info_circle { margin-right: 8px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .group_poll_option .group_poll_option_action .group_poll_option_action_icon { width: 20px; height: 20px; display: block; cursor: pointer; margin-left: 16px; } body.page_group .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .group_poll_option .group_poll_option_action .group_poll_option_action_icon .ui-tooltip-icon { margin-left: 0; } body.page_group .ui-message .message .header .post-content .post-content-actions { margin-top: 8px; width: 100%; clear: both; } body.page_group .ui-message .message .header .post-content .post-content-meta { width: 100%; clear: both; } body.page_group .ui-message .message .header .user-image { width: 40px; height: 40px; } body.page_group .ui-message .message .header .user-details { margin-left: 16px; flex: auto; } body.page_group .ui-message .message .header .user-details .user-name { font-weight: 600; display: flex; align-items: center; } body.page_group .ui-message .message .header .user-details .user-name a { color: #424242; } body.page_group .ui-message .message .header .user-details .user-name .staff-badge { background: #EEE; border-radius: 20px; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; height: 20px; text-align: center; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; } body.page_group .ui-message .message .header .user-details .user-name .virtuagym-badge { height: 20px; width: 20px; margin-left: 8px; display: inline-block; } body.page_group .ui-message .message .header .user-details .message-date a, body.page_group .ui-message .message .header .user-details .message-date span { color: #9E9E9E; font-size: 12px; line-height: 16px; } body.page_group .ui-message .message .header .message-actions { margin-left: 16px; } body.page_group .ui-message .message .header .message-actions a { display: inline-block; height: 20px; width: 20px; margin-left: 8px; } body.page_group .ui-message .message .header .message-actions .ui-tooltip-icon { margin: 0; } body.page_group .ui-message .message .content p { padding-left: 24px; padding-right: 24px; padding-bottom: 16px; } body.page_group .ui-message .message .media.poll { background: #FFF; padding-left: 16px; padding-right: 16px; text-align: left; } body.page_group .ui-message .message .media .grid { clear: both; display: flex; flex-wrap: wrap; } body.page_group .ui-message .message .media .grid .grid_image_holder .grid_image { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; background-color: #EEE; } body.page_group .ui-message .message .media .grid.grid_1 .grid_image_0 { width: 100%; height: 602px; } body.page_group .ui-message .message .media .grid.grid_2 .grid_image_0 { margin-right: 4px; } body.page_group .ui-message .message .media .grid.grid_2 .grid_image_0, body.page_group .ui-message .message .media .grid.grid_2 .grid_image_1 { width: calc(50% - 2px); height: 299px; } body.page_group .ui-message .message .media .grid.grid_3 .grid_image_0 { width: 100%; height: 299px; margin-bottom: 4px; } body.page_group .ui-message .message .media .grid.grid_3 .grid_image_1, body.page_group .ui-message .message .media .grid.grid_3 .grid_image_2 { width: calc(50% - 2px); height: 198px; } body.page_group .ui-message .message .media .grid.grid_3 .grid_image_1 { margin-right: 4px; } body.page_group .ui-message .message .media .grid.grid_4 .grid_image_0, body.page_group .ui-message .message .media .grid.grid_4 .grid_image_2 { width: calc(50% - 2px); height: 299px; margin-right: 4px; margin-bottom: 4px; } body.page_group .ui-message .message .media .grid.grid_4 .grid_image_1, body.page_group .ui-message .message .media .grid.grid_4 .grid_image_3 { width: calc(50% - 2px); height: 299px; } body.page_group .ui-message .message .media .grid.grid_5 .grid_image_0 { margin-right: 4px; } body.page_group .ui-message .message .media .grid.grid_5 .grid_image_0, body.page_group .ui-message .message .media .grid.grid_5 .grid_image_1 { width: calc(50% - 2px); height: 299px; margin-bottom: 4px; } body.page_group .ui-message .message .media .grid.grid_5 .grid_image_2 { width: calc(33% - 2px); height: 198px; margin-right: 4px; } body.page_group .ui-message .message .media .grid.grid_5 .grid_image_3 { width: calc(34% - 4px); height: 198px; margin-right: 4px; } body.page_group .ui-message .message .media .grid.grid_5 .grid_image_4 { margin-right: 0; width: calc(33% - 2px); height: 198px; } body.page_group .ui-message .message .media .grid.grid_5 .grid_image_hide { display: none; } body.page_group .ui-message .message .footer { display: flex; align-items: center; width: 100%; margin-top: 16px; padding-left: 24px; padding-right: 24px; padding-bottom: 16px; } body.page_group .ui-message .message .footer .message-likes { display: flex; align-items: center; } body.page_group .ui-message .message .footer .message-comments { margin-left: 16px; display: flex; align-items: center; } body.page_group .ui-message .message .footer .message-comments .ui-tooltip-icon { margin-left: 0; margin-right: 8px; } body.page_group .ui-message .comments .comment { margin-left: 24px; margin-right: 24px; border-top: 1px solid #EEE; } body.page_group .ui-message .comments .comment .header { display: flex; align-items: start; width: 100%; padding-top: 16px; } body.page_group .ui-message .comments .comment .header .user-image { width: 40px; height: 40px; } body.page_group .ui-message .comments .comment .header .user-details { margin-left: 16px; margin-bottom: 8px; flex: auto; } body.page_group .ui-message .comments .comment .header .user-details .user-name { font-weight: 600; display: flex; align-items: center; } body.page_group .ui-message .comments .comment .header .user-details .user-name a { color: #424242; } body.page_group .ui-message .comments .comment .header .user-details .user-name .staff-badge { background: #EEE; border-radius: 20px; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; height: 20px; text-align: center; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; } body.page_group .ui-message .comments .comment .header .user-details .user-name .virtuagym-badge { height: 20px; width: 20px; margin-left: 8px; display: inline-block; } body.page_group .ui-message .comments .comment .header .user-details .message-date { color: #9E9E9E; font-size: 12px; line-height: 16px; } body.page_group .ui-message .comments .comment .header .message-actions { margin-left: 16px; } body.page_group .ui-message .comments .comment .header .message-actions a { display: inline-block; height: 20px; width: 20px; margin-left: 8px; } body.page_group .ui-message .comments .comment .header .message-actions .ui-tooltip-icon { margin: 0; } body.page_group .ui-message .comments .comment .content { padding-left: 56px; display: flex; flex-wrap: nowrap; } body.page_group .ui-message .comments .comment .content p { padding-left: 0; padding-right: 8px; margin-bottom: 8px; flex: auto; } body.page_group .ui-message .comments .comment .media { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-left: 56px; padding-top: 8px; padding-bottom: 16px; } body.page_group .ui-message .comments .comment .media a { display: block; border-radius: 8px; background: #EEE; } body.page_group .ui-message .comments .comment .media a .comment-image { background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 8px; } body.page_group .ui-message .comments .comment .media a .comment-image.square { width: 80px; height: 80px; } body.page_group .ui-message .comments .comment .media a .comment-image.landscape { width: 80px; height: 60px; } body.page_group .ui-message .comments .comment .media a .comment-image.portrait { width: 60px; height: 80px; } body.page_group .ui-message .comments .comment .footer { display: flex; align-items: center; width: 100%; padding-right: 24px; padding-bottom: 16px; padding-left: 56px; } body.page_group .ui-message .comments .comment .footer .message-likes { display: flex; align-items: center; } body.page_group .ui-message .add-comment-holder .add-comment { margin-left: 24px; margin-right: 24px; border-top: 1px solid #EEE; } body.page_group .ui-message .add-comment-holder .add-comment .header { display: flex; align-items: normal; width: 100%; padding-top: 16px; padding-bottom: 24px; } body.page_group .ui-message .add-comment-holder .add-comment .header .user-image { width: 40px; height: 40px; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content { margin-left: 16px; flex: auto; align-items: center; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content .fake-input { width: 100%; background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; padding: 12px; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content textarea { width: 100%; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-input textarea { height: 80px; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images { margin-top: 8px; background: #F5F5F5; border-radius: 8px; padding: 16px; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images .comment-content-images-button { height: 32px; display: flex; align-items: center; justify-content: space-between; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images .comment-content-images-holder { height: 175px; margin-top: 8px; } body.page_group .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-actions { margin-top: 8px; display: flex; justify-content: flex-end; } body.page_group .image-grid-examples { margin-top: 16px; display: flex; align-items: center; justify-content: space-evenly; width: 100%; gap: 8px; } body.page_group .image-grid-examples.text { margin-top: 8px; } body.page_group .image-grid-examples.text .grid { justify-content: center; font-size: 12px; line-height: 16px; } body.page_group .image-grid-examples .grid { display: flex; flex-wrap: wrap; width: 80px; } body.page_group .image-grid-examples .grid .img { background: #EEE; } body.page_group .image-grid-examples .grid.grid-1 .img { width: 80px; height: 60px; } body.page_group .image-grid-examples .grid.grid-2 .img0 { margin-right: 2px; } body.page_group .image-grid-examples .grid.grid-2 .img0, body.page_group .image-grid-examples .grid.grid-2 .img1 { width: calc(50% - 2px); height: 60px; } body.page_group .image-grid-examples .grid.grid-3 .img0 { width: 100%; height: 35px; margin-bottom: 2px; } body.page_group .image-grid-examples .grid.grid-3 .img1, body.page_group .image-grid-examples .grid.grid-3 .img2 { width: calc(50% - 1px); height: 25px; } body.page_group .image-grid-examples .grid.grid-3 .img1 { margin-right: 2px; } body.page_group .image-grid-examples .grid.grid-4 .img0, body.page_group .image-grid-examples .grid.grid-4 .img2 { width: calc(50% - 2px); height: 30px; margin-right: 2px; margin-bottom: 2px; } body.page_group .image-grid-examples .grid.grid-4 .img1, body.page_group .image-grid-examples .grid.grid-4 .img3 { width: calc(50% - 2px); height: 30px; } body.page_group .image-grid-examples .grid.grid-5 .img0, body.page_group .image-grid-examples .grid.grid-6 .img0 { margin-right: 2px; } body.page_group .image-grid-examples .grid.grid-5 .img0, body.page_group .image-grid-examples .grid.grid-5 .img1, body.page_group .image-grid-examples .grid.grid-6 .img0, body.page_group .image-grid-examples .grid.grid-6 .img1 { width: calc(50% - 2px); height: 35px; margin-bottom: 2px; } body.page_group .image-grid-examples .grid.grid-5 .img2, body.page_group .image-grid-examples .grid.grid-6 .img2 { width: calc(33% - 2px); height: 25px; margin-right: 2px; } body.page_group .image-grid-examples .grid.grid-5 .img3, body.page_group .image-grid-examples .grid.grid-6 .img3 { width: calc(34% - 2px); height: 25px; margin-right: 2px; } body.page_group .image-grid-examples .grid.grid-5 .img4, body.page_group .image-grid-examples .grid.grid-6 .img4 { margin-right: 0; width: calc(33% - 2px); height: 25px; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 16px; } body.page_challenges_list .flag_on { opacity: 1; } body.page_challenges_list .flag_off { opacity: 0.3; } body.page_challenges_list .flag_on, body.page_challenges_list .flag_off { margin-bottom: 16px; } body.page_challenges_list #result { display: flex; align-content: center; flex-flow: row wrap; justify-content: flex-start; margin-top: 16px; margin-bottom: 16px; } body.page_challenges_list #result .challenge_holder { float: left; cursor: pointer; border: 0; border-radius: 24px; width: calc(50% - 16px); margin: 8px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body.page_challenges_list #result .challenge_holder .countdown_show { display: flex; } body.page_challenges_list #result .challenge_holder .challenge { height: 117px; padding: 10px 15px; cursor: pointer; width: calc(100% - 117px); border-top-right-radius: 24px; border-bottom-right-radius: 24px; background-color: #FFF; float: left; letter-spacing: 0; text-align: left; } body.page_challenges_list #result .challenge_holder .challenge .challenge-title { font-size: 20px; font-weight: 700; line-height: 24px; color: #212121; margin-bottom: 8px; } body.page_challenges_list #result .challenge_holder .challenge .challenge-desc-container { font-size: 12px; font-weight: 400; line-height: 16px; color: #212121; margin-bottom: 5px; display: flex; align-items: center; } body.page_challenges_list #result .challenge_holder .challenge .challenge-desc-container a { margin-left: 4px; display: inline-block; height: 16px; width: 26px; } body.page_challenges_list #result .challenge_holder .challenge .challenge-status-container { margin-bottom: 5px; font-size: 12px; font-weight: 400; line-height: 16px; color: #757575; } body.page_challenges_list #result .challenge_holder .challenge .counter { margin-top: 0; text-align: start; } body.page_challenges_list #result .challenge_holder .challenge .challenge-status-icon { height: 10px; width: 10px; border-radius: 50%; margin-right: 6px; background-color: #E0E0E0; display: inline-block; } body.page_challenges_list #result .challenge_holder .challenge .challenge-status-icon.active { background-color: #66BB6A; } body.page_challenges_list #result .challenge_holder .challenge .challenge-status-icon.upcoming { background-color: #FFCA28; } body.page_challenges_list #result .challenge_holder .challenge .challenge-info-container { font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0; text-align: left; color: #757575; display: flex; align-items: center; } body.page_challenges_list #result .challenge_holder .challenge .challenge-info-container .challenge-text-icon-container { font-size: 12px; font-weight: 400; line-height: 10px; height: 16px; display: flex; align-items: center; } body.page_challenges_list #result .challenge_holder .challenge .challenge-info-container .challenge-text-icon-container .challenge-text-icon-container-text { margin-left: 5px; display: flex; align-items: center; } body.page_challenges_list #result .challenge_holder .challenge .challenge-info-container .challenge-text-icon-container .challenge-text-icon-container-icon { display: flex; align-items: center; } body.page_challenges_list #result .challenge_holder .challenge .challenge-info-container .challenge-duration-container { margin-left: 10px; } body.page_challenges_list #result .challenge_holder .challenge .challenge-info-container .challenge-duration-container .counter-duration-label { margin-right: 5px; } body.page_challenges_list #result .challenge_holder .challenge_image { height: 117px; width: 117px; border-top-left-radius: 24px; border-bottom-left-radius: 24px; float: left; background-color: #FFF; } body.page_challenges_list #result .challenge_holder .challenge_image .challenge_vg { background-color: #FF9A00; } body.page_challenges_list #result .challenge_holder .challenge_image .challenge_vg, body.page_challenges_list #result .challenge_holder .challenge_image .challenge_club { color: #FFFFFF; text-align: center; width: 117px; padding: 2px 5px; position: absolute; bottom: 0; left: 0; border-bottom-left-radius: 24px; font-size: 12px; line-height: 16px; } body.page_challenges_list #result .challenge_holder .challenge_image img { border: 0; width: 117px; height: 117px; border-top-left-radius: 24px; border-bottom-left-radius: 24px; } body.page_challenges_view .ui-challenge-header { width: 100%; height: 100%; padding: 24px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex; margin-bottom: 32px; } body.page_challenges_view .ui-challenge-header .challenge-image-container { align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-image { width: 160px; height: 160px; padding: 16px; border-radius: 16px; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 10px; display: inline-flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-image .challenge-badge { height: 19px; padding: 4px 8px; opacity: 0.92; background: white; border-radius: 10px; justify-content: center; align-items: center; gap: 4px; display: inline-flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-image .challenge-badge span { color: #212121; font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 12px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details { flex: 1 1 0; min-height: 160px; flex-direction: column; justify-content: space-between; align-items: flex-start; display: inline-flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header { align-self: stretch; min-height: 116px; flex-direction: column; align-items: flex-start; gap: 4px; display: flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-header-icons { justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-header-icons a { display: block; width: 24px; height: 24px; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-label-icon { width: 12px; height: 12px; border-radius: 50%; background-color: #E0E0E0; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-label-icon.active { background-color: #66BB6A; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-label-icon.upcoming { background-color: #FFCA28; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-label { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-title { width: 654px; color: #212121; font-size: 24px; font-weight: 700; line-height: 28px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-description { align-self: stretch; color: #757575; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-creator span { color: #9E9E9E; font-size: 12px; font-weight: 400; line-height: 16px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-creator a { color: #03A9F4; font-size: 12px; font-weight: 400; line-height: 16px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-header .challenge-creator a:hover { color: #039CE0; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-icons-holder { align-self: stretch; height: 20px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; margin-top: 8px; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-icons-holder .challenge-details-icons { align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-icons-holder .challenge-details-icons .challenge-details-icon { justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-icons-holder .challenge-details-icons .challenge-details-icon .icon-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-countdown-holder { align-self: stretch; height: 20px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; display: flex; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-countdown-holder .challenge-details-countdown { justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; width: 100%; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-countdown-holder .challenge-details-countdown .countdown_row { width: 100%; outline: 1px solid red; display: flex; gap: 4px; flex-wrap: nowrap; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-countdown-holder .challenge-details-countdown .countdown_row .countdown_section { outline: 1px solid blue; width: auto; } body.page_challenges_view .ui-challenge-header .challenge-image-container .challenge-details .challenge-details-countdown-holder .challenge-details-countdown .countdown_row .countdown_section .countdown_amount { display: inline-block; } body.page_challenges_view .ui-challenge-header .challenge-footer { align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-award { height: 76px; padding: 12px; background: rgba(255, 112, 67, 0.1); border-radius: 16px; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-award img { width: 52px; height: 52px; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-award .challenge-award-description { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-award .challenge-award-description .challenge-award-header { color: #FF7043; font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 12px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-award .challenge-award-description .challenge-award-details { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-award .challenge-award-description .challenge-award-details .challenge-award-name { color: #212121; font-size: 14px; font-weight: 700; line-height: 20px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-award .challenge-award-description .challenge-award-details .challenge-award-info { color: #757575; font-size: 12px; font-weight: 400; line-height: 16px; word-wrap: break-word; } body.page_challenges_view .ui-challenge-header .challenge-footer .challenge-buttons form { justify-content: flex-start; align-items: center; gap: 12px; display: flex; } body.page_challenges_view .how-to-track { background: #BBDEFB; color: #424242; border-radius: 12px; padding: 16px; display: flex; margin-bottom: 16px; } body.page_challenges_view .how-to-track .ui-tooltip-icon { margin-right: 16px; } body.page_challenges_view .how-to-track-button { margin-bottom: 16px; display: flex; align-items: end; justify-content: end; } body.page_challenges_view .how-to-track-link { margin-bottom: 16px; text-align: right; } body.page_challenges_view .how-to-track-activity { display: flex; align-items: center; margin-bottom: 16px; } body.page_challenges_view .how-to-track-activity .activity-icon { outline: 1px solid red; width: 48px; height: 48px; margin-right: 16px; } body.page_challenges_view .how-to-track-activity .name { flex: 1; } body.page_challenges_view .how-to-track-activity .button { width: 20px; margin-left: 16px; } body.page_challenges_view .how-to-track-activity .button a { display: block; width: 20px; height: 20px; } body.page_challenges_view .ui-box.leaderboard select { margin-bottom: 16px; } body.page_challenges_view .ui-box.leaderboard .member-row { width: 100%; height: 100%; justify-content: flex-start; align-items: center; gap: 12px; display: inline-flex; margin-bottom: 16px; } body.page_challenges_view .ui-box.leaderboard .member-row .rank-avatar { justify-content: flex-start; align-items: center; gap: 12px; display: flex; } body.page_challenges_view .ui-box.leaderboard .member-row .rank-avatar .member-rank { width: 24px; color: #212121; font-size: 14px; font-weight: 700; line-height: 20px; word-wrap: break-word; } body.page_challenges_view .ui-box.leaderboard .member-row .rank-avatar .member-avatar { width: 40px; height: 40px; border-radius: 50%; } body.page_challenges_view .ui-box.leaderboard .member-row .name-progress { flex: 1 1 0; height: 20px; justify-content: space-between; align-items: flex-start; display: flex; } body.page_challenges_view .ui-box.leaderboard .member-row .name-progress .member-name { color: #212121; font-size: 14px; font-weight: 600; line-height: 20px; word-wrap: break-word; } body.page_challenges_view .ui-box.leaderboard .member-row .name-progress .member-progress { text-align: right; color: #757575; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } body.page_challenges_view .ui-message { background: #FFF; border-radius: 24px; margin: 0 0 32px auto; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body.page_challenges_view .ui-message.no-shadow { box-shadow: none; } body.page_challenges_view .ui-message .message .header { display: flex; align-items: start; width: 100%; padding: 24px; } body.page_challenges_view .ui-message .message .header.create { align-items: normal; } body.page_challenges_view .ui-message .message .header.no-padding { padding: 0; } body.page_challenges_view .ui-message .message .header .post-content { margin-left: 16px; flex: auto; align-items: center; } body.page_challenges_view .ui-message .message .header .post-content .fake-input { width: 100%; background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; padding: 12px; } body.page_challenges_view .ui-message .message .header .post-content textarea { width: 100%; height: 10em; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs { margin-top: 16px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs ul { margin: 0; padding: 0; display: flex; justify-content: flex-start; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs ul li { background: #FAFAFA; display: flex; align-items: center; padding: 8px; flex: 1; cursor: pointer; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs ul li .ui-tooltip-icon { margin-right: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs ul li span.new { color: #03A9F4; font-size: 12px; line-height: 12px; font-weight: bold; margin-left: 4px; text-transform: uppercase; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs ul li:first-child { border-top-left-radius: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs ul li:last-child { border-top-right-radius: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tabs ul li.active { background: #F5F5F5; cursor: default; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab { background: #F5F5F5; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 16px 8px; min-height: 125px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab input, body.page_challenges_view .ui-message .message .header .post-content .post-content-tab select { background-color: #FFF; border: 1px solid #E0E0E0; padding: 11px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_holder .tag { margin: 4px; background: #EEE; padding: 4px 8px; border-radius: 2px; cursor: pointer; display: inline-block; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_holder .tag.tag_active { background: #66BB6A; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_count, body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_list { margin-left: 8px; margin-right: 8px; padding: 4px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-images.profile-blog { margin-top: 16px; border-top-left-radius: 8px; border-top-right-radius: 8px; min-height: auto; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions { margin-bottom: 8px; margin-left: 8px; height: 32px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions #add_img_blog_holder { display: inline-block; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions .modal-trigger { float: right; margin-top: 4px; margin-right: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .post-content-meta { display: flex; flex-wrap: wrap; justify-content: center; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-video .ui-tooltip-icon.info_circle { margin-right: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .poll-info { padding: 8px; border-radius: 6px; background-color: #E3F2FD; color: #424242; display: flex; align-items: center; margin: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .poll-info .info-icon { height: 24px; width: 24px; margin-right: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .ui-tooltip-icon.info_circle { margin-right: 8px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .group_poll_option .group_poll_option_action .group_poll_option_action_icon { width: 20px; height: 20px; display: block; cursor: pointer; margin-left: 16px; } body.page_challenges_view .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .group_poll_option .group_poll_option_action .group_poll_option_action_icon .ui-tooltip-icon { margin-left: 0; } body.page_challenges_view .ui-message .message .header .post-content .post-content-actions { margin-top: 8px; width: 100%; clear: both; } body.page_challenges_view .ui-message .message .header .post-content .post-content-meta { width: 100%; clear: both; } body.page_challenges_view .ui-message .message .header .user-image { width: 40px; height: 40px; } body.page_challenges_view .ui-message .message .header .user-details { margin-left: 16px; flex: auto; } body.page_challenges_view .ui-message .message .header .user-details .user-name { font-weight: 600; display: flex; align-items: center; } body.page_challenges_view .ui-message .message .header .user-details .user-name a { color: #424242; } body.page_challenges_view .ui-message .message .header .user-details .user-name .staff-badge { background: #EEE; border-radius: 20px; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; height: 20px; text-align: center; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; } body.page_challenges_view .ui-message .message .header .user-details .user-name .virtuagym-badge { height: 20px; width: 20px; margin-left: 8px; display: inline-block; } body.page_challenges_view .ui-message .message .header .user-details .message-date a, body.page_challenges_view .ui-message .message .header .user-details .message-date span { color: #9E9E9E; font-size: 12px; line-height: 16px; } body.page_challenges_view .ui-message .message .header .message-actions { margin-left: 16px; } body.page_challenges_view .ui-message .message .header .message-actions a { display: inline-block; height: 20px; width: 20px; margin-left: 8px; } body.page_challenges_view .ui-message .message .header .message-actions .ui-tooltip-icon { margin: 0; } body.page_challenges_view .ui-message .message .content p { padding-left: 24px; padding-right: 24px; padding-bottom: 16px; } body.page_challenges_view .ui-message .message .media.poll { background: #FFF; padding-left: 16px; padding-right: 16px; text-align: left; } body.page_challenges_view .ui-message .message .media .grid { clear: both; display: flex; flex-wrap: wrap; } body.page_challenges_view .ui-message .message .media .grid .grid_image_holder .grid_image { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; background-color: #EEE; } body.page_challenges_view .ui-message .message .media .grid.grid_1 .grid_image_0 { width: 100%; height: 602px; } body.page_challenges_view .ui-message .message .media .grid.grid_2 .grid_image_0 { margin-right: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_2 .grid_image_0, body.page_challenges_view .ui-message .message .media .grid.grid_2 .grid_image_1 { width: calc(50% - 2px); height: 299px; } body.page_challenges_view .ui-message .message .media .grid.grid_3 .grid_image_0 { width: 100%; height: 299px; margin-bottom: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_3 .grid_image_1, body.page_challenges_view .ui-message .message .media .grid.grid_3 .grid_image_2 { width: calc(50% - 2px); height: 198px; } body.page_challenges_view .ui-message .message .media .grid.grid_3 .grid_image_1 { margin-right: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_4 .grid_image_0, body.page_challenges_view .ui-message .message .media .grid.grid_4 .grid_image_2 { width: calc(50% - 2px); height: 299px; margin-right: 4px; margin-bottom: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_4 .grid_image_1, body.page_challenges_view .ui-message .message .media .grid.grid_4 .grid_image_3 { width: calc(50% - 2px); height: 299px; } body.page_challenges_view .ui-message .message .media .grid.grid_5 .grid_image_0 { margin-right: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_5 .grid_image_0, body.page_challenges_view .ui-message .message .media .grid.grid_5 .grid_image_1 { width: calc(50% - 2px); height: 299px; margin-bottom: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_5 .grid_image_2 { width: calc(33% - 2px); height: 198px; margin-right: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_5 .grid_image_3 { width: calc(34% - 4px); height: 198px; margin-right: 4px; } body.page_challenges_view .ui-message .message .media .grid.grid_5 .grid_image_4 { margin-right: 0; width: calc(33% - 2px); height: 198px; } body.page_challenges_view .ui-message .message .media .grid.grid_5 .grid_image_hide { display: none; } body.page_challenges_view .ui-message .message .footer { display: flex; align-items: center; width: 100%; margin-top: 16px; padding-left: 24px; padding-right: 24px; padding-bottom: 16px; } body.page_challenges_view .ui-message .message .footer .message-likes { display: flex; align-items: center; } body.page_challenges_view .ui-message .message .footer .message-comments { margin-left: 16px; display: flex; align-items: center; } body.page_challenges_view .ui-message .message .footer .message-comments .ui-tooltip-icon { margin-left: 0; margin-right: 8px; } body.page_challenges_view .ui-message .comments .comment { margin-left: 24px; margin-right: 24px; border-top: 1px solid #EEE; } body.page_challenges_view .ui-message .comments .comment .header { display: flex; align-items: start; width: 100%; padding-top: 16px; } body.page_challenges_view .ui-message .comments .comment .header .user-image { width: 40px; height: 40px; } body.page_challenges_view .ui-message .comments .comment .header .user-details { margin-left: 16px; margin-bottom: 8px; flex: auto; } body.page_challenges_view .ui-message .comments .comment .header .user-details .user-name { font-weight: 600; display: flex; align-items: center; } body.page_challenges_view .ui-message .comments .comment .header .user-details .user-name a { color: #424242; } body.page_challenges_view .ui-message .comments .comment .header .user-details .user-name .staff-badge { background: #EEE; border-radius: 20px; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; height: 20px; text-align: center; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; } body.page_challenges_view .ui-message .comments .comment .header .user-details .user-name .virtuagym-badge { height: 20px; width: 20px; margin-left: 8px; display: inline-block; } body.page_challenges_view .ui-message .comments .comment .header .user-details .message-date { color: #9E9E9E; font-size: 12px; line-height: 16px; } body.page_challenges_view .ui-message .comments .comment .header .message-actions { margin-left: 16px; } body.page_challenges_view .ui-message .comments .comment .header .message-actions a { display: inline-block; height: 20px; width: 20px; margin-left: 8px; } body.page_challenges_view .ui-message .comments .comment .header .message-actions .ui-tooltip-icon { margin: 0; } body.page_challenges_view .ui-message .comments .comment .content { padding-left: 56px; display: flex; flex-wrap: nowrap; } body.page_challenges_view .ui-message .comments .comment .content p { padding-left: 0; padding-right: 8px; margin-bottom: 8px; flex: auto; } body.page_challenges_view .ui-message .comments .comment .media { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-left: 56px; padding-top: 8px; padding-bottom: 16px; } body.page_challenges_view .ui-message .comments .comment .media a { display: block; border-radius: 8px; background: #EEE; } body.page_challenges_view .ui-message .comments .comment .media a .comment-image { background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 8px; } body.page_challenges_view .ui-message .comments .comment .media a .comment-image.square { width: 80px; height: 80px; } body.page_challenges_view .ui-message .comments .comment .media a .comment-image.landscape { width: 80px; height: 60px; } body.page_challenges_view .ui-message .comments .comment .media a .comment-image.portrait { width: 60px; height: 80px; } body.page_challenges_view .ui-message .comments .comment .footer { display: flex; align-items: center; width: 100%; padding-right: 24px; padding-bottom: 16px; padding-left: 56px; } body.page_challenges_view .ui-message .comments .comment .footer .message-likes { display: flex; align-items: center; } body.page_challenges_view .ui-message .add-comment-holder .add-comment { margin-left: 24px; margin-right: 24px; border-top: 1px solid #EEE; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header { display: flex; align-items: normal; width: 100%; padding-top: 16px; padding-bottom: 24px; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .user-image { width: 40px; height: 40px; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content { margin-left: 16px; flex: auto; align-items: center; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content .fake-input { width: 100%; background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; padding: 12px; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content textarea { width: 100%; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-input textarea { height: 80px; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images { margin-top: 8px; background: #F5F5F5; border-radius: 8px; padding: 16px; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images .comment-content-images-button { height: 32px; display: flex; align-items: center; justify-content: space-between; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images .comment-content-images-holder { height: 175px; margin-top: 8px; } body.page_challenges_view .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-actions { margin-top: 8px; display: flex; justify-content: flex-end; } body.page_challenges_view .image-grid-examples { margin-top: 16px; display: flex; align-items: center; justify-content: space-evenly; width: 100%; gap: 8px; } body.page_challenges_view .image-grid-examples.text { margin-top: 8px; } body.page_challenges_view .image-grid-examples.text .grid { justify-content: center; font-size: 12px; line-height: 16px; } body.page_challenges_view .image-grid-examples .grid { display: flex; flex-wrap: wrap; width: 80px; } body.page_challenges_view .image-grid-examples .grid .img { background: #EEE; } body.page_challenges_view .image-grid-examples .grid.grid-1 .img { width: 80px; height: 60px; } body.page_challenges_view .image-grid-examples .grid.grid-2 .img0 { margin-right: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-2 .img0, body.page_challenges_view .image-grid-examples .grid.grid-2 .img1 { width: calc(50% - 2px); height: 60px; } body.page_challenges_view .image-grid-examples .grid.grid-3 .img0 { width: 100%; height: 35px; margin-bottom: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-3 .img1, body.page_challenges_view .image-grid-examples .grid.grid-3 .img2 { width: calc(50% - 1px); height: 25px; } body.page_challenges_view .image-grid-examples .grid.grid-3 .img1 { margin-right: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-4 .img0, body.page_challenges_view .image-grid-examples .grid.grid-4 .img2 { width: calc(50% - 2px); height: 30px; margin-right: 2px; margin-bottom: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-4 .img1, body.page_challenges_view .image-grid-examples .grid.grid-4 .img3 { width: calc(50% - 2px); height: 30px; } body.page_challenges_view .image-grid-examples .grid.grid-5 .img0, body.page_challenges_view .image-grid-examples .grid.grid-6 .img0 { margin-right: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-5 .img0, body.page_challenges_view .image-grid-examples .grid.grid-5 .img1, body.page_challenges_view .image-grid-examples .grid.grid-6 .img0, body.page_challenges_view .image-grid-examples .grid.grid-6 .img1 { width: calc(50% - 2px); height: 35px; margin-bottom: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-5 .img2, body.page_challenges_view .image-grid-examples .grid.grid-6 .img2 { width: calc(33% - 2px); height: 25px; margin-right: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-5 .img3, body.page_challenges_view .image-grid-examples .grid.grid-6 .img3 { width: calc(34% - 2px); height: 25px; margin-right: 2px; } body.page_challenges_view .image-grid-examples .grid.grid-5 .img4, body.page_challenges_view .image-grid-examples .grid.grid-6 .img4 { margin-right: 0; width: calc(33% - 2px); height: 25px; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 16px; } body.page_challenges_create_challenge #navbuttons { margin-top: 16px; } body.page_challenges_create_challenge #page_step0 .center-image { margin: 0 auto 32px; display: block; } body.page_challenges_create_challenge #page_step0 .challenges_img_container .challenge-category-image { border-radius: 50%; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } body.page_challenges_create_challenge #page_step0 .challenge_details_container .challenge-type-row { margin-bottom: 8px; display: flex; align-items: center; } body.page_challenges_create_challenge #page_step0 .challenge_details_container .challenge-type-row input { margin-right: 8px; } body.page_challenges_create_challenge #page_step0 .challenge_details_container .challenge-type-row label { margin: 0; } body.page_challenges_create_challenge #page_step0 .challenge_details_container .challenge-type-row a { display: inline-block; height: 20px; width: 32px; margin-left: 8px; } body.page_challenges_create_challenge #page_step1 #choose_challenge_group, body.page_challenges_create_challenge #page_step1 #choose_challenge_start_date, body.page_challenges_create_challenge #page_step1 #choose_challenge_duration, body.page_challenges_create_challenge #page_step1 #current_value_id, body.page_challenges_create_challenge #page_step1 #choose_challenge_goal, body.page_challenges_create_challenge #page_step2 #choose_challenge_group, body.page_challenges_create_challenge #page_step2 #choose_challenge_start_date, body.page_challenges_create_challenge #page_step2 #choose_challenge_duration, body.page_challenges_create_challenge #page_step2 #current_value_id, body.page_challenges_create_challenge #page_step2 #choose_challenge_goal { margin-bottom: 32px; } body.page_challenges_create_challenge #page_step1 .subgroup, body.page_challenges_create_challenge #page_step2 .subgroup { margin-left: 16px; } body.page_challenges_create_challenge #page_step1 .option-row, body.page_challenges_create_challenge #page_step2 .option-row { display: flex; align-items: center; margin-bottom: 16px; } body.page_challenges_create_challenge #page_step1 .option-row.header label, body.page_challenges_create_challenge #page_step2 .option-row.header label { font-weight: bold; } body.page_challenges_create_challenge #page_step1 .option-row.dates, body.page_challenges_create_challenge #page_step2 .option-row.dates { margin-bottom: 8px; } body.page_challenges_create_challenge #page_step1 .option-row input, body.page_challenges_create_challenge #page_step2 .option-row input { margin-right: 8px; } body.page_challenges_create_challenge #page_step1 .option-row select, body.page_challenges_create_challenge #page_step1 .option-row input[type=text], body.page_challenges_create_challenge #page_step2 .option-row select, body.page_challenges_create_challenge #page_step2 .option-row input[type=text] { margin-right: 8px; padding: 4px 8px; } body.page_challenges_create_challenge #page_step1 .option-row label, body.page_challenges_create_challenge #page_step2 .option-row label { margin: 0; } body.page_challenges_create_challenge #page_step1 .option-row .ui-tooltip-icon, body.page_challenges_create_challenge #page_step2 .option-row .ui-tooltip-icon { margin-left: 8px; } body.page_challenges_create_challenge #page_step2 .challenge-name label, body.page_challenges_create_challenge #page_step2 .challenge-description label, body.page_challenges_create_challenge #page_step2 .challenge-award label { width: 100%; display: block; } body.page_challenges_create_challenge #page_step2 .challenge-name input, body.page_challenges_create_challenge #page_step2 .challenge-name textarea, body.page_challenges_create_challenge #page_step2 .challenge-description input, body.page_challenges_create_challenge #page_step2 .challenge-description textarea, body.page_challenges_create_challenge #page_step2 .challenge-award input, body.page_challenges_create_challenge #page_step2 .challenge-award textarea { width: 100%; margin-bottom: 16px; } body.page_challenges_create_challenge #page_step2 .language-selection { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; } body.page_challenges_create_challenge #page_step2 .language-selection .language-option { display: flex; align-items: center; } body.page_challenges_create_challenge #page_step2 .language-selection .language-option input { margin-right: 8px; } body.page_challenges_create_challenge #page_step2 .language-selection .language-option img { width: 27px; height: 17px; border-radius: 2px; border: 1px solid #EEE; } body.page_challenges_create_challenge #page_step2 .challenge-image { margin-bottom: 32px; } body.page_challenges_create_challenge #page_step3 .challenge-final-step { margin-bottom: 16px; } body.page_challenges_create_challenge #page_step3 .challenge-image, body.page_challenges_create_challenge #page_step3 .challenge-image-final-step { margin-bottom: 32px; } body .ui-challenge-row { margin-bottom: 16px; } body .ui-challenge-row.dummy { opacity: 0.5; } body .ui-challenge-row .challenge-info { margin-bottom: 8px; display: flex; align-items: center; justify-content: center; } body .ui-challenge-row .challenge-info .challenge-name { flex: 1; font-weight: 600; } body .ui-challenge-row .challenge-info .challenge-name a { color: #212121; } body .ui-challenge-row .challenge-info .challenge-name a:hover { text-decoration: none; } body .ui-challenge-row .challenge-info .challenge-goal { text-align: right; } body .ui-challenge-row .challenge-progress { display: flex; } body .ui-challenge-row .challenge-progress .challenge-bar-holder { flex: 1; } body .ui-challenge-row .challenge-progress .challenge-bar-holder a { display: block; text-decoration: none; } body .ui-challenge-row .challenge-progress .challenge-bar-holder a:hover { text-decoration: none; } body .ui-challenge-row .challenge-bar-button { width: 24px; margin-left: 8px; display: flex; align-items: center; justify-content: end; } body .ui-challenge-row .challenge-bar-button a { display: block; height: 24px; width: 24px; } body.page_profile_main .ui-box-holder { margin-bottom: 32px; } body.page_profile_main .ui-box .profile-tab { height: 315px; } body.page_profile_main .ui-box .profile-tab.loading { display: flex; justify-content: center; align-items: center; } body.page_profile_main .ui-box.user-info { padding: 0 0 32px 0; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header { width: 100%; height: 235px; border-top-left-radius: 24px; border-top-right-radius: 24px; background-repeat: no-repeat; background-size: cover; background-position: center; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 0; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header .user-info-header-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); top: 0; left: 0; width: 100%; height: 100%; grid-area: 1/1/2/2; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header .user-info-header-icons { margin-top: 16px; margin-right: 16px; height: 24px; display: flex; justify-content: end; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header .user-info-header-icons a { margin-left: 8px; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header .user-info-header-bottom-icons { margin-top: 153px; margin-right: 16px; height: 24px; display: flex; justify-content: end; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header .user-info-header-bottom-icons a { margin-left: 8px; z-index: 100; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header .user-info-header-bottom-icons .ui-like { margin-left: 8px; z-index: 100; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-header .user-info-header-bottom-icons .ui-like .ui-like-count { color: white; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data { margin-top: -80px; left: 0; display: flex; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-profile-image { margin-left: 48px; background: #FFF; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details { margin-right: 16px; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details h2 { color: white; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-description { margin-bottom: 16px; color: white; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-description .show-more, body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-description .show-less { color: #03A9F4; cursor: pointer; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-description .show-more:hover, body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-description .show-less:hover { color: #039CE0; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-icons { margin-top: 32px; display: flex; align-items: center; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-icons .user-stat-holder { width: 25%; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-icons .user-stat-holder .row { display: flex; align-items: center; margin: 0; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-icons .user-stat-holder .row .col-icon { height: 24px; width: 24px; margin-right: 8px; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-icons .user-stat-holder .row .col-value { flex: 1; color: #212121; font-size: 20px; font-weight: 700; line-height: 24px; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-icons .user-stat-holder .row .col-stat { margin-left: 8px; padding-left: 24px; color: #757575; display: flex; align-items: center; } body.page_profile_main .ui-box.user-info #profile_details_holder .user-info-data .user-details .user-icons .user-stat-holder .row .col-stat span { margin-right: 8px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder, body.page_profile_main .ui-box.user-info #profile_achievements_holder, body.page_profile_main .ui-box.user-info #profile_groups_holder { padding: 24px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder .profile-header-row, body.page_profile_main .ui-box.user-info #profile_achievements_holder .profile-header-row, body.page_profile_main .ui-box.user-info #profile_groups_holder .profile-header-row { align-items: center; display: flex; margin-bottom: 16px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder .profile-header-row .col-4, body.page_profile_main .ui-box.user-info #profile_pictures_holder .profile-header-row .col-8, body.page_profile_main .ui-box.user-info #profile_achievements_holder .profile-header-row .col-4, body.page_profile_main .ui-box.user-info #profile_achievements_holder .profile-header-row .col-8, body.page_profile_main .ui-box.user-info #profile_groups_holder .profile-header-row .col-4, body.page_profile_main .ui-box.user-info #profile_groups_holder .profile-header-row .col-8 { align-items: center; display: flex; } body.page_profile_main .ui-box.user-info #profile_pictures_holder .profile-header-row .col-4 h3, body.page_profile_main .ui-box.user-info #profile_pictures_holder .profile-header-row .col-8 h3, body.page_profile_main .ui-box.user-info #profile_achievements_holder .profile-header-row .col-4 h3, body.page_profile_main .ui-box.user-info #profile_achievements_holder .profile-header-row .col-8 h3, body.page_profile_main .ui-box.user-info #profile_groups_holder .profile-header-row .col-4 h3, body.page_profile_main .ui-box.user-info #profile_groups_holder .profile-header-row .col-8 h3 { margin-bottom: 0; } body.page_profile_main .ui-box.user-info #profile_pictures_holder .profile-header-row .col-4, body.page_profile_main .ui-box.user-info #profile_achievements_holder .profile-header-row .col-4, body.page_profile_main .ui-box.user-info #profile_groups_holder .profile-header-row .col-4 { justify-content: end; } body.page_profile_main .ui-box.user-info #profile_pictures_holder .profile-header-row .col-4 .ui-button:first-child, body.page_profile_main .ui-box.user-info #profile_achievements_holder .profile-header-row .col-4 .ui-button:first-child, body.page_profile_main .ui-box.user-info #profile_groups_holder .profile-header-row .col-4 .ui-button:first-child { margin-right: 8px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder .scroll_direction_container, body.page_profile_main .ui-box.user-info #profile_achievements_holder .scroll_direction_container, body.page_profile_main .ui-box.user-info #profile_groups_holder .scroll_direction_container { display: flex; align-items: center; justify-content: center; } body.page_profile_main .ui-box.user-info #profile_pictures_holder .scroll_direction_container .ui-tooltip-icon, body.page_profile_main .ui-box.user-info #profile_achievements_holder .scroll_direction_container .ui-tooltip-icon, body.page_profile_main .ui-box.user-info #profile_groups_holder .scroll_direction_container .ui-tooltip-icon { cursor: pointer; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container { position: relative; width: 100%; height: 230px; overflow: hidden; right: 0; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder { width: 99999px; height: 230px; position: absolute; right: 0; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item { float: right; position: relative; width: 160px; height: 230px; margin-left: 8px; border-radius: 16px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item.square, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item.square, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item.square { margin-top: 30px; height: 200px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item .edit_holder, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item .edit_holder, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item .edit_holder { position: absolute; bottom: 0; padding: 8px 4px; left: 0; width: 160px; height: 80px; background-color: rgba(0, 0, 0, 0.5); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a { display: block; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_image, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_image, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_image { width: 160px; height: 230px; border-radius: 16px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_image.square, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_image.square, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_image.square { width: 160px; height: 160px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder { bottom: 0; left: 0; height: 30px; width: 160px; position: absolute; text-align: center; color: #424242; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder .scroll_item_title, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder .scroll_item_title, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder .scroll_item_title { position: absolute; bottom: 4px; width: 100%; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder .scroll_item_title div, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder .scroll_item_title div, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_plain_title_holder .scroll_item_title div { width: 100%; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder { bottom: 0; left: 0; height: 30px; width: 160px; position: absolute; padding-left: 8px; padding-right: 8px; background-color: rgba(0, 0, 0, 0.5); color: #fff; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder .scroll_item_title, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder .scroll_item_title, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder .scroll_item_title { position: absolute; bottom: 4px; } body.page_profile_main .ui-box.user-info #profile_pictures_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder .scroll_item_title div, body.page_profile_main .ui-box.user-info #profile_achievements_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder .scroll_item_title div, body.page_profile_main .ui-box.user-info #profile_groups_holder #scroll_container #scroll_holder .scroll_item a .scroll_item_title_holder .scroll_item_title div { width: 144px; } body.page_profile_main .ui-box.todos .todo-buttons { display: flex; justify-content: space-evenly; margin-top: 16px; } body.page_profile_main .ui-box.todos a.todo-link { margin-top: 8px; display: block; } body.page_profile_main .ui-box.todos a.todo-link:first-child { margin-top: 0; } body.page_profile_main .ui-box.todos a.todo-link .todo-item { width: 100%; height: 100%; padding: 12px; border-radius: 16px; border: 1px #EEE solid; justify-content: flex-start; align-items: center; gap: 12px; display: inline-flex; } body.page_profile_main .ui-box.todos a.todo-link .todo-item.highlight { background: rgba(255, 112, 67, 0.1); border-color: transparent; } body.page_profile_main .ui-box.todos a.todo-link .todo-item.highlight .todo-icon-holder .todo-icon-background { background: white; } body.page_profile_main .ui-box.todos a.todo-link .todo-item .todo-icon-holder { width: 44px; height: 44px; position: relative; } body.page_profile_main .ui-box.todos a.todo-link .todo-item .todo-icon-holder .todo-icon-background { width: 44px; height: 44px; background: rgba(255, 112, 67, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; } body.page_profile_main .ui-box.todos a.todo-link .todo-item .todo-icon-holder .todo-icon-background .ui-tooltip-icon { opacity: 1; } body.page_profile_main .ui-box.todos a.todo-link .todo-item .todo-text-holder { flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex; } body.page_profile_main .ui-box.todos a.todo-link .todo-item .todo-text-holder .todo-text { align-self: stretch; color: #212121; font-size: 16px; font-weight: 700; line-height: 20px; word-wrap: break-word; } body.page_profile_main .ui-box.todos a.todo-link .todo-item .todo-text-holder .todo-text span { font-size: 14px; line-height: 20px; font-weight: normal; color: #424242; } body.page_profile_main .ui-box.challenges h4 { margin: 0; } body.page_profile_main .ui-box.stream select { width: 100%; margin-bottom: 16px; } body.page_profile_main .ui-box.followers .followers-header .col-6 { height: 24px; align-items: center; display: flex; } body.page_profile_main .ui-box.followers .followers-header .col-6.text-align-right { justify-content: end; } body.page_profile_main .ui-box.followers .followers-header h4 { margin: 0; } body.page_profile_main .ui-box.followers .followers-header .search-users { display: inline-block; width: 24px; height: 24px; } body.page_profile_main .ui-box.followers .followers-header .unfollow-button, body.page_profile_main .ui-box.followers .followers-header .follow-button { display: inline-flex; } body.page_profile_main .ui-box.followers #buddies_result, body.page_profile_main .ui-box.followers #followers_result { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; } body.page_profile_main .ui-message { background: #FFF; border-radius: 24px; margin: 0 0 32px auto; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body.page_profile_main .ui-message.no-shadow { box-shadow: none; } body.page_profile_main .ui-message .message .header { display: flex; align-items: start; width: 100%; padding: 24px; } body.page_profile_main .ui-message .message .header.create { align-items: normal; } body.page_profile_main .ui-message .message .header.no-padding { padding: 0; } body.page_profile_main .ui-message .message .header .post-content { margin-left: 16px; flex: auto; align-items: center; } body.page_profile_main .ui-message .message .header .post-content .fake-input { width: 100%; background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; padding: 12px; } body.page_profile_main .ui-message .message .header .post-content textarea { width: 100%; height: 10em; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs { margin-top: 16px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs ul { margin: 0; padding: 0; display: flex; justify-content: flex-start; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs ul li { background: #FAFAFA; display: flex; align-items: center; padding: 8px; flex: 1; cursor: pointer; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs ul li .ui-tooltip-icon { margin-right: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs ul li span.new { color: #03A9F4; font-size: 12px; line-height: 12px; font-weight: bold; margin-left: 4px; text-transform: uppercase; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs ul li:first-child { border-top-left-radius: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs ul li:last-child { border-top-right-radius: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tabs ul li.active { background: #F5F5F5; cursor: default; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab { background: #F5F5F5; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 16px 8px; min-height: 125px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab input, body.page_profile_main .ui-message .message .header .post-content .post-content-tab select { background-color: #FFF; border: 1px solid #E0E0E0; padding: 11px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_holder .tag { margin: 4px; background: #EEE; padding: 4px 8px; border-radius: 2px; cursor: pointer; display: inline-block; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_holder .tag.tag_active { background: #66BB6A; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_count, body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-subclubs #message_tags_list { margin-left: 8px; margin-right: 8px; padding: 4px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-images.profile-blog { margin-top: 16px; border-top-left-radius: 8px; border-top-right-radius: 8px; min-height: auto; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions { margin-bottom: 8px; margin-left: 8px; height: 32px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions #add_img_blog_holder { display: inline-block; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .image-actions .modal-trigger { float: right; margin-top: 4px; margin-right: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-images .post-content-meta { display: flex; flex-wrap: wrap; justify-content: center; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-video .ui-tooltip-icon.info_circle { margin-right: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .poll-info { padding: 8px; border-radius: 6px; background-color: #E3F2FD; color: #424242; display: flex; align-items: center; margin: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .poll-info .info-icon { height: 24px; width: 24px; margin-right: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .ui-tooltip-icon.info_circle { margin-right: 8px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .group_poll_option .group_poll_option_action .group_poll_option_action_icon { width: 20px; height: 20px; display: block; cursor: pointer; margin-left: 16px; } body.page_profile_main .ui-message .message .header .post-content .post-content-tab.post-content-tab-poll .poll-creation-form .group_poll_option .group_poll_option_action .group_poll_option_action_icon .ui-tooltip-icon { margin-left: 0; } body.page_profile_main .ui-message .message .header .post-content .post-content-actions { margin-top: 8px; width: 100%; clear: both; } body.page_profile_main .ui-message .message .header .post-content .post-content-meta { width: 100%; clear: both; } body.page_profile_main .ui-message .message .header .user-image { width: 40px; height: 40px; } body.page_profile_main .ui-message .message .header .user-details { margin-left: 16px; flex: auto; } body.page_profile_main .ui-message .message .header .user-details .user-name { font-weight: 600; display: flex; align-items: center; } body.page_profile_main .ui-message .message .header .user-details .user-name a { color: #424242; } body.page_profile_main .ui-message .message .header .user-details .user-name .staff-badge { background: #EEE; border-radius: 20px; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; height: 20px; text-align: center; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; } body.page_profile_main .ui-message .message .header .user-details .user-name .virtuagym-badge { height: 20px; width: 20px; margin-left: 8px; display: inline-block; } body.page_profile_main .ui-message .message .header .user-details .message-date a, body.page_profile_main .ui-message .message .header .user-details .message-date span { color: #9E9E9E; font-size: 12px; line-height: 16px; } body.page_profile_main .ui-message .message .header .message-actions { margin-left: 16px; } body.page_profile_main .ui-message .message .header .message-actions a { display: inline-block; height: 20px; width: 20px; margin-left: 8px; } body.page_profile_main .ui-message .message .header .message-actions .ui-tooltip-icon { margin: 0; } body.page_profile_main .ui-message .message .content p { padding-left: 24px; padding-right: 24px; padding-bottom: 16px; } body.page_profile_main .ui-message .message .media.poll { background: #FFF; padding-left: 16px; padding-right: 16px; text-align: left; } body.page_profile_main .ui-message .message .media .grid { clear: both; display: flex; flex-wrap: wrap; } body.page_profile_main .ui-message .message .media .grid .grid_image_holder .grid_image { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; background-color: #EEE; } body.page_profile_main .ui-message .message .media .grid.grid_1 .grid_image_0 { width: 100%; height: 602px; } body.page_profile_main .ui-message .message .media .grid.grid_2 .grid_image_0 { margin-right: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_2 .grid_image_0, body.page_profile_main .ui-message .message .media .grid.grid_2 .grid_image_1 { width: calc(50% - 2px); height: 299px; } body.page_profile_main .ui-message .message .media .grid.grid_3 .grid_image_0 { width: 100%; height: 299px; margin-bottom: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_3 .grid_image_1, body.page_profile_main .ui-message .message .media .grid.grid_3 .grid_image_2 { width: calc(50% - 2px); height: 198px; } body.page_profile_main .ui-message .message .media .grid.grid_3 .grid_image_1 { margin-right: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_4 .grid_image_0, body.page_profile_main .ui-message .message .media .grid.grid_4 .grid_image_2 { width: calc(50% - 2px); height: 299px; margin-right: 4px; margin-bottom: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_4 .grid_image_1, body.page_profile_main .ui-message .message .media .grid.grid_4 .grid_image_3 { width: calc(50% - 2px); height: 299px; } body.page_profile_main .ui-message .message .media .grid.grid_5 .grid_image_0 { margin-right: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_5 .grid_image_0, body.page_profile_main .ui-message .message .media .grid.grid_5 .grid_image_1 { width: calc(50% - 2px); height: 299px; margin-bottom: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_5 .grid_image_2 { width: calc(33% - 2px); height: 198px; margin-right: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_5 .grid_image_3 { width: calc(34% - 4px); height: 198px; margin-right: 4px; } body.page_profile_main .ui-message .message .media .grid.grid_5 .grid_image_4 { margin-right: 0; width: calc(33% - 2px); height: 198px; } body.page_profile_main .ui-message .message .media .grid.grid_5 .grid_image_hide { display: none; } body.page_profile_main .ui-message .message .footer { display: flex; align-items: center; width: 100%; margin-top: 16px; padding-left: 24px; padding-right: 24px; padding-bottom: 16px; } body.page_profile_main .ui-message .message .footer .message-likes { display: flex; align-items: center; } body.page_profile_main .ui-message .message .footer .message-comments { margin-left: 16px; display: flex; align-items: center; } body.page_profile_main .ui-message .message .footer .message-comments .ui-tooltip-icon { margin-left: 0; margin-right: 8px; } body.page_profile_main .ui-message .comments .comment { margin-left: 24px; margin-right: 24px; border-top: 1px solid #EEE; } body.page_profile_main .ui-message .comments .comment .header { display: flex; align-items: start; width: 100%; padding-top: 16px; } body.page_profile_main .ui-message .comments .comment .header .user-image { width: 40px; height: 40px; } body.page_profile_main .ui-message .comments .comment .header .user-details { margin-left: 16px; margin-bottom: 8px; flex: auto; } body.page_profile_main .ui-message .comments .comment .header .user-details .user-name { font-weight: 600; display: flex; align-items: center; } body.page_profile_main .ui-message .comments .comment .header .user-details .user-name a { color: #424242; } body.page_profile_main .ui-message .comments .comment .header .user-details .user-name .staff-badge { background: #EEE; border-radius: 20px; margin-left: 8px; display: inline-flex; align-items: center; justify-content: center; height: 20px; text-align: center; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 16px; } body.page_profile_main .ui-message .comments .comment .header .user-details .user-name .virtuagym-badge { height: 20px; width: 20px; margin-left: 8px; display: inline-block; } body.page_profile_main .ui-message .comments .comment .header .user-details .message-date { color: #9E9E9E; font-size: 12px; line-height: 16px; } body.page_profile_main .ui-message .comments .comment .header .message-actions { margin-left: 16px; } body.page_profile_main .ui-message .comments .comment .header .message-actions a { display: inline-block; height: 20px; width: 20px; margin-left: 8px; } body.page_profile_main .ui-message .comments .comment .header .message-actions .ui-tooltip-icon { margin: 0; } body.page_profile_main .ui-message .comments .comment .content { padding-left: 56px; display: flex; flex-wrap: nowrap; } body.page_profile_main .ui-message .comments .comment .content p { padding-left: 0; padding-right: 8px; margin-bottom: 8px; flex: auto; } body.page_profile_main .ui-message .comments .comment .media { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-left: 56px; padding-top: 8px; padding-bottom: 16px; } body.page_profile_main .ui-message .comments .comment .media a { display: block; border-radius: 8px; background: #EEE; } body.page_profile_main .ui-message .comments .comment .media a .comment-image { background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 8px; } body.page_profile_main .ui-message .comments .comment .media a .comment-image.square { width: 80px; height: 80px; } body.page_profile_main .ui-message .comments .comment .media a .comment-image.landscape { width: 80px; height: 60px; } body.page_profile_main .ui-message .comments .comment .media a .comment-image.portrait { width: 60px; height: 80px; } body.page_profile_main .ui-message .comments .comment .footer { display: flex; align-items: center; width: 100%; padding-right: 24px; padding-bottom: 16px; padding-left: 56px; } body.page_profile_main .ui-message .comments .comment .footer .message-likes { display: flex; align-items: center; } body.page_profile_main .ui-message .add-comment-holder .add-comment { margin-left: 24px; margin-right: 24px; border-top: 1px solid #EEE; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header { display: flex; align-items: normal; width: 100%; padding-top: 16px; padding-bottom: 24px; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .user-image { width: 40px; height: 40px; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content { margin-left: 16px; flex: auto; align-items: center; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content .fake-input { width: 100%; background-color: #F5F5F5; color: #424242; border-radius: 8px; font-size: 14px; padding: 12px; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content textarea { width: 100%; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-input textarea { height: 80px; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images { margin-top: 8px; background: #F5F5F5; border-radius: 8px; padding: 16px; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images .comment-content-images-button { height: 32px; display: flex; align-items: center; justify-content: space-between; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-content-images .comment-content-images-holder { height: 175px; margin-top: 8px; } body.page_profile_main .ui-message .add-comment-holder .add-comment .header .comment-content .comment-input-holder .comment-actions { margin-top: 8px; display: flex; justify-content: flex-end; } body.page_profile_main .image-grid-examples { margin-top: 16px; display: flex; align-items: center; justify-content: space-evenly; width: 100%; gap: 8px; } body.page_profile_main .image-grid-examples.text { margin-top: 8px; } body.page_profile_main .image-grid-examples.text .grid { justify-content: center; font-size: 12px; line-height: 16px; } body.page_profile_main .image-grid-examples .grid { display: flex; flex-wrap: wrap; width: 80px; } body.page_profile_main .image-grid-examples .grid .img { background: #EEE; } body.page_profile_main .image-grid-examples .grid.grid-1 .img { width: 80px; height: 60px; } body.page_profile_main .image-grid-examples .grid.grid-2 .img0 { margin-right: 2px; } body.page_profile_main .image-grid-examples .grid.grid-2 .img0, body.page_profile_main .image-grid-examples .grid.grid-2 .img1 { width: calc(50% - 2px); height: 60px; } body.page_profile_main .image-grid-examples .grid.grid-3 .img0 { width: 100%; height: 35px; margin-bottom: 2px; } body.page_profile_main .image-grid-examples .grid.grid-3 .img1, body.page_profile_main .image-grid-examples .grid.grid-3 .img2 { width: calc(50% - 1px); height: 25px; } body.page_profile_main .image-grid-examples .grid.grid-3 .img1 { margin-right: 2px; } body.page_profile_main .image-grid-examples .grid.grid-4 .img0, body.page_profile_main .image-grid-examples .grid.grid-4 .img2 { width: calc(50% - 2px); height: 30px; margin-right: 2px; margin-bottom: 2px; } body.page_profile_main .image-grid-examples .grid.grid-4 .img1, body.page_profile_main .image-grid-examples .grid.grid-4 .img3 { width: calc(50% - 2px); height: 30px; } body.page_profile_main .image-grid-examples .grid.grid-5 .img0, body.page_profile_main .image-grid-examples .grid.grid-6 .img0 { margin-right: 2px; } body.page_profile_main .image-grid-examples .grid.grid-5 .img0, body.page_profile_main .image-grid-examples .grid.grid-5 .img1, body.page_profile_main .image-grid-examples .grid.grid-6 .img0, body.page_profile_main .image-grid-examples .grid.grid-6 .img1 { width: calc(50% - 2px); height: 35px; margin-bottom: 2px; } body.page_profile_main .image-grid-examples .grid.grid-5 .img2, body.page_profile_main .image-grid-examples .grid.grid-6 .img2 { width: calc(33% - 2px); height: 25px; margin-right: 2px; } body.page_profile_main .image-grid-examples .grid.grid-5 .img3, body.page_profile_main .image-grid-examples .grid.grid-6 .img3 { width: calc(34% - 2px); height: 25px; margin-right: 2px; } body.page_profile_main .image-grid-examples .grid.grid-5 .img4, body.page_profile_main .image-grid-examples .grid.grid-6 .img4 { margin-right: 0; width: calc(33% - 2px); height: 25px; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 16px; } body.page_profile_achievements .ui-box.achievements, body.page_profile_achievements .ui-box.challenges { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } body.page_profile_achievements .ui-box.achievement .ui-achievement, body.page_profile_achievements .ui-box.challenge .ui-achievement { margin: 0 auto; width: 160px; } body.page_profile_achievements .ui-box.achievement .ui-achievement a .achievement-image-holder, body.page_profile_achievements .ui-box.challenge .ui-achievement a .achievement-image-holder { width: 160px; height: 160px; } body.page_profile_achievements .ui-box.achievement .ui-achievement a .achievement-image-holder img, body.page_profile_achievements .ui-box.challenge .ui-achievement a .achievement-image-holder img { width: 160px; height: 160px; } body.page_profile_achievements .ui-box .ui-achievement, body.page_profile_achievements .ui-box .ui-challenge-badge { width: 140px; } body.page_profile_achievements .ui-box .ui-achievement a, body.page_profile_achievements .ui-box .ui-challenge-badge a { display: flex; align-items: center; flex-direction: column; } body.page_profile_achievements .ui-box .ui-achievement a .achievement-image-holder, body.page_profile_achievements .ui-box .ui-challenge-badge a .achievement-image-holder { width: 128px; height: 128px; text-align: center; } body.page_profile_achievements .ui-box .ui-achievement a .achievement-image-holder img, body.page_profile_achievements .ui-box .ui-challenge-badge a .achievement-image-holder img { width: 128px; height: 128px; } body.page_profile_achievements .ui-box .ui-achievement a .achievement-name, body.page_profile_achievements .ui-box .ui-challenge-badge a .achievement-name { text-align: center; } body.page_profile_pictures .profile-pictures-grid { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; } body.page_profile_pictures .profile-pictures-grid .picture { width: 160px; height: 230px; border-radius: 12px; position: relative; } body.page_profile_pictures .profile-pictures-grid .picture img { border-radius: 12px; position: absolute; top: 0; left: 0; width: 160px; height: 230px; } body.page_profile_pictures .profile-pictures-grid .picture .picture-action-delete { position: absolute; width: 34px; height: 34px; top: 8px; left: 8px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; } body.page_profile_pictures .profile-pictures-grid .picture .picture-action-edit { position: absolute; width: 34px; height: 34px; top: 8px; right: 8px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; } body.page_profile_pictures .profile-pictures-grid .picture .picture-title { position: absolute; bottom: 0; left: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: 100%; padding: 4px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.page_profilesettings .access_granted_until_text { color: #969696; padding-left: 50px; font-size: 12px; display: block; } body.page_profilesettings .privacy-toggle p { display: inline-block; line-height: 20px; margin: 0; position: relative; overflow: hidden; user-select: none; } body.page_body_metrics_progress_tracker .ui-progress-tracker-table .first_value_cell div { display: inline-block; margin-left: 16px; } body.page_body_metrics_progress_tracker .ui-progress-tracker-table .first_value_cell div img { margin-right: 8px; } body.page_body_metrics_progress_tracker .ui-progress-tracker-table .latest_dif_img { display: none; } body.page_body_metrics_progress_tracker .ui-progress-tracker-table .delete-entry { width: 20px; display: none; } body.page_body_metrics_graph .ui-graph-container { background: white; border-radius: 12px; margin-bottom: 16px; height: 400px; } body.page_body_metrics_graph .ui-graph-container div { margin: 0 auto; } body.page_body_metrics_graph #graphtable1 caption, body.page_body_metrics_graph #graphtable2 caption { caption-side: top; } body.page_body_metrics_graph #graphtable1-holder, body.page_body_metrics_graph #graphtable2-holder { border-radius: 12px; padding: 8px; height: 100%; } body.page_body_metrics_graph #graphtable1-holder { outline: 2px solid #03A9F4; } body.page_body_metrics_graph #graphtable2-holder { outline: 2px solid #FF7043; } body.page_body_metrics_graph #edit_graph_data, body.page_body_metrics_graph #delete_graph_data { display: none; float: right; } body.page_body_metrics_graph tr:hover #edit_graph_data, body.page_body_metrics_graph tr:hover td span#delete_graph_data { display: inline-block; cursor: pointer; } body.page_body_metrics_graph #edit_graph_data { margin-right: 40px; } body.page_body_metrics_graph #delete_graph_data { margin-right: 10px; } body.page_body_metrics_graph .graph_table_row1 { display: flex; align-items: center; } body.page_body_metrics_graph .graph_table_row1 select { width: 100%; } body.page_body_metrics_graph .graph_table_row2 { margin-top: 16px; display: flex; align-items: center; } body.page_body_metrics_graph .graph_table_row2 input { width: 100%; } body.page_body_metrics_graph .graph_table_row2 #add-value-unit1, body.page_body_metrics_graph .graph_table_row2 #add-value-on1, body.page_body_metrics_graph .graph_table_row2 #add-value-unit2, body.page_body_metrics_graph .graph_table_row2 #add-value-on2 { display: inline-block; margin-right: 8px; } body.page_leaderboards .flag { width: 25px; } body.page_leaderboards .leaderboard-note { width: 95%; margin: 8px auto; font-size: 11px; line-height: 12px; color: #616161; text-align: center; } body.page_business_settings_schedule #schedule-overview tr td a { padding-top: 2px; padding-bottom: 2px; display: inline-block; } body.page_business_settings_schedule #schedule-overview tr td div { width: 24px; height: 24px; } body.page_business_settings_schedule .events-active, body.page_business_settings_schedule .events-inactive { margin-top: 16px; } body.page_business_settings_schedule #automatic_schedule_text_color_icon_main { margin-left: 8px; } body.page_business_settings_marketing .reason-icon { margin-left: 8px; cursor: pointer; } body.page_business_settings_marketing .edit-banner a { display: inline-block; width: 24px; height: 24px; margin-left: 8px; } body.page_business_settings_storage .ui-file-row { margin-bottom: 8px; padding: 8px; border-radius: 6px; display: flex; flex-wrap: nowrap; gap: 8px; } body.page_business_settings_storage .ui-file-row.header { font-weight: bold; background-color: #EEE; } body.page_business_settings_storage .ui-file-row.header .filename, body.page_business_settings_storage .ui-file-row.header .filesize, body.page_business_settings_storage .ui-file-row.header .created { cursor: pointer; } body.page_business_settings_storage .ui-file-row.header .filename .ui-tooltip-icon, body.page_business_settings_storage .ui-file-row.header .filesize .ui-tooltip-icon, body.page_business_settings_storage .ui-file-row.header .created .ui-tooltip-icon { opacity: 0; } body.page_business_settings_storage .ui-file-row.header .filename.active .ui-tooltip-icon, body.page_business_settings_storage .ui-file-row.header .filesize.active .ui-tooltip-icon, body.page_business_settings_storage .ui-file-row.header .created.active .ui-tooltip-icon { opacity: 1; } body.page_business_settings_storage .ui-file-row.header .filename.asc .ui-tooltip-icon, body.page_business_settings_storage .ui-file-row.header .filesize.asc .ui-tooltip-icon, body.page_business_settings_storage .ui-file-row.header .created.asc .ui-tooltip-icon { transform: rotate(180deg); } body.page_business_settings_storage .ui-file-row .filename, body.page_business_settings_storage .ui-file-row .filesize, body.page_business_settings_storage .ui-file-row .created { display: flex; align-items: center; } body.page_business_settings_storage .ui-file-row .filename { flex: 1; } body.page_business_settings_storage .ui-file-row .filesize { width: 150px; justify-content: end; } body.page_business_settings_storage .ui-file-row .created { width: 150px; justify-content: end; } body.page_business_settings_online_shop_main .restore-button, body.page_business_settings_online_shop_main .copy-input, body.page_business_settings_online_shop_main .remove-email { margin-left: 8px; cursor: pointer; } body.page_business_settings_online_shop_main .info-usage-group { padding-left: 60px; } body.page_business_settings_online_shop_main .info-usage-group input { margin-right: 8px; } body.page_business_settings_online_shop_products .copy-input { margin-left: 8px; cursor: pointer; } body.page_business_settings_online_shop_products .drag-drop { cursor: move; width: 24px; height: 24px; margin: 0 auto; } body.page_business_settings_online_shop_products .category-container { border: 1px solid #F5F5F5; margin-bottom: 8px; border-radius: 12px; } body.page_business_settings_online_shop_products .category-container.container-opened .category-panel .panel-heading { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body.page_business_settings_online_shop_products .category-container.container-opened .category-panel .panel-heading .crud-options .ui-tooltip-icon .ui-tooltip-icon-holder svg { transform: rotate(180deg); } body.page_business_settings_online_shop_products .category-container .category-panel .panel-heading { background: #F5F5F5; border-radius: 12px; padding-top: 16px; padding-bottom: 16px; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-heading .category-title { display: inline-block; float: left; font-size: 16px; line-height: 20px; margin-left: -16px; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-heading .category-locked-icon { width: 24px; height: 24px; margin-left: 8px; display: inline-block; float: left; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-heading .crud-options { display: flex; align-items: center; padding-right: 16px; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-heading .crud-options .crud-icon { width: 24px; height: 24px; cursor: pointer; margin-left: 8px; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-heading .crud-options .crud-icon:hover { opacity: 0.8; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container { display: none; margin-top: 16px; margin-bottom: 0; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container input[type=text] { background: #EEE; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container .payment-methods-list { border: 1px solid #EEE; position: absolute; z-index: 120; width: 100%; height: 44px; border-radius: 8px; left: 0; top: 0; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container .payment-method-label, body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container .pm-list { overflow: hidden; width: 100%; margin: 0px; padding: 10px; background: white; color: #424242; display: none; z-index: 1000; cursor: pointer; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container .payment-method-label:hover { background: #F5F5F5; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container .pm-list { display: block; height: 44px; overflow: hidden; padding-right: 25px; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; line-height: 40px; background: #EEE; color: #424242; border-radius: 8px; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container .disabled-payment-method-label { background: #F5F5F5; } body.page_business_settings_online_shop_products .category-container .category-panel .inputs-container .open-method-list span.glyphicon-chevron-down { position: absolute; right: 5px; top: 15px; color: grey; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body { padding: 16px; display: none; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body .product-container { vertical-align: middle; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body .product-container .delete-product { text-align: right; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body .product-container .product-image img { width: 40px; height: 40px; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body .product-container .product-available-dates, body.page_business_settings_online_shop_products .category-container .category-panel .panel-body .product-container .product-contract-available-dates { font-size: 12px; line-height: 16px; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body .no-products { padding: 16px; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body #add-product-popover-bottom-button { cursor: pointer; color: #03A9F4; } body.page_business_settings_online_shop_products .category-container .category-panel .panel-body #add-product-popover-bottom-button:hover { color: #039CE0; } body.page_business_settings_online_shop_style #webshop_preview { margin-bottom: 16px; } body.page_business_settings_online_shop_style #webshop_preview, body.page_business_settings_online_shop_style #webshop_product_preview { width: 100%; height: 400px; outline: 1px solid #EEE; border-radius: 12px; margin-top: 8px; padding-top: 32px; padding-bottom: 16px; display: flex; flex-wrap: wrap; flex-direction: column; } body.page_business_settings_online_shop_style #webshop_preview .webshop_name, body.page_business_settings_online_shop_style #webshop_preview .webshop_desc, body.page_business_settings_online_shop_style #webshop_product_preview .webshop_name, body.page_business_settings_online_shop_style #webshop_product_preview .webshop_desc { width: 100%; text-align: center; } body.page_business_settings_online_shop_style #webshop_preview .opacity, body.page_business_settings_online_shop_style #webshop_product_preview .opacity { opacity: 0.75; } body.page_business_settings_online_shop_style #webshop_preview .webshop_name, body.page_business_settings_online_shop_style #webshop_product_preview .webshop_name { font-weight: bold; margin-bottom: 4px; } body.page_business_settings_online_shop_style #webshop_preview .tab_holder, body.page_business_settings_online_shop_style #webshop_product_preview .tab_holder { margin-top: 16px; } body.page_business_settings_online_shop_style #webshop_preview .tab_holder ul, body.page_business_settings_online_shop_style #webshop_product_preview .tab_holder ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; width: 100%; } body.page_business_settings_online_shop_style #webshop_preview .tab_holder ul li, body.page_business_settings_online_shop_style #webshop_product_preview .tab_holder ul li { padding: 5px 10px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder { margin-top: 16px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; width: 100%; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li { margin-left: 4px; margin-right: 4px; height: 200px; width: 120px; padding: 0; display: flex; flex-direction: column; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li .dummy-image, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li .dummy-image { height: 80px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li .dummy-text, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li .dummy-text { padding: 5px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li .dummy-text .dummy-desc, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li .dummy-text .dummy-desc { height: 45px; font-size: 12px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li .dummy-price-holder, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li .dummy-price-holder { display: flex; align-items: center; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li .dummy-price-holder .dummy-price, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li .dummy-price-holder .dummy-price { flex: 1; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li .dummy-price-holder .dummy-btn, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li .dummy-price-holder .dummy-btn { border-radius: 50%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } body.page_business_settings_online_shop_style #webshop_preview .product_holder ul li .dummy-price-holder .dummy-btn span, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder ul li .dummy-price-holder .dummy-btn span { font-size: 9px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail { display: flex; justify-content: center; width: 100%; margin-top: 16px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail { width: 512px; height: 300px; display: flex; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-image, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-image { height: 300px; width: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-image .dummy-back-btn, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-image .dummy-back-btn { border-radius: 50%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; background: white; margin-top: 8px; margin-left: 8px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-image .dummy-back-btn span, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-image .dummy-back-btn span { font-size: 9px; color: black; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-text, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-text { width: 50%; padding: 5px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-text .dummy-desc, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-text .dummy-desc { height: 235px; font-size: 12px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-button-holder, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-button-holder { display: flex; align-items: center; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-button-holder .dummy-method, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-button-holder .dummy-method { flex: 1; background: #EEE; margin-right: 8px; padding: 5px 10px; color: black; font-size: 9px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-button-holder .dummy-btn, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-button-holder .dummy-btn { display: flex; align-items: center; justify-content: center; padding: 5px 10px; } body.page_business_settings_online_shop_style #webshop_preview .product_holder_detail .product_detail .dummy-button-holder .dummy-btn span, body.page_business_settings_online_shop_style #webshop_product_preview .product_holder_detail .product_detail .dummy-button-holder .dummy-btn span { font-size: 9px; } body.page_business_settings_opening_hours .opening_hours_time_dropdown select:first-child { margin-right: 8px; } body.page_business_settings_opening_hours .opening_hours_time_dropdown select { padding: 6px 12px; } body.page_business_settings_opening_hours .opening_hours_name { vertical-align: top; } body.page_business_settings_opening_hours .opening_hours_name div { padding-top: 4px; } body.page_business_settings_opening_hours .opening_hours_icon { vertical-align: top; width: 50px; } body.page_business_settings_opening_hours .opening_hours_icon div { margin-top: 4px; cursor: pointer; } body.page_business_settings_opening_hours .opening_hours_holder { padding: 0; } body.page_business_settings_bodymetrics h3 { margin: 0; } body.page_business_settings_bodymetrics #bodymetrics_table span.metric-name { display: inline-block; float: left; } body.page_business_settings_bodymetrics #bodymetrics_table span.pro-icon { display: inline-block; height: 20px; width: 32px; float: left; margin-left: 8px; } body.page_business_settings_notification_settings_main .notification_table td { text-align: center; vertical-align: middle; padding: 16px; } body.page_business_settings_notification_settings_main .notification_table .notification_title { text-align: left; width: 420px; } body.page_business_settings_point_of_sale .pos-category-header { display: flex; } body.page_business_settings_point_of_sale .pos-category-header h3 { flex: 1; } body.page_business_settings_point_of_sale .pos-category-header a { width: 24px; height: 24px; display: block; cursor: pointer; } body.page_business_settings_point_of_sale .pos-category-edit-header { display: flex; align-items: center; } body.page_business_settings_point_of_sale .pos-category-edit-header a { width: 24px; height: 24px; display: block; cursor: pointer; margin-left: 8px; } body.page_business_settings_payments h3, body.page_business_settings_point_of_sale h3 { margin: 0; } body.page_business_settings_payments .c_drop, body.page_business_settings_point_of_sale .c_drop { display: none; } body.page_business_settings_payments .c_payment_method, body.page_business_settings_point_of_sale .c_payment_method { min-height: 50px; } body.page_business_settings_payments .c_select, body.page_business_settings_point_of_sale .c_select { width: 200px; } body.page_business_settings_payments #enable-automated-payments-description, body.page_business_settings_point_of_sale #enable-automated-payments-description { margin-top: 16px; } body.page_business_settings_payments #automated-payments-frequency-edit, body.page_business_settings_point_of_sale #automated-payments-frequency-edit { margin-left: 8px; } body.page_business_settings_payments .automated-payments-frequency, body.page_business_settings_point_of_sale .automated-payments-frequency { cursor: default; } body.page_business_settings_payments .automated-payments-frequency:hover, body.page_business_settings_point_of_sale .automated-payments-frequency:hover { background: #F5F5F5; } body.page_business_settings_payments .collapse, body.page_business_settings_point_of_sale .collapse { display: none; } body.page_business_settings_payments .collapse.in, body.page_business_settings_point_of_sale .collapse.in { display: block; } body.page_business_settings_payments .collapsing, body.page_business_settings_point_of_sale .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } body.page_business_settings_payments .box-provider, body.page_business_settings_point_of_sale .box-provider { border-radius: 24px; background: #FFF; padding: 48px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); margin: 0 0 32px 0; } body.page_business_settings_payments .box-provider .collapse-header, body.page_business_settings_point_of_sale .box-provider .collapse-header { display: flex; justify-content: space-between; } body.page_business_settings_payments .box-provider .collapse-header .payment-provider-logo, body.page_business_settings_point_of_sale .box-provider .collapse-header .payment-provider-logo { width: 30%; display: flex; } body.page_business_settings_payments .box-provider .collapse-header .payment-provider-logo img, body.page_business_settings_point_of_sale .box-provider .collapse-header .payment-provider-logo img { width: 75%; display: inline-block; } body.page_business_settings_payments .box-provider .collapse-header .payment-provider-logo .payment-provider-label, body.page_business_settings_point_of_sale .box-provider .collapse-header .payment-provider-logo .payment-provider-label { width: 25%; height: 100%; border: 2px solid #1524D9; border-radius: 3px; display: flex; justify-content: center; align-items: center; color: white; background-color: #1524D9; } body.page_business_settings_payments .box-provider .collapse-header .payment-provider-status, body.page_business_settings_point_of_sale .box-provider .collapse-header .payment-provider-status { width: 20%; display: flex; align-items: center; justify-content: space-between; } body.page_business_settings_payments .box-provider .provider-usage-status, body.page_business_settings_point_of_sale .box-provider .provider-usage-status { width: 100px; height: 24px; border: 2px solid; border-radius: 3px; text-align: center; display: inline-block; color: white; } body.page_business_settings_payments .box-provider .provider-usage-status a, body.page_business_settings_point_of_sale .box-provider .provider-usage-status a { display: inline-block; cursor: pointer; height: 24px; width: 24px; } body.page_business_settings_payments .box-provider .provider-usage-status a svg, body.page_business_settings_point_of_sale .box-provider .provider-usage-status a svg { height: 100%; width: 100%; } body.page_business_settings_payments .box-provider .provider-usage-status-active, body.page_business_settings_point_of_sale .box-provider .provider-usage-status-active { border-color: #4CB050; background-color: #4CB050; } body.page_business_settings_payments .box-provider .provider-usage-status-inactive, body.page_business_settings_point_of_sale .box-provider .provider-usage-status-inactive { border-color: #FC8B00; background-color: #FC8B00; } body.page_business_settings_payments .box-provider .collapse-body, body.page_business_settings_point_of_sale .box-provider .collapse-body { height: 300px; margin: 24px 0 0 0; display: flex; flex-direction: column; justify-content: space-around; } body.page_business_settings_payments .box-provider .collapse-body a, body.page_business_settings_point_of_sale .box-provider .collapse-body a { color: #03A9F4; } body.page_business_settings_payments .box-provider .collapse-body a:hover, body.page_business_settings_point_of_sale .box-provider .collapse-body a:hover { color: #039CE0; } body.page_business_settings_payments .box-provider .collapse-body button, body.page_business_settings_point_of_sale .box-provider .collapse-body button { width: 35%; border-radius: 25px; font-size: 14px; font-weight: 500; margin: 0; text-transform: none !important; border-style: none; transition: all 0.2s ease; text-decoration: none; height: 32px; padding: 0 16px; background-color: #03A9F4; color: white; } body.page_business_settings_payments .box-provider .collapse-body button:focus, body.page_business_settings_point_of_sale .box-provider .collapse-body button:focus { outline: none; } body.page_business_settings_payments .box-provider .collapse-body button:hover, body.page_business_settings_point_of_sale .box-provider .collapse-body button:hover { background-color: #039CE0; color: white; } body.page_business_settings_payments .box-provider .collapse-body .provider-credentials-label, body.page_business_settings_point_of_sale .box-provider .collapse-body .provider-credentials-label { display: flex; justify-content: flex-start; } body.page_business_settings_payments .box-provider .collapse-body .provider-credentials-label label, body.page_business_settings_point_of_sale .box-provider .collapse-body .provider-credentials-label label { display: flex; align-items: center; margin-bottom: 16px; } body.page_business_settings_payments .box-provider .collapse-body .provider-credentials-input input, body.page_business_settings_point_of_sale .box-provider .collapse-body .provider-credentials-input input { width: 50%; } body.page_business_settings_payments .box-provider .collapse-body .provider-credentials-comment, body.page_business_settings_point_of_sale .box-provider .collapse-body .provider-credentials-comment { font-size: 11px; opacity: 0.7; } body.page_business_settings_payments .box-provider #collapse_paysafe .collapse-body, body.page_business_settings_point_of_sale .box-provider #collapse_paysafe .collapse-body { height: 500px; } body.page_business_settings_payments .box-provider #collapse_paysafe_ach .collapse-body, body.page_business_settings_point_of_sale .box-provider #collapse_paysafe_ach .collapse-body { height: 300px; } body.page_business_settings_payments .box-provider .provider-credentials-input a, body.page_business_settings_payments .box-provider .provider-credentials-input span, body.page_business_settings_point_of_sale .box-provider .provider-credentials-input a, body.page_business_settings_point_of_sale .box-provider .provider-credentials-input span { margin: 5%; } body.page_business_settings_payments .collapse-fiskaly, body.page_business_settings_point_of_sale .collapse-fiskaly { height: auto !important; } body.page_business_settings_content #content_tab_apps .user-webmodule { margin-bottom: 8px; border: 1px solid #EEE; border-radius: 6px; display: flex; align-items: center; padding: 8px; } body.page_business_settings_content #content_tab_apps .user-webmodule .module-name { display: flex; align-items: center; flex: 1; } body.page_business_settings_content #content_tab_apps .user-webmodule .module-name .ui-tooltip-icon { margin-right: 8px; } body.page_business_settings_content #content_tab_apps .user-webmodule .toggle label { padding-left: 26px; } body.page_business_settings_club_settings #services_container { margin-left: 16px; } body.page_business_settings_club_settings .service { padding: 8px 16px; border-radius: 10px; display: flex; align-items: center; } body.page_business_settings_club_settings .service:nth-child(odd) { background: #F5F5F5; } body.page_business_settings_club_settings .service > div { padding-left: 0px; padding-right: 0px; } body.page_business_settings_club_settings .service-icon-container { background-size: 100px 100px; border-radius: 50%; margin-top: 3px; width: 40px; height: 40px; } body.page_business_settings_club_settings .service-icon-container img { border-radius: 50%; width: 40px; height: 40px; } body.page_business_settings_club_settings .info-icon-container { width: 14px; } body.page_business_settings_club_settings .service-data { display: inline-block; line-height: 30px; background-repeat: no-repeat; padding-left: 10px !important; } body.page_business_settings_club_settings .service-switch { text-align: right; } body.page_business_settings_club_settings .service-switch .toggle { margin-top: 2px; } body.page_business_settings_club_settings .service-switch .toggle label { padding-left: 26px; } body.page_business_settings_mobile_mobile_apps { /*homescreen container styling*/ /*customize scroll bar*/ /*titles css*/ } body.page_business_settings_mobile_mobile_apps .phones-container { position: relative; } body.page_business_settings_mobile_mobile_apps label.app-label { padding-left: 0; margin-bottom: 4px; } body.page_business_settings_mobile_mobile_apps .phone-frames { z-index: 50; position: absolute; padding-left: 10px; padding-right: 10px; width: 210px; left: 10px; } body.page_business_settings_mobile_mobile_apps .preview-signup-color { min-height: 315px; top: 30px; left: 27px; position: absolute; width: 172px !important; z-index: 40; } body.page_business_settings_mobile_mobile_apps .preview-style-singin-logo { left: 44px; position: absolute; width: 139px !important; max-height: 60px; z-index: 40; } body.page_business_settings_mobile_mobile_apps .preview-branded-logo-ios-branded { top: 82px; } body.page_business_settings_mobile_mobile_apps .preview-background-image, body.page_business_settings_mobile_mobile_apps .preview-gradient-color-iphone, body.page_business_settings_mobile_mobile_apps .preview-gradient-color-android, body.page_business_settings_mobile_mobile_apps .preview-community-menu-color, body.page_business_settings_mobile_mobile_apps .preview-style-logo { z-index: 40; } body.page_business_settings_mobile_mobile_apps .preview-accents-and-buttons-color { z-index: 30; } body.page_business_settings_mobile_mobile_apps .preview-background-image, body.page_business_settings_mobile_mobile_apps .preview-gradient-color-iphone, body.page_business_settings_mobile_mobile_apps .preview-accents-and-buttons-color, body.page_business_settings_mobile_mobile_apps .preview-gradient-color-android, body.page_business_settings_mobile_mobile_apps .preview-community-menu-color { left: 27px; position: absolute; width: 136px; } body.page_business_settings_mobile_mobile_apps .preview-background-image, body.page_business_settings_mobile_mobile_apps .preview-gradient-color-iphone, body.page_business_settings_mobile_mobile_apps .preview-gradient-color-android { top: 31px; } body.page_business_settings_mobile_mobile_apps .preview-community-menu-color { top: 62px; } body.page_business_settings_mobile_mobile_apps .preview-accents-and-buttons-color { top: 80px; } body.page_business_settings_mobile_mobile_apps .preview-background-image { min-height: 69px; } body.page_business_settings_mobile_mobile_apps .preview-style-logo { left: 44px; position: absolute; width: 102px !important; max-height: 60px; } body.page_business_settings_mobile_mobile_apps .preview-logo-placeholder { left: 0; top: 0; height: 80px; position: relative; margin-left: auto; margin-right: auto; } body.page_business_settings_mobile_mobile_apps .preview-style-logo-ios { top: 47px; } body.page_business_settings_mobile_mobile_apps .preview-style-logo-android { top: 45px; } body.page_business_settings_mobile_mobile_apps .preview-gradient-color-iphone, body.page_business_settings_mobile_mobile_apps .preview-gradient-color-android { min-height: 48px; } body.page_business_settings_mobile_mobile_apps .android-settings-screen-preview { min-height: 197px !important; } body.page_business_settings_mobile_mobile_apps .homescreen-frame, body.page_business_settings_mobile_mobile_apps .workout-frame { min-height: 72px; } body.page_business_settings_mobile_mobile_apps .preview-row { min-height: 410px; } body.page_business_settings_mobile_mobile_apps .show { display: block; } body.page_business_settings_mobile_mobile_apps .iphone-container, body.page_business_settings_mobile_mobile_apps .android-container { position: relative; } body.page_business_settings_mobile_mobile_apps .iphone-custom-screen, body.page_business_settings_mobile_mobile_apps .android-custom-screen { position: absolute; z-index: 0; padding-top: 1px; max-height: 407px; } body.page_business_settings_mobile_mobile_apps .tiles { z-index: 600; min-height: 120px; display: inline-block; position: relative; background-position: center; background-size: cover; } body.page_business_settings_mobile_mobile_apps .tiles-iphone { width: 120px; } body.page_business_settings_mobile_mobile_apps .tiles-android { width: 127px; } body.page_business_settings_mobile_mobile_apps .tiles-title-shadow { color: #FFFFFF; text-align: left; position: absolute; bottom: 0px; width: inherit; height: 30px; padding-top: 9px; padding-left: 10px; padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; } body.page_business_settings_mobile_mobile_apps .iphone-custom-screen { left: 37px; top: 71px; width: 247px; min-height: 407px; padding-left: 1px; z-index: 500; } body.page_business_settings_mobile_mobile_apps .android-custom-screen { left: 33px; top: 60px; width: 261px; padding-left: 1px; min-height: 430px; z-index: 500; } body.page_business_settings_mobile_mobile_apps .iphone-frame { min-height: 600px; background-repeat: no-repeat; } body.page_business_settings_mobile_mobile_apps .preview-app-buttons { width: 249px !important; top: 478px; z-index: 30; left: 35px; } body.page_business_settings_mobile_mobile_apps .semi-circle { position: absolute; border-radius: 50% 50% 40% 40%; background-color: inherit; height: 38px; width: 42px; top: 470px; left: 139px; z-index: 501; } body.page_business_settings_mobile_mobile_apps .iphone-container, body.page_business_settings_mobile_mobile_apps .android-container { min-height: 650px; } body.page_business_settings_mobile_mobile_apps .iphone-custom-screen::-webkit-scrollbar, body.page_business_settings_mobile_mobile_apps .android-custom-screen::-webkit-scrollbar { width: 10px; background-color: #a9a9a9; } body.page_business_settings_mobile_mobile_apps .iphone-custom-screen::-webkit-scrollbar-track, body.page_business_settings_mobile_mobile_apps .android-custom-screen::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); border-radius: 10px; } body.page_business_settings_mobile_mobile_apps .iphone-custom-screen::-webkit-scrollbar-thumb, body.page_business_settings_mobile_mobile_apps .android-custom-screen::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } body.page_business_settings_mobile_mobile_apps .blur { background: rgba(0, 0, 0, 0.6) !important; } body.page_business_settings_mobile_mobile_apps .preview-background-image-placeholder { left: 0px; top: 0px; height: 75px; position: relative; } body.page_business_settings_mobile_mobile_apps .title-iphone { font-size: 11px; font-family: "Helvetica Neue", sans-serif; padding-top: 8px !important; } body.page_business_settings_mobile_mobile_apps .title-android { font-size: 10px; font-family: "Roboto", sans-serif; } body.page_business_settings_mobile_mobile_apps .plus-iphone-image { padding-left: 11px; padding-top: 11px; } body.page_business_settings_mobile_mobile_apps #my_apps_container { padding: 0; } body.page_business_settings_mobile_mobile_apps #my_apps_container #inactive_tile_container .my-tile-container { float: left; width: 125px; } body.page_club_portal_membership_new .table-cell-vertical-align { vertical-align: top; padding-top: 17px; } body.page_club_portal_membership_new .membership_start_dates_end_holder { display: flex; align-items: center; flex-wrap: nowrap; } body.page_club_portal_membership_new .membership_start_dates_end_holder input { margin-right: 8px; } body.page_club_portal_membership_new .membership_start_dates_end_holder div#membership_start_dates_end_date { display: flex; align-items: center; flex-wrap: nowrap; } body.page_club_portal_membership_new .membership_start_dates_end_holder div#membership_start_dates_end_date #choose_ms_end_date { height: 24px; } body.page_club_portal_membership_new .membership_start_dates_end_holder div#membership_start_dates_end_date .ui-tooltip-icon { top: 0; left: 0; } body.page_club_portal_membership_new .membership_start_dates_end_holder div#membership_start_dates_no_end_date { display: flex; align-items: center; flex-wrap: nowrap; } body.page_club_portal_membership_new .membership_start_dates_end_holder div#membership_start_dates_no_end_date .ui-tooltip-icon { top: 0; left: 8px; } body.page_club_portal_membership_new form#input_form .ui-tooltip-icon, body.page_club_portal_addon_new form#input_form .ui-tooltip-icon { position: relative; left: 8px; top: 6px; } body.page_club_portal_membership_new .action_bar, body.page_club_portal_addon_new .action_bar { margin-bottom: 32px; } body.page_business_settings_terms .terms-conditions, body.page_business_settings_membership_terms_conditions_create .terms-conditions, body.page_business_settings_membership_terms_conditions_edit .terms-conditions { margin-bottom: 16px; } body.page_business_settings_terms .terms-conditions .delete-agreement .ui-tooltip-icon, body.page_business_settings_membership_terms_conditions_create .terms-conditions .delete-agreement .ui-tooltip-icon, body.page_business_settings_membership_terms_conditions_edit .terms-conditions .delete-agreement .ui-tooltip-icon { cursor: pointer; } body.page_business_settings_terms .terms-conditions .row, body.page_business_settings_membership_terms_conditions_create .terms-conditions .row, body.page_business_settings_membership_terms_conditions_edit .terms-conditions .row { margin-bottom: 8px; } body.page_business_settings_memberships .ui-tooltip-icon.warning { float: left; margin-right: 8px; } body.page_business_settings_memberships .membership-actions, body.page_business_settings_memberships .credit-actions, body.page_business_settings_memberships .terms-actions, body.page_business_settings_services .membership-actions, body.page_business_settings_services .credit-actions, body.page_business_settings_services .terms-actions { text-align: right; } body.page_business_settings_memberships .membership-actions a, body.page_business_settings_memberships .credit-actions a, body.page_business_settings_memberships .terms-actions a, body.page_business_settings_services .membership-actions a, body.page_business_settings_services .credit-actions a, body.page_business_settings_services .terms-actions a { display: inline-block; height: 24px; width: 24px; } body.page_business_settings_styling #uploader_header_background .thumbnail { max-width: 400px; } body.page_business_settings_tags .tag-table-holder { min-width: 850px; margin-top: 16px; } body.page_business_settings_tags .tag-table-holder .club_name { width: 200px; display: block; } body.page_business_settings_tags .tag-table-holder .tag-table-content { overflow-y: auto; height: 800px; } body.page_business_settings_tags .tag-table-holder .tag_table, body.page_business_settings_tags .tag-table-holder #header-fixed { border-collapse: separate; margin: 0; } body.page_business_settings_tags .tag-table-holder .tag_table thead tr td, body.page_business_settings_tags .tag-table-holder #header-fixed thead tr td { border: 1px solid #EEE; height: 150px; line-height: normal; padding: 0 8px; } body.page_business_settings_tags .tag-table-holder .tag_table thead tr td.vertical, body.page_business_settings_tags .tag-table-holder #header-fixed thead tr td.vertical { height: 150px; padding-bottom: 28px; text-align: left; width: 28px; } body.page_business_settings_tags .tag-table-holder .tag_table thead tr td.vertical div.vertical, body.page_business_settings_tags .tag-table-holder #header-fixed thead tr td.vertical div.vertical { margin-left: -72px; position: absolute; width: 150px; transform: rotate(-90deg); display: flex; align-items: center; height: 28px; } body.page_business_settings_tags .tag-table-holder .tag_table thead tr td.vertical div.vertical .ui-tooltip-icon, body.page_business_settings_tags .tag-table-holder #header-fixed thead tr td.vertical div.vertical .ui-tooltip-icon { transform: rotate(90deg); margin-right: 4px; } body.page_business_settings_tags .tag-table-holder .tag_table tbody tr td, body.page_business_settings_tags .tag-table-holder #header-fixed tbody tr td { border: 1px solid #EEE; height: 28px; line-height: normal; padding: 0 8px; border-radius: 0; } body.page_business_settings_tags .tag-table-holder .tag_table tbody tr td.td_checkbox, body.page_business_settings_tags .tag-table-holder #header-fixed tbody tr td.td_checkbox { cursor: pointer; } body.page_business_settings_tags .tag-table-holder .tag_table tbody tr td.td_checkbox:hover, body.page_business_settings_tags .tag-table-holder #header-fixed tbody tr td.td_checkbox:hover { background-color: #66BB6A; } body.page_business_settings_tags .tag-table-holder .tag_table tbody tr td.td_checkbox.checkbox_selected:hover, body.page_business_settings_tags .tag-table-holder #header-fixed tbody tr td.td_checkbox.checkbox_selected:hover { background-color: #81C784; } body.page_business_settings_tags .tag-table-holder .tag_table tbody tr td.checkbox_selected, body.page_business_settings_tags .tag-table-holder #header-fixed tbody tr td.checkbox_selected { background-color: #66BB6A; } body.page_business_settings_tags #header-fixed { position: fixed; display: none; } body.page_business_settings_tags .add-tag-form { gap: 6px; } body.page_business_settings_beta .ui-tooltip-icon { margin-left: 8px; } body.page_profilesettings #distance_unit, body.page_profilesettings #length, body.page_profilesettings #weight, body.page_profilesettings #feet_select, body.page_profilesettings #inch { margin-right: 8px; } body.page_profilesettings #weight_unit, body.page_profilesettings #inch { margin-left: 8px; } body.page_pmbox #search_form { margin-bottom: 16px; } body.page_pmbox .pm-row { display: flex; } body.page_pmbox .pm-row .pm-user { width: 80px; text-align: center; margin-right: 16px; } body.page_pmbox .pm-row .pm-content { flex: 1; } body.page_pmbox .pm-info-row { background-color: #EEE; padding: 8px 16px; border-radius: 12px; margin-bottom: 16px; } body.page_pmbox .pm_action_header { margin-bottom: 8px; margin-top: 16px; display: block; } body.page_pmbox .pm_action_bar { background-color: #EEEEEE; padding: 10px 20px; border-radius: 16px; margin-bottom: 10px; height: 30px; } body.page_pmbox .pm_action_bar span { display: inline-block; margin-top: 8px; } body.page_pmbox .pm_download_link { display: inline-block; margin-top: 8px; } body.page_pmbox .pm_download_link span { color: #03A9F4; font-weight: bold; margin: 0; } body.page_pmbox .pm_download_link span:hover { text-decoration: underline; } body.page_pmbox .selected_option_div { display: flex; width: 200px; } body.page_pmbox .selected_option_div .selected_option_title { display: inline-block; flex: 1; } body.page_pmbox .selected_option_div .span_close_button { display: inline-block; } body.page_pmbox .friend_div { border-bottom: #757575 1px solid; padding: 3px; padding-left: 7px; color: #424242; font-size: 12px; } body.page_pmbox .friend_div:hover { background-color: #EEE; } body.page_pmbox .friend_div a { color: #424242; } body.page_pmbox .friend_div a:hover { text-decoration: none; } body.page_pro_membership_summary .pro-header { background-size: cover; background-position: center; background-repeat: no-repeat; border-top-left-radius: 24px; border-top-right-radius: 24px; padding: 48px; } body.page_pro_membership_summary .pro-header .main-header, body.page_pro_membership_summary .pro-header .second-header, body.page_pro_membership_summary .pro-header .third-header, body.page_pro_membership_summary .pro-header .third-header-club { color: white; text-align: center; } body.page_pro_membership_summary .pro-header .main-header { margin-bottom: 16px; margin-top: 16px; font-size: 30px; line-height: 32px; font-weight: bold; } body.page_pro_membership_summary .pro-header .second-header { margin-bottom: 16px; font-size: 24px; line-height: 28px; } body.page_pro_membership_summary .pro-header .third-header { padding-top: 32px; padding-bottom: 65px; } body.page_pro_membership_summary .pro-header .third-header-club { padding-top: 32px; padding-bottom: 100px; } body.page_pro_membership_summary .pro-header .third-header-club p { padding: 16px 0; font-size: 22px; line-height: normal; border-radius: 0; background-color: rgba(64, 134, 171, 0.58); color: #FFF; margin: auto; width: 70%; } body.page_pro_membership_summary .pro-content-container { padding: 48px; } body.page_pro_membership_summary .pro-content-container #overview_table { margin: 0 auto; border-collapse: collapse; background-color: #FFF; } body.page_pro_membership_summary .pro-content-container #overview_table tr { height: 40px; } body.page_pro_membership_summary .pro-content-container #overview_table tr th { border-radius: 0; } body.page_pro_membership_summary .pro-content-container #overview_table tr th.proth { text-align: center; border: medium solid #03A9F4; color: #03A9F4; font-weight: bolder; } body.page_pro_membership_summary .pro-content-container #overview_table tr th:nth-child(n+2) { width: 18%; } body.page_pro_membership_summary .pro-content-container #overview_table tr th:nth-child(1) { color: #424242; font-weight: lighter; } body.page_pro_membership_summary .pro-content-container #overview_table tr th:nth-child(2) { text-align: center; color: #424242; font-weight: lighter; } body.page_pro_membership_summary .pro-content-container #overview_table tr td { border: 1px solid #EEE; color: #424242; text-align: center; font-size: 16px; border-radius: 0; } body.page_pro_membership_summary .pro-content-container #overview_table tr td.title { padding-left: 10px; text-align: left; } body.page_pro_membership_summary .pro-content-container #overview_table tr td.header { padding: 4px 10px 0px; font-size: 14px; text-align: left; } body.page_pro_membership_summary .pro-content-container #overview_table tr td.last-td { border-bottom: 1px solid !important; border-bottom-color: #03A9F4 !important; border-bottom-width: medium !important; } body.page_pro_membership_summary .pro-content-container #overview_table tr td:nth-child(2) { border-right-color: #03A9F4; } body.page_pro_membership_summary .pro-content-container #overview_table tr td:last-child { border-left-color: #03A9F4; border-right-color: #03A9F4; border-left-width: medium; border-right-width: medium; } body.page_pro_membership_summary .pro-content-container #overview_table tr td.td-pro-button { background-color: #03A9F4; border-color: #03A9F4; border-bottom-width: medium; color: white; cursor: pointer; } body.page_pro_membership_summary .pro-content-container #overview_table tr td.td-pro-button:hover { background-color: #039CE0; border-color: #039CE0; } body.page_pro_membership_summary .pro-content-container #download_apps_for_pro { text-align: center; } body.page_pro_membership_summary .pro-content-container #download_apps_for_pro h2 { text-align: center; margin-bottom: 32px; } body.page_pro_membership_summary .pro-content-container #download_apps_for_pro a { display: inline-block; margin: 0 16px; } body.page_pro_membership_summary .pro-content-container #download_apps_for_pro a img { width: 200px; } body.page_pro_membership_summary .pro-content-container .pro-description { clear: both; margin: 16px auto; padding-left: 48px; padding-right: 48px; } body.page_pro_membership_summary .pro-content-container .pro-description .desc-title { padding-bottom: 30px; padding-top: 10px; font-size: 30px; line-height: 32px; } body.page_pro_membership_summary .pro-content-container .pro-description .pro-row { margin-bottom: 32px; display: flex; align-items: center; } body.page_pro_membership_summary .pro-content-container .pro-description .pro-row div:first-child { margin-right: 16px; } body.page_pro_membership_summary .pro-content-container .pro-description .pro-row div.pro-info { flex: 1; display: flex; align-items: center; flex-wrap: wrap; } body.page_pro_membership_summary .pro-content-container .pro-description .pro-row div.pro-info .detail_title { color: #212121; font-weight: bold; margin-bottom: 16px; width: 100%; font-size: 20px; line-height: 24px; } body.page_pro_membership_summary .pro-content-container .pro-description .pro-row div.pro-info .pt { font-size: 16px; line-height: 20px; width: 100%; } body.page_select_sportschool_search #option_results { padding: 0; margin-top: 8px; width: 100%; line-height: normal; font-size: 12px; } body.page_select_sportschool_search #option_results #results { display: block; background-color: #FAFAFA; border-radius: 12px; overflow: auto; height: 480px; } body.page_select_sportschool_search #option_results #results .option_layout { position: relative; padding-top: 5px; padding-bottom: 20px; padding-left: 5px; height: 60px; } body.page_select_sportschool_search #option_results #results .option_layout h2 { font-size: 16px; line-height: 20px; } body.page_select_sportschool_search #option_results #results .option_layout:hover { background-color: #F5F5F5; } body.page_select_sportschool_search #option_results #results .option_layout .club_address { position: absolute; top: 24px; width: 200px; left: 0px; padding-left: 5px; } body.page_select_sportschool_search #option_results #results .option_layout .option_goto { position: absolute; right: 10px; top: 23px; } body.page_select_sportschool_search #map { width: 100%; height: 750px; } body.page_select_sportschool_search #max_results { padding-top: 8px; color: #FFA726; } body.page_select_sportschool_search .nowrap { margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body.page_select_sportschool_search .marker_layout { width: 280px; line-height: 15px; } body.page_select_sportschool_search .marker_layout .marker_close { text-align: right; margin-bottom: 2px; } body.page_select_sportschool_search .marker_layout .marker_close span { cursor: pointer; font-size: 20px; } body.page_select_sportschool_search .marker_layout h2 { font-size: 16px; line-height: 20px; } body.page_select_sportschool_search .marker_layout a { outline: 0; } body.page_select_sportschool_search .marker_layout a:focus { outline: 0; } body.page_select_sportschool_search .marker_layout .marker_link_goto { border-radius: 25px; font-size: 14px; font-weight: 500; margin: 8px 0 0 0; text-transform: none !important; border-style: none; transition: all 0.2s ease; text-decoration: none; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: #03A9F4; color: white; height: 32px; padding: 0 16px; width: 100%; text-align: center; } body.page_select_sportschool_search .marker_layout .marker_link_goto:hover { background-color: #039CE0; color: white; } body.page_select_sportschool_search .marker_layout .marker_link_member { margin-top: 8px; display: block; } body.page_select_sportschool_search .marker_layout .marker_image_holder { margin-bottom: 8px; text-align: center; height: 60px; } body.page_select_sportschool_search .marker_layout .marker_image_holder .marker_image { max-height: 60px; } body .ui-activity-list .no-activity-found-text { margin-bottom: 16px; } body .ui-activity-list .center { text-align: center; } body .ui-activity-list .center #empty-data { margin: 32px auto; } body .ui-activity-list .exercise-list-header { background-color: rgba(98, 170, 255, 0.2); height: 22px; width: 100%; text-align: center; border-radius: 12px; margin-bottom: 4px; } body .ui-activity-list li.exercise { list-style-type: none; height: 62px; border-radius: 12px; cursor: pointer; font-size: 14px; margin-bottom: 4px; padding: 4px; } body .ui-activity-list li.exercise .r_check { display: inline; height: 50px; width: 28px; float: right; margin-top: 8px; } body .ui-activity-list li.exercise .r_check img { display: block; margin: 11px 0 0 2px; } body .ui-activity-list li.exercise .activity_duration { margin-top: 9px; } body .ui-activity-list li.exercise .exercise_plan_text { height: 20px; width: 80px; font-size: 11px; color: #888888; } body .ui-activity-list li.exercise .ex_thumbnail { height: 50px; width: 50px; margin: 2px; float: left; border-radius: 4px; } body .ui-activity-list li.exercise .ex_thumbnail .checked-icon { width: 20px; height: 20px; margin-top: 30px; } body .ui-activity-list li.exercise .images { float: right; height: 50px; } body .ui-activity-list li.exercise .exercise_texts { height: 50px; width: 160px; float: left; overflow: visible; } body .ui-activity-list li.exercise .exercise_texts .exercise_name { height: 20px; overflow: hidden; margin-top: 7px; margin-left: 8px; white-space: nowrap; font-size: 12px; font-weight: bold; text-overflow: ellipsis; } body .ui-activity-list li.exercise .exercise_texts .exercise_text { font-size: 11px; max-height: 15px; overflow: visible; color: #888888; margin-left: 8px; white-space: nowrap; } body .ui-activity-search-modal #exercise_list { width: 100%; height: 500px; overflow: auto; overflow-x: hidden; } body .ui-activity-search-modal #exercise_list li.exercise { background-color: #F5F5F5; } body.page_calendar .display-none { display: none; } body.page_calendar .display-block { display: block; } body.page_calendar #options.white_content_box { box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); padding: 5px; width: 200px; margin-top: 3px; background-color: #FFF; border-radius: 12px; border: 1px solid #EEE; } body.page_calendar #options.white_content_box.calendar-options { position: absolute; z-index: 9; } body.page_calendar #options.white_content_box a { display: block; margin-top: 8px; color: #03A9F4; text-decoration: none; } body.page_calendar #options.white_content_box a:hover { color: #039CE0; text-decoration: none; } body.page_calendar #options.white_content_box a span { padding-bottom: 8px; padding-top: 8px; padding-left: 16px; text-decoration: none; display: inline-block; } body.page_calendar #options.white_content_box a span img { margin-right: 8px; } body.page_calendar #calendar-holder { flex: 1; margin-right: 16px; margin-left: 16px; width: 626px; } body.page_calendar #calendar-holder #calendar { overflow: hidden; height: 560px; width: 627px; position: relative; line-height: 17px; float: left; background-color: #FFF; border-radius: 24px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); padding: 16px; } body.page_calendar #calendar-holder #calendar #month_sel { font-size: 12px; color: #424242; width: 100%; height: 22px; margin-bottom: 8px; } body.page_calendar #calendar-holder #calendar #month_sel #month_year { height: 22px; width: 350px; color: #212121; font-size: 16px; font-weight: bold; float: left; letter-spacing: 0.05px; line-height: 19px; text-align: center; } body.page_calendar #calendar-holder #calendar #month_sel .change_month { width: 110px; cursor: pointer; } body.page_calendar #calendar-holder #calendar #month_sel .next-month { float: right; text-align: right; } body.page_calendar #calendar-holder #calendar #weekdays { width: 100%; } body.page_calendar #calendar-holder #calendar #weekdays #days_t { line-height: 27px; text-align: center; } body.page_calendar #calendar-holder #calendar #weekdays #days_t tr { background: none; } body.page_calendar #calendar-holder #calendar #weekdays #days_t tr:hover { background: none; } body.page_calendar #calendar-holder #calendar #weekdays #days_t .day_above_month { height: 15px; width: 85px; opacity: 0.5; color: #212121; font-size: 12px; letter-spacing: 0.05px; line-height: 15px; text-align: center; background: none; } body.page_calendar #calendar-holder #calendar #weekdays #days_t .day_above_month:hover { background: none; } body.page_calendar #calendar-holder #calendar #weekdays #days_t #sunday { opacity: 0.5; font-size: 12px; letter-spacing: 0.05px; line-height: 15px; text-align: center; } body.page_calendar #calendar-holder #calendar #months { width: 595px; height: 450px; overflow: hidden; position: relative; left: 0px; } body.page_calendar #calendar-holder #calendar #months #previous_month { width: 595px; position: absolute; left: -595px; } body.page_calendar #calendar-holder #calendar #months #current_month { width: 595px; position: absolute; } body.page_calendar #calendar-holder #calendar #months #next_month { width: 595px; position: absolute; left: 595px; } body.page_calendar #calendar-holder #calendar #months .day { height: 75px; width: 85px; float: left; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #BDBDBD; cursor: pointer; overflow: hidden; } body.page_calendar #calendar-holder #calendar #months .day.cal_weekend { background-color: #EEE; } body.page_calendar #calendar-holder #calendar #months .day.cal_past_future_month_days { background-color: #F5F5F5; } body.page_calendar #calendar-holder #calendar #months .day.cal_sel { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdjePj+/38ACVMDz1QxfMQAAAAASUVORK5CYII="); } body.page_calendar #calendar-holder #calendar #months .day:nth-last-child(-n+7) { border-bottom: none; } body.page_calendar #calendar-holder #calendar #months .day .calender_day_nr { height: 17px; width: 9px; padding-left: 10px; padding-top: 6px; color: #424242; font-size: 14px; letter-spacing: 0.05px; line-height: 17px; } body.page_calendar #calendar-holder #calendar #months .day .icon_in_day { width: 20px; height: 20px; display: block; float: left; } body.page_calendar #calendar-holder #calendar #months .day .icon_in_day.not_done { opacity: 0.5; } body.page_calendar #calendar-side-bar { flex: 1; margin-right: 16px; margin-left: 16px; } body.page_calendar #calendar-side-bar #loading_image { margin: 16px auto; } body.page_calendar #calendar-side-bar #calendar-side-bar-container { border-radius: 24px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); background-color: #FFF; padding-bottom: 16px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container .action-buttons { display: flex; justify-content: space-between; margin-top: 16px; padding-left: 16px; padding-right: 16px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container #icons-right { width: 100%; margin-bottom: 16px; height: 30px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container #icons-right .icons { float: right; margin-right: -8px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container #icons-right .icons #wo_player { margin-left: 20px; margin-right: 20px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container .plan_selectors_header { height: 44px; display: block; align-items: center; border-bottom: none; background-color: #EEE; border-radius: 24px 24px 0px 0px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container .plan_selectors_header .plan_selectors_body { padding: 12px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container .plan_selectors_header .plan_selectors_body #day_date { height: 0; margin-left: 12px; color: #424242; font-size: 16px; font-weight: bold; letter-spacing: 0.05px; line-height: 19px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container .plan_selectors_header .plan_selectors_body .add_icon_body { float: right; display: inline-flex; justify-content: end; width: 25%; margin-right: 8px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container .plan_selectors_header .plan_selectors_body .add_icon_body #activities_checkbox_all { margin: 2px 0 0 15px; } body.page_calendar #calendar-side-bar #calendar-side-bar-container #day_activities { width: 100%; overflow: hidden; } body.page_calendar #calendar-side-bar #calendar-side-bar-container #day_activities .center { text-align: center; } body.page_calendar #calendar-side-bar #calendar-side-bar-container #day_activities .center #empty-data { margin: 32px auto; } body.page_calendar #activity_information { background-size: 100% 100%; height: auto; position: absolute; top: 0px; left: -626px; z-index: 2; font-size: 12px; min-height: 630px; background-color: #FFF; border-radius: 24px; background-image: none; width: 626px; } body.page_calendar #activity_information select { padding: 0; } body.page_calendar #activity_information #activity_name { font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; color: #212121; display: flex; justify-content: center; margin-top: 16px; } body.page_calendar #activity_information .activity-image-icon-container { display: flex; justify-content: center; } body.page_calendar #activity_information .activity-image-icon-container .activity_image { width: 200px; height: 150px; float: left; margin: 10px; background-repeat: no-repeat; background-position: center; border: double #A3A3A3 1px; } body.page_calendar #activity_information .activity-image-icon-container .activity_image #play_button { float: left; } body.page_calendar #activity_information #a_info { margin-top: 15px; } body.page_calendar #activity_information #a_info #step_counts { margin-left: 15px; margin-top: 8px; } body.page_calendar #activity_information #a_info #exercise_info { padding-left: 24px; } body.page_calendar #activity_information #a_info #exercise_info span { margin-left: 1px; } body.page_calendar #activity_information .activity_info_in_tab { margin-left: 16px; margin-right: 16px; margin-bottom: 16px; overflow-y: auto; overflow-x: hidden; height: auto; min-height: 230px; max-height: 260px; } body.page_calendar #activity_information #activity_templates_table { width: 100%; border-collapse: collapse; } body.page_calendar #activity_information #activity_templates_table tr { border-bottom: 10px solid transparent; background: transparent; } body.page_calendar #activity_information #activity_templates_table tr td { padding: 0; } body.page_calendar #activity_information #activity_templates_table tr:hover { background: transparent; } body.page_calendar #activity_information #activity_templates_table tr .activity_templates_table_repetitions .css-label { padding-left: 10px; height: 15px; } body.page_calendar #activity_information #activity_templates_table tr:last-child { border-bottom: 0; } body.page_calendar #activity_information select.activity_template_input { padding-left: 8px; width: 80px; } body.page_calendar #activity_information .activity_template_input { height: 27px; text-align: left; border: solid 1px #BDBDBD; } body.page_calendar #activity_information .activity_template_textarea { resize: none; width: 212px; height: 81px; padding-left: 10px; padding-right: 3px; padding-top: 10px; } body.page_calendar #activity_information .activity_template_duration { width: 60px; background-position-x: 90%; } body.page_calendar #activity_information .activity_template_duration:not(:first-child) { margin-left: 8px; } body.page_calendar #activity_information .activity_template_duration:not(:first-child) { margin-left: 8px; } body.page_calendar .activity_template_left_label { width: 69px; } body.page_calendar .activity_template_single_input { width: 30px; margin-right: 4px; padding-left: 10px; } body.page_calendar #intensity_levels { width: 183px; } body.page_calendar #intensity_value_options { width: 137px; } body.page_calendar .label_set { width: 44px; text-align: center; opacity: 0.5; font-size: 12px; line-height: 15px; display: inline-block; } body.page_calendar .activity_template_five_input { margin-right: 3px; } body.page_calendar .activity_template_set_weight_input { margin-right: 1px; width: 25px; padding-left: 5px; margin-top: 2px; } body.page_calendar .activity_template_set_weight div { width: 50px; } body.page_calendar .activity_template_set_weight .set_label { text-align: center; width: 37px; display: inline-block; } body.page_calendar .time_based_radio { margin-right: 20px; } body.page_calendar .activity_template_set_weight_input { padding: 6px; box-sizing: border-box; border: 1px solid #BDBDBD; } body.page_calendar .activity_template_single_input { width: 48px; } body.page_calendar #advanced_activity_info .activity_template_single_input { width: 45px; } body.page_calendar #exercise_info #rpe { width: 35px; } body.page_calendar #advanced_activity_info .activity_template_single_input:-webkit-autofill { padding: 0 0 0 10px; margin-right: 3px; } body.page_calendar .reps-weights-container { font-size: 12px; } body.page_calendar .reps-weights-container .col-label { font-weight: 400; font-size: 12px; line-height: 16px; } body.page_calendar .reps-weights-container .activity_template_set_weight_input { width: 39px; padding: 10px 3px; } body.page_calendar .reps-weights-container tr td:not(:last-child) { padding-right: 3px; } body.page_calendar #activity_information .flex-container { display: flex; align-items: center; } body.page_calendar #activity_information .flex-container span { margin-right: 8px; } body.page_calendar #activity_information .col-label-duration { padding-right: 8px; } body.page_calendar .activity_templates_table_repetitions label:not(:last-child) { margin-right: 30px; } body.page_calendar #progress #graph { margin: 8px auto !important; } body.page_calendar #advanced_activity_info { margin-left: 10px; } body.page_calendar #advanced_activity_info .exerciseheaderInfo { border: none; background: none; font-style: normal; font-weight: 700; font-size: 12px; line-height: 16px; color: #212121; padding-left: 0; } body.page_calendar #advanced_activity_info #advanced_activity_info_top table { margin-bottom: 16px; } body.page_calendar #advanced_activity_info #advanced_activity_info_top .activity_template_left_label { width: 65px; } body.page_calendar #advanced_activity_info #advanced_activity_info_left { width: 50%; float: left; padding-right: 8px; } body.page_calendar #advanced_activity_info #advanced_activity_info_left .css-radio { margin-right: 8px; } body.page_calendar #advanced_activity_info #advanced_activity_info_left .activity_template_left_label { width: 65px; } body.page_calendar #advanced_activity_info #advanced_activity_info_left .activity_template_textarea { width: 100%; height: 85px; } body.page_calendar #advanced_activity_info #advanced_activity_info_left #intensity_levels { width: 170px; } body.page_calendar #advanced_activity_info #advanced_activity_info_left #intensity_value_options { width: 125px; float: right; } body.page_calendar #advanced_activity_info .activity_template_textarea { padding-left: 8px; padding-top: 5px; height: 50px; } body.page_calendar #advanced_activity_info #advanced_activity_info_right { width: 50%; padding-left: 8px; float: left; } body.page_calendar .row-rest .activity_template_single_input { padding-left: 6px; } body.page_calendar .row-rest .activity_template_single_input:not(:last-child) { margin-right: 6px; } body.page_calendar .row-rest input[type=text]:not(:last-child) { margin-right: 6px; } body.page_calendar #exercise_info #rpe, body.page_calendar #exercise_info #distance, body.page_calendar #exercise_info #speed { margin-right: 25px; } body.page_calendar #activity_information #vg_tabs { margin-top: 25px; } body.page_calendar #activity_information .col-label-duration, body.page_calendar #activity_information .col-label-distance { width: 80px; } body.page_calendar .popup-container { margin-left: 16px; margin-right: 16px; } body.page_webshop_product #checkoutLoading { display: flex; align-items: center; justify-content: center; height: 44px; } body.page_webshop_product .product-desc-wrapper { min-height: 110px; max-height: 129px; overflow-y: auto; } body.page_webshop_product .tax-included-text { font-size: 8px; text-align: right; bottom: 0px; } body.page_webshop_product #checkout_form { margin-left: auto; margin-right: auto; } body.page_webshop_product .pos-margin { margin-top: 135px; display: flex; } body.page_webshop_product .product-details-container { min-height: 540px; } body.page_webshop_product .product-details-container .product-image-column { align-items: stretch; display: flex; min-height: 540px; } body.page_webshop_product .product-details-container .product-image-holder { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: cover; } body.page_webshop_product .product-details-container .product-image-holder .back-button { border-radius: 48px; border: 1px solid #E0E0E0; background: #FFF; position: absolute; top: 24px; left: 24px; display: flex; padding: 8px; align-items: flex-start; gap: 10px; } body.page_webshop_product .product-details-container .product-image-holder .back-button .ui-tooltip-icon { transform: rotate(-90deg); } body.page_webshop_product .product-details-container .product-data-holder { display: flex; padding: 48px; flex-direction: column; align-items: flex-start; gap: 24px; flex: 1 0 0; } body.page_webshop_product .product-details-container .product-data-holder .product-title { font-size: 30px; font-style: normal; font-weight: 700; line-height: 32px; } body.page_webshop_product .product-details-container .product-data-holder .product-description { opacity: 0.75; } body.page_webshop_product .product-details-container .product-data-holder .product-tax { font-size: 12px; opacity: 0.75; font-style: normal; line-height: 16px; } body.page_webshop_product .product-details-container .product-data-holder .product-divider { border-top: 1px solid #EEE; width: 100%; } body.page_webshop_product .product-details-container .product-data-holder .product-details { width: 100%; } body.page_webshop_product .product-details-container .product-data-holder .product-details .row { margin-bottom: 8px; } body.page_webshop_product .product-details-container .product-data-holder .product-details .row #shop_membership_start_date_toggle { cursor: pointer; } body.page_webshop_product .product-details-container .product-data-holder .product-details .row #shop_membership_start_date { background: transparent; padding: 0; text-align: right; cursor: pointer; width: 100px; display: inline-block; } body.page_webshop_product .product-details-container .product-data-holder .terms { margin-top: 24px; } body.page_webshop_product .product-details-container .product-data-holder .sold-out-button, body.page_webshop_product .product-details-container .product-data-holder .unavailable-button { display: flex; height: 44px; padding: 0px 16px; justify-content: center; align-items: center; gap: 8px; cursor: not-allowed; background: #EEE; color: #757575; user-select: none; } body.page_webshop_product .product-details-container .product-data-holder .sold-out-button:hover, body.page_webshop_product .product-details-container .product-data-holder .unavailable-button:hover { opacity: 0.9; } body.page_webshop_product .product-details-container .product-data-holder .buttons-container { margin-top: 24px; } body.page_webshop_product .product-details-container .product-data-holder .buttons-container .col-8 { padding-right: 0; } body.page_webshop_product .product-details-title { font-size: 24px; margin-top: 50px; color: #222222; margin-bottom: 15px; } body.page_webshop_product .details-container { overflow: hidden; } body.page_webshop_product .membership-more-details { display: none; } body.page_webshop_product .details-arrow { display: inline-block; transition: all 0.7s; } body.page_webshop_product .details-arrow.rotated { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } body.page_webshop_main #webshop_container .success-message, body.page_webshop_category #webshop_container .success-message { text-align: left; } body.page_webshop_main #webshop_container .shop-title, body.page_webshop_category #webshop_container .shop-title { margin-bottom: 8px; font-size: 30px; line-height: 32px; font-style: normal; font-weight: 700; text-align: center; } body.page_webshop_main #webshop_container .shop-description, body.page_webshop_category #webshop_container .shop-description { text-align: center; margin-bottom: 24px; opacity: 0.75; } body.page_webshop_main #webshop_container .no-products-found, body.page_webshop_category #webshop_container .no-products-found { background-color: #E3F2FD; color: #424242; border-radius: 8px; min-height: 50px; background-repeat: no-repeat; background-position: 20px 12px; padding: 10px 16px; margin-bottom: 8px; align-items: center; width: 100%; display: flex; } body.page_webshop_main #webshop_container .categories-bar, body.page_webshop_category #webshop_container .categories-bar { margin-bottom: 32px; text-align: center; width: 100%; clear: both; display: block; } body.page_webshop_main #webshop_container .categories-bar .category-tab-item, body.page_webshop_category #webshop_container .categories-bar .category-tab-item { display: inline-block; padding: 6px 16px 6px 16px; text-align: center; overflow: hidden; border-radius: 8px; } body.page_webshop_main #webshop_container .categories-bar .category-tab-item:hover, body.page_webshop_category #webshop_container .categories-bar .category-tab-item:hover { cursor: pointer; } body.page_webshop_main #webshop_container .categories-bar .category-tab-item.active:hover, body.page_webshop_category #webshop_container .categories-bar .category-tab-item.active:hover { opacity: 0.9; } body.page_webshop_main #webshop_container .categories-bar .category-tab-item:first-child, body.page_webshop_category #webshop_container .categories-bar .category-tab-item:first-child { margin-left: 0; } body.page_webshop_main #webshop_container .categories-bar + .products-list, body.page_webshop_category #webshop_container .categories-bar + .products-list { display: block; } body.page_webshop_main #webshop_container .products-list, body.page_webshop_category #webshop_container .products-list { display: none; width: 100%; } body.page_webshop_main #webshop_container .category-products-list, body.page_webshop_category #webshop_container .category-products-list { width: 100%; } body.page_webshop_main #webshop_container .product-list-grid, body.page_webshop_category #webshop_container .product-list-grid { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center; } body.page_webshop_main #webshop_container .product-price, body.page_webshop_category #webshop_container .product-price { font-size: 18px; margin-top: 0px; font-weight: bold; margin-bottom: 15px; } body.page_webshop_main #webshop_container .product-price .main-price-formatted, body.page_webshop_category #webshop_container .product-price .main-price-formatted { font-weight: bolder; font-size: 20px; text-shadow: 0.3px 0px black; } body.page_webshop_main #webshop_container .product-item, body.page_webshop_category #webshop_container .product-item { position: relative; width: 248px; height: 568px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } body.page_webshop_main #webshop_container .product-item .product-data-holder, body.page_webshop_category #webshop_container .product-item .product-data-holder { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } body.page_webshop_main #webshop_container .product-item .product-data-holder .product_image_holder, body.page_webshop_category #webshop_container .product-item .product-data-holder .product_image_holder { width: 100%; height: 248px; background-repeat: no-repeat; background-position: center; background-size: contain; } body.page_webshop_main #webshop_container .product-item .product-data-holder .product_image_holder .product_image, body.page_webshop_category #webshop_container .product-item .product-data-holder .product_image_holder .product_image { width: 100%; height: 248px; } body.page_webshop_main #webshop_container .product-item .product-text, body.page_webshop_category #webshop_container .product-item .product-text { display: flex; padding: 0px 24px; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } body.page_webshop_main #webshop_container .product-item .product-text .product-name, body.page_webshop_category #webshop_container .product-item .product-text .product-name { max-height: 48px; overflow: hidden; font-size: 20px; font-weight: 700; line-height: 24px; text-align: left; } body.page_webshop_main #webshop_container .product-item .product-text .product-desc, body.page_webshop_category #webshop_container .product-item .product-text .product-desc { text-overflow: ellipsis; height: 150px; overflow: hidden; text-align: left; font-weight: 400; opacity: 0.75; width: 100%; } body.page_webshop_main #webshop_container .product-item .product-price-container, body.page_webshop_category #webshop_container .product-item .product-price-container { display: flex; padding: 0px 24px; justify-content: space-between; align-items: flex-end; align-self: stretch; margin-bottom: 24px; } body.page_webshop_main #webshop_container .product-item .product-price-container .prices, body.page_webshop_category #webshop_container .product-item .product-price-container .prices { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 4px; } body.page_webshop_main #webshop_container .product-item .product-price-container .prices .cycle, body.page_webshop_category #webshop_container .product-item .product-price-container .prices .cycle { opacity: 0.75; } body.page_webshop_main #webshop_container .product-item .product-price-container .prices .old-price, body.page_webshop_category #webshop_container .product-item .product-price-container .prices .old-price { opacity: 0.75; text-decoration: line-through; } body.page_webshop_main #webshop_container .product-item .product-price-container .prices .price, body.page_webshop_category #webshop_container .product-item .product-price-container .prices .price { font-size: 24px; font-weight: 700; line-height: 28px; } body.page_webshop_main #webshop_container .product-item .product-price-container .prices .price.discounted, body.page_webshop_category #webshop_container .product-item .product-price-container .prices .price.discounted { color: #EF5350; } body.page_webshop_main #webshop_container .product-item .product-price-container .button, body.page_webshop_category #webshop_container .product-item .product-price-container .button { display: flex; padding: 8px; align-items: flex-start; gap: 10px; border-radius: 50%; } body.page_webshop_main #webshop_container .product-item .product-price-container .button:hover, body.page_webshop_category #webshop_container .product-item .product-price-container .button:hover { opacity: 0.9; } body.page_webshop_main #webshop_container .product-item .product-price-container .button .ui-tooltip-icon, body.page_webshop_category #webshop_container .product-item .product-price-container .button .ui-tooltip-icon { transform: rotate(90deg); } body.page_webshop_main #webshop_container .shop-button, body.page_webshop_category #webshop_container .shop-button { color: white; padding: 4px; padding-top: 10px; display: block; text-align: center; height: 45px; width: 100%; font-size: 16px; font-weight: normal; letter-spacing: 0.4px; } body.page_webshop_main #webshop_container .shop-button:hover, body.page_webshop_category #webshop_container .shop-button:hover { color: white; } body.page_webshop_main #webshop_container .sold_out_badge_wrapper, body.page_webshop_category #webshop_container .sold_out_badge_wrapper { position: absolute; overflow: hidden; float: right; right: 0px; } body.page_webshop_main #webshop_container .sold_out_badge_wrapper .sold_out_badge, body.page_webshop_category #webshop_container .sold_out_badge_wrapper .sold_out_badge { background-color: white; color: #424242; padding: 2px 12px; margin: 16px; height: 24px; display: flex; gap: 8px; align-items: center; justify-content: center; font-size: 14px; line-height: 20px; font-weight: 600; border: 1px solid #E0E0E0; border-radius: 4px; } body.page_webshop_main #webshop_container .sold_out_badge_wrapper .sold_out_badge .ellipse, body.page_webshop_category #webshop_container .sold_out_badge_wrapper .sold_out_badge .ellipse { width: 8px; height: 8px; background: #EF5350; flex: none; order: 0; flex-grow: 0; border-radius: 50%; } body.page_webshop_payment_overview .store-container { padding: 48px; } body.page_webshop_payment_overview .title-row { margin-bottom: 32px; display: flex; align-items: center; } body.page_webshop_payment_overview .title-row h3 { flex: 1; } body.page_webshop_payment_overview .title-row a { width: 24px; height: 24px; display: block; } body.page_webshop_payment_overview .contact-info { text-align: center; font-size: 12px; line-height: 16px; opacity: 0.75; } body.page_webshop_payment_overview #bank_fields_show .row { margin-bottom: 8px; } body.page_webshop_payment_overview #bank_fields_edit label { padding-left: 0; } body.page_webshop_payment_overview #bank_fields_edit .form-check-inline { display: inline-flex; } body.page_webshop_payment_overview #bank_fields_edit .form-check-inline:not(:last-of-type) { margin-right: 16px; } body.page_webshop_purchase_successful .store-container, body.page_webshop_purchase_pending .store-container, body.page_webshop_purchase_cancelled .store-container { padding: 48px; width: 50%; margin: 0 auto; } body.page_webshop_terms .store-container { padding: 48px; } body.page_webshop_product .webshop-button, body.page_webshop_purchase_successful .webshop-button, body.page_webshop_purchase_pending .webshop-button, body.page_webshop_purchase_cancelled .webshop-button, body.page_webshop_payment_overview .webshop-button { display: flex; height: 44px; padding: 0px 16px; justify-content: center; align-items: center; gap: 8px; cursor: pointer; } body.page_webshop_product .webshop-button.full-width, body.page_webshop_purchase_successful .webshop-button.full-width, body.page_webshop_purchase_pending .webshop-button.full-width, body.page_webshop_purchase_cancelled .webshop-button.full-width, body.page_webshop_payment_overview .webshop-button.full-width { width: 100%; } body.page_webshop_product .webshop-button:hover, body.page_webshop_purchase_successful .webshop-button:hover, body.page_webshop_purchase_pending .webshop-button:hover, body.page_webshop_purchase_cancelled .webshop-button:hover, body.page_webshop_payment_overview .webshop-button:hover { opacity: 0.9; } @media (max-width: 575.98px) { body.page_webshop_product.embedded #ui-footer, body.page_webshop_payment_overview.embedded #ui-footer { margin-top: 16px; } body.page_webshop_product.embedded #ui-footer .container .row, body.page_webshop_payment_overview.embedded #ui-footer .container .row { display: flex; align-items: center; } body.page_webshop_main.embedded #main-container { padding-bottom: 16px; } body.page_webshop_payment_overview.embedded .store-container { margin: 8px; } body.page_webshop_payment_overview #store_page .store-container { margin: -24px; } body.page_webshop_payment_overview #store_page .store-container .form-group label { margin-bottom: 8px; padding-left: 0; padding-right: 0; } body.page_webshop_payment_overview .store-container { padding: 24px; } body.page_webshop_payment_overview .product-column { margin: 16px; border: 1px solid #EEE; border-radius: 12px; padding: 8px; } body.page_webshop_payment_overview .product-column .col-8, body.page_webshop_payment_overview .product-column .col-4 { padding: 0; } body.page_webshop_product.embedded .product-details-container { margin: 8px; } body.page_webshop_product .product-details-container .product-image-holder { background-color: purple; border-bottom-left-radius: 0 !important; border-top-right-radius: 24px; } body.page_webshop_product .product-details-container .product-data-holder { padding: 24px; } body.page_webshop_product .product-details-container .product-data-holder .buttons-container .col-sm-12:first-child { margin-bottom: 16px; } body.page_webshop_purchase_successful .store-container, body.page_webshop_purchase_pending .store-container, body.page_webshop_purchase_cancelled .store-container { padding: 16px; width: 100%; margin: 0 auto; } body.page_webshop_purchase_successful .page_container, body.page_webshop_purchase_pending .page_container, body.page_webshop_purchase_cancelled .page_container { padding-top: 16px; } body.page_webshop_purchase_successful label, body.page_webshop_purchase_pending label, body.page_webshop_purchase_cancelled label { padding-left: 0; padding-right: 0; margin-bottom: 8px; } } body.page_activity_overview #overview { width: 100%; margin-top: 8px; } body.page_activity_overview #left_chart { width: 1010px; position: absolute; left: -1010px; } body.page_activity_overview #graph_container { height: 260px; margin-bottom: 10px; } body.page_activity_overview #graph_container #charts { overflow: hidden; position: relative; left: 0px; border-radius: 12px; margin: 0 auto; } body.page_activity_overview #graph_container #charts .grey_content_box { background: #FFF; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); border-radius: 12px; } body.page_activity_overview #graph_container #charts .grey_content_box span { font-weight: bold; } body.page_activity_overview #graph_container #charts .grey_content_box a { margin-top: 16px; } body.page_activity_overview #graph_container .graph_container_options { margin-top: 16px; margin-bottom: 16px; display: flex; align-items: center; } body.page_activity_overview #graph_container .graph_container_options div:last-child { text-align: right; } body.page_activity_overview .stats-row { margin-top: 32px; } body.page_activity_overview .stats-row .stat-header { font-size: 20px; line-height: 24px; font-weight: bold; margin-bottom: 8px; } body.page_activity_overview .stats-row #stats { width: 50%; float: left; padding-left: 16px; } body.page_activity_overview .stats-row #stats .vg_option_selected, body.page_activity_overview .stats-row #stats .vg_option { cursor: pointer; font-size: 20px; line-height: 24px; font-weight: bold; opacity: 0.6; padding-left: 4px; padding-right: 4px; } body.page_activity_overview .stats-row #stats .vg_option_selected { background-color: #EEE; opacity: 1; } body.page_activity_overview .stats-row #stats #average, body.page_activity_overview .stats-row #stats #totals { margin-top: 8px; } body.page_activity_overview .stats-row #stats #average ul, body.page_activity_overview .stats-row #stats #totals ul { list-style: none; margin: 0; padding: 0; } body.page_activity_overview .stats-row #stats #average ul li, body.page_activity_overview .stats-row #stats #totals ul li { margin-bottom: 8px; display: flex; align-items: center; } body.page_activity_overview .stats-row #stats #average ul li .ui-tooltip-icon, body.page_activity_overview .stats-row #stats #totals ul li .ui-tooltip-icon { margin-right: 8px; } body.page_activity_overview .stats-row #stats #average ul li .val, body.page_activity_overview .stats-row #stats #totals ul li .val { margin-right: 4px; font-weight: bold; font-size: 16px; line-height: 20px; } body.page_activity_overview .stats-row #piechart { width: 50%; float: left; } body.page_activity_overview .stats-row #piechart #pie { float: left; } body.page_activity_overview .stats-row #piechart .pie-legend { float: left; height: 200px; padding-top: 26px; } body.page_activity_overview .stats-row #piechart .pie-legend .legend_item { margin-bottom: 8px; display: flex; align-items: center; } body.page_activity_overview .stats-row #piechart .pie-legend .legend_item .val { font-weight: bold; font-size: 16px; line-height: 20px; } body.page_activity_overview .stats-row #piechart .pie-legend .legend_item .leg_color { width: 24px; height: 24px; display: inline-block; border-radius: 50%; margin-right: 8px; } body.page_workout_player #total_kcal { width: 158px; text-align: center; margin-top: 10px; height: 60px; } body.page_workout_player #total_fp { width: 158px; text-align: center; height: 60px; } body.page_workout_player #video_div { z-index: 10; background-color: #fff; text-align: center; } body.page_workout_player #end_screen, body.page_workout_player #start_screen { /* fallback */ background-color: rgb(128, 190, 216); /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(128, 190, 216)), to(rgb(255, 255, 255))); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, rgb(128, 190, 216), rgb(255, 255, 255)); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, rgb(128, 190, 216), rgb(255, 255, 255)); /* IE 10 */ background: -ms-linear-gradient(top, rgb(128, 190, 216), rgb(255, 255, 255)); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgb(128, 190, 216), rgb(255, 255, 255)); text-align: center; } body.page_workout_player #start_screen #click_to_start { color: white; font-size: 26px; font-weight: bold; text-shadow: #4A8AA5 0px 2px 0px; margin-top: 145px; margin-bottom: 145px; cursor: pointer; text-decoration: underline; } body.page_workout_player #social_text { width: 100%; height: 50px; margin-bottom: 10px; } body.page_workout_player #share { margin-top: 35px; width: 450px; display: inline-block; } body.page_workout_player #awes { font-weight: bold; color: #000; font-size: 14px; } body.page_workout_player .metalbar { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAJCAIAAAB40QGOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNpiDI9LYQADFh9Xe1Y2NnZ2dpYjR458/PhRSEiIiYODAyjw4cMHpm/fvvHz8//7948JKAWkBAUFmdjY2N69e8fJyckkLCz8+/dvoAwz0IhPnz49evgQIMAARh0lAISQETYAAAAASUVORK5CYII="); height: 9px; } body.page_workout_player #nthanks { position: absolute; right: 0px; bottom: -5px; } body.page_workout_player #points_end { font-size: 26px; color: #000; line-height: 40px; text-align: bottom; } body.page_workout_player #cheer { color: white; font-size: 26px; font-weight: bold; text-shadow: #4A8AA5 0px 2px 0px; margin-top: 20px; } body.page_workout_player #encourage { color: white; font-size: 33px; font-weight: bold; text-shadow: #4A8AA5 0px 2px 0px; } body.page_workout_player .screen_cover { padding: 0px; background-color: #ffffff; box-shadow: 2px 2px 6px #834727; width: 604px; height: 322px; position: absolute; border: 1px solid #d78943; left: 175px; } body.page_workout_player .big_screen_cover { padding: 0px; background-color: #ffffff; box-shadow: 2px 2px 6px #834727; width: 956px; height: 322px; position: absolute; border: 1px solid #d78943; left: 0px; } body.page_workout_player #act_name { font-size: 20px; width: 100px; white-space: nowrap; color: #434343; float: left; z-index: 2; position: absolute; padding: 5px; } body.page_workout_player #progress_total { height: 23px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAIAAABF+LJYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtJREFUeNosycENgDAMQ9HKKoVswY2tGY05mjiJCBWHJ3/J7X4ujG1ARCCHVO+wdiIy4TRYUZ2YRVUX0uvztbS/zTsZ3RkI/+QrwACn0TVI9sJUlgAAAABJRU5ErkJggg=="); border-right: 1px solid #5d9444; } body.page_workout_player #reps_counter { font-size: 60px; width: 200px; height: 40px; float: right; color: #434343; text-align: right; margin-top: 243px; font-weight: bold; position: absolute; left: 570px; } body.page_workout_player #timeline_holder { height: 220px; overflow-y: hidden; overflow: hidden; position: relative; margin-top: 5px; } body.page_workout_player #muscles { font-size: 18px; color: #BA6800; height: 93px; text-overflow: ellipsis; overflow: hidden; } body.page_workout_player #timeline .e_duration { font-size: 14px; font-weight: bold; text-align: center; width: 146px; overflow: hidden; position: relative; z-index: 10; top: -40px; } body.page_workout_player #timeline .e_holder { float: left; margin: 25px 10px 0px; color: #bfbfbf; } body.page_workout_player #settings { position: absolute; padding: 5px; height: 125px; width: 165px; background-color: #fff; color: #434343; left: 1000px; top: 4px; border: 1px solid #d78943; box-shadow: 2px 2px 6px #834727; } body.page_workout_player #timeline .e_text { height: 20px; width: 144px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; top: 30px; } body.page_workout_player #timeline .e_done { position: absolute; z-index: 12; top: 100px; cursor: pointer; } body.page_workout_player #timeline .e_image { width: 144px; background-color: white; height: 108px; position: relative; border: solid #A3A3A3 1px; z-index: 11; } body.page_workout_player .settings_btn { width: 75px; height: 41px; } body.page_workout_player .settings_btn:hover { background-position: 0px 82px; } body.page_workout_player #movie_pause { width: 58px; height: 56px; float: left; z-index: 5; position: absolute; margin: 248px 5px 0px 2px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABwCAYAAABPeGMiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALJJREFUeNrs2zEOgCAMBVBqvGevws110ZkBq4m8vzAwfF6asDUys62Q/Tp7cU+fvJ/u39oiAQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBV0V+taWxCjdRB+e6FHcE4P78n6fESgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKOjPc29JxMfvKO8/BRgAdCgHB8J6MccAAAAASUVORK5CYII="); } body.page_workout_player #movie_pause:hover { background-position: 0px 56px; } body.page_workout_player .settings_btn:active { background-position: 0px 41px; } body.page_workout_player #video_div { width: 600px; height: 307px; float: left; background-color: #ffffff; } body.page_workout_player #break_clock { display: inline-block; width: 300px; text-align: center; margin-top: 10px; float: left; } body.page_workout_player #act_preview { display: inline-block; text-align: center; width: 300px; margin-top: 10px; height: 304px; } body.page_workout_player #upcoming_dur { font-size: 26px; font-weight: bold; } body.page_workout_player #upcoming_img { width: 230px; height: 220px; } body.page_workout_player #upcoming_act { height: 40px; width: inherit; font-weight: bold; font-size: 16px; font-weight: bold; } body.page_workout_player .num { font-size: 60px; line-height: 64px; font-weight: bold; } body.page_workout_player #break_holder { margin-top: -30px; width: 300px; height: 72px; } body.page_workout_player #left_panel { width: 154px; float: left; padding: 0px 10px 0px 0px; } body.page_workout_player #right_panel { width: 158px; display: inline-block; float: left; padding-left: 10px; text-align: center; } body.page_workout_player .side_title { text-align: center; font-size: 18px; font-weight: bold; width: 158px; } body.page_workout_player #total_time { width: 158px; text-align: center; } body.page_workout_player .reps { display: inline-block; padding: 3px; cursor: pointer; border-radius: 5px; margin-bottom: 2px; } body.page_workout_player .shadow { display: inline-block; margin: 10px; } body.page_workout_player #movie_frame { width: 600px; float: left; padding: 2px; height: 318px; border: 1px solid #d78943; min-width: 580px; } body.page_workout_player #ad_progress { margin: 22px 0px; } body.page_workout_player #countdown_5 { font-size: 70px; line-height: 300px; color: #434343; font-weight: bold; width: 620px; height: 320px; text-align: center; position: absolute; left: 165px; top: 0px; z-index: 3; text-shadow: #FFF 0px 1px 0px; } body.page_workout_player #ads { text-align: center; width: 100%; } body.page_workout_player #ad_center { margin: 0px 21px; display: inline-block; } body.page_workout_player #player { overflow: hidden; position: relative; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAFMCAIAAABj74qcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDJJREFUeNq0lml3E0cQRadLPZJlGS9gEpYYY35x/iDgBRwTE4yDFluamU7V66rSyIuQOCd88LmqfrffdHvkQ0h/Fv6PiuKRD7EIq8R+5cP/uDU+hCIXkPYk/5A0REUzj89/8DRmSo05KcluoVNQngWPB0tSWHCMeBrVXsdZ6IluP+jUciQ4NZyO94B4SiHKE4gT3CnyeR53jOwOYPNOKztC8mvgaQSxncwBpSqQkzmVJuGE9RxqqpAsKfdGIJ6SkzrNjM8k6yTEs9IdEE/JqeUguY4zRY84U8y67oB4Sk4tB8l1nFv0iHOLWe9Xe0jtkB3so3vOqZeiOEF7KFljfRuoY6ROJp5GpQ3ryVTfsGNkzo0m4QR3kjkTdvpKOGl2kCS3f9ITrKfPzkTJnL73bCZN5u9PPZa7hjOGs+kOiKekNHFn4j1m4974eQeye8U9EU41tjvIxFOqxiSvtffEQSPOmF/rgfwpqEaY8r5IstNEJazPiZMLDuV9+Gfcaqgayg23nC0kh+wY6V2LHSS5zHmCp0SS5rb0/ICDZMzdD/TAsWScDWWf8on1ZJr94K+cka7M/hWHp1FmqzhBqdxuSGyQnlSSKTvbjSet574zJ56S033nGk+5bXdQ7iB5zY6ROd+R3OHzXJMndZbXY7krNP1uv58pkt2dhqbYp+tOJk5Sd0/Ok5OSmV5hfZedKzi7cnJ5tq7tHpWu7Nk0uefOnt1BJp5Go447HazX5OROndej0reOnYeTITs8S23nqSap+6yW86iTlHidnMyxZBQqitt/7Nky9Z7V5KQrPUtS767zVZ6Ip1FmwZ1kzld29pVaDu+5zz1G1rO/gnOJRqzL78eTUenSHVDveXZA1vNck+R0z7m57KS5k4oN0M3fHdr4TUmdTDwlJ13x5DLni5yn5fyO5Bd2jMwB8ZSc7jpR6cLeA09GpRe1vlWSTD/rueA9QqvnRYXdIznpyuRC/pPBU5pg1se63FumyV+R+i+VzAHxlJz02cRJsiecUEzmPedyKjjn5iSs+O7LeszWlf6rKu9JTq0erJOTnScnP7PzWskcEE/Jyc7zCuc5j9Ftdcaf5d7EGWO2+dqeLRNPycmcT3KKTXE+wfnDeiSZHnZsd3LbemDzlJxaPVhf6JE70ORZjELJnWDOATtn5qRFh3g1k/Wc3XEOvCcnT7nnAD1n3pOTb9g5NSe/B757dNt6Ts0ZncqtM+nKAMRTctLvT6ZBdjz5uCMroxMx4ZzAOVQnZBqdlHHwZobdS3NAPGWnhD2znsNZdsjJe8q8TqNjOIfuvEXymHsO0fOQY6R3rbsfc4/Z5oB4Sk6P9azjLOv5iPPMnSMkP3LPW+kZujNEcosdoaLYOjInE0/JqeVg/Y6TzPnAzjslc0A8JaWjmb5vK/V8KH13yvus2vOu/Wx88vdLnP8EGACIRdadJhy/ogAAAABJRU5ErkJggg=="); background-repeat: repeat-x; padding: 4px 6px; color: #ffffff; } body.page_workout_player #gradient { /* fallback */ background-color: #FF7700; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9000), to(#ff5a00)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ff9000, #ff5a00); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ff9000, #ff5a00); /* IE 10 */ background: -ms-linear-gradient(top, #ff9000, #ff5a00); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ff9000, #ff5a00); position: absolute; top: 330px; } body.page_workout_player .content b { font-size: 16px; } body.page_workout_player .med_rectangle { display: inline-block; width: 300px; height: 250px; } body.page_workout_player .plan { padding: 7px 7px 5px; border-top: 1px solid #EBEBEB; border-bottom: 2px solid #EBEBEB; border-right: 1px solid #99A9B6; border-left: 1px solid #99A9B6; height: 80px; background-color: #fff; } body.page_workout_player .plan:hover { background-color: #f2f2f2; } body.page_workout_player .content a:link, body.page_workout_player visited, body.page_workout_player hover { color: #434343; font-weight: normal; } body.page_workout_player .content a:visited { color: #434343; font-weight: normal; } body.page_checkin_history #member_list { background-color: white !important; border-radius: 5px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); margin-top: 20px; margin-left: -30px; padding-bottom: 5px; } body.page_checkin_history #filterform select { background-color: #f5f5f5; border: 0px; padding: 14px !important; } body.page_checkin_history #select_period, body.page_checkin_history #select_period_custom { float: none !important; } body.page_checkin_history #select_period_custom { display: inline-block; } body.page_checkin_history .bootstrap-select .btn-default { border: 0; background-image: none; padding: 14px; border-radius: 8px; } body.page_checkin_history #checkin_overview .location { display: none; } body.page_checkin_history #checkin_overview .status_cell { width: 15px; } body.page_checkin_history #checkin_overview .profile_circle_s img { border-radius: 50%; } body.page_checkin_history #checkin_overview .checking_time { display: block; line-height: 10px; padding-top: 5px; } body.page_checkin_history #checkin_overview .checkin_date { color: #757575; } body.page_checkin_history #checkin_overview .checkout_time { display: block; line-height: 10px; padding-top: 5px; } body.page_checkin_history #checkin_overview .checkout_date { color: #757575; } body.page_checkin_history #checkin_overview .icon { display: inline-block; width: 17px; height: 17px; margin: 7px 8px; cursor: pointer; outline: 0; } body.page_checkin_history #checkin_overview .status_0, body.page_checkin_history #checkin_overview .status_1, body.page_checkin_history #checkin_overview .status_2 { height: 12px; width: 12px; display: inline-block; border-radius: 50%; } body.page_checkin_history #checkin_overview .status_0 { background-color: #66BB6A; } body.page_checkin_history #checkin_overview .status_1 { background-color: #FFA726; } body.page_checkin_history #checkin_overview .status_2 { background-color: #EF5350; } body.page_checkin_history #checkin_overview .table thead tr { background-color: inherit; } body.page_checkin_history #checkin_overview .toprow { border-bottom: 1px solid #EEE; } body.page_checkin_history #checkin_overview #checkin_history_table td:last-child { text-align: right; } body.page_checkin_history #checkin_overview table thead tr th, body.page_checkin_history #checkin_overview .table tr.warn, body.page_checkin_history #checkin_overview .table tr.reject, body.page_checkin_history #checkin_overview .table tr.ok, body.page_checkin_history #checkin_overview .table tr.manual { background-color: inherit !important; } body.page_checkin_history #checkin_overview .message .nowrap { width: 300px; display: inline-block; } body.page_checkin_history #checkin_overview .actions a { display: inline-block; width: 20px; height: 20px; margin: 0 4px; } body.page_checkin_history #checkin_panel { display: flex; flex-wrap: nowrap; } body.page_checkin_history #checkin_panel .plus_icon { display: flex; background-color: #F5F5F5; color: #424242; border-top-left-radius: 8px; border-bottom-left-radius: 8px; align-items: center; justify-content: center; width: 40px; } body.page_checkin_history #checkin_panel input { flex: 1; border-radius: 0; } body.page_checkin_history #checkin_panel a.button_checkin { color: white; padding: 14px; background-color: #03A9F4; display: inline-block; font-weight: normal; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } body.page_checkin_history #checkin_panel a.button_checkin:hover { background-color: #039CE0; } body.page_checkin_history #checkin_panel a.button_checkin:hover, body.page_checkin_history #checkin_panel a.button_checkin:link, body.page_checkin_history #checkin_panel a.button_checkin:active, body.page_checkin_history #checkin_panel a.button_checkin:visited { text-decoration: none; } body.page_checkin_history .checkin_counter { width: 33%; min-width: 336px; border-radius: 12px; padding: 16px; margin-bottom: 32px; } body.page_checkin_history .checkin_counter .content { display: flex; gap: 8px; align-items: center; justify-content: space-between; } body.page_checkin_history .checkin_counter .content span { flex: 1; color: #212121; } body.page_checkin_history .checkin_counter .content span #visitors_now_translation { opacity: 56%; } body.page_checkin_history .checkin_counter .counter { display: flex; justify-content: flex-end; align-items: end; margin-top: 12px; } body.page_checkin_history .checkin_counter .counter #visitors_now { font-size: 48px; font-weight: 600; line-height: 40px; margin-right: 4px; } body.page_checkin_history .checkin_counter .counter #max_allowed_separation_slash { margin-right: 4px; } body.page_checkin_history .checkin_counter .counter #max_allowed_visitors, body.page_checkin_history .checkin_counter .counter #max_allowed_separation_slash { opacity: 56%; color: #212121; font-size: 16px; font-weight: 400; line-height: 20px; } body.page_club_portal_members_members table.member-table thead tr th.pointer { cursor: pointer; } body.page_club_portal_members_members table.member-table thead tr th span { float: left; display: inline-block; } body.page_club_portal_members_members table.member-table thead tr th .ui-tooltip-icon { float: left; } body.page_club_portal_members_members table.member-table tbody tr td .date_display { float: left; width: 115px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } body.page_club_portal_members_members table.member-table tbody tr td .date_display:first-letter { text-transform: lowercase; } body.page_club_portal_members_members table.member-table tbody tr td .date_alerts { float: right; } body #activation_btns { display: inline-flex; } body #activation_btns a.activation-button-invite, body #activation_btns a.activation-button-manually { color: #03A9F4; cursor: pointer; } body #activation_btns a.activation-button-invite:hover, body #activation_btns a.activation-button-manually:hover { color: #039CE0; } body .auth-overview-table .ui-tooltip-icon { margin-right: 8px; } body .auth-overview-table .role-name { background-color: #E0E0E0; padding: 5px 5px 5px 0; margin-bottom: 1px; display: flex; } body .auth-overview-table .role-name span { display: inline-block; max-width: 340px; } body .auth-overview-table .subrole-name { padding: 5px 5px 5px 0; margin-bottom: 1px; display: flex; } body .auth-overview-table .subrole-name span { float: left; display: inline-block; max-width: 340px; min-height: 17px; } body.page_club_portal_members_credits .show-more { text-align: center; } body.page_club_portal_members_credits .credit-deduction-row .ui-tooltip-icon { float: left; } body.page_club_portal_members_view_coach #search_form, body.page_club_portal_members_view_admin_staff #search_form { display: none; } body.page_club_portal_members_editadd .color { height: 20px; width: 20px; border-radius: 20px; display: inline-block; margin: 3px; transition: opacity 0.25s ease-in-out; border: 2px double transparent; } body.page_club_portal_members_editadd .color:hover { border: 2px double #000000; cursor: pointer; } body.page_club_portal_members_editadd #userpic #upload_img_holder { border-radius: 50%; background-color: #EEE; } body.page_club_portal_members_editadd #userpic a { cursor: pointer; } body.page_club_portal_members_editadd #userpic a:hover { text-decoration: underline; } body.page_club_portal_members_editadd .selected_color { border: 2px double #000000; } body.page_club_portal_members_editadd .data-spacer { margin-top: 32px; margin-bottom: 32px; height: 1px; background: #EEE; } body.page_club_portal_members_editadd label[for=send_invite] { display: inline-flex; align-items: center; margin: 0; cursor: pointer; } body.page_club_portal_members_editadd label[for=send_invite] input { margin-right: 8px; } body.page_club_portal_members_editadd .radio-options label { margin-right: 8px; margin-bottom: 0; display: inline-flex; } body.page_club_portal_members_editadd .radio-options label input { margin-right: 8px; } body.page_club_portal_members_editadd .radio-options .business_radio_buttons_container { width: 90%; float: left; } body.page_club_portal_members_editadd #content_tab_client_data table .ui-tooltip-icon.info_circle { float: right; margin-left: 8px; } body.page_club_portal_members_editadd #content_tab_client_data table .auth-row { display: flex; align-items: center; margin-bottom: 8px; } body.page_club_portal_members_editadd #content_tab_client_data table .auth-row input { margin-right: 8px; } body.page_club_portal_members_editadd #content_tab_client_data table .auth-row label { margin: 0; } body.page_club_portal_members_editadd #content_tab_client_data table .auth-row div { margin-left: auto; width: 20px; height: 20px; display: block; cursor: pointer; } body.page_club_portal_members_view_coach #in-table-activation-buttons a.activation-button-invite, body.page_club_portal_members_view_coach #in-table-activation-buttons a.activation-button-manually, body.page_club_portal_members_view_admin_client #in-table-activation-buttons a.activation-button-invite, body.page_club_portal_members_view_admin_client #in-table-activation-buttons a.activation-button-manually, body.page_club_portal_members_view_admin_staff #in-table-activation-buttons a.activation-button-invite, body.page_club_portal_members_view_admin_staff #in-table-activation-buttons a.activation-button-manually { cursor: pointer; border-radius: 25px; height: 32px; padding: 0 16px; display: flex; align-items: center; } body.page_club_portal_members_view_coach #in-table-activation-buttons a.activation-button-invite, body.page_club_portal_members_view_admin_client #in-table-activation-buttons a.activation-button-invite, body.page_club_portal_members_view_admin_staff #in-table-activation-buttons a.activation-button-invite { border: 1px solid #E0E0E0; color: #757575; } body.page_club_portal_members_view_coach #in-table-activation-buttons a.activation-button-invite:hover, body.page_club_portal_members_view_admin_client #in-table-activation-buttons a.activation-button-invite:hover, body.page_club_portal_members_view_admin_staff #in-table-activation-buttons a.activation-button-invite:hover { color: #757575; border-color: #BDBDBD; } body.page_club_portal_members_view_coach #in-table-activation-buttons a.activation-button-manually, body.page_club_portal_members_view_admin_client #in-table-activation-buttons a.activation-button-manually, body.page_club_portal_members_view_admin_staff #in-table-activation-buttons a.activation-button-manually { color: white; background-color: #03A9F4; } body.page_club_portal_members_view_coach #in-table-activation-buttons a.activation-button-manually:hover, body.page_club_portal_members_view_admin_client #in-table-activation-buttons a.activation-button-manually:hover, body.page_club_portal_members_view_admin_staff #in-table-activation-buttons a.activation-button-manually:hover { color: white; background-color: #039CE0; } body.page_club_portal_members_view_coach .ui-action-menu, body.page_club_portal_members_view_admin_client .ui-action-menu, body.page_club_portal_members_view_admin_staff .ui-action-menu { margin-bottom: 16px; } body.page_club_portal_members_view_coach .member_status_scheduled_action, body.page_club_portal_members_view_admin_client .member_status_scheduled_action, body.page_club_portal_members_view_admin_staff .member_status_scheduled_action { display: flex; align-items: center; } body.page_club_portal_members_view_coach .username-row a, body.page_club_portal_members_view_admin_client .username-row a, body.page_club_portal_members_view_admin_staff .username-row a { color: #212121; } body.page_club_portal_members_view_coach .note_icons, body.page_club_portal_members_view_admin_client .note_icons, body.page_club_portal_members_view_admin_staff .note_icons { float: right; width: 100px; display: flex; justify-content: end; align-items: center; gap: 8px; } body.page_club_portal_members_view_coach .note_icons .active_button, body.page_club_portal_members_view_admin_client .note_icons .active_button, body.page_club_portal_members_view_admin_staff .note_icons .active_button { height: 20px; } body.page_club_portal_members_view_coach .note_icons .active_button .toggle label, body.page_club_portal_members_view_admin_client .note_icons .active_button .toggle label, body.page_club_portal_members_view_admin_staff .note_icons .active_button .toggle label { padding-left: 32px; } body.page_club_portal_members_view_coach .note_edit_content_div textarea, body.page_club_portal_members_view_admin_client .note_edit_content_div textarea, body.page_club_portal_members_view_admin_staff .note_edit_content_div textarea { margin-top: 8px; margin-bottom: 8px; width: 80%; height: 75px; } body.page_club_portal_members_view_coach .note_edit_content_div select, body.page_club_portal_members_view_admin_client .note_edit_content_div select, body.page_club_portal_members_view_admin_staff .note_edit_content_div select { margin-bottom: 8px; min-width: 200px; } body.page_club_portal_members_view_coach .note_edit_content_div .ui-button, body.page_club_portal_members_view_admin_client .note_edit_content_div .ui-button, body.page_club_portal_members_view_admin_staff .note_edit_content_div .ui-button { clear: both; display: block; } body.page_club_portal_members_view_coach .note-content, body.page_club_portal_members_view_admin_client .note-content, body.page_club_portal_members_view_admin_staff .note-content { margin-top: 8px; } body.page_club_portal_members_view_coach .tabs-row, body.page_club_portal_members_view_admin_client .tabs-row, body.page_club_portal_members_view_admin_staff .tabs-row { margin-top: 16px; } body.page_club_portal_members_view_coach #userpic, body.page_club_portal_members_view_admin_client #userpic, body.page_club_portal_members_view_admin_staff #userpic { margin: 0 auto 16px; width: 140px; height: 140px; border-radius: 50%; } body.page_club_portal_members_view_coach #userpic img, body.page_club_portal_members_view_admin_client #userpic img, body.page_club_portal_members_view_admin_staff #userpic img { width: 140px; height: 140px; border-radius: 50%; } body.page_club_portal_members_view_coach #edit_delete_form, body.page_club_portal_members_view_admin_client #edit_delete_form, body.page_club_portal_members_view_admin_staff #edit_delete_form { margin-left: 8px; } body.page_club_portal_members_view_coach #edit_delete_form .ui-tooltip-icon.pencil, body.page_club_portal_members_view_admin_client #edit_delete_form .ui-tooltip-icon.pencil, body.page_club_portal_members_view_admin_staff #edit_delete_form .ui-tooltip-icon.pencil { margin-right: 8px; } body.page_club_portal_members_view_coach #new_tag_form, body.page_club_portal_members_view_coach #edit_tag_form, body.page_club_portal_members_view_admin_client #new_tag_form, body.page_club_portal_members_view_admin_client #edit_tag_form, body.page_club_portal_members_view_admin_staff #new_tag_form, body.page_club_portal_members_view_admin_staff #edit_tag_form { margin-top: 8px; } body.page_club_portal_members_view_coach #selected_tags_div .selected_option_div, body.page_club_portal_members_view_admin_client #selected_tags_div .selected_option_div, body.page_club_portal_members_view_admin_staff #selected_tags_div .selected_option_div { border: 1px solid #E0E0E0; display: inline-flex; align-items: center; margin-right: 4px; margin-bottom: 4px; padding: 4px 8px; border-radius: 4px; background-color: #FFF; } body.page_club_portal_members_view_coach #selected_tags_div .selected_option_div .selected_option_title, body.page_club_portal_members_view_admin_client #selected_tags_div .selected_option_div .selected_option_title, body.page_club_portal_members_view_admin_staff #selected_tags_div .selected_option_div .selected_option_title { margin-right: 8px; } body.page_club_portal_members_view_coach #selected_tags_div .selected_option_div .span_close_button, body.page_club_portal_members_view_admin_client #selected_tags_div .selected_option_div .span_close_button, body.page_club_portal_members_view_admin_staff #selected_tags_div .selected_option_div .span_close_button { width: 20px; height: 20px; } body.page_club_portal_members_view_coach .personal-data-table .ui-tooltip-icon.info_circle, body.page_club_portal_members_view_admin_client .personal-data-table .ui-tooltip-icon.info_circle, body.page_club_portal_members_view_admin_staff .personal-data-table .ui-tooltip-icon.info_circle { float: right; margin-left: 8px; } body.page_club_portal_members_view_coach .personal-data-table .permission-row, body.page_club_portal_members_view_admin_client .personal-data-table .permission-row, body.page_club_portal_members_view_admin_staff .personal-data-table .permission-row { margin-bottom: 8px; } body.page_club_portal_members_view_coach .content_tab h3:first-child, body.page_club_portal_members_view_admin_client .content_tab h3:first-child, body.page_club_portal_members_view_admin_staff .content_tab h3:first-child { margin-top: 0; } body.page_club_portal_members_view_coach .addon-row, body.page_club_portal_members_view_admin_client .addon-row, body.page_club_portal_members_view_admin_staff .addon-row { display: flex; align-items: center; margin-top: 8px; } body.page_club_portal_members_view_coach .data-spacer, body.page_club_portal_members_view_admin_client .data-spacer, body.page_club_portal_members_view_admin_staff .data-spacer { margin-top: 32px; margin-bottom: 32px; height: 1px; background: #EEE; } body.page_club_portal_members_view_coach .note_edit_content_div, body.page_club_portal_members_view_admin_client .note_edit_content_div, body.page_club_portal_members_view_admin_staff .note_edit_content_div { display: none; } body.page_club_portal_members_view_coach .legacy-header, body.page_club_portal_members_view_admin_client .legacy-header, body.page_club_portal_members_view_admin_staff .legacy-header { margin-bottom: 16px; display: flex; align-items: center; } body.page_club_portal_members_view_coach .legacy-header div, body.page_club_portal_members_view_admin_client .legacy-header div, body.page_club_portal_members_view_admin_staff .legacy-header div { display: flex; align-items: center; } body.page_club_portal_members_view_coach .legacy-header div h3, body.page_club_portal_members_view_admin_client .legacy-header div h3, body.page_club_portal_members_view_admin_staff .legacy-header div h3 { margin-bottom: 0; } body.page_club_portal_members_view_coach .legacy-header div select, body.page_club_portal_members_view_admin_client .legacy-header div select, body.page_club_portal_members_view_admin_staff .legacy-header div select { margin-left: 8px; } body.page_club_portal_members_view_coach .legacy-header div .ui-button, body.page_club_portal_members_view_admin_client .legacy-header div .ui-button, body.page_club_portal_members_view_admin_staff .legacy-header div .ui-button { margin-left: auto; } body.page_club_portal_members_view_coach .legacy-header div .ui-tooltip-icon, body.page_club_portal_members_view_admin_client .legacy-header div .ui-tooltip-icon, body.page_club_portal_members_view_admin_staff .legacy-header div .ui-tooltip-icon { margin-left: auto; } body.page_club_portal_members_view_coach .saved_icon, body.page_club_portal_members_view_admin_client .saved_icon, body.page_club_portal_members_view_admin_staff .saved_icon { width: 20px; height: 20px; display: inline-block; margin-left: 8px; } body.page_club_portal_members_view_coach .more_information_text, body.page_club_portal_members_view_admin_client .more_information_text, body.page_club_portal_members_view_admin_staff .more_information_text { cursor: pointer; width: 80%; } body.page_club_portal_members_view_coach .add-coach-buttons, body.page_club_portal_members_view_admin_client .add-coach-buttons, body.page_club_portal_members_view_admin_staff .add-coach-buttons { margin-top: 8px; display: flex; gap: 8px; } body.page_club_portal_members_view_coach #add_coach, body.page_club_portal_members_view_admin_client #add_coach, body.page_club_portal_members_view_admin_staff #add_coach { clear: both; width: 100%; margin-top: 8px; } body.page_club_portal_members_view_coach .coached-by-list, body.page_club_portal_members_view_admin_client .coached-by-list, body.page_club_portal_members_view_admin_staff .coached-by-list { margin-top: 8px; } body.page_club_portal_members_view_coach .coached-by-list .coach-card, body.page_club_portal_members_view_admin_client .coached-by-list .coach-card, body.page_club_portal_members_view_admin_staff .coached-by-list .coach-card { border: 1px solid #E0E0E0; display: inline-flex; align-items: center; margin-right: 4px; margin-bottom: 4px; padding: 4px 8px; border-radius: 4px; background-color: #FFF; } body.page_club_portal_members_view_coach .coached-by-list .coach-card span, body.page_club_portal_members_view_admin_client .coached-by-list .coach-card span, body.page_club_portal_members_view_admin_staff .coached-by-list .coach-card span { margin-right: 8px; } body.page_club_portal_members_view_coach #aspiration_mi_eb, body.page_club_portal_members_view_coach #injury_mi_eb, body.page_club_portal_members_view_coach #disease_mi_eb, body.page_club_portal_members_view_coach #emergency_name_eb, body.page_club_portal_members_view_coach #emergency_number_eb, body.page_club_portal_members_view_coach #mandatory_intake_questionnaire_tooltip, body.page_club_portal_members_view_admin_client #aspiration_mi_eb, body.page_club_portal_members_view_admin_client #injury_mi_eb, body.page_club_portal_members_view_admin_client #disease_mi_eb, body.page_club_portal_members_view_admin_client #emergency_name_eb, body.page_club_portal_members_view_admin_client #emergency_number_eb, body.page_club_portal_members_view_admin_client #mandatory_intake_questionnaire_tooltip, body.page_club_portal_members_view_admin_staff #aspiration_mi_eb, body.page_club_portal_members_view_admin_staff #injury_mi_eb, body.page_club_portal_members_view_admin_staff #disease_mi_eb, body.page_club_portal_members_view_admin_staff #emergency_name_eb, body.page_club_portal_members_view_admin_staff #emergency_number_eb, body.page_club_portal_members_view_admin_staff #mandatory_intake_questionnaire_tooltip { margin-left: auto; } body.page_club_portal_members_view_coach .lifestyle_text_area, body.page_club_portal_members_view_coach .lifestyle_input, body.page_club_portal_members_view_admin_client .lifestyle_text_area, body.page_club_portal_members_view_admin_client .lifestyle_input, body.page_club_portal_members_view_admin_staff .lifestyle_text_area, body.page_club_portal_members_view_admin_staff .lifestyle_input { width: 100%; margin-bottom: 8px; } body.page_club_portal_members_view_coach #aspiration_mi_sb, body.page_club_portal_members_view_coach #injury_mi_sb, body.page_club_portal_members_view_coach #disease_mi_sb, body.page_club_portal_members_view_coach #emergency_name_sb, body.page_club_portal_members_view_coach #emergency_number_sb, body.page_club_portal_members_view_admin_client #aspiration_mi_sb, body.page_club_portal_members_view_admin_client #injury_mi_sb, body.page_club_portal_members_view_admin_client #disease_mi_sb, body.page_club_portal_members_view_admin_client #emergency_name_sb, body.page_club_portal_members_view_admin_client #emergency_number_sb, body.page_club_portal_members_view_admin_staff #aspiration_mi_sb, body.page_club_portal_members_view_admin_staff #injury_mi_sb, body.page_club_portal_members_view_admin_staff #disease_mi_sb, body.page_club_portal_members_view_admin_staff #emergency_name_sb, body.page_club_portal_members_view_admin_staff #emergency_number_sb { float: right; } body.page_club_portal_members_view_coach .add-injury-row, body.page_club_portal_members_view_coach .add-disease-row, body.page_club_portal_members_view_coach .add-more-row, body.page_club_portal_members_view_admin_client .add-injury-row, body.page_club_portal_members_view_admin_client .add-disease-row, body.page_club_portal_members_view_admin_client .add-more-row, body.page_club_portal_members_view_admin_staff .add-injury-row, body.page_club_portal_members_view_admin_staff .add-disease-row, body.page_club_portal_members_view_admin_staff .add-more-row { display: flex; align-items: center; min-height: 20px; } body.page_club_portal_members_view_coach .add-injury-row input[type=checkbox], body.page_club_portal_members_view_coach .add-disease-row input[type=checkbox], body.page_club_portal_members_view_coach .add-more-row input[type=checkbox], body.page_club_portal_members_view_admin_client .add-injury-row input[type=checkbox], body.page_club_portal_members_view_admin_client .add-disease-row input[type=checkbox], body.page_club_portal_members_view_admin_client .add-more-row input[type=checkbox], body.page_club_portal_members_view_admin_staff .add-injury-row input[type=checkbox], body.page_club_portal_members_view_admin_staff .add-disease-row input[type=checkbox], body.page_club_portal_members_view_admin_staff .add-more-row input[type=checkbox] { margin-right: 8px; } body.page_club_portal_members_view_coach .add-injury-row select, body.page_club_portal_members_view_coach .add-disease-row select, body.page_club_portal_members_view_coach .add-more-row select, body.page_club_portal_members_view_admin_client .add-injury-row select, body.page_club_portal_members_view_admin_client .add-disease-row select, body.page_club_portal_members_view_admin_client .add-more-row select, body.page_club_portal_members_view_admin_staff .add-injury-row select, body.page_club_portal_members_view_admin_staff .add-disease-row select, body.page_club_portal_members_view_admin_staff .add-more-row select { flex: 1; margin-right: 8px; } body.page_club_portal_members_view_coach .add-injury-row #add_injury_button, body.page_club_portal_members_view_coach .add-injury-row #add_disease_button, body.page_club_portal_members_view_coach .add-injury-row #add_coach_btn, body.page_club_portal_members_view_coach .add-disease-row #add_injury_button, body.page_club_portal_members_view_coach .add-disease-row #add_disease_button, body.page_club_portal_members_view_coach .add-disease-row #add_coach_btn, body.page_club_portal_members_view_coach .add-more-row #add_injury_button, body.page_club_portal_members_view_coach .add-more-row #add_disease_button, body.page_club_portal_members_view_coach .add-more-row #add_coach_btn, body.page_club_portal_members_view_admin_client .add-injury-row #add_injury_button, body.page_club_portal_members_view_admin_client .add-injury-row #add_disease_button, body.page_club_portal_members_view_admin_client .add-injury-row #add_coach_btn, body.page_club_portal_members_view_admin_client .add-disease-row #add_injury_button, body.page_club_portal_members_view_admin_client .add-disease-row #add_disease_button, body.page_club_portal_members_view_admin_client .add-disease-row #add_coach_btn, body.page_club_portal_members_view_admin_client .add-more-row #add_injury_button, body.page_club_portal_members_view_admin_client .add-more-row #add_disease_button, body.page_club_portal_members_view_admin_client .add-more-row #add_coach_btn, body.page_club_portal_members_view_admin_staff .add-injury-row #add_injury_button, body.page_club_portal_members_view_admin_staff .add-injury-row #add_disease_button, body.page_club_portal_members_view_admin_staff .add-injury-row #add_coach_btn, body.page_club_portal_members_view_admin_staff .add-disease-row #add_injury_button, body.page_club_portal_members_view_admin_staff .add-disease-row #add_disease_button, body.page_club_portal_members_view_admin_staff .add-disease-row #add_coach_btn, body.page_club_portal_members_view_admin_staff .add-more-row #add_injury_button, body.page_club_portal_members_view_admin_staff .add-more-row #add_disease_button, body.page_club_portal_members_view_admin_staff .add-more-row #add_coach_btn { margin-left: auto; } body.page_club_portal_members_view_coach #existing_injuries, body.page_club_portal_members_view_coach #existing_diseases, body.page_club_portal_members_view_admin_client #existing_injuries, body.page_club_portal_members_view_admin_client #existing_diseases, body.page_club_portal_members_view_admin_staff #existing_injuries, body.page_club_portal_members_view_admin_staff #existing_diseases { margin-top: 8px; clear: both; } body.page_club_portal_members_view_coach #existing_injuries .medical_information, body.page_club_portal_members_view_coach #existing_diseases .medical_information, body.page_club_portal_members_view_admin_client #existing_injuries .medical_information, body.page_club_portal_members_view_admin_client #existing_diseases .medical_information, body.page_club_portal_members_view_admin_staff #existing_injuries .medical_information, body.page_club_portal_members_view_admin_staff #existing_diseases .medical_information { border: 1px solid #E0E0E0; display: inline-flex; align-items: center; margin-right: 4px; margin-bottom: 4px; padding: 4px 8px; border-radius: 4px; } body.page_club_portal_members_view_coach #existing_injuries .medical_information span.medical_info_name, body.page_club_portal_members_view_coach #existing_diseases .medical_information span.medical_info_name, body.page_club_portal_members_view_admin_client #existing_injuries .medical_information span.medical_info_name, body.page_club_portal_members_view_admin_client #existing_diseases .medical_information span.medical_info_name, body.page_club_portal_members_view_admin_staff #existing_injuries .medical_information span.medical_info_name, body.page_club_portal_members_view_admin_staff #existing_diseases .medical_information span.medical_info_name { margin-right: 8px; } body.page_club_portal_members_view_coach #add_pro_membership, body.page_club_portal_members_view_admin_client #add_pro_membership, body.page_club_portal_members_view_admin_staff #add_pro_membership { width: 100%; margin-top: 16px; } body.page_club_portal_members_view_coach #add_pro_membership .pro_membership_container .date_field, body.page_club_portal_members_view_admin_client #add_pro_membership .pro_membership_container .date_field, body.page_club_portal_members_view_admin_staff #add_pro_membership .pro_membership_container .date_field { display: flex; align-items: center; } body.page_club_portal_members_view_coach #add_pro_membership .pro_membership_container.buttons, body.page_club_portal_members_view_admin_client #add_pro_membership .pro_membership_container.buttons, body.page_club_portal_members_view_admin_staff #add_pro_membership .pro_membership_container.buttons { display: flex; gap: 16px; margin-top: 8px; } body.page_club_portal_members_view_coach .edit_pro_membership_container .change_pro_membership_container, body.page_club_portal_members_view_admin_client .edit_pro_membership_container .change_pro_membership_container, body.page_club_portal_members_view_admin_staff .edit_pro_membership_container .change_pro_membership_container { width: 100%; margin-top: 16px; } body.page_club_portal_members_view_coach .edit_pro_membership_container .change_pro_membership_container .pro_membership_container .date_field, body.page_club_portal_members_view_admin_client .edit_pro_membership_container .change_pro_membership_container .pro_membership_container .date_field, body.page_club_portal_members_view_admin_staff .edit_pro_membership_container .change_pro_membership_container .pro_membership_container .date_field { display: flex; align-items: center; } body.page_club_portal_members_view_coach .edit_pro_membership_container .change_pro_membership_container .pro_membership_container.buttons, body.page_club_portal_members_view_admin_client .edit_pro_membership_container .change_pro_membership_container .pro_membership_container.buttons, body.page_club_portal_members_view_admin_staff .edit_pro_membership_container .change_pro_membership_container .pro_membership_container.buttons { display: flex; gap: 16px; margin-top: 8px; } body.page_export_main .intro-text { margin-bottom: 32px; } body.page_export_main .ui-box-part { padding: 48px 48px 16px 48px; } body.page_export_main .ui-box.has-tabs { padding-top: 16px; } body.page_activity_details .activity_image { width: 200px; height: 150px; margin: 0 auto; } body.page_activity_details .activity_image img { width: 200px; height: 150px; } body.page_activity_details #video_popup { width: 400px; height: 300px; margin: 0 auto; } body.page_activity_details #video_popup .video { width: 400px; padding: 0px; height: 300px; text-align: center; } body.page_activity_details #video_popup .video #video_div #ipad { display: block; width: 400px; height: 300px; } body.page_activity_details #activity-info-table { margin-top: 32px; } body.page_activity_details #activity-info-table tr td:first-child { width: 180px; } body.page_activity_details #graph_container { width: 550px; height: 302px; margin: 16px auto 0; } body.page_activity_details .progress_graphs h4 { margin: 0; } body.page_club_portal_leads_overview .select2.select2-container .select2-selection, body.page_club_portal_leads_overview select.form-control.new-select, body.page_club_portal_leads_overview .form-group .form-control, body.page_club_portal_leads_data .select2.select2-container .select2-selection, body.page_club_portal_leads_data select.form-control.new-select, body.page_club_portal_leads_data .form-group .form-control, body.page_club_portal_leads_form .select2.select2-container .select2-selection, body.page_club_portal_leads_form select.form-control.new-select, body.page_club_portal_leads_form .form-group .form-control { height: 44px; border: 1px solid #E0E0E0; box-shadow: none; background-color: #F5F5F5; color: #424242; cursor: auto; border-radius: 8px; } body.page_club_portal_leads_overview .select2.select2-container .select2-selection, body.page_club_portal_leads_data .select2.select2-container .select2-selection, body.page_club_portal_leads_form .select2.select2-container .select2-selection { margin: 0; } body.page_club_portal_leads_overview .select2-container--default .select2-selection--single .select2-selection__rendered, body.page_club_portal_leads_data .select2-container--default .select2-selection--single .select2-selection__rendered, body.page_club_portal_leads_form .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 12px; line-height: 38px; font-family: inherit; font-weight: 400; font-size: 14px; color: #424242; } body.page_club_portal_leads_overview .select2.select2-container .select2-selection__arrow, body.page_club_portal_leads_data .select2.select2-container .select2-selection__arrow, body.page_club_portal_leads_form .select2.select2-container .select2-selection__arrow { top: 7px; } body.page_club_portal_leads_overview .select2-container--default .select2-selection--single .select2-selection__arrow b, body.page_club_portal_leads_data .select2-container--default .select2-selection--single .select2-selection__arrow b, body.page_club_portal_leads_form .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } body.page_club_portal_leads_overview .select2-container .select2-dropdown, body.page_club_portal_leads_data .select2-container .select2-dropdown, body.page_club_portal_leads_form .select2-container .select2-dropdown { border-radius: 0; color: #424242; } body.page_club_portal_leads_overview .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below, body.page_club_portal_leads_data .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below, body.page_club_portal_leads_form .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below { border: 1px solid #EEE; } body.page_club_portal_leads_overview .select2-container .select2-results__option, body.page_club_portal_leads_data .select2-container .select2-results__option, body.page_club_portal_leads_form .select2-container .select2-results__option { padding-left: 12px; } body.page_club_portal_leads_overview .select2-container .select2-results, body.page_club_portal_leads_data .select2-container .select2-results, body.page_club_portal_leads_form .select2-container .select2-results { box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body.page_club_portal_leads_overview .select2.select2-container:not(.select2-container--disabled) .select2-selection:hover, body.page_club_portal_leads_overview .select2.select2-container:not(.select2-container--disabled) .select2-selection:focus, body.page_club_portal_leads_overview select.form-control.new-select:not([disabled]):hover, body.page_club_portal_leads_overview select.form-control.new-select:not([disabled]):focus, body.page_club_portal_leads_overview .form-group .form-control:not([disabled]):not([readonly]):hover, body.page_club_portal_leads_overview .form-group .form-control:not([disabled]):not([readonly]):focus, body.page_club_portal_leads_data .select2.select2-container:not(.select2-container--disabled) .select2-selection:hover, body.page_club_portal_leads_data .select2.select2-container:not(.select2-container--disabled) .select2-selection:focus, body.page_club_portal_leads_data select.form-control.new-select:not([disabled]):hover, body.page_club_portal_leads_data select.form-control.new-select:not([disabled]):focus, body.page_club_portal_leads_data .form-group .form-control:not([disabled]):not([readonly]):hover, body.page_club_portal_leads_data .form-group .form-control:not([disabled]):not([readonly]):focus, body.page_club_portal_leads_form .select2.select2-container:not(.select2-container--disabled) .select2-selection:hover, body.page_club_portal_leads_form .select2.select2-container:not(.select2-container--disabled) .select2-selection:focus, body.page_club_portal_leads_form select.form-control.new-select:not([disabled]):hover, body.page_club_portal_leads_form select.form-control.new-select:not([disabled]):focus, body.page_club_portal_leads_form .form-group .form-control:not([disabled]):not([readonly]):hover, body.page_club_portal_leads_form .form-group .form-control:not([disabled]):not([readonly]):focus { border-color: #E0E0E0; color: #424242; } body.page_club_portal_leads_overview .select2.select2-container.select2-container--disabled .select2-selection, body.page_club_portal_leads_overview .select2.select2-container.select2-container--disabled .select2-selection, body.page_club_portal_leads_overview select.form-control.new-select[disabled], body.page_club_portal_leads_overview .form-group .form-control[disabled], body.page_club_portal_leads_data .select2.select2-container.select2-container--disabled .select2-selection, body.page_club_portal_leads_data .select2.select2-container.select2-container--disabled .select2-selection, body.page_club_portal_leads_data select.form-control.new-select[disabled], body.page_club_portal_leads_data .form-group .form-control[disabled], body.page_club_portal_leads_form .select2.select2-container.select2-container--disabled .select2-selection, body.page_club_portal_leads_form .select2.select2-container.select2-container--disabled .select2-selection, body.page_club_portal_leads_form select.form-control.new-select[disabled], body.page_club_portal_leads_form .form-group .form-control[disabled] { opacity: 0.5; } body.page_club_portal_leads_overview .select2.select2-container .select2-selection__arrow, body.page_club_portal_leads_overview .form-group select.form-control, body.page_club_portal_leads_overview select.form-control.new-select, body.page_club_portal_leads_data .select2.select2-container .select2-selection__arrow, body.page_club_portal_leads_data .form-group select.form-control, body.page_club_portal_leads_data select.form-control.new-select, body.page_club_portal_leads_form .select2.select2-container .select2-selection__arrow, body.page_club_portal_leads_form .form-group select.form-control, body.page_club_portal_leads_form select.form-control.new-select { appearance: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDEtMjlUMTY6NDk6NDArMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTI5VDE2OjUxOjQ0KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTAxLTI5VDE2OjUxOjQ0KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2NDc4NGQ4LTNhYmEtNDBlYy05Njg1LWRjZmZlMGYxZTE2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI1MTlmMzRhLTM4NmItOGU0OC1hOGNjLTIzYmY5Y2Y4OTk3ZiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmE3NmRkNDQ3LWFiYTgtNDcwMC1hNTlkLTdjOTQxZWFkM2ZjYSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YTc2ZGQ0NDctYWJhOC00NzAwLWE1OWQtN2M5NDFlYWQzZmNhIiBzdEV2dDp3aGVuPSIyMDE5LTAxLTI5VDE2OjQ5OjQwKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjY0Nzg0ZDgtM2FiYS00MGVjLTk2ODUtZGNmZmUwZjFlMTZiIiBzdEV2dDp3aGVuPSIyMDE5LTAxLTI5VDE2OjUxOjQ0KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5yejBkAAAAqUlEQVQ4jc3UUQ7CIAyA4bEHD2q8gndQn41zuB3BhFt4K7A1bdIwiiXhYQ9/Ngp8T8uGlNLQq27QDwshmGrFRiusxS9n6A0dGgEHTdCRMYQS1QIiNNO9CJ1weBOYFZQQ9+LNFhAhn0M4l4csoKOL8pyn+ebTqIF4Ycn2Z4ZKGHZVwLUGaZgGyvUzh2pYCeSmEvQPk2Ck50ODLBh2gT7QvQZZMXN9f0G7xb6GSo9T5nzeTgAAAABJRU5ErkJggg==") right 12px center/11px no-repeat; background-color: #F5F5F5; /* use !important to override the !important set in mod_virtuagym.css */ padding-left: 12px !important; padding-right: 30px !important; cursor: default; } body.page_club_portal_leads_overview .select2-dropdown, body.page_club_portal_leads_data .select2-dropdown, body.page_club_portal_leads_form .select2-dropdown { background-color: #FFF; } body.page_club_portal_leads_overview .select2-container--default .select2-results__option[aria-selected=true], body.page_club_portal_leads_data .select2-container--default .select2-results__option[aria-selected=true], body.page_club_portal_leads_form .select2-container--default .select2-results__option[aria-selected=true] { background-color: #E0E0E0; } body.page_club_portal_leads_overview .select2-container .lead-status-options .lead-status-color, body.page_club_portal_leads_data .select2-container .lead-status-options .lead-status-color, body.page_club_portal_leads_form .select2-container .lead-status-options .lead-status-color { display: inline-block; width: 13px; height: 13px; vertical-align: middle; border-radius: 50%; } body.page_club_portal_leads_overview .select2-container .lead-status-options .lead-status-name, body.page_club_portal_leads_data .select2-container .lead-status-options .lead-status-name, body.page_club_portal_leads_form .select2-container .lead-status-options .lead-status-name { margin-left: 8px; font-size: 14px; font-weight: normal; vertical-align: middle; } body.page_club_portal_leads_overview .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below, body.page_club_portal_leads_data .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below, body.page_club_portal_leads_form .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below { border: 1px solid #AAAAAA; } body.page_club_portal_leads_form .data-spacer { margin-top: 32px; margin-bottom: 32px; height: 1px; background: #EEE; } body.page_club_portal_leads_form .vg-error-text { margin-left: 8px; } body.page_club_portal_leads_form #validate-contact-details { margin-left: 0; } body.page_club_portal_leads_form #lead_since-datepicker { background: none; border: 0; padding: 0; height: 24px; width: 24px; margin: 0 0 0 8px; } body.page_club_portal_leads_form #lead_since-datepicker .ui-tooltip-icon { margin-left: 0; } body.page_club_portal_leads_form textarea { min-height: 125px; } body.page_club_portal_leads_data .data-spacer { margin-top: 32px; margin-bottom: 32px; height: 1px; background: #EEE; } body.page_club_portal_leads_data #lead-details .form-group.padding-right-30 { padding-right: 30px; } body.page_club_portal_leads_data .page_content h3:first-child { margin-top: 0; } body.page_club_portal_leads_data .page-content { display: none; width: 100%; max-width: 940px; margin-top: 30px; text-align: left; } body.page_club_portal_leads_data #send-invite-field-container { margin: 10px 0 10px 0; } body.page_club_portal_leads_data #send-invite-field-container span { font-weight: 600; } body.page_club_portal_leads_data #send-invite-field-container input[type=checkbox].css-checkbox + label.css-label { margin-bottom: -2px; } body.page_club_portal_leads_data #lead-details .form-group { margin-top: 28px; } body.page_club_portal_leads_data textarea#note { border: 2px solid transparent; min-height: 125px; } body.page_club_portal_leads_data #note_list .note-container .form-group { margin-top: 0; } body.page_club_portal_leads_data #note_list .note-container .form-group .lead-details { flex: 1; } body.page_club_portal_leads_data #note_list .note-container .form-group textarea { width: 100%; } body.page_club_portal_leads_data .note-buttons { margin-top: 10px; } body.page_club_portal_leads_data #lead-details .lead-picture-container { position: relative; display: inline-block; margin-right: 15px; vertical-align: middle; } body.page_club_portal_leads_data #lead-details .lead-picture { border-radius: 50%; } body.page_club_portal_leads_data #lead-details .lead-details { display: inline-block; vertical-align: middle; line-height: 18px; font-size: 14px; font-weight: normal; color: #FFF; } body.page_club_portal_leads_data #lead-details .note_owner_name { line-height: 20px; font-weight: 600; font-size: 14px; color: #222222; } body.page_club_portal_leads_data #lead-details .lead-last-edit { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: unset; -moz-box-sizing: unset; -ms-box-sizing: unset; box-sizing: unset; font-weight: 300; letter-spacing: 0.53px; font-size: 12px; opacity: 0.5; color: #222222; } body.page_club_portal_leads_data #lead-details > .form-section:first-child { margin-top: 0; } body.page_club_portal_leads_data #lead-details > .form-section:last-child { margin-bottom: 0; } body.page_club_portal_leads_data #email { word-break: break-word; } body.page_club_portal_leads_data .margin-bottom-10 { margin-bottom: 10px !important; } body.page_club_portal_leads_data #status_id { margin-top: -6px; } body.page_club_portal_leads_data #lead_tabs .note-container:not(.editable-note) .note-history { border: none; resize: none; } body.page_club_portal_leads_data #lead_tabs .note-container:not(.editable-note) .note-buttons-container { display: none; } body.page_club_portal_leads_data #lead_tabs .note-container.editable-note .note-buttons-container { padding-bottom: 60px; } body.page_club_portal_leads_data #lead_tabs .note-container.editable-note .lead-icon { display: none; } body.page_club_portal_leads_data #lead_tabs .nav.nav-tabs a { font-weight: 500; } body.page_club_portal_leads_data .note-history-section label, body.page_club_portal_leads_data #note_label { font-weight: 700; } body.page_club_portal_leads_data #lead-tabs .lead-picture { border-radius: 50%; } body.page_club_portal_leads_data #lead_tabs .nav-tabs { display: flex; justify-content: space-between; margin-top: -12px; } body.page_club_portal_leads_data #lead_tabs .nav-tabs > li { width: 200px; } body.page_club_portal_leads_data #lead_tabs .nav-tabs > li > a { padding: 10px 45px 17px 45px; border: none; background-color: transparent; } body.page_club_portal_leads_data #lead_tabs .nav-tabs > li.active > a { border-bottom: 3px solid #007cfb; } body.page_club_portal_leads_data .margin-bottom-100 { margin-bottom: 100px !important; } body.page_club_portal_leads_data #lead-info .form-section .row { margin-top: 20px; } body.page_club_portal_leads_data #lead-info label { padding-left: 0; } @media (max-width: 992px) { body.page_club_portal_leads_data #lead-details, body.page_club_portal_leads_data #lead-buttons { width: 100%; } body.page_club_portal_leads_data #lead-details { margin-top: 50px; margin-right: auto; margin-left: auto; max-width: none; } } @media (max-width: 767px) { body.page_club_portal_leads_data #lead-details .form-group.padding-right-30 { padding-right: 0; } } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; width: 95%; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group input, body.page_club_portal_leads_overview .table thead tr.table-filters .form-group select { margin-top: 8px; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group input#search, body.page_club_portal_leads_overview .table thead tr.table-filters .form-group select#search { flex: 1; margin-right: 8px; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group span.select2 { margin-top: 8px; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group .ui-button { margin-top: 8px; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group label { font-size: 12px; line-height: 16px; font-weight: 600; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 0; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group label[for=search] { width: 75%; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group .dummy-icon { height: 20px; width: 20px; display: inline-block; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group select { width: 100%; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group #btn-manage-sources { display: inline-block; width: 20px; height: 20px; } body.page_club_portal_leads_overview .table thead tr.table-filters .form-group #btn-manage-sources .ui-tooltip-icon { margin: 0; } body.page_club_portal_leads_overview .table thead tr.data-table-headers th { font-size: 12px; line-height: 16px; font-weight: 600; } body.page_club_portal_leads_overview .table tbody#lead_list tr td a { color: #424242; } body.page_club_portal_leads_overview .table tbody#lead_list tr td .lead-status-select-holder .select2.select2-container .select2-selection, body.page_club_portal_leads_overview .table tbody#lead_list tr td .lead-status-select-holder select.form-control.new-select, body.page_club_portal_leads_overview .table tbody#lead_list tr td .lead-status-select-holder .form-group .form-control { height: 32px; } body.page_club_portal_leads_overview .table tbody#lead_list tr td .lead-status-select-holder .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 27px; } body.page_club_portal_leads_overview .table tbody#lead_list tr td .lead-status-select-holder .select2.select2-container .select2-selection__arrow { top: 2px; border-radius: 50%; } body.page_club_portal_leads_overview .pagination-container select { margin-left: 8px; margin-right: 8px; } body.page_club_portal_leads_overview .btn-export { margin-left: 16px; color: #03A9F4; cursor: pointer; } body.page_club_portal_leads_overview .btn-export:hover { color: #039CE0; } body.page_club_portal_assign_contract #pro_rata_membership_input_holder { border: 1px solid #EEE; background: #EEE; margin-bottom: 16px; border-radius: 12px; padding-top: 8px; padding-bottom: 8px; } body.page_club_portal_assign_contract #pro_rata_membership_input_holder h4 { margin: 0; } body.page_club_portal_assign_contract .add-note-row { display: flex; align-items: center; cursor: pointer; } body.page_club_portal_assign_contract .add-note-row .ui-tooltip-icon { margin-left: 0; margin-right: 8px; } body.page_club_portal_assign_contract .pro-rata-price-input { width: 125px; display: flex; align-items: center; min-height: 44px; } body.page_club_portal_assign_contract .pro-rata-price-input #membership_pro_rata_price_readonly, body.page_club_portal_assign_contract .pro-rata-price-input input { margin-left: 4px; width: 100px; } body.page_club_portal_assign_contract .help-block { font-style: italic; margin-left: 8px; } body.page_club_portal_assign_contract #member-information-collapse-toggle { display: flex; width: 100%; text-decoration: none; margin-bottom: 16px; } body.page_club_portal_assign_contract #member-information-collapse-toggle h3 { margin: 0; } body.page_club_portal_assign_contract #invoice_detail_box .total-price { font-size: 24px; line-height: 28px; } body.page_club_portal_assign_contract #invoice_detail_box .row { margin-bottom: 16px; } body.page_club_portal_assign_contract #invoice_detail_box .row label { margin: 0; } body.page_club_portal_assign_contract #invoice_detail_box .row h3 { width: 100%; } body.page_club_portal_assign_contract #invoice_detail_box .row [class*=col-] { display: flex; align-items: center; flex-wrap: wrap; } body.page_club_portal_assign_contract #invoice_detail_box .row [class*=col-] .ui-tooltip-icon { margin-left: 8px; } body.page_club_portal_assign_contract #invoice_detail_box .row [class*=col-].text-align-right { justify-content: end; } body.page_club_portal_assign_contract #invoice_detail_box .row [class*=col-].text-align-right input { margin-left: 8px; } body.page_club_portal_members_contract #add_discount_modal #discount_old_price, body.page_club_portal_assign_contract #add_discount_modal #discount_old_price { text-decoration: line-through; } body.page_club_portal_members_contract #add_discount_modal #discount_price, body.page_club_portal_assign_contract #add_discount_modal #discount_price { margin-right: 8px; } body.page_club_portal_members_contract #add_discount_modal #discount_price_type, body.page_club_portal_assign_contract #add_discount_modal #discount_price_type { flex: 1; } body.page_club_portal_members_contract #add_discount_modal #discount_duration_time, body.page_club_portal_assign_contract #add_discount_modal #discount_duration_time { margin-right: 8px; } body.page_club_portal_members_contract #add_discount_modal .vg-modal-price-row, body.page_club_portal_assign_contract #add_discount_modal .vg-modal-price-row { background: #EEE; min-height: 40px; border-radius: 4px; } body.page_club_portal_members_contract #add_discount_modal label[for=discount_duration_determined], body.page_club_portal_assign_contract #add_discount_modal label[for=discount_duration_determined] { padding-top: 12px; } body.page_club_portal_members_contract #add_discount_modal .discount_modal_note .ui-tooltip-icon, body.page_club_portal_assign_contract #add_discount_modal .discount_modal_note .ui-tooltip-icon { margin-left: 0; margin-right: 8px; } body.page_club_portal_members_contract #add_discount_modal .vg-radio-container, body.page_club_portal_assign_contract #add_discount_modal .vg-radio-container { margin: 0; } body.page_club_portal_members_contract #add_discount_modal .vg-radio-checkmark, body.page_club_portal_assign_contract #add_discount_modal .vg-radio-checkmark { height: 20px; width: 20px; background-color: #EEE; border-color: #03A9F4; } body.page_club_portal_members_contract #add_discount_modal .vg-radio-checkmark:after, body.page_club_portal_assign_contract #add_discount_modal .vg-radio-checkmark:after { top: 2px; left: 2px; width: 10px; height: 10px; background: #03A9F4; } body.page_club_portal_members_contract .avatar-small, body.page_club_portal_assign_contract .avatar-small { border-radius: 50%; width: 35px; height: 35px; margin-right: 8px; } body.page_club_portal_members_contract .e-signature-row, body.page_club_portal_members_contract .e-signature-row { margin-bottom: 16px; } body.page_club_portal_members_contract .signature-pad-holder .signature-pad, body.page_club_portal_members_contract .signature-pad-holder .signature-pad { position: relative; align-self: center; display: inline-block; left: 5px; width: 100%; height: 300px; background-color: white; border: 1px solid #EEE; } body.page_club_portal_members_contract .signature-pad-holder .e-sign-label, body.page_club_portal_members_contract .signature-pad-holder .e-sign-label { text-align: center; margin-top: 5px; color: #a9a9a9; } body.page_club_portal_members_contract .agreements-container, body.page_club_portal_members_contract .agreements-container { height: 250px; overflow-y: auto; } body.page_club_portal_members_contract .status_field, body.page_club_portal_members_contract .status_field { color: white; } body.page_club_portal_members_contract .status_field span, body.page_club_portal_members_contract .status_field span { background-color: #EAEAEA; border-radius: 4px; padding: 4px; } body.page_club_portal_members_contract .contract-box-header, body.page_club_portal_members_contract .contact-box-subheader, body.page_club_portal_members_contract .contract-box-header, body.page_club_portal_members_contract .contact-box-subheader { margin-bottom: 16px; display: flex; align-items: center; } body.page_club_portal_members_contract .contract-box-header h3, body.page_club_portal_members_contract .contract-box-header h4, body.page_club_portal_members_contract .contact-box-subheader h3, body.page_club_portal_members_contract .contact-box-subheader h4, body.page_club_portal_members_contract .contract-box-header h3, body.page_club_portal_members_contract .contract-box-header h4, body.page_club_portal_members_contract .contact-box-subheader h3, body.page_club_portal_members_contract .contact-box-subheader h4 { margin: 0; } body.page_club_portal_members_contract .contract-box-header #editTermsButton, body.page_club_portal_members_contract .contact-box-subheader #editTermsButton, body.page_club_portal_members_contract .contract-box-header #editTermsButton, body.page_club_portal_members_contract .contact-box-subheader #editTermsButton { width: 24px; height: 24px; display: block; } body.page_club_portal_members_contract #contract-agreements-container, body.page_club_portal_members_contract #contract-agreements-container { margin-bottom: 16px; } body.page_club_portal_members_contract #add-contract-terms-link, body.page_club_portal_members_contract #add-contract-terms-link { margin-bottom: 16px; } body.page_club_portal_members_contract .ui-page-header, body.page_club_portal_members_contract .ui-page-header { margin-bottom: 0; } body.page_club_portal_members_contract .subtitle, body.page_club_portal_members_contract .subtitle { padding-left: 40px; margin-bottom: 16px; } body.page_club_portal_members_contract .subtitle a, body.page_club_portal_members_contract .subtitle a { color: #03A9F4; } body.page_club_portal_members_contract .subtitle a:hover, body.page_club_portal_members_contract .subtitle a:hover { color: #039CE0; } body.page_club_portal_members_contract .avatar-small, body.page_club_portal_members_contract .avatar-small { border-radius: 50%; width: 35px; height: 35px; margin-right: 8px; } body.page_club_portal_members_contract #member-information-collapse-toggle, body.page_club_portal_members_contract #member-information-collapse-toggle { width: 24px; height: 24px; display: block; float: right; } body.page_club_portal_members_contract #member-information-collapse .row, body.page_club_portal_members_contract #member-information-collapse .row { margin-top: 8px; } body.page_club_portal_members_contract .list-header, body.page_club_portal_members_contract .list-header { min-height: 22px; display: flex; align-items: center; margin-bottom: 8px; font-weight: bold; } body.page_club_portal_members_contract .list-row, body.page_club_portal_members_contract .list-row { min-height: 34px; display: flex; align-items: center; margin-bottom: 8px; } body.page_club_portal_members_contract .list-row.small, body.page_club_portal_members_contract .list-row.small { min-height: 22px; } body.page_club_portal_members_contract .list-row.multiline, body.page_club_portal_members_contract .list-row.multiline { align-items: start; padding-top: 7px; } body.page_club_portal_members_contract .list-row .list-label, body.page_club_portal_members_contract .list-row .list-label { font-weight: bold; } body.page_club_portal_members_contract .list-row .list-item, body.page_club_portal_members_contract .list-row .list-item { display: flex; align-items: center; } body.page_club_portal_members_contract .list-row .list-item .contract_icon_main, body.page_club_portal_members_contract .list-row .list-item .contract_icon_main { margin-left: 8px; } body.page_club_portal_members_contract .list-row .list-item .ui-button, body.page_club_portal_members_contract .list-row .list-item .ui-button { margin-left: 8px; } body.page_club_portal_members_contract .list-row .list-item#contract-credits-assigned, body.page_club_portal_members_contract .list-row .list-item#contract-credits-assigned { flex-wrap: wrap; } body.page_club_portal_members_contract .list-row .list-item#contract-credits-assigned div, body.page_club_portal_members_contract .list-row .list-item#contract-credits-assigned div { display: block; width: 100%; margin-bottom: 8px; flex-shrink: 0; } body.page_club_portal_members_contract .list-row .list-item-status, body.page_club_portal_members_contract .list-row .list-item-status { display: flex; align-items: center; } body.page_club_portal_members_contract .list-row .list-item-status .ui-status-icon, body.page_club_portal_members_contract .list-row .list-item-status .ui-status-icon { margin-right: 8px; } body.page_club_portal_members_contract .vg-modal-validation-error, body.page_club_portal_members_contract .vg-modal-validation-error { color: #EF5350; padding-left: 16px; padding-right: 16px; } body.page_club_portal_members_contract #add_addon input[type=checkbox], body.page_club_portal_members_contract #add_addon input[type=checkbox] { margin-right: 8px; } body.page_club_portal_members_contract #add_addon label, body.page_club_portal_members_contract #add_addon label { margin-bottom: 0; } body.page_club_portal_members_contract #add_addon .selection-header, body.page_club_portal_members_contract #add_addon .selection-header { padding-bottom: 8px; } body.page_club_portal_members_contract #add_addon .selection-option, body.page_club_portal_members_contract #add_addon .selection-option { margin-bottom: 8px; } body.page_club_portal_dashboard td img { margin-right: 8px; } body.page_club_portal_dashboard #overview, body.page_club_portal_dashboard_classes #overview { width: 100%; margin-top: 8px; } body.page_club_portal_dashboard #left_chart, body.page_club_portal_dashboard_classes #left_chart { width: 825px; position: absolute; left: -825px; } body.page_club_portal_dashboard #graph_container, body.page_club_portal_dashboard_classes #graph_container { height: 250px; margin-bottom: 10px; } body.page_club_portal_dashboard #graph_container #charts, body.page_club_portal_dashboard_classes #graph_container #charts { overflow: hidden; position: relative; left: 0px; border-radius: 12px; margin: 0 auto; } body.page_club_portal_dashboard #graph_container .graph_container_options, body.page_club_portal_dashboard_classes #graph_container .graph_container_options { margin-top: 16px; margin-bottom: 16px; display: flex; align-items: center; } body.page_club_portal_dashboard #graph_container .graph_container_options div:last-child, body.page_club_portal_dashboard_classes #graph_container .graph_container_options div:last-child { text-align: right; } body.page_club_portal_member_map #map_canvas { width: 100%; border-radius: 8px; height: 700px; margin: 0 auto; border: 1px solid #EEE; } body.page_pay_confirmation .payment-amount-title { font-size: 24px; line-height: 28px; text-align: center; } body.page_pay_confirmation .payment-amount { font-size: 30px; line-height: 32px; margin-top: 16px; font-weight: bold; text-align: center; } body.page_pay_confirmation #pay-button-holder { margin-top: 32px; } body.page_financial_invoice_overview .ui-page-header { margin-bottom: 16px; } body.page_financial_invoice_overview .invoice-search-holder { display: flex; align-items: center; } body.page_financial_invoice_overview .invoice-search-holder .ui-tooltip-icon, body.page_financial_invoice_overview .invoice-search-holder img { margin-left: 8px !important; } body.page_financial_invoice_overview .ui-pagination { margin-top: 0; } body.page_financial_invoice_overview .dropdown-menu > li > div.dropdown-menu-item.exclude-invoices-dropdown { width: 320px; max-width: 320px; display: flex; align-items: start; } body.page_financial_invoice_overview .dropdown-menu > li > div.dropdown-menu-item.exclude-invoices-dropdown label { text-wrap: wrap; display: flex; } body.page_financial_invoice_overview .invoice-options-header { margin-top: 16px; margin-bottom: 16px; display: flex; align-items: end; } body.page_financial_invoice_overview .invoice-options-header .invoice-total-holder { justify-content: end; display: flex; } body.page_financial_invoice_overview .invoice-options-header .invoice-total-holder .row { margin-bottom: 4px; } body.page_financial_invoice_overview .invoice-options-header .invoice-total-holder .row [class*=col-] { display: flex; align-items: center; } body.page_financial_invoice_overview .invoice-options-header .invoice-total-holder .row [class*=col-] .ui-tooltip-icon { margin-left: 4px; } body.page_financial_invoice_overview #invoice_table tbody tr.light-grey { color: #9E9E9E; } body.page_financial_invoice_overview #invoice_table tbody tr.light-grey td a.light-grey { color: #9E9E9E; } body.page_financial_invoice_overview #invoice_table tbody tr.light-grey td a.light-grey:hover { color: #757575; } body.page_financial_invoice_overview #invoice_table tbody tr.light-grey td a.italic { font-style: italic; } body.page_financial_invoice_overview .container-fluid, body.page_financial_cashregister .container-fluid, body.page_financial_cashflow .container-fluid, body.page_financial_taxes .container-fluid, body.page_financial_sales .container-fluid { min-width: 1100px; } body.page_financial_invoice_overview #invoice_table, body.page_financial_cashregister #invoice_table, body.page_financial_cashflow #invoice_table, body.page_financial_taxes #invoice_table, body.page_financial_sales #invoice_table { border-top: 2px solid #EEE; table-layout: fixed; width: 100%; } body.page_financial_invoice_overview #invoice_table thead tr th, body.page_financial_invoice_overview #invoice_table thead tr td, body.page_financial_cashregister #invoice_table thead tr th, body.page_financial_cashregister #invoice_table thead tr td, body.page_financial_cashflow #invoice_table thead tr th, body.page_financial_cashflow #invoice_table thead tr td, body.page_financial_taxes #invoice_table thead tr th, body.page_financial_taxes #invoice_table thead tr td, body.page_financial_sales #invoice_table thead tr th, body.page_financial_sales #invoice_table thead tr td { padding-top: 16px; } body.page_financial_invoice_overview #invoice_table thead tr th.text-align-right, body.page_financial_invoice_overview #invoice_table thead tr td.text-align-right, body.page_financial_cashregister #invoice_table thead tr th.text-align-right, body.page_financial_cashregister #invoice_table thead tr td.text-align-right, body.page_financial_cashflow #invoice_table thead tr th.text-align-right, body.page_financial_cashflow #invoice_table thead tr td.text-align-right, body.page_financial_taxes #invoice_table thead tr th.text-align-right, body.page_financial_taxes #invoice_table thead tr td.text-align-right, body.page_financial_sales #invoice_table thead tr th.text-align-right, body.page_financial_sales #invoice_table thead tr td.text-align-right { padding-right: 20px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_checkbox_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_checkbox_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_checkbox_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_checkbox_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_checkbox_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_checkbox_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_checkbox_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_checkbox_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_checkbox_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_checkbox_column { width: 30px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_number_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_number_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_number_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_number_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_number_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_number_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_number_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_number_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_number_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_number_column { width: 125px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_invoice_date_column, body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_paid_on_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_invoice_date_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_paid_on_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_invoice_date_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_paid_on_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_invoice_date_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_paid_on_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_invoice_date_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_paid_on_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_invoice_date_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_paid_on_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_invoice_date_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_paid_on_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_invoice_date_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_paid_on_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_invoice_date_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_paid_on_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_invoice_date_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_paid_on_column { width: 100px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_payment_method, body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_pm_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_payment_method, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_pm_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_payment_method, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_pm_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_payment_method, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_pm_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_payment_method, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_pm_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_payment_method, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_pm_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_payment_method, body.page_financial_taxes #invoice_table thead tr th#invoice_list_pm_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_payment_method, body.page_financial_taxes #invoice_table thead tr td#invoice_list_pm_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_payment_method, body.page_financial_sales #invoice_table thead tr th#invoice_list_pm_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_payment_method, body.page_financial_sales #invoice_table thead tr td#invoice_list_pm_column { width: 125px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_invoice_date_name_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_invoice_date_name_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_invoice_date_name_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_invoice_date_name_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_invoice_date_name_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_invoice_date_name_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_invoice_date_name_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_invoice_date_name_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_invoice_date_name_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_invoice_date_name_column { width: 250px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_firstname_column, body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_lastname_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_firstname_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_lastname_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_firstname_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_lastname_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_firstname_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_lastname_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_firstname_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_lastname_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_firstname_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_lastname_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_firstname_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_lastname_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_firstname_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_lastname_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_firstname_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_lastname_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_firstname_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_lastname_column { width: 125px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_total_income_column, body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_invoice_price, body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_amount_paid_column, body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_type_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_total_income_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_invoice_price, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_amount_paid_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_type_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_total_income_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_invoice_price, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_amount_paid_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_type_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_total_income_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_invoice_price, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_amount_paid_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_type_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_total_income_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_invoice_price, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_amount_paid_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_type_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_total_income_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_invoice_price, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_amount_paid_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_type_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_total_income_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_invoice_price, body.page_financial_taxes #invoice_table thead tr th#invoice_list_amount_paid_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_type_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_total_income_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_invoice_price, body.page_financial_taxes #invoice_table thead tr td#invoice_list_amount_paid_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_type_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_total_income_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_invoice_price, body.page_financial_sales #invoice_table thead tr th#invoice_list_amount_paid_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_type_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_total_income_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_invoice_price, body.page_financial_sales #invoice_table thead tr td#invoice_list_amount_paid_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_type_column { width: 100px; text-align: right; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_tax_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_tax_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_tax_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_tax_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_tax_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_tax_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_tax_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_tax_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_tax_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_tax_column { width: 150px; text-align: right; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_register_type_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_register_type_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_register_type_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_register_type_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_register_type_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_register_type_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_register_type_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_register_type_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_register_type_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_register_type_column { width: 125px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_paid_status, body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_outstanding_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_paid_status, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_outstanding_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_paid_status, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_outstanding_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_paid_status, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_outstanding_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_paid_status, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_outstanding_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_paid_status, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_outstanding_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_paid_status, body.page_financial_taxes #invoice_table thead tr th#invoice_list_outstanding_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_paid_status, body.page_financial_taxes #invoice_table thead tr td#invoice_list_outstanding_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_paid_status, body.page_financial_sales #invoice_table thead tr th#invoice_list_outstanding_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_paid_status, body.page_financial_sales #invoice_table thead tr td#invoice_list_outstanding_column { width: 200px; text-align: right; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_register_mutation_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_register_mutation_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_register_mutation_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_register_mutation_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_register_mutation_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_register_mutation_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_register_mutation_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_register_mutation_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_register_mutation_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_register_mutation_column { width: 150px; } body.page_financial_invoice_overview #invoice_table thead tr th#invoice_list_payment_id_column, body.page_financial_invoice_overview #invoice_table thead tr td#invoice_list_payment_id_column, body.page_financial_cashregister #invoice_table thead tr th#invoice_list_payment_id_column, body.page_financial_cashregister #invoice_table thead tr td#invoice_list_payment_id_column, body.page_financial_cashflow #invoice_table thead tr th#invoice_list_payment_id_column, body.page_financial_cashflow #invoice_table thead tr td#invoice_list_payment_id_column, body.page_financial_taxes #invoice_table thead tr th#invoice_list_payment_id_column, body.page_financial_taxes #invoice_table thead tr td#invoice_list_payment_id_column, body.page_financial_sales #invoice_table thead tr th#invoice_list_payment_id_column, body.page_financial_sales #invoice_table thead tr td#invoice_list_payment_id_column { width: 75px; } body.page_financial_invoice_overview #invoice_table thead tr th.orderedByThis, body.page_financial_invoice_overview #invoice_table thead tr th.tablesorter-header, body.page_financial_invoice_overview #invoice_table thead tr td.orderedByThis, body.page_financial_invoice_overview #invoice_table thead tr td.tablesorter-header, body.page_financial_cashregister #invoice_table thead tr th.orderedByThis, body.page_financial_cashregister #invoice_table thead tr th.tablesorter-header, body.page_financial_cashregister #invoice_table thead tr td.orderedByThis, body.page_financial_cashregister #invoice_table thead tr td.tablesorter-header, body.page_financial_cashflow #invoice_table thead tr th.orderedByThis, body.page_financial_cashflow #invoice_table thead tr th.tablesorter-header, body.page_financial_cashflow #invoice_table thead tr td.orderedByThis, body.page_financial_cashflow #invoice_table thead tr td.tablesorter-header, body.page_financial_taxes #invoice_table thead tr th.orderedByThis, body.page_financial_taxes #invoice_table thead tr th.tablesorter-header, body.page_financial_taxes #invoice_table thead tr td.orderedByThis, body.page_financial_taxes #invoice_table thead tr td.tablesorter-header, body.page_financial_sales #invoice_table thead tr th.orderedByThis, body.page_financial_sales #invoice_table thead tr th.tablesorter-header, body.page_financial_sales #invoice_table thead tr td.orderedByThis, body.page_financial_sales #invoice_table thead tr td.tablesorter-header { padding-right: 20px; cursor: pointer; background-position: right 0 bottom 6px; background-repeat: no-repeat; } body.page_financial_invoice_overview #invoice_table thead tr th.orderedByThis.desc, body.page_financial_invoice_overview #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_invoice_overview #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_invoice_overview #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_invoice_overview #invoice_table thead tr td.orderedByThis.desc, body.page_financial_invoice_overview #invoice_table thead tr td.orderedByThis.tablesorter-headerDesc, body.page_financial_invoice_overview #invoice_table thead tr td.tablesorter-header.desc, body.page_financial_invoice_overview #invoice_table thead tr td.tablesorter-header.tablesorter-headerDesc, body.page_financial_cashregister #invoice_table thead tr th.orderedByThis.desc, body.page_financial_cashregister #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_cashregister #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_cashregister #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_cashregister #invoice_table thead tr td.orderedByThis.desc, body.page_financial_cashregister #invoice_table thead tr td.orderedByThis.tablesorter-headerDesc, body.page_financial_cashregister #invoice_table thead tr td.tablesorter-header.desc, body.page_financial_cashregister #invoice_table thead tr td.tablesorter-header.tablesorter-headerDesc, body.page_financial_cashflow #invoice_table thead tr th.orderedByThis.desc, body.page_financial_cashflow #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_cashflow #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_cashflow #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_cashflow #invoice_table thead tr td.orderedByThis.desc, body.page_financial_cashflow #invoice_table thead tr td.orderedByThis.tablesorter-headerDesc, body.page_financial_cashflow #invoice_table thead tr td.tablesorter-header.desc, body.page_financial_cashflow #invoice_table thead tr td.tablesorter-header.tablesorter-headerDesc, body.page_financial_taxes #invoice_table thead tr th.orderedByThis.desc, body.page_financial_taxes #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_taxes #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_taxes #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_taxes #invoice_table thead tr td.orderedByThis.desc, body.page_financial_taxes #invoice_table thead tr td.orderedByThis.tablesorter-headerDesc, body.page_financial_taxes #invoice_table thead tr td.tablesorter-header.desc, body.page_financial_taxes #invoice_table thead tr td.tablesorter-header.tablesorter-headerDesc, body.page_financial_sales #invoice_table thead tr th.orderedByThis.desc, body.page_financial_sales #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_sales #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_sales #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_sales #invoice_table thead tr td.orderedByThis.desc, body.page_financial_sales #invoice_table thead tr td.orderedByThis.tablesorter-headerDesc, body.page_financial_sales #invoice_table thead tr td.tablesorter-header.desc, body.page_financial_sales #invoice_table thead tr td.tablesorter-header.tablesorter-headerDesc { background-image: url('data:image/svg+xml,'); } body.page_financial_invoice_overview #invoice_table thead tr th.orderedByThis.asc, body.page_financial_invoice_overview #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_invoice_overview #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_invoice_overview #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_invoice_overview #invoice_table thead tr td.orderedByThis.asc, body.page_financial_invoice_overview #invoice_table thead tr td.orderedByThis.tablesorter-headerAsc, body.page_financial_invoice_overview #invoice_table thead tr td.tablesorter-header.asc, body.page_financial_invoice_overview #invoice_table thead tr td.tablesorter-header.tablesorter-headerAsc, body.page_financial_cashregister #invoice_table thead tr th.orderedByThis.asc, body.page_financial_cashregister #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_cashregister #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_cashregister #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_cashregister #invoice_table thead tr td.orderedByThis.asc, body.page_financial_cashregister #invoice_table thead tr td.orderedByThis.tablesorter-headerAsc, body.page_financial_cashregister #invoice_table thead tr td.tablesorter-header.asc, body.page_financial_cashregister #invoice_table thead tr td.tablesorter-header.tablesorter-headerAsc, body.page_financial_cashflow #invoice_table thead tr th.orderedByThis.asc, body.page_financial_cashflow #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_cashflow #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_cashflow #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_cashflow #invoice_table thead tr td.orderedByThis.asc, body.page_financial_cashflow #invoice_table thead tr td.orderedByThis.tablesorter-headerAsc, body.page_financial_cashflow #invoice_table thead tr td.tablesorter-header.asc, body.page_financial_cashflow #invoice_table thead tr td.tablesorter-header.tablesorter-headerAsc, body.page_financial_taxes #invoice_table thead tr th.orderedByThis.asc, body.page_financial_taxes #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_taxes #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_taxes #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_taxes #invoice_table thead tr td.orderedByThis.asc, body.page_financial_taxes #invoice_table thead tr td.orderedByThis.tablesorter-headerAsc, body.page_financial_taxes #invoice_table thead tr td.tablesorter-header.asc, body.page_financial_taxes #invoice_table thead tr td.tablesorter-header.tablesorter-headerAsc, body.page_financial_sales #invoice_table thead tr th.orderedByThis.asc, body.page_financial_sales #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_sales #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_sales #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_sales #invoice_table thead tr td.orderedByThis.asc, body.page_financial_sales #invoice_table thead tr td.orderedByThis.tablesorter-headerAsc, body.page_financial_sales #invoice_table thead tr td.tablesorter-header.asc, body.page_financial_sales #invoice_table thead tr td.tablesorter-header.tablesorter-headerAsc { background-image: url('data:image/svg+xml,'); } body.page_financial_invoice_overview #invoice_table td.nowrap div, body.page_financial_invoice_overview #invoice_table tr.nowrap div, body.page_financial_cashregister #invoice_table td.nowrap div, body.page_financial_cashregister #invoice_table tr.nowrap div, body.page_financial_cashflow #invoice_table td.nowrap div, body.page_financial_cashflow #invoice_table tr.nowrap div, body.page_financial_taxes #invoice_table td.nowrap div, body.page_financial_taxes #invoice_table tr.nowrap div, body.page_financial_sales #invoice_table td.nowrap div, body.page_financial_sales #invoice_table tr.nowrap div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } body.page_financial_invoice_overview #invoice_table td.text-align-right, body.page_financial_invoice_overview #invoice_table tr.text-align-right, body.page_financial_cashregister #invoice_table td.text-align-right, body.page_financial_cashregister #invoice_table tr.text-align-right, body.page_financial_cashflow #invoice_table td.text-align-right, body.page_financial_cashflow #invoice_table tr.text-align-right, body.page_financial_taxes #invoice_table td.text-align-right, body.page_financial_taxes #invoice_table tr.text-align-right, body.page_financial_sales #invoice_table td.text-align-right, body.page_financial_sales #invoice_table tr.text-align-right { padding-right: 20px; } body.page_financial_invoice_overview #invoice_table tfoot tr td.text-align-right, body.page_financial_invoice_overview #invoice_table tfoot tr th.text-align-right, body.page_financial_cashregister #invoice_table tfoot tr td.text-align-right, body.page_financial_cashregister #invoice_table tfoot tr th.text-align-right, body.page_financial_cashflow #invoice_table tfoot tr td.text-align-right, body.page_financial_cashflow #invoice_table tfoot tr th.text-align-right, body.page_financial_taxes #invoice_table tfoot tr td.text-align-right, body.page_financial_taxes #invoice_table tfoot tr th.text-align-right, body.page_financial_sales #invoice_table tfoot tr td.text-align-right, body.page_financial_sales #invoice_table tfoot tr th.text-align-right { padding-right: 20px; } body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.orderedByThis.desc, body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.orderedByThis.desc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.orderedByThis.desc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.orderedByThis.desc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc, body.page_financial_sales.dark-mode #invoice_table thead tr th.orderedByThis.desc, body.page_financial_sales.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerDesc, body.page_financial_sales.dark-mode #invoice_table thead tr th.tablesorter-header.desc, body.page_financial_sales.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerDesc { background-image: url('data:image/svg+xml,'); } body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.orderedByThis.asc, body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_invoice_overview.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.orderedByThis.asc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_cashregister.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.orderedByThis.asc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_cashflow.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.orderedByThis.asc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_taxes.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc, body.page_financial_sales.dark-mode #invoice_table thead tr th.orderedByThis.asc, body.page_financial_sales.dark-mode #invoice_table thead tr th.orderedByThis.tablesorter-headerAsc, body.page_financial_sales.dark-mode #invoice_table thead tr th.tablesorter-header.asc, body.page_financial_sales.dark-mode #invoice_table thead tr th.tablesorter-header.tablesorter-headerAsc { background-image: url('data:image/svg+xml,'); } body.page_financial_invoice_create #member_search { margin-right: 8px; } body.page_financial_invoice_create .products-box { min-width: 1096px; } body.page_financial_invoice_create .products-box #invoice_products_container { min-width: 1000px; } body.page_financial_invoice_create .products-box #invoice_products_container #data_table { table-layout: fixed; } body.page_financial_invoice_create .products-box #invoice_products_container #data_table thead tr th#create_invoice_amount { width: 75px; } body.page_financial_invoice_create .products-box #invoice_products_container #data_table tbody tr td.product-amount-cell { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } body.page_financial_invoice_create .products-box #invoice_products_container #data_table tbody tr td input, body.page_financial_invoice_create .products-box #invoice_products_container #data_table tbody tr td select { width: 100%; } body.page_financial_invoice_create .products-box #invoice_products_container #data_table tbody tr td input.product_price, body.page_financial_invoice_create .products-box #invoice_products_container #data_table tbody tr td select.product_price { width: 60%; } body.page_financial_cashregister .pie-holder, body.page_financial_cashflow .pie-holder, body.page_financial_taxes .pie-holder, body.page_financial_sales .pie-holder { border-radius: 12px; background: #FFF; display: flex; justify-content: start; width: 100%; } body.page_financial_cashregister #invoice_table thead tr th#invoice_list_payment_id_column { width: 200px; } body.page_financial_invoice_details #payment_container #amount_to_pay, body.page_financial_invoice_details #payment_container #universal_coin { margin-right: 8px; } body.page_financial_invoice_details #performed_payments_content .card-type-details { float: left; margin-right: 8px; } body.page_financial_invoice_details #performed_payments_content .card-type-invoice-container form { display: flex; align-items: center; flex-wrap: wrap; } body.page_financial_invoice_details #performed_payments_content .card-type-invoice-container form .custom-card-select-container { display: inline-flex; align-items: center; width: 200px; } body.page_financial_invoice_details #performed_payments_content .card-type-invoice-container form .custom-card-select-container select { width: 100%; } body.page_financial_invoice_details #performed_payments_content .card-type-invoice-container form .custom-card-container { width: 200px; margin-top: 8px; } body.page_financial_invoice_details #performed_payments_content .card-type-invoice-container form .custom-card-container input { width: 100%; } body.page_financial_invoice_details #performed_payments_content .card-type-invoice-container form .icons { display: inline-flex; margin-left: 8px; } body.page_financial_invoice_details #performed_payments_content .card-type-invoice-container form .icons .ui-tooltip-icon.cancel { margin-left: 8px; } body.page_financial_invoice_details .list-row { min-height: 34px; display: flex; align-items: center; margin-bottom: 8px; } body.page_financial_invoice_details .list-row.small { min-height: 22px; } body.page_financial_invoice_details .list-row.multiline { align-items: start; padding-top: 7px; } body.page_financial_invoice_details .list-row .list-label { font-weight: bold; } body.page_financial_invoice_details .list-row .list-item { display: flex; align-items: center; } body.page_financial_invoice_details .list-row .list-item .edit-container form { display: flex; align-items: start; } body.page_financial_invoice_details .list-row .list-item .edit-container form .ui-tooltip-icon.save { margin-top: 6px; } body.page_financial_invoice_details .list-row .list-item .output { display: flex; align-items: center; } body.page_financial_invoice_details .list-row .list-item .view-container { display: flex; align-items: center; } body.page_financial_invoice_details .list-row .list-item .ui-tooltip-icon { margin-left: 8px; } body.page_financial_invoice_details .list-row .list-item .ui-button { margin-left: 8px; } body.page_financial_invoice_details .list-row .list-item #input_form { flex-wrap: wrap; } body.page_financial_invoice_details .list-row .list-item #input_form #credit_card_online_checkbox_container { margin-top: 8px; width: 100%; display: flex; justify-content: start; } body.page_financial_sepa_overview #failed_payments, body.page_financial_sepa_finish #failed_payments { font-weight: bold; } body.page_financial_sepa_overview .ui-info-message, body.page_financial_sepa_finish .ui-info-message { margin-bottom: 32px; } body.page_app_overview .app_small { cursor: pointer; width: 318px; height: 464px; border: 1px solid #EEE; border-radius: 4px; display: inline-block; position: relative; margin-bottom: 16px; background-color: #FFF; } body.page_app_overview h2 { font-size: 24px; white-space: nowrap; overflow: hidden; word-spacing: normal; text-overflow: ellipsis; width: 276px; display: block !important; } body.page_app_overview .btn_wide { border-top-left-radius: 0px; border-top-right-radius: 0px; } body.page_app_overview .btn_wide span { border-top-left-radius: 0px; border-top-right-radius: 0px; } body.page_app_overview .btn_left span { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } body.page_app_overview .btn_left { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } body.page_app_overview .btn_right { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; } body.page_app_overview .btn_right span { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; } body.page_app_overview .app_impression { border-top-left-radius: 3px; border-top-right-radius: 3px; } body.page_app_overview .app_btn_dummy { width: 158px; padding: 17px 0px 15px 0px; border-top: 1px solid #EEE; color: #666666; font-size: 15px; font-weight: bold; width: 98px; display: inline-block; } body.page_app_overview .bg_circle { position: absolute; top: 159px; left: 102px; z-index: 1; } body.page_app_overview .app_ico { position: absolute; top: 174px; left: 117px; z-index: 2; cursor: pointer; } body.page_app_overview .app_text { text-align: center; padding: 45px 20px 20px 20px; position: absolute; width: 276px; } body.page_app_overview .app-text-external { text-align: center; padding: 5%; position: absolute; width: 276px; } body.page_app_overview .app_buttons { font-size: 0px; text-align: center; position: absolute; bottom: 0px; } body.page_app_overview .app_btn { width: 157px; } body.page_app_overview .app_desc { padding-top: 6px; height: 120px; } body.page_app_overview .mobile_app_store { position: absolute; top: 272px; left: 186px; cursor: pointer; z-index: 2; } body.page_app_overview .mobile-app-link { font-size: 14px; font-weight: 600; letter-spacing: -0.41px; line-height: 21px; text-align: center; position: absolute; display: block; bottom: 10px; width: 100%; } body.page_app_overview .mobile-app-link > a { color: #03A9F4; text-decoration: none; } body.page_app_overview .mobile-app-link > a:hover { text-decoration: none; } body.page_app_overview .mobile-app-description { color: #424242; text-align: center; margin-top: 10%; padding: 5%; } body.page_app_overview .mobile-app-description > p { padding: 8px 20px 50px; } body.page_app_overview .mobile-app-description > h2 { color: #212121; text-align: center; font-size: 24px; font-weight: 700; line-height: 28px; } body.page_app_overview .mobile-app-logo-wrapper { display: table; margin: -13% auto; position: absolute; left: 115px; } body.page_app_overview .mobile-app-logo { max-width: 5.7em; border: 7px #fff solid; border-radius: 1.9em; } body.page_app_overview .mobile-app-logo-div { width: 80px; height: 80px; background-size: contain; border: 7px #FFF solid; border-radius: 1.9em; } body.page_app_overview .mobile-app-banner { width: 100%; } body.page_app_overview .mobile-app-card { box-sizing: border-box; width: 310px; min-width: 310px; display: inline-block; position: relative; margin-bottom: 16px; margin-right: 44px; background-color: #FFF; border-radius: 24px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); text-transform: none; letter-spacing: -0.05px; } body.page_app_overview .mobile-app-card .mobile-app-banner { border-top-left-radius: 24px; border-top-right-radius: 24px; } body.page_app_overview .app-wrapper { display: flex; flex-flow: row wrap; justify-content: center; padding-top: 5%; } body.page_app_overview .app-download-button { width: 10.5em; margin: 0em -0.2em; } body.page_tasks .task { height: 41px; line-height: 46px; padding-left: 41px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; position: relative; } body.page_tasks .fancybox { cursor: pointer; } body.page_tasks .task_time { display: inline-block; width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body.page_tasks .task_name { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body.page_tasks .task_check { display: block; position: absolute; top: 15px; left: 15px; } body.page_tasks .uneven { background-color: #F5F5F5; } body.page_tasks .uneven:hover { background-color: #EEE; } body.page_tasks .even { background-color: #FFF; } body.page_tasks .even:hover { background-color: #EEE; } body.page_tasks #tasks .task { border-radius: 10px; } body.page_trainingplan_search .plan-filters { width: 350px; min-width: 350px; padding-right: 16px; padding-left: 16px; } body.page_trainingplan_search .plan-overview { flex: 1; padding-right: 16px; padding-left: 16px; min-width: 0; } body.page_trainingplan_search .schedule_workout_popup .weekdays .day-column, body.page_training_plan_creator .schedule_workout_popup .weekdays .day-column { display: flex; flex-wrap: wrap; justify-content: center; width: 14%; cursor: pointer; padding-top: 8px; padding-bottom: 8px; border-radius: 8px; } body.page_trainingplan_search .schedule_workout_popup .weekdays .day-column:hover, body.page_training_plan_creator .schedule_workout_popup .weekdays .day-column:hover { background: #F5F5F5; } body.page_trainingplan_search .schedule_workout_popup .weekdays .day-column span, body.page_training_plan_creator .schedule_workout_popup .weekdays .day-column span { width: 100%; text-align: center; margin-bottom: 8px; } body.page_user_my_content .ui-box table { margin: 0; } body.page_update_password .list-group-item { margin-bottom: 8px; } body.page_update_password .list-group-item input { width: 50%; } body.page_update_password .list-group-item input.error { border: 1px solid #EF5350; padding: 11px; } body.page_update_password .error-box { background-color: #EF5350; color: white; padding: 8px; border-radius: 12px; } body.page_update_password .error-box p { margin: 0; } body .global-search-container input:hover { background-color: transparent; } body.page_meal_plan_mealplan_overview .kcal-percent-text { color: #66BB6A; } body.page_meal_plan_mealplan_overview .carbs-percent-text { color: #EC407A; } body.page_meal_plan_mealplan_overview .proteins-percent-text { color: #42A5F5; } body.page_meal_plan_mealplan_overview .fat-percent-text { color: #FF7043; } body.page_meal_plan_mealplan_overview .plan-assigned-by { color: #9E9E9E; } body.page_meal_plan_mealplan_overview .ui-row .image-holder { height: 140px; } body.page_meal_plan_mealplan_overview .ui-row .image-holder .image { background-size: contain; background-repeat: no-repeat; } body.page_meal_plan_mealplan_overview .meal-plan-schedule-modal .weekdays .day-column, body.page_meal_plan_mealplan_view .meal-plan-schedule-modal .weekdays .day-column { display: flex; flex-wrap: wrap; justify-content: center; width: 14%; cursor: pointer; padding-top: 8px; padding-bottom: 8px; border-radius: 8px; } body.page_meal_plan_mealplan_overview .meal-plan-schedule-modal .weekdays .day-column:hover, body.page_meal_plan_mealplan_view .meal-plan-schedule-modal .weekdays .day-column:hover { background: #F5F5F5; } body.page_meal_plan_mealplan_overview .meal-plan-schedule-modal .weekdays .day-column span, body.page_meal_plan_mealplan_view .meal-plan-schedule-modal .weekdays .day-column span { width: 100%; text-align: center; margin-bottom: 8px; } body.page_meal_plan_mealplan_editadd table tbody tr.food-overview-header { background-color: #EEE; } body.page_meal_plan_mealplan_editadd table tbody tr.food-overview-header:hover { background-color: #EEE; } body.page_meal_plan_mealplan_editadd table tbody tr.add-food-row { background-color: transparent; } body.page_meal_plan_mealplan_editadd table tbody tr.add-food-row:hover { background-color: transparent; } body.page_meal_plan_mealplan_editadd .search-holder { height: 350px; overflow-y: scroll; margin-top: 16px; } body.page_meal_plan_mealplan_editadd .no-products-search { padding: 16px; } body.page_meal_plan_mealplan_editadd .no-products-search a { color: #03A9F4; } body.page_meal_plan_mealplan_editadd .no-products-search a:hover { color: #039CE0; } body.page_meal_plan_mealplan_view .ui-box-plain:first-child { outline: 1px solid red; margin-top: 16px; } body.page_meal_plan_mealplan_view .mealplan-info-box { width: 100%; padding: 24px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex; margin: 0 0 32px 0; } body.page_meal_plan_mealplan_view .mealplan-info-box .mealplan-info-row { align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex; } body.page_meal_plan_mealplan_view .mealplan-info-box .mealplan-info-row .image { width: 160px; height: 160px; padding: 16px; border-radius: 16px; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 10px; display: inline-flex; background-color: #F5F5F5; background-size: contain; background-position: center; background-repeat: no-repeat; } body.page_meal_plan_mealplan_view .mealplan-info-box .mealplan-info-row .image .badge { height: 19px; padding: 4px 8px; opacity: 0.92; border-radius: 10px; justify-content: center; align-items: center; gap: 4px; display: inline-flex; } body.page_meal_plan_mealplan_view .mealplan-info-box .mealplan-info-row .image .badge span { font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 12px; word-wrap: break-word; } body.page_meal_plan_mealplan_view .mealplan-info-box .mealplan-info-row .details { flex: 1 1 0; align-self: stretch; flex-direction: column; justify-content: start; align-items: flex-start; display: inline-flex; gap: 4px; } body.page_meal_plan_mealplan_view .mealplan-info-box .mealplan-info-row .details .visible { color: #757575; font-size: 12px; line-height: 16px; } body.page_meal_plan_mealplan_view #modal-delete-scheduled-mealplan .ui-info-message { margin-bottom: 16px; } body.page_meal_plan_mealplan_view #modal-delete-scheduled-mealplan .mealplan-instance-row { height: 48px; border-radius: 6px; margin-left: 0; margin-right: 0; margin-bottom: 8px; display: flex; align-items: center; background-color: #F5F5F5; cursor: pointer; user-select: none; } body.page_meal_plan_mealplan_view #modal-delete-scheduled-mealplan .mealplan-instance-row:hover { background-color: #EEE; } body.page_meal_plan_mealplan_view #modal-delete-scheduled-mealplan .mealplan-instance-row input { margin-left: 16px; margin-right: 16px; } body.page_meal_plan_mealplan_view #modal-delete-scheduled-mealplan .mealplan-instance-row .details span { color: #9E9E9E; } .ui-questionnaire { /* Following parts are for styling the scale sliders during a questionnaire */ } .ui-questionnaire .form-group-vertical label { margin-bottom: 8px; } .ui-questionnaire .form-check-input { margin-right: 8px; } .ui-questionnaire .ui-link-icon:not(.disabled):hover { opacity: 0.75; } .ui-questionnaire .action-btns-container-top { padding-bottom: 15px; } .ui-questionnaire .action-btns-container-bottom { padding-top: 15px; } .ui-questionnaire .align-text-center { display: flex; justify-content: center; } .ui-questionnaire .section-title { margin-top: 16px !important; } .ui-questionnaire .icon-inline { margin: -3px 10px; } .ui-questionnaire .icon_check { background-image: url(../../images/icons/check-icon.png); } .ui-questionnaire .question-image { margin-bottom: 20px; } .ui-questionnaire .progress-bar-border { margin-bottom: 0; } .ui-questionnaire .progress-bar-border > .progress-bar .color-black { margin-left: 10px; } .ui-questionnaire .color-black { color: #000000; } .ui-questionnaire .color-white { color: #FFFFFF; } .ui-questionnaire .unfinished-clickable { text-decoration: none; font-weight: normal !important; } .ui-questionnaire .unfinished-clickable:hover { color: #0056b3; } .ui-questionnaire .red-highlight { background-color: rgba(255, 0, 0, 0.6); } .ui-questionnaire input[type=range] { -webkit-appearance: none; width: 100%; border-radius: 8px; height: 7px; border: 1px solid #bdc3c7; background-color: #FFFFFF; padding: 9px; } .ui-questionnaire input[type=range]::-ms-thumb { background: #ecf0f1; width: 30px; height: 20px; border-radius: 10px; cursor: pointer; } .ui-questionnaire input[type=range]::-moz-range-thumb { background: #ecf0f1; width: 30px; height: 20px; border-radius: 10px; cursor: pointer; } .ui-questionnaire input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; background-color: #428bca; width: 30px; height: 20px; border-radius: 10px; cursor: pointer; } .ui-questionnaire input[type=range]::-ms-track { border-radius: 8px; height: 7px; border: 1px solid #bdc3c7; background-color: #FFFFFF; } .ui-questionnaire input[type=range]::-moz-range-track { border-radius: 8px; height: 7px; border: 1px solid #bdc3c7; background-color: #FFFFFF; } .ui-questionnaire input[type=range]::-ms-fill-upper, .ui-questionnaire input[type=range]::-ms-fill-lower { background: transparent; } .ui-questionnaire .clickable { cursor: pointer; } .ui-questionnaire .status-finished { color: #269723; } .ui-questionnaire .status-unfinished { color: #FF8A00; } .ui-questionnaire .icon-arrow-up { background-image: url(../../images/icons/arrow-up.png); } .ui-questionnaire .icon-arrow-down { background-image: url(../../images/icons/arrow-down.png); } .ui-questionnaire .icon-inline-arrow { margin: 0 10px; } .ui-questionnaire-assign .assign-questionnaire-container { margin-top: 5px; } .ui-questionnaire-assign .column-title { color: #aba9a9; margin-left: 10px; margin-top: 10px; font-weight: bold; } .ui-questionnaire-assign .search-container { position: relative; } .ui-questionnaire-assign .search-container .search-box { width: 300px; } .ui-questionnaire-assign .search-container .search-icon { color: #d9d9d9; position: absolute; right: 15px; margin: 12px 0; } .ui-questionnaire-assign .questions { margin-left: 25px; } .ui-questionnaire-assign #assign_modal .modal-body .member-search-container { max-height: 450px; overflow: auto; display: flex; align-items: center; height: 380px; } .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-left, .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-right { width: 400px; margin-left: 20px; } .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-left, .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-right, .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-separator { height: 380px; } .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-separator { margin-left: 10px; border-left: 2px solid #d9d9d9; } .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-left-scroll, .ui-questionnaire-assign #assign_modal .modal-body .member-search-container .assign-column-right-scroll { overflow-x: hidden; overflow-y: auto; } .ui-questionnaire-assign #assign_modal .modal-body .member-search-container-separator, .ui-questionnaire-assign #assign_modal .modal-body .member-search-container-left-scroll, .ui-questionnaire-assign #assign_modal .modal-body .member-search-container-right-scroll { height: 380px; } .ui-questionnaire-assign #assign_modal .img-circle-coach { border-radius: 50%; margin-left: 25px; } .ui-questionnaire-assign #assign_modal #select_member_online_status { position: absolute; width: 82px; height: 82px; } .ui-questionnaire-assign #assign_modal .user { height: 66px; margin: 1px; display: flex; align-items: center; } .ui-questionnaire-assign #assign_modal .user:hover { background-color: #ebf3fc; } .ui-questionnaire-assign #assign_modal .user-selected { width: 400px; margin-left: 5px; cursor: pointer; } .ui-questionnaire-assign #assign_modal .user-not-selected { background-color: #FFFFFF; cursor: pointer; } .ui-questionnaire-assign #assign_modal .user .select_member_box { margin: 0 8px 7px 10px; } .ui-questionnaire-assign #assign_modal .user .select_member_avatar { margin-top: 10px; } .ui-questionnaire-assign #assign_modal .user .img-circle-client { width: 46px; height: 46px; border-radius: 50%; } .ui-questionnaire-assign #assign_modal .user .user-name { margin-left: 5px; } .ui-questionnaire-assign #assign_modal .horizontal-separating-border { border-top: 2px solid #d9d9d9; margin-left: -15px; } .ui-questionnaire-assign #assign_modal .vertical-separating-border { border-left: 2px solid #d9d9d9; height: 430px; display: inline-block; } .ui-questionnaire-assign #assign_modal .assign-action-btns { margin-left: 15px; } .ui-questionnaire-assign #assign_modal .assign-action-btns .assign-action-btn { width: 135px; } .ui-questionnaire-assign #assign_modal .assign-action-btns .datepicker { height: 40px !important; } .ui-questionnaire-assign #assign_modal .assign-action-btns .assign-btn-container { height: 50px; margin-top: 10px; } .ui-questionnaire-assign #assign_modal .assign-action-btns #loading { position: relative; width: 32px; } .ui-questionnaire-assign #assign_modal #clients_selected { font-weight: bold; color: #3d8ae0; } .ui-questionnaire-assign #assign_modal #coach_note { width: 400px; margin-left: 10px; resize: none; height: 90px; } .ui-questionnaire-assignments-actionbar-search #search { width: 250px; } .ui-questionnaire-assignments-actionbar-filter { margin-left: 25px; } .ui-questionnaire-assignments-actionbar-filter .state-filter { width: 160px; margin-left: 15px; } .ui-questionnaire-assignments #assignments_overview .clickable .icon { outline: none; } .ui-questionnaire-assignments #assignments_overview th[data-cy=colDateAssigned], .ui-questionnaire-assignments #assignments_overview th[data-cy=colDateFinished], .ui-questionnaire-assignments #assignments_overview th[data-cy=colDueDate], .ui-questionnaire-assignments #assignments_overview td[data-cy=assignmentItemDateAssigned], .ui-questionnaire-assignments #assignments_overview td[data-cy=assignmentItemDateFinished], .ui-questionnaire-assignments #assignments_overview td[data-cy=assignmentItemDueDate] { width: 150px; max-width: 200px; } .ui-questionnaire-assignments .assignments-export-container .dropdown-toggle { padding: 0 8px; border: none !important; border-radius: 0 !important; background-color: transparent !important; text-decoration: none !important; } .ui-questionnaire-assignments .assignments-export-container .dropdown-toggle:hover { background-color: transparent !important; } .ui-questionnaire-assignments .assignments-pagination-total-container { text-align: center; } .ui-questionnaire-assignments .assignments-pagination-select-container .ui-pagination { margin-top: 0; } .ui-questionnaire-assignments .assignments-pagination-select-container a { text-decoration: none !important; } .ui-questionnaire-assignments .assignments-pagination-select-container .pagination-previous-btn { margin-right: 10px; } .ui-questionnaire-assignments .assignments-pagination-select-container .pagination-next-btn { margin-left: 10px; } .ui-questionnaire-assignments .assignments-pagination-select-container span { color: #777777 !important; } .ui-questionnaire-overview #questionnaires_overview .col-questionnaire-name { max-width: 250px; } .ui-questionnaire-overview #questionnaires_overview .action-btns-container .action-btn:not(:first-of-type) { margin-left: 8px; } .ui-questionnaire-overview #questionnaires_overview .action-btns-container .action-btn:not(.disabled):hover { opacity: 0.65; } .ui-questionnaire-overview #questionnaires_overview .action-btns-container .action-btn.disabled { color: #cececb; cursor: default; text-decoration: none; } .ui-questionnaire-overview #questionnaires_overview_filter { float: left; margin-bottom: 5px; } .ui-questionnaire-overview #questionnaires_overview_paginate { text-align: center; } .ui-questionnaire-questions .ui-panel .panel-body .section { padding-left: 15px; } .ui-questionnaire-questions .ui-panel .panel-body .section-title { margin-top: 0 !important; } .ui-questionnaire-questions .ui-panel .panel-body .panel-left { border-right: 1px solid #dcdcdc; } .ui-questionnaire-questions #condition_container { margin-top: 30px; margin-bottom: 20px; } .ui-questionnaire-questions #condition_container #go_to_question_container { display: inline-block; margin-left: 10px; } .ui-questionnaire-question-form .input_fields_wrap .counter { margin: 1em; } .ui-questionnaire-question-form .video-container #feedback { margin-top: 8px; } .ui-questionnaire-question-form .video-container #question_video_url { clear: both; position: relative; border-top: none; display: none; border-radius: 3px; height: 380px; } .ui-questionnaire-question-form .video-container #video_url_result { display: none; } .ui-questionnaire-result .results-container { margin-left: 25px; } .ui-questionnaire-result .question-info-container { margin-top: 20px; } .ui-questionnaire-result .question-answer-container { margin-top: 10px; } .ui-questionnaire-result .question-answer, .ui-questionnaire-result .question-no-answer { font-weight: bold; } .ui-questionnaire-question .page-title-container .page-title { text-align: center; } .ui-questionnaire-question #title { margin-top: 16px; } .ui-questionnaire-question .options-wrapper-container .form-group [class*=offset-] { padding-left: 16px; padding-right: 16px; } .ui-questionnaire-question .question-option { display: flex; align-items: center; } .ui-questionnaire-question .action-btns-container { align-items: center; } .ui-documents-overview .action-bar-container { padding-bottom: 15px; } .ui-documents-overview .document-name-container { display: flex; align-items: center; } .ui-documents-overview .document-name-container .document-status-icon-container { margin-right: 5px; } .ui-documents-overview .document-name-container .document-status-icon-container .ui-tooltip-icon-holder { display: flex; align-items: center; } .ui-documents-overview .state-finished { color: #269723; } .ui-documents-overview .state-pending { color: #FF8A00; } .ui-documents-overview .date-expired { background-color: rgba(255, 0, 0, 0.6); } .ui-documents-overview .mouse-pointer { cursor: pointer; } .ui-documents-overview .date-placeholder { margin-left: 25px; } .ui-documents-overview #documents_search_box { width: 300px; height: 35px; font-size: 14px; font-weight: normal; border-color: #d9d9d9; } body.page_nutrition_view .ui-nutrition-header { width: 100%; height: 100%; padding: 24px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex; margin-bottom: 32px; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container { align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-image { width: 160px; height: 160px; padding: 16px; border-radius: 16px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex; background-repeat: no-repeat; background-size: contain; background-position: center; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-image .nutrition-back { height: 32px; width: 32px; background: white; border-radius: 50%; justify-content: center; align-items: center; display: inline-flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-image .nutrition-back span { color: #212121; font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 12px; word-wrap: break-word; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-image .nutrition-badge { height: 19px; padding: 4px 8px; opacity: 0.92; background: white; border-radius: 10px; justify-content: center; align-items: center; gap: 4px; display: inline-flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-image .nutrition-badge span { color: #212121; font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 12px; word-wrap: break-word; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details { flex: 1 1 0; height: 160px; flex-direction: column; justify-content: space-between; align-items: flex-start; display: inline-flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header { align-self: stretch; height: 116px; flex-direction: column; align-items: flex-start; gap: 4px; display: flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header .nutrition-header-icons { justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header .nutrition-header-icons a { display: block; width: 24px; height: 24px; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header .nutrition-title { width: 654px; color: #212121; font-size: 24px; font-weight: 700; line-height: 28px; word-wrap: break-word; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header .nutrition-description { align-self: stretch; color: #757575; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header .nutrition-info { display: flex; align-items: center; justify-content: center; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header .nutrition-info span { color: #9E9E9E; font-size: 12px; font-weight: 400; line-height: 16px; word-wrap: break-word; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-header .nutrition-info div { border-radius: 50%; background-color: #9E9E9E; width: 4px; height: 4px; display: inline-block; margin-right: 8px; margin-left: 8px; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-intro { margin-bottom: 8px; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-details-icons-holder { align-self: stretch; height: 20px; flex-direction: column; justify-content: center; align-items: center; gap: 4px; display: flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-details-icons-holder .nutrition-details-icons { align-self: stretch; justify-content: flex-start; align-items: center; gap: 24px; display: inline-flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-details-icons-holder .nutrition-details-icons .nutrition-details-icon { justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-details-icons-holder .nutrition-details-icons .nutrition-details-icon .icon-text { color: #424242; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } body.page_nutrition_view .ui-nutrition-header .nutrition-image-container .nutrition-details .nutrition-details-icons-holder .nutrition-details-icons .nutrition-track-button { width: auto; flex: 1; display: flex; justify-content: end; } body.page_nutrition_view .nutrition-show-more, body.page_nutrition_view .nutrition-show-less, body.page_nutrition_nutrition_editor .nutrition-show-more, body.page_nutrition_nutrition_editor .nutrition-show-less { display: flex; align-items: center; justify-content: center; margin-top: 8px; cursor: pointer; } body.page_nutrition_view .nutrition-show-more .ui-tooltip-icon, body.page_nutrition_view .nutrition-show-less .ui-tooltip-icon, body.page_nutrition_nutrition_editor .nutrition-show-more .ui-tooltip-icon, body.page_nutrition_nutrition_editor .nutrition-show-less .ui-tooltip-icon { margin-right: 8px; } body.page_nutrition_view #foodline, body.page_nutrition_nutrition_editor #foodline { width: 100%; margin-top: 16px; margin-bottom: 16px; border-top: 2px solid #EEE; } body.page_nutrition_view table#basicnutrition, body.page_nutrition_nutrition_editor table#basicnutrition { margin-bottom: 0; } body.page_nutrition_view table.nutrition_info th, body.page_nutrition_nutrition_editor table.nutrition_info th { width: 20%; } body.page_nutrition_view table.nutrition_info td, body.page_nutrition_nutrition_editor table.nutrition_info td { width: 13.3%; } body.page_nutrition_nutrition_editor #foodunits label { margin: 0; } body.page_nutrition_nutrition_editor .search-holder, body.page_nutrition_tracking .search-holder { height: 350px; overflow-y: scroll; margin-top: 16px; } body.page_nutrition_nutrition_editor .no-products-search, body.page_nutrition_tracking .no-products-search { padding-top: 32px; } body.page_nutrition_nutrition_editor .no-products-search a, body.page_nutrition_tracking .no-products-search a { color: #03A9F4; } body.page_nutrition_nutrition_editor .no-products-search a:hover, body.page_nutrition_tracking .no-products-search a:hover { color: #039CE0; } body.page_nutrition_plan .food-plan-table { margin-top: 16px; } body.page_nutrition_plan .selected-week { font-size: 16px; line-height: 20px; font-weight: bold; } body.page_nutrition_plan .blurred { filter: blur(5px); user-select: none; } body.page_nutrition_tracking #modal-change-energy-intake .ui-info-message { margin-bottom: 16px; } body.page_nutrition_tracking #modal-copy-tracking-day .weekdays .day-column { display: flex; flex-wrap: wrap; justify-content: center; width: 14%; cursor: pointer; padding-top: 8px; padding-bottom: 8px; border-radius: 8px; } body.page_nutrition_tracking #modal-copy-tracking-day .weekdays .day-column:hover { background: #F5F5F5; } body.page_nutrition_tracking #modal-copy-tracking-day .weekdays .day-column span { width: 100%; text-align: center; margin-bottom: 8px; } body.page_nutrition_tracking #modal-copy-tracking-day #copytodate, body.page_nutrition_tracking #modal-copy-tracking-day #after_weeks, body.page_nutrition_tracking #modal-copy-tracking-day #on_date { margin-left: 8px; } body.page_nutrition_tracking #modal-copy-tracking-day #advanced_pref, body.page_nutrition_tracking #modal-copy-tracking-day #on, body.page_nutrition_tracking #modal-copy-tracking-day #after_date, body.page_nutrition_tracking #modal-copy-tracking-day #after_weeks { margin-right: 8px; } body.page_nutrition_tracking #modal-copy-tracking-day .input-disabled { opacity: 0.5; } body.page_nutrition_tracking .calendar-navigation { display: flex; padding-bottom: 8px; margin-bottom: 16px; margin-left: 0; margin-right: 0; border-bottom: 1px solid #EEE; } body.page_nutrition_tracking .calendar-navigation .navigate-back, body.page_nutrition_tracking .calendar-navigation .navigate-forward { display: flex; align-items: center; width: 40px; } body.page_nutrition_tracking .calendar-navigation .navigate-back a, body.page_nutrition_tracking .calendar-navigation .navigate-forward a { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } body.page_nutrition_tracking .calendar-navigation .navigate-back a:hover, body.page_nutrition_tracking .calendar-navigation .navigate-forward a:hover { background-color: #EEE; } body.page_nutrition_tracking .calendar-navigation .navigate-forward { justify-content: end; } body.page_nutrition_tracking .calendar-navigation .current-day { display: flex; justify-content: center; align-items: center; flex: 1; font-size: 16px; line-height: 20px; } body.page_nutrition_tracking .calendar-navigation .current-day .ui-tooltip-icon { margin-left: 8px; } body.page_nutrition_tracking .kcal-left-title { margin-top: 32px; margin-bottom: 8px; } body.page_nutrition_tracking .kcal-left-title strong { font-size: 16px; line-height: 20px; } body.page_nutrition_tracking .tracking-row { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 16px; flex-wrap: nowrap; } body.page_nutrition_tracking .tracking-row .label { font-weight: bold; flex: 1; display: flex; align-items: center; } body.page_nutrition_tracking .tracking-row .label .ui-tooltip-icon { margin-left: 8px; } body.page_nutrition_tracking .tracking-row .value { width: 100px; text-align: right; } body.page_nutrition_tracking .nutrition-bar-row { margin-bottom: 8px; } body.page_nutrition_tracking .nutrition-bar-row:last-child { margin-bottom: 0; } body.page_nutrition_tracking .nutrition-bar-row .nutrition-bar-info .title { font-weight: bold; display: flex; align-items: center; } body.page_nutrition_tracking .nutrition-bar-row .nutrition-bar-info .title .ui-tooltip-icon { margin-left: 8px; } body.page_nutrition_tracking .nutrition-bar-row .nutrition-bar-info .goal { color: #757575; } body.page_nutrition_tracking .nutrition-bar-row .nutrition-bar-progress { display: flex; align-items: center; justify-content: flex-start; } body.page_nutrition_tracking .nutrition-bar-row .nutrition-bar-progress .progress-icon { width: 24px; height: 24px; margin-right: 8px; } body.page_nutrition_tracking .nutrition-goal-holder { width: 100%; height: 44px; background: #F5F5F5; border-radius: 8px; justify-content: space-between; align-items: flex-start; display: inline-flex; position: relative; } body.page_nutrition_tracking .nutrition-goal-holder.min-progress { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-bar { height: 44px; border-radius: 8px; position: absolute; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-bar.bar-daily { background-color: #03A9F4; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-bar.bar-kcal { background-color: #66BB6A; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-bar.bar-carbs { background-color: #EC407A; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-bar.bar-fats { background-color: #FF7043; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-bar.bar-protein { background-color: #42A5F5; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-start, body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-percentage { color: #212121; font-weight: 400; word-wrap: break-word; position: absolute; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-start.animated, body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-percentage.animated { opacity: 0; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-start { left: 12px; top: 12px; } body.page_nutrition_tracking .nutrition-goal-holder .nutrition-goal-percentage { right: 12px; top: 12px; } body.page_nutrition_tracking #options { display: none; position: absolute; z-index: 9; } body.page_nutrition_tracking #options a span { display: block; text-align: center; } body.page_nutrition_tracking #options .options_arrow { width: 11px; height: 18px; float: left; position: relative; top: 10px; left: 0px; } body.page_nutrition_tracking #options .options_content { width: 250px; background-color: white; padding: 16px; float: left; border: 1px solid #E0E0E0; border-radius: 6px; box-shadow: 0 4px 24px 0 rgba(33, 33, 33, 0.0784313725); } body.page_nutrition_tracking #options .options_content .ui-button { margin-bottom: 8px; } body.page_nutrition_tracking #options .options_content .ui-button:last-child { margin-bottom: 0; } body.page_nutrition_search .kcal-percent-text { color: #66BB6A; } body.page_nutrition_search .carbs-percent-text { color: #EC407A; } body.page_nutrition_search .proteins-percent-text { color: #42A5F5; } body.page_nutrition_search .fat-percent-text { color: #FF7043; } body.page_nutrition_search .ui-row .image-holder { height: 140px; } body.page_nutrition_search .ui-row .image-holder .image { background-repeat: no-repeat; } body.page_nutrition_search .ui-row .content .short-content { display: flex; align-items: center; } body.page_nutrition_search .ui-row .content .short-content .ui-tooltip-icon { margin-left: 8px; } body.page_nutrition_advice .inline-validation { height: 16px; overflow: hidden; width: 16px; margin-left: 8px; display: flex; align-items: center; justify-content: center; } body.page_nutrition_advice .form-group span { margin-left: 8px; } body.page_nutrition_advice #bmi_advice { font-size: 12px; line-height: 16px; margin-left: 16px; margin-right: 16px; } body.page_nutrition_advice #timeadvice { margin-top: 16px; margin-left: 16px; margin-right: 16px; } body.page_nutrition_advice #timeadvice .recommended { font-size: 12px; line-height: 16px; color: #66BB6A; } body.page_nutrition_advice #timeadvice input { margin-right: 8px; } body.page_nutrition_advice #timeadvice #weeknumbers { font-size: 12px; line-height: 16px; } body.page_nutrition_advice #timeadvice #custom-date-goal select, body.page_nutrition_advice #timeadvice #custom-date-goal label { margin-right: 8px; } body.page_nutrition_advice #chosen_diet { margin-left: 16px; margin-right: 16px; color: #66BB6A; } body.page_nutrition_advice #dietresult { margin-top: 16px; margin-left: 16px; margin-right: 16px; } body.page_nutrition_advice #dietresult .diet-info { color: #757575; } body.page_nutrition_advice #dietresult #description { margin-top: 16px; } body.page_nutrition_advice #dietresult #description.custom { margin-bottom: 16px; } body.page_nutrition_advice #dietresult input[readonly] { background-color: transparent; cursor: default; user-select: none; } body.page_nutrition_advice #dietresult .form-group { margin-left: -16px; margin-right: -16px; } body.page_nutrition_advice .overview-row { display: flex; align-items: center; margin-bottom: 8px; } body.page_nutrition_advice .overview-row label { flex: 1; margin: 0; } body.page_nutrition_advice .overview-row div { width: 175px; } body.page_nutrition_advice .pro-only { display: flex; align-items: center; flex-wrap: nowrap; } body.page_nutrition_advice .pro-only .ui-pro-icon { margin-left: 8px; } body.page_nutrition_nutrition_pick .nutrition-icon-holder { border-radius: 50%; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; } body.page_nutrition_nutrition_pick .product-creation-desc { margin-bottom: 32px; min-height: 7em; } .ui-my-services .ui-link-icon:not(.disabled):hover { opacity: 0.75; } .ui-my-services .table-responsive table th, .ui-my-services .table-responsive table td { text-wrap: nowrap; } .ui-my-services #user_club { min-width: 160px; } .ui-my-services .mobile-club-selector h5 { color: #9E9E9E; } .ui-my-services .mobile-club-selector ul { padding: 10px 0 0; } .ui-my-services .mobile-club-selector ul li { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; } .ui-my-services .mobile-club-selector ul li:not(.active):hover { cursor: pointer; background-color: #EEEEEE; border-color: #DDDDDD; } .ui-my-services .mobile-club-selector ul li .icon-container { width: 20px; height: 20px; } .ui-my-services .section-header-container { display: flex; align-items: center; justify-content: space-between; } .ui-my-services .section-header-container a { cursor: pointer; } .ui-my-services .section-header { margin: 20px 0; } .ui-my-services #content_tab_client_data table tbody tr th { height: 50px; min-height: 40px; } .ui-my-services #content_tab_client_data table tbody tr:nth-child(odd) { background: #F8F8F8; } .ui-my-services #content_tab_client_data table tbody select, .ui-my-services #content_tab_client_data table tbody input[type=text] { background-color: #F5F5F5; border: 1px solid #E0E0E0; } .ui-my-services #content_tab_client_data label .ui-tooltip-icon { margin-left: 5px; } .ui-my-services #content_tab_products .section-memberships .memberships .membership-status-container span { margin-left: 5px; } .ui-my-services #content_tab_payments #payment_methods .action-btns-container { display: flex; align-items: center; justify-content: flex-end; } .ui-my-services #content_tab_payments #payment_methods .action-btns-container .action-btn:not(:first-of-type) { margin-left: 8px; } .ui-my-services #content_tab_payments .section-invoices .legacy-header .ui-button { float: right; margin-bottom: 15px; } .ui-my-services #content_tab_bookings #bookings .date-container-day { margin-right: 5px; } .ui-my-services #content_tab_bookings #bookings .status-container-booked { display: flex; align-items: center; } .ui-my-services #content_tab_bookings #bookings .status-container-booked .cancel-btn, .ui-my-services #content_tab_bookings #bookings .status-container-booked #loading_btn_replacement { margin-left: 8px; } .ui-my-services #content_tab_bookings #bookings .no-booking { color: #A9A9A9; } .page_user_myservices .text-bold { font-weight: bold; } .page_user_myservices .ui-modal-membership .membership-date-picker { max-width: 115px; } .page_user_myservices .ui-modal-membership .ui-button-list { padding-top: 20px; } .page_user_myservices .ui-modal-membership .end-date-container { margin-left: 5px; font-weight: bold; } .page_user_myservices .ui-modal-membership .action_membership { font-size: 18px; color: #007aff; } .page_user_myservices .ui-modal-membership .action_membership:hover { background-color: #f1f1f1; cursor: hand; } .page_user_myservices .ui-modal-membership .error-container { color: #EF5350; } .page_user_myservices .ui-modal-membership .date-has-error { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; border: 1px solid #EF5350; background-color: #FFEBEE; } .page_user_myservices .form-group-vertical label { margin-bottom: 8px; } .page_user_myservices .form-check-input { margin-right: 8px; } @media (max-width: 767px) { .ui-my-services .ui-page-header .col-6 { width: 100% !important; max-width: 100% !important; flex: 0 0 100%; } .ui-my-services input[type=text] { width: 186px; } .ui-my-services #content_tab_client_data .action-btns-container { margin-top: 10px; } .ui-my-services #content_tab_client_data select#country { max-width: 186px; } .page_user_myservices #ui-footer { display: none; } .page_user_myservices .ui-modal-membership .membership-date-picker { max-width: 135px; } } @media (max-width: 575px) { .ui-my-services .ui-page-header { justify-content: space-between; } .ui-my-services .ui-page-header .col-6 { width: 90% !important; max-width: 90% !important; display: inline-block; } .ui-my-services .ui-page-header .col-6:nth-of-type(2) { max-width: 25px !important; } .page_user_myservices #sideBar, .page_user_myservices #ui-footer { display: none; } .page_user_myservices #main-container { margin: 15px !important; } .page_user_myservices .form-group .col-12, .page_user_myservices .form-group .col-sm-12 { margin-bottom: 8px; } } @media (max-width: 444px) { .page_user_myservices .modal .modal-dialog-small { width: 95% !important; } .page_user_myservices #main-container { margin-left: 10px !important; margin-right: 10px !important; } .page_user_myservices #main-container .ui-page-header { margin-bottom: 20px !important; } } .ui-bank-details .form-check-input { margin-right: 8px; } .ui-bank-details .form-check-inline { display: inline-flex; } .ui-bank-details .form-check-inline:not(:last-of-type) { margin-right: 16px; } @media (max-width: 575px) { .ui-bank-details #ui-footer { display: none; } .ui-bank-details .form-group .col-12, .ui-bank-details .form-group .col-sm-12 { margin-bottom: 8px; } .ui-bank-details .form-check-inline { display: block; margin-right: 0 !important; } .ui-bank-details .form-check-inline:not(:last-of-type) { margin-bottom: 8px; } .ui-bank-details #bank_fields_edit .form-group label.col-12, .ui-bank-details #bank_fields_edit .form-group label.col-sm-12 { padding-left: 0; } } body.page_web_app_fitzone .empty-state__instructions__title h1 { color: #FFFFFF; } body.page_web_app_analytics .ba-navbar { margin-top: 0; } body.page_retail .box_shadow { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); } body.page_retail .text_shadow { text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); } body.page_retail div#retail_bar { width: 315px; height: 100%; min-height: 100px; background-color: #616161; float: left; } body.page_retail div#retail_bar #retail_bar_shadow { box-shadow: inset -5px 0px 5px 0px rgba(0, 0, 0, 0.3); background-position: right; background-repeat: repeat-y; width: 315px; height: 100%; position: absolute; } body.page_retail div#retail_bar #retail_bar_shadow div#retail_bar_bottom { width: 275px; height: 140px; position: absolute; bottom: 0px; left: 13px; } body.page_retail div#retail_bar div#products { height: 100px; overflow-y: auto; } body.page_retail div#retail_bar img.shadow { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); } body.page_retail div#retail_bar .shadow { text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); } body.page_retail div#retail_bar div.product { font-weight: bold; color: #FFF; width: 315px; margin: 0px; padding: 12px 0px; clear: both; } body.page_retail div#retail_bar div.product div.product_name { float: left; width: 120px; height: 18px; } body.page_retail div#retail_bar div.product div.product_amount { float: left; width: 30px; height: 15px; margin-left: 10px; } body.page_retail div#retail_bar div.product div.product_price { float: left; width: 85px; text-align: right; height: 15px; } body.page_retail div#user_selection { border-bottom: 1px solid #858585; width: 267px; margin: 10px auto 10px; padding-bottom: 10px; cursor: pointer; } body.page_retail div#user_selection div.username { color: #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 5px; width: 150px; } body.page_retail div#user_selection div.change_user { color: #bbbbbb; font-size: 11px; margin-top: 2px; } body.page_retail div#user_selection img.avatar { width: 40px; height: 40px; border-radius: 2px; float: left; margin-right: 10px; } body.page_retail div#user_selection div.avatar img { width: 40px; height: 40px; border-radius: 2px; } body.page_retail div#clear_list { float: left; margin-left: 5px; height: 30px; padding-top: 10px; color: #bbbbbb; font-size: 12px; margin-bottom: 5px; font-weight: bold; cursor: pointer; } body.page_retail div#view_queue { float: right; margin-right: -4px; height: 30px; padding-top: 10px; color: #bbbbbb; font-size: 12px; margin-bottom: 5px; font-weight: bold; cursor: pointer; } body.page_retail div#open_drawer { float: left; margin-bottom: 10px; margin-left: 5px; cursor: pointer; width: 200px; height: 25px; font-size: 12px; color: #bbbbbb; font-weight: bold; background-position: 0px 0px; } body.page_retail div#checkout_button { cursor: pointer; clear: both; background-color: #03A9F4; width: 289px; height: 50px; font-size: 13px; color: #FFFFFF; font-weight: bold; background-position: 0px 0px; margin: 0px auto; } body.page_retail div#checkout_button:hover { background-color: #039CE0; } body.page_retail div#checkout_button div.total { float: left; padding-top: 17px; margin-left: 15px; } body.page_retail div#checkout_button div.amount { float: right; font-size: 16px; padding-top: 16px; margin-right: 15px; } body.page_retail div#products_holder { float: left; padding: 15px; max-width: 1050px; overflow-y: auto; } body.page_retail div.product_button, body.page_retail div.back_button, body.page_retail div.group_button { cursor: pointer; height: 175px; width: 120px; float: left; border-radius: 12px; margin-right: 8px; margin-bottom: 8px; } body.page_retail div.product_button { border: 1px solid #dcdcdc; background-color: #FFFFFF; } body.page_retail div.product_button img.product_image { border-top-left-radius: 12px; border-top-right-radius: 12px; } body.page_retail div.back_button { border: 1px solid #555555; background-color: #555555; } body.page_retail div.back_button:hover { background-color: #333333; } body.page_retail div.back_button img.product_image { margin-top: 59px; margin-left: 30px; } body.page_retail div.group_button { border: 1px solid #555555; background-color: #555555; } body.page_retail div.group_button:hover, body.page_retail div.active_button { background-color: #333333; } body.page_retail div.group_button div.group_name { margin-top: 60px; color: #FFFFFF; font-weight: bold; font-size: 12px; text-align: center; display: table-cell; height: 175px; width: 120px; vertical-align: middle; } body.page_retail div.product_button:hover img.product_image { opacity: 0.6; } body.page_retail div.no-products-found-pos { float: left; display: flex; height: 175px; align-items: center; } body.page_retail div.product_button div.product_name { color: #444444; font-size: 12px; line-height: 16px; padding: 5px 8px; height: 55px; font-weight: bold; width: 118px; overflow: hidden; } body.page_retail div.product_button div.product_price { color: #999999; font-size: 12px; line-height: 16px; padding: 1px 4px 0 8px; float: left; width: 79px; } body.page_retail div.product_button .product_stock { float: right; padding: 1px 8px 0 4px; text-align: right; color: #999999; font-size: 12px; line-height: 16px; width: 39px; } body.page_retail div#overlay, body.page_retail div#discount_overview { background-color: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; z-index: 9000000; left: 0; top: 0; } body.page_retail div#payment_screen, body.page_retail div#discount_screen { width: 450px; position: fixed; min-height: 560px; } body.page_retail div#payment_options { margin-top: 50px; width: 70px; float: left; } body.page_retail div.payment_option { height: 70px; width: 65px; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 5px 0px 5px rgba(203, 203, 203, 0.5) inset; cursor: pointer; } body.page_retail div#payment_screen .close_button { background: transparent; border: none; color: hsl(0, 0%, 88%); cursor: pointer; cursor: hand; font-size: 24px; margin-right: 10px; float: right; } body.page_retail div.payment_option_active { background-color: #FFFFFF; box-shadow: none; height: 70px; width: 70px; background-repeat: no-repeat; background-position: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; } body.page_retail div#payment_option_cash { background-image: url("data:image/png;base64,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"); } body.page_retail div#payment_option_card { background-image: url("data:image/png;base64,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"); } body.page_retail div#payment_option_other { background-image: url("data:image/png;base64,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"); } body.page_retail div.payment_option_screen, body.page_retail div.discount_option_screen { background-color: #FFFFFF; color: #424242; width: 380px; height: 450px; border-top-left-radius: 5px; border-top-right-radius: 5px; float: left; } body.page_retail div.discount_option_screen { border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } body.page_retail div.display_title { color: #444444; font-size: 24px; font-weight: bold; } body.page_retail div.register_warning { font-size: 12px; color: #03A9F4; margin: 3px; } body.page_retail div.register_api_key_warning { font-size: 12px; color: #03A9F4; margin: 3px; } body.page_retail div#payment_screen_cash div.display { background-color: #efefef; width: 285px; height: 105px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-top: 1px solid #ababab; box-shadow: 0px 1px 1px #d9d9d9 inset; margin: 40px auto 0px; overflow: hidden; } body.page_retail div#payment_screen_card div.display, body.page_retail div#payment_screen_other div.display { width: 285px; height: 85px; text-align: center; margin: 40px auto 0px; overflow: hidden; } body.page_retail div#discount_option_screen div.discount_display { width: 350px; height: 120px; text-align: center; margin: 40px auto 0px; overflow: hidden; } body.page_retail div#discount_option_screen div.discount_display table tbody th { text-align: left; } body.page_retail div#discount_option_screen div.discount_display table tbody td { text-align: right; } body.page_retail div#payment_screen_card div.display div.display_amount, body.page_retail div#payment_screen_other div.display div.display_amount { font-size: 40px; color: #444444; margin-left: 10px; margin-right: 10px; text-align: center; font-weight: bold; } body.page_retail div#payment_screen_other .payment_screen_other__buttons { border: 1px solid #E8E8E8; border-radius: 5px; margin: 10px auto 0; width: 290px; height: 36px; text-align: left; } body.page_retail div#payment_screen_other .payment_screen_other__buttons:hover, body.page_retail div#payment_screen_other .payment_screen_other__buttons:focus { background-color: #E8E8E8; height: 36px; } body.page_retail div#payment_screen_other .payment_screen_other__buttons .payment_screen_other__buttons-text { margin-left: 8px; margin-top: 8px; font-size: 14px; line-height: 21px; color: #222222; float: left; } body.page_retail div#payment_screen_other .payment_screen_other__buttons .payment_screen_other__buttons-svg { margin-left: 17px; float: left; margin-top: 5px; } body.page_retail div#payment_screen_cash div.display div.display_total { font-size: 14px; color: #868686; font-weight: bold; margin-left: 10px; margin-top: 15px; } body.page_retail div.display_amount, body.page_retail div.display_return_amount { font-size: 45px; padding-top: 8px; color: #444444; margin-left: 10px; margin-right: 10px; text-align: right; font-weight: bold; } body.page_retail div.display_return_amount { text-align: left; } body.page_retail div#payment_screen_cash div.small_button, body.page_retail div#discount_option_screen div.small_button { width: 62px; height: 62px; border: 1px solid #afb2b2; background-color: #EEE; border-radius: 4px; float: left; margin-right: 8px; margin-bottom: 8px; font-weight: bold; text-align: center; font-size: 20px; color: #666666; text-shadow: 1px 1px #FFFFFF; cursor: pointer; background-position: 0px 0px; display: flex; align-items: center; justify-content: center; } body.page_retail div#payment_screen_cash div.small_button:hover { background-color: #E0E0E0; } body.page_retail div.button_holder { width: 285px; margin: 0px auto; margin-top: 10px; } body.page_retail div#payment_screen_cash div.enter_button, body.page_retail div#discount_option_screen div.enter_button { width: 62px; height: 272px; border: 1px solid #03A9F4; border-radius: 4px; float: right; font-size: 20px; color: #FFFFFF; font-weight: bold; background-color: #03A9F4; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; } body.page_retail div#payment_screen_cash div.enter_button:hover { background-color: #039CE0; } body.page_retail div.select_user { width: 285px; background-color: #FFFFFF; height: 50px; margin: 0px auto; color: #A8A8A8; font-size: 18px; padding: 15px 10px 0px; cursor: pointer; } body.page_retail div#payment_screen_select_user { width: 380px; background-color: #d4d4d4; height: 85px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-top: 15px; clear: both; } body.page_retail div.button_complete_transaction { width: 285px; height: 51px; border: 1px solid #03A9F4; border-radius: 4px; font-size: 20px; color: #FFFFFF; font-weight: bold; background-color: #03A9F4; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); text-align: center; padding-top: 12px; cursor: pointer; background-position: 0px 0px; margin: 0 auto 0px; } body.page_retail div.button_complete_transaction:hover { background-color: #039CE0; } body.page_retail div#payment_completed_screen, body.page_retail div#payment_return, body.page_retail div#queue_list, body.page_retail div#confirm_cancel_transaction { width: 370px; position: fixed; background-color: #FFFFFF; border-radius: 4px; padding: 40px; } body.page_retail div#payment_return { height: 300px; } body.page_retail div#queue_list { width: 500px; height: 400px; } body.page_retail div.queue_list_holder { height: 200px; overflow-y: auto; } body.page_retail div#confirm_cancel_transaction { width: 500px; height: 150px; } body.page_retail div#payment_completed_screen h1, body.page_retail div#select_user_screen h1, body.page_retail div#change_user_screen h1, body.page_retail div#cash_mutation_popup h1, body.page_retail div#payment_return h1, body.page_retail div#queue_list h1, body.page_retail div#confirm_cancel_transaction h1 { color: #444444; font-size: 28px; margin-bottom: 20px; } body.page_retail div#payment_completed_screen p, body.page_retail div#select_user_screen p, body.page_retail div#change_user_screen p, body.page_retail div#cash_mutation_popup p { color: #777777; font-size: 13px; } body.page_retail div#payment_completed_screen div.select_user { border: 1px solid #bbbbbb; margin-top: 20px; width: 268px; } body.page_retail div.general_button { margin-top: 30px; width: 288px; height: 51px; border: 1px solid #afb2b2; border-radius: 4px; float: left; margin-right: 7px; margin-bottom: 7px; font-weight: bold; text-align: center; padding-top: 12px; font-size: 20px; color: #666666; text-shadow: 1px 1px #FFFFFF; cursor: pointer; background-position: 0px 0px; } body.page_retail div.general_button_blue { margin-top: 30px; width: 288px; height: 51px; border: 1px solid #03A9F4; background: #03A9F4; border-radius: 4px; float: left; margin-right: 7px; margin-bottom: 7px; font-weight: bold; text-align: center; padding-top: 12px; font-size: 20px; color: #FFFFFF; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); cursor: pointer; background-position: 0px 0px; } body.page_retail div.general_button:hover, body.page_retail div.general_button_blue:hover { background-position: 0px 58px; } body.page_retail div#select_user_screen { width: 520px; position: fixed; height: 585px; background-color: #FFFFFF; border-radius: 4px; padding: 40px; } body.page_retail div#select_user_screen input.select_user { border: 1px solid #bbbbbb; margin: 20px auto; width: 428px; background-color: #FFFFFF; height: 35px; color: #777777; font-size: 18px; padding: 7px 10px; } body.page_retail div#change_user_screen { width: 560px; position: fixed; height: 550px; background-color: #FFFFFF; border-radius: 4px; padding: 40px; } body.page_retail div#cash_mutation_popup { width: 490px; position: fixed; height: 520px; background-color: #FFFFFF; border-radius: 4px; padding: 40px; } body.page_retail div#employee_select { overflow-y: auto; margin-top: 10px; height: 300px; } body.page_retail div#employee_select div.employee { width: 145px; border: 1px solid #e5e5e5; height: 60px; background-color: #e5e5e5; border-radius: 2px; cursor: pointer; float: left; margin: 5px; } body.page_retail div#employee_select div.employee:hover { background-color: #f0f0f0; } body.page_retail div#employee_select div.employee img.avatar { width: 40px; height: 40px; float: left; margin-top: 10px; margin-left: 10px; border-radius: 2px; } body.page_retail div#employee_select div.employee div.name { float: left; margin-top: 22px; margin-left: 10px; font-size: 13px; width: 75px; } body.page_retail div#animation_holder { position: fixed; top: 0px; right: 0px; z-index: 100000000; } body.page_retail div#member_search_result { overflow-y: auto; } body.page_retail table#member_table { border: 0px; border-collapse: collapse; width: 100%; } body.page_retail table#member_table tr:nth-child(even) { background-color: #FFFFFF; } body.page_retail table#member_table tr:nth-child(odd) { background-color: #e5e5e5; } body.page_retail table#member_table tr:hover { background-color: #f0f0f0; } body.page_retail #register_error, body.page_retail #register_error_discount { position: fixed; top: 0px; border: 1px solid #e48181; font-size: 14px; font-weight: bold; background-color: #f8c3c4; color: #8f3030; width: 500px; padding: 25px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } body.page_retail #register_error a { color: #8f3030; text-decoration: underline; } body.page_retail #register_error textarea { width: 480px; height: 250px; } body.page_retail .countdown { display: inline; } body.page_retail .icon-delete-white { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeNqMkF0SwBAMhK1xUtzKz1VTQTS0nWleMrHrWwEiMn/Kzd7dMUZoEYBJKXXNaiHnvOHFNFAtOoTAXdc2e+9v4hG7SM2ERzQ/62t2En+S1AzWrWxXSqE3Uq2VWMekLVNbTM66ad3URjadHy1JlwADAOtBUeDTIoyeAAAAAElFTkSuQmCC"); opacity: 0.3; } body.page_retail .icon-delete-white:hover { opacity: 1; } body.page_retail .icon-edit-white { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNp0kAsOwyAMQ2vgpHxOBVwVVqezlDLNkvk+xQSUUq6990VxpgGY55x2kXMGaq0vkCI0xng2XwUOMUYzAeqE7mJIPpJWnNRaA8+Tjzyh+/1Ya1lSENR7/6lkQAgGpn+Quido662SDmKcun917bsTdH5Z8pDWquThjwADAPnqYMIIeVzuAAAAAElFTkSuQmCC"); opacity: 0.3; } body.page_retail .icon-edit-white:hover { opacity: 1; } body.page_retail .icon { background-position: 0px 10px; display: inline-block; margin: 0px 5px; width: 10px; height: 10px; cursor: pointer; outline: 0; border-radius: 0; } body.page_retail .font-size-140 { font-size: 140%; } body.page_retail #discount_unit { width: 60px; margin-left: 8px; } body.page_retail .discount_info { font-weight: bold; color: #FFFFFF; width: 275px; margin-left: 4px; padding: 12px 0px; clear: both; font-size: 13px; } body.page_retail .display_none { display: none; } body.page_retail .subtotal_edit { float: right; margin-top: 3px; margin-right: -10px; } body.page_retail .whole_basket_discount { float: right; margin-right: 10px; } body.page_retail .subtotal_value_edit { float: right; margin-right: 5px; } body.page_retail .subtotal_value { float: right; margin-right: -1px; } body.page_retail .margin_0_20 { margin: 0px 20px; } body.page_retail .margin_0_10 { margin: 0px 10px; } body.page_retail .margin-top-4 { margin-top: 4px; } body.page_retail #barcode_status { vertical-align: middle; margin: auto; margin-top: 10px; display: block; width: 26px; height: 26px; } body.page_retail .icon_barcode_invalid { background-image: url("data:image/png;base64,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"); background-size: 26px 26px; position: relative; top: 18px; } body.page_retail .barcode_label_textfield { position: relative; top: 18px; } body.page_retail .retail-card-type-container select { margin-bottom: 15px; } body.page_retail .retail-card-type-container .custom-card-container { margin-bottom: 15px; } body.page_retail .retail-card-type-container .custom-card-container input { width: 285px; } body.page_retail .retail-card-type-container .custom-card-container:not([style*="display:none"]) { margin-top: -38px; } body.page_retail .retail-card-type-container .custom-card-select-container { margin-bottom: 30px; } body.page_retail .retail-card-type-container .custom-card-select-container select { width: 285px; } body.page_retail .custom-card-container .custom-card-errors p { margin: 5px auto 0; width: 80%; } body.page_retail #payment_screen_card img { margin-bottom: 15px; } body.page_retail .cash-mutation-column { float: left; } body.page_retail .mutation-row .left { width: 40%; float: left; } body.page_retail .mutation-row .right { width: 40%; float: right; display: flex; align-items: center; } body.page_retail .mutation-row:after { content: ""; display: table; clear: both; } body.page_retail .mutation-row .middle-right { width: 70%; } body.page_retail .spacer20 { margin-top: 20px; } body.page_retail .spacer60 { margin-top: 60px; } body.page_retail .cash-mutation-button { position: absolute; height: 50px; width: 289px; bottom: 30px; right: 20px; font-size: large; background-position: 0px 0px; border-radius: 5px; } body.page_retail .disabled { opacity: 0.4; } body.page_retail #mutation-amount { width: 104px; } body.page_retail #custom-mutation-type { width: 174px; } body.page_retail div.add-cash-mutation { position: relative; text-shadow: none; background-position: 0px 0px; float: left; position: relative; color: #FFFFFF; left: 35%; border: 1px solid #03A9F4; background-color: #03A9F4; border-radius: 4px; font-size: 20px; font-weight: bold; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); text-align: center; } body.page_retail div.add-cash-mutation:hover { background-position: 0px 259px; cursor: pointer; } body.page_retail #mutation-amount-label { font-size: 16px; margin-left: 10px; padding-top: 7px; display: inline-block; } body.page_retail .cash-mutation-button:hover { -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); cursor: pointer; } body.page_retail #mutation-type-description { width: 96%; } body.page_retail .mutation-popup-close { position: absolute; top: 20px; right: 30px; background: transparent; border: none; cursor: pointer; cursor: hand; color: hsl(0, 0%, 88%); font-size: 24px; } body.page_retail #mutation-type { -webkit-appearance: none; -moz-appearance: none; background: url("data:image/png;base64,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/GMzLdsAADo2aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE1LTA1LTI2VDEyOjA1OjMwKzAyOjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTUtMTEtMTJUMTU6NDA6MzQrMDE6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE1LTExLTEyVDE1OjQwOjM0KzAxOjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8cGhvdG9zaG9wOklDQ1Byb2ZpbGU+c1JHQiBJRUM2MTk2Ni0yLjE8L3Bob3Rvc2hvcDpJQ0NQcm9maWxlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmVhNTQwZjUzLWRmMjEtNGFlMS1iZWYwLTEyMjQxODVjYWQ5YTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI2MmU1NzBhLWM5ZDktMTE3OC1iNmU2LWVhZmZiMmMwNmU1NDwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjhjZjc5OWYwLTY2NWMtNDk2OS1hMjRjLTZhZDlkODUzMTY5ZjwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo4Y2Y3OTlmMC02NjVjLTQ5NjktYTI0Yy02YWQ5ZDg1MzE2OWY8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTUtMDUtMjZUMTI6MDU6MzArMDI6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDplYTU0MGY1My1kZjIxLTRhZTEtYmVmMC0xMjI0MTg1Y2FkOWE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTUtMTEtMTJUMTU6NDA6MzQrMDE6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEzPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE3PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz56HFmOAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABkSURBVHjaYvz//z8DqYCJgQwwHDWxwBiurq4Eg3H37t2MKDZ9+PCBF58GZHkWJPEvDAwMjAwMDNhsZCTkJ0YCfIRNOjo6cMEnT57AbGSUkZFhYGBgYIDRDAwMDIyjyYgCTYABAH4ZFquFmGPGAAAAAElFTkSuQmCC") 96%/8% no-repeat #eee; } body.page_retail #mutation-amount-type { -webkit-appearance: none; -moz-appearance: none; background: url("data:image/png;base64,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/GMzLdsAADo2aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE1LTA1LTI2VDEyOjA1OjMwKzAyOjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTUtMTEtMTJUMTU6NDA6MzQrMDE6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE1LTExLTEyVDE1OjQwOjM0KzAxOjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8cGhvdG9zaG9wOklDQ1Byb2ZpbGU+c1JHQiBJRUM2MTk2Ni0yLjE8L3Bob3Rvc2hvcDpJQ0NQcm9maWxlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmVhNTQwZjUzLWRmMjEtNGFlMS1iZWYwLTEyMjQxODVjYWQ5YTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI2MmU1NzBhLWM5ZDktMTE3OC1iNmU2LWVhZmZiMmMwNmU1NDwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjhjZjc5OWYwLTY2NWMtNDk2OS1hMjRjLTZhZDlkODUzMTY5ZjwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo4Y2Y3OTlmMC02NjVjLTQ5NjktYTI0Yy02YWQ5ZDg1MzE2OWY8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTUtMDUtMjZUMTI6MDU6MzArMDI6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDplYTU0MGY1My1kZjIxLTRhZTEtYmVmMC0xMjI0MTg1Y2FkOWE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTUtMTEtMTJUMTU6NDA6MzQrMDE6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEzPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE3PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz56HFmOAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABkSURBVHjaYvz//z8DqYCJgQwwHDWxwBiurq4Eg3H37t2MKDZ9+PCBF58GZHkWJPEvDAwMjAwMDNhsZCTkJ0YCfIRNOjo6cMEnT57AbGSUkZFhYGBgYIDRDAwMDIyjyYgCTYABAH4ZFquFmGPGAAAAAElFTkSuQmCC") 96%/8% no-repeat #eee; } body.page_retail .v-btn-gray, body.page_retail .v-btn-blue { border: none; border-radius: 2px; cursor: pointer; font-size: 16px; height: 44px; width: 303px; } body.page_retail .v-btn-blue { background-color: #03A9F4; color: #ffffff; } body.page_retail .v-btn-gray { background-color: #e8e8e8; color: #222222; } /*# sourceMappingURL=main_light.css.map */