.test-stream-timer-row { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; background:#28526E; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom:16px; padding:8px; gap:0.5em; } .timer-icon::before { content: '\23F1'; font-size: 18px; color: #FFFFFF; } .loader-root{ position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; z-index: 50; min-width: 400px; min-height: 300px; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .loader-root .custom-spinner { border: 1rem solid #fff; border-top: 1rem solid #0B1C5F; border-radius: 50%; width: 100px; height: 100px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader-root .spinner-eclipse { -webkit-transform-origin: center; transform-origin: center; -webkit-animation: eclipse_spin 0.6s linear infinite; animation: eclipse_spin 0.6s linear infinite; fill: #FFF; } .loader-root .message { color:#FFF; width: 350px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes eclipse_spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes eclipse_spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .test-stream-notifier { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; padding: 14px 18px; background: linear-gradient(135deg, #ffd54f 0%, #ffb718 100%); border-radius: 8px; -webkit-box-shadow: 0 3px 12px rgba(255, 183, 24, 0.3); box-shadow: 0 3px 12px rgba(255, 183, 24, 0.3); max-width: 500px; width: 100%; margin-bottom: 16px; position: relative; overflow: hidden; } .test-stream-notifier::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #f57c00; } .test-stream-notifier__icon-container { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.3); border-radius: 50%; } .test-stream-notifier__icon { font-size: 22px; z-index: 2; position: relative; } .test-stream-notifier__icon-pulse { position: absolute; inset: -4px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); -webkit-animation: iconPulse 2s ease-in-out infinite; animation: iconPulse 2s ease-in-out infinite; } @-webkit-keyframes iconPulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes iconPulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .test-stream-notifier__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .test-stream-notifier__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 4px; } .test-stream-notifier__badge { display: inline-block; padding: 2px 8px; background: rgba(245, 124, 0, 0.9); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 0.5px; border-radius: 3px; text-transform: uppercase; } .test-stream-notifier__message { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.4; color: #203343; } /* Responsive adjustments */ @media (max-width: 600px) { .test-stream-notifier { max-width: 100%; border-radius: 0; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .test-stream-notifier__icon-container { width: 36px; height: 36px; } .test-stream-notifier__icon { font-size: 20px; } } /* Hexagon/technical design - distinct from other banners */ .stream-status-notifier { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 16px 20px 16px 16px; border-radius: 6px; max-width: 400px; width: 100%; margin-bottom: 16px; overflow: hidden; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); -webkit-animation: slideIn 0.3s ease-out; animation: slideIn 0.3s ease-out; } @-webkit-keyframes slideIn { from { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideIn { from { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } /* Recovering state - orange gradient with animated border */ .stream-status-notifier--recovering { background: linear-gradient(135deg, #ff6f00 0%, #e65100 100%); border-right: 4px solid #bf360c; } .stream-status-notifier--recovering::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 4px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#fff), to(transparent)); background: linear-gradient(to bottom, transparent, #fff, transparent); -webkit-animation: scanline 2s linear infinite; animation: scanline 2s linear infinite; } @-webkit-keyframes scanline { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes scanline { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } /* Failed state - deep red with static border */ .stream-status-notifier--failed { background: linear-gradient(135deg, #c62828 0%, #b71c1c 100%); border-right: 4px solid #7f0000; } .stream-status__indicator { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 56px; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.25); border-radius: 4px; border: 2px solid rgba(255, 255, 255, 0.2); } .stream-status__icon { font-size: 28px; z-index: 2; position: relative; -webkit-animation: iconBounce 2s ease-in-out infinite; animation: iconBounce 2s ease-in-out infinite; } @-webkit-keyframes iconBounce { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes iconBounce { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .stream-status-notifier--failed .stream-status__icon { -webkit-animation: none; animation: none; } .stream-status__spinner { position: absolute; inset: -6px; border-radius: 6px; border: 2px solid transparent; border-top-color: rgba(255, 255, 255, 0.6); border-right-color: rgba(255, 255, 255, 0.3); -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .stream-status__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; } .stream-status__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .stream-status__badge { display: inline-block; padding: 3px 10px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 1px; border-radius: 4px; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.2); } .stream-status__attempt { font-size: 11px; font-weight: 600; color: rgba(255, 255, 255, 0.85); letter-spacing: 0.3px; font-style: italic; } .stream-status__message { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.5; color: #fff; } .stream-status__error { margin: 0; font-size: 11px; font-weight: 400; line-height: 1.4; color: rgba(255, 255, 255, 0.75); font-style: italic; } /* Responsive adjustments */ @media (max-width: 600px) { .stream-status-notifier { max-width: 100%; border-radius: 0; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .stream-status__indicator { width: 48px; height: 48px; } .stream-status__icon { font-size: 24px; } } /* Diagonal stripe pattern design - VERY distinct from standard banners */ .network-status { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 0; max-width: 500px; width: 100%; margin-bottom: 16px; overflow: hidden; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); -webkit-animation: slideDown 0.4s ease-out; animation: slideDown 0.4s ease-out; } @-webkit-keyframes slideDown { from { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideDown { from { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* Diagonal stripe background pattern */ .network-status::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.03) 10px, rgba(0, 0, 0, 0.03) 20px ); pointer-events: none; z-index: 1; } /* Offline state - amber warning with animated stripes */ .network-status--offline { background: -webkit-gradient(linear, left top, right top, from(#ffa726), to(#ff9800)); background: linear-gradient(90deg, #ffa726 0%, #ff9800 100%); border-top: 3px solid #f57c00; border-bottom: 3px solid #f57c00; } .network-status--offline::before { background-image: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.08) 10px, rgba(0, 0, 0, 0.08) 20px ); -webkit-animation: stripeMove 20s linear infinite; animation: stripeMove 20s linear infinite; } @-webkit-keyframes stripeMove { 0% { background-position: 0 0; } 100% { background-position: 1000px 0; } } @keyframes stripeMove { 0% { background-position: 0 0; } 100% { background-position: 1000px 0; } } /* Disconnected state - solid red alert */ .network-status--disconnected { background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%); border-left: 6px solid #b71c1c; } .network-status--disconnected::before { display: none; } .network-status__indicator { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.9); border-radius: 8px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); z-index: 2; } .network-status--disconnected .network-status__indicator { background: rgba(255, 255, 255, 0.25); border: 2px solid rgba(255, 255, 255, 0.4); } .network-status__icon { font-size: 24px; line-height: 1; z-index: 3; position: relative; } /* Pulse animation only for offline */ .network-status__pulse { position: absolute; inset: -8px; border-radius: 12px; border: 3px solid rgba(255, 255, 255, 0.6); -webkit-animation: indicatorPulse 2s ease-in-out infinite; animation: indicatorPulse 2s ease-in-out infinite; z-index: 1; } @-webkit-keyframes indicatorPulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @keyframes indicatorPulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 50% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } .network-status__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; z-index: 2; } .network-status__title { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .network-status--offline .network-status__title { color: #1a1a1a; } .network-status__description { margin: 4px 0 0 0; font-size: 12px; font-weight: 500; line-height: 1.4; color: rgba(255, 255, 255, 0.95); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .network-status--offline .network-status__description { color: rgba(26, 26, 26, 0.85); } /* Responsive adjustments */ @media (max-width: 600px) { .network-status { max-width: 100%; border-radius: 0; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .network-status__indicator { width: 42px; height: 42px; } .network-status__icon { font-size: 22px; } } #admin-attendees-table .vc-bidder-log-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 25px; padding: 3px; } #admin-attendees-table .vc-enable-reject-button { width: 100%; height: 25px; padding: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #admin-attendees-table .waiting { background-color: grey; cursor: wait; } #admin-attendees-table .waiting>p { -webkit-animation: 1s linear 0s infinite normal spinner running; animation: 1s linear 0s infinite normal spinner running; color: white; } .admin-attendee-toggle-container { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } label.admin-attendee-toggle { background-color: #4d738a; position: relative; display: inline-block; width: 80px; height: 36px; border: 2px solid #7092a2; border-radius: 32px; margin: 0; cursor: pointer; } label.admin-attendee-toggle p { margin: 0; } label.admin-attendee-toggle:after { content: ''; position: absolute; width: 30px; height: 30px; background-color: #1a3445; border-radius: 30px; top: 1px; left: 1px; -webkit-transition: left 0.25s, right 0.25s; transition: left 0.25s, right 0.25s; } label.admin-attendee-toggle[data-checked="true"]:after { left: 45px; } label.admin-attendee-toggle .text-container { font-weight: bold; position: absolute; width: 30px; height: auto; top: 45%; text-align: center; line-height: 0.3em; left: 40px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: left 0.25s, right 0.25s; transition: left 0.25s, right 0.25s; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* Internet Explorer/Edge */ -moz-user-select: none; user-select: none; } label.admin-attendee-toggle[data-checked="true"] .text-container { left: 10px; } label.admin-attendee-toggle[data-disabled="true"] { background-color: grey; cursor: wait; } label.admin-attendee-toggle[data-disabled="true"] .text-container { top: 17%; -webkit-animation: 1s linear 0s infinite normal spinner running; animation: 1s linear 0s infinite normal spinner running; } label.admin-attendee-toggle input[type="checkbox"] { display: none; } #admin-attendees-table .reject-user-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px 15px; } #admin-attendees-table .reject-user-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; gap: 5%; width: 80%; } #admin-attendees-table .reject-user-controls button { width: 100%; } #admin-attendees-table .reject-user-container textarea { width: 100%; height: 100px; margin: 10px 0; } #admin-attendees-table .bidder-logs-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 10px; max-height: 400px; overflow-y: auto; } #admin-attendees-table .bidder-log-table { border: 2px solid #4d738a; } #admin-attendees-table .bidder-log-table td { border-bottom: 1px solid #4d738a; } #admin-attendees-table .bidder-log-table li { margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.25em; } #admin-attendees-table p { margin: 0; } #admin-attendees-table tbody { border-bottom: 1px solid #4d738a; } #admin-attendees-table .controls-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; gap: 3px; } #admin-attendees-table .controls-container button { border: 2px solid #7092a2; border-radius: 15px; } #admin-attendees-table .control-panel-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #admin-attendees-table .reasons-short-list { margin: 0; list-style: none; } #admin-attendees-table .reasons-short-list hr { margin: 0.2em 0; border-color: rgba(255, 255, 255, 0.3); border-style: solid; } #admin-attendees-table .control-panel-row:hover, #admin-attendees-table .control-panel-row:hover td { background-color: rgb(37, 68, 86); } #admin-attendees-table .control-panel-row:hover tr:hover, #admin-attendees-table .control-panel-row:hover tr:hover td { background-color: rgb(59, 88, 105); } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #admin-attendees-table th { padding: 15px 10px; text-align: center; } #admin-attendees-table .attendees-table-head th { /* 12 columns subdivided into half widths (24 'width' units). 2 "wide" columns consume 3/24 each, leaving 18 widths for the remaining 10 columns. divide by 24 to get the width for each column such that all columns add up to 100% width. */ width: calc((18/10)/24 * 100%); } #admin-attendees-table .attendees-table-head th.wide { width: calc(3/24 * 100%); } #admin-attendees-table.table-condensed td { padding:6px 8px; } #admin-attendees-table td { padding: 5px; } #admin-attendees-table .txt-danger{ color:#f73131; } #admin-attendees-table .txt-warn{ color:yellow; } #admin-attendees-table .txt-success{ color:greenyellow; } .table-wrapper[data-v-2dd2a880] { max-height: 500px; overflow-x: auto; overflow-y: auto; display: block; width: 100%; } tr[data-v-2dd2a880]:hover { background-color: '#f0f0f0'; } .table-header-wrapper[data-v-2dd2a880] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 0; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; } .table-header-text[data-v-2dd2a880] { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table-header-utility[data-v-2dd2a880] { display: -webkit-box; display: -ms-flexbox; display: flex; } button.sort-button[data-v-2dd2a880] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; margin: 0px; text-align: center; overflow: visible; background-color: transparent; } button.sort-button[data-v-2dd2a880]::before { height: 16px; width: 16px; -ms-flex-item-align: baseline; align-self: baseline; } button.preview[data-v-2dd2a880] { color: #203343; font-size: 14px; font-weight: 400; background-color: #f5f5f5; padding: 6px 20px 6px 20px; text-transform: none; } button.edit[data-v-2dd2a880] { color: #203343; font-size: 14px; font-weight: 400; background-color: #ffb718; padding: 6px 20px 6px 20px; text-transform: none; } button.save[data-v-2dd2a880] { color: #ffffff; font-size: 14px; font-weight: 400; background-color: #4d9647; padding: 6px 20px 6px 20px; text-transform: none; } button.save.disabled[data-v-2dd2a880] { background-color: rgba(77, 150, 71, 0.6); } button.delete[data-v-2dd2a880] { color: #ffffff; font-size: 14px; font-weight: 400; background-color: #c03f3f; padding: 6px 20px 6px 20px; text-transform: none; } button.cancel[data-v-2dd2a880] { color: #7092a2; font-size: 14px; font-weight: 400; background-color: transparent; padding: 6px 20px 6px 20px; text-transform: none; border: none; } .table-controls[data-v-2dd2a880] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem; } .page-container[data-v-2dd2a880] { display: -webkit-box; display: -ms-flexbox; display: flex; } .pagination-options[data-v-2dd2a880] { width: 200px; } .pagination-select[data-v-2dd2a880] { float: right; } button.page-item[data-v-2dd2a880] { color: #ffb718; display: block; padding: 7px 11px; text-decoration: none; height: 30px; width: 30px; background-color: transparent; border: none; } button.page-item.current[data-v-2dd2a880] { background-color: rgb(59, 88, 105); } button.page-item[data-v-2dd2a880]:hover { background-color: rgba(37, 68, 86, 0.9); } .screen-input[data-v-2dd2a880] { border: none; border-bottom: 1px solid #bdbdbd; background-color: transparent; padding: 8px 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #screen-preview-img { width: 475px; max-height: 475px; } #screen-maintenance-vue-root { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; width: 1500px; } .customer-options { float: right; } .screen-preview-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; width: 475px; gap: 1rem; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* rome@v2.1.22, MIT licensed. https://github.com/bevacqua/rome */ .rd-container{display:none;border:1px solid #333;background-color:#fff;padding:10px;text-align:center} .rd-container-attachment{position:absolute} .rd-month{display:inline-block;margin-right:25px} .rd-month:last-child{margin-right:0} .rd-back,.rd-next{cursor:pointer;border:none;outline:0;background:0 0;padding:0;margin:0} .rd-back[disabled],.rd-next[disabled]{cursor:default} .rd-back{float:left} .rd-next{float:right} .rd-back:before{display:block;content:'\2190'} .rd-next:before{display:block;content:'\2192'} .rd-day-body{cursor:pointer;text-align:center} .rd-day-selected,.rd-time-option:hover,.rd-time-selected{cursor:pointer;background-color:#333;color:#fff} .rd-day-next-month,.rd-day-prev-month{color:#999} .rd-day-disabled{cursor:default;color:#fcc} .rd-time{position:relative;display:inline-block;margin-top:5px;min-width:80px} .rd-time-list{display:none;position:absolute;overflow-y:scroll;max-height:160px;left:0;right:0;background-color:#fff;color:#333} .rd-time-option,.rd-time-selected{padding:5px} .rd-day-concealed{visibility:hidden} @charset "UTF-8"; /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } h1, .h1 { font-size: 36px; font-size: 3.6rem; color: #ffb718; margin: 0 0 20px 0; font-weight: 300; } h2, .h2 { font-size: 28px; font-size: 2.8rem; color: #a2c6d5; margin: 0 0 15px 0; font-weight: 500; } h3, .h3 { font-size: 22px; font-size: 2.2rem; color: #ffb718; margin: 0 0 15px 0; font-weight: 500; } h4, .h4 { font-size: 16px; font-size: 1.6rem; color: #fff; margin: 0 0 10px 0; font-weight: 700; } h5, .h5 { font-size: 14px; font-size: 1.4rem; margin: 0 0 10px 0; } h6, .h6 { font-size: 13px; font-size: 1.3rem; margin: 0 0 10px 0; } p, pre, label, address { font-size: 14px; font-size: 1.4rem; margin: 0 0 20px 0; } ol, ul { font-size: 14px; font-size: 1.4rem; margin: 0 0 20px 0; } li { line-height: auto; margin: 0; } ul { list-style-type: none; } ol { list-style-position: outside; list-style-type: decimal; } strong, b { font-weight: 600; } em, i, q { font-style: italic; } .pagination-container { text-align: center; height: 30px; margin: 10px 0; } .pagination-items { float: right; margin-top: -40px; } .pagination { display: inline-block; } .pagination li { border: 0; margin: 0; padding: 0; font-size: 14px; font-size: 1.4rem; list-style: none; margin-right: 0px; font-family: 'Open Sans', sans-serif; float: left; } .pagination li.current-item a { background: #3b5869; } .pagination a { border-right: solid 1px #4d738a; color: #ffb718; } .pagination .active { background: #4d738a; color: #FFFFFF; font-weight: bold; display: block; float: left; } .pagination a:link, .pagination a:visited { color: #ffb718; display: block; float: left; padding: 7px 11px; text-decoration: none; height: 30px; } .pagination a:hover { background: rgba(37, 68, 86, 0.9); color: #ffb718; } .pagination .previous-off, .pagination .next-off { border: solid 1px #DEDEDE; color: #888888; display: block; float: left; margin-right: 2px; padding: 3px 4px; } .pagination .next a, .pagination .previous a { color: #ffb718; } .pagination .next a:hover, .pagination .previous a:hover { background: rgba(37, 68, 86, 0.9); } .pagination .last a { border-right: 0; } .paging { float: right; margin-top: 1px; } .paging label { font-size: 12px; font-size: 1.2rem; position: relative; top: 2px; color: #a2c6d5; } .paging input[type=checkbox] { height: 15px; width: 15px; margin-right: 10px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } ul.inline li { display: inline-block; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; /* Sets up the Base 10 stuff */ height: 100%; } body { font-family: 'Raleway', sans-serif; font-size: 14px; font-size: 1.4rem; background: #1a3445; height: 100%; } a { color: #ffb718; text-decoration: none; } strong { font-weight: 600; } .wrapper { width: 1076px; /** Add 1px to accomidate border */ padding: 40px 0 80px 30px; margin-left: 139px; margin-right: 0px; border-left: 1px solid #4d728a; min-height: 100vh; } .wrapper:before, .wrapper:after { content: " "; display: table; } .wrapper:after { clear: both; } .content { margin-bottom: 30px; } .content:before, .content:after { content: " "; display: table; } .content:after { clear: both; } @font-face { font-family: 'velocicast'; src: url(data:application/vnd.ms-fontobject;base64,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); src: url(data:application/vnd.ms-fontobject;base64,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?#iefixi2nygp) format("embedded-opentype"), url(data:font/woff;base64,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) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(/assets/velocicast95f07e4d76c642f3d240.svg#velocicast) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'velocicast'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #a2c6d5; font-size: 25px; vertical-align: middle; margin: 0 5px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .material-admin-icons{ font-family: 'Material Icons'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #a2c6d5; font-size: 27px; vertical-align: middle; margin: 0 5px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .active .material-admin-icons { color: #254456; } .icon-vehicles:before { content: "\e608"; } .icon-users:before { content: "\e609"; } .icon-system:before { content: "\e60a"; } .icon-settings:before { content: "\e60b"; } .icon-reports:before { content: "\e60c"; } .icon-monitor:before { content: "\e60d"; } .icon-lanes:before { content: "\e60e"; } .icon-customers:before { content: "\e60f"; } .icon-lookups:before { content: "\e600"; } .icon-uparrow:before{ content: "\2191"; } .icon-downarrow:before{ content: "\2193"; } .icon-history:before { content: "\e61a"; } .active [class^="icon-"], .active [class*=" icon-"] { color: #254456; } header { border-bottom: solid 6px #ffb718; padding: 20px; background: #fff; } header .user-info { float: right; margin-top: 20px; text-align: right; } header .user-info ul { margin-bottom: 0px; } header .user-info li { display: inline-block; margin-right: 5px; } header .user-info li .divider { margin-left: 5px; margin-right: 5px; color: #a2c6d5; } header .header-container { max-width: 1200px; position: relative; } #main-nav { background: url(/assets/sidebar2b33e9fedec6e38a5a14.png); color: #d1d1d1; width: 139px; position: absolute; } #main-nav ul { margin-bottom: 0px; } #main-nav li { padding: 20px 8px; border-bottom: solid 1px #4d738a; cursor: pointer; } #main-nav li:hover { background: #4d738a; } #main-nav li.active { background: #ffb718; } #main-nav li.active a { color: #254456; } #main-nav li img { vertical-align: middle; margin-right: 10px; } #main-nav li a { color: #fff; } .page-header { border-bottom: 1px solid #4d738a; margin-bottom: 10px; } .page-header:before, .page-header:after { content: " "; display: table; } .page-header:after { clear: both; } .page-header h1 { margin: 0 30px 15px 0; float: left; } .add-button { display: inline-block; } .page-utilities { width: 100%; margin-top: 5px; } .page-utilities .filter-container { text-align: center; } .page-utilities .filter-container .filters { display: inline-block; } .advanced-filter { padding: 10px 10px 0 10px; background: rgba(37, 68, 86, 0.85); clear: both; border-top: 1px solid #4d738a; } .advanced-filter #search { width: 725px; } .advanced-filter input, .advanced-filter select { margin-right: 10px; } .filter { display: inline; position: relative; top: -2px; } .small-page-header h1, .small-page-header .h1, .small-page-header h2, .small-page-header .h2, .small-page-header h3, .small-page-header .h3, .small-page-header h4, .small-page-header .h4, .small-page-header h5, .small-page-header .h5 { float: left; } .small-page-header .page-utilities { width: 420px; } table { color: #fff; font-size: 14px; font-size: 1.4rem; background: rgba(37, 68, 86, 1); width: 100%; } table th { background: #7092a2; padding: 15px 10px; border-bottom: 1px solid #4d738a; font-weight: 600; } table th.monitoring-event { width: 270px; } table th.monitoring-item { width: 550px; } table th.monitoring-bid { width: 175px; } table th.monitoring-count { width: 75px; } table th.monitoring-run { width: 75px; } table th.monitoring-sold { width: 75px; } table th.monitoring-amount { width: 120px; } table th.event-gear { width: 65px; } table th.event-date { width: 200px; } table th.event-time { width: 150px; } table th.event-lane { width: 75px; } table th.event-title { width: auto; } table th.event-item { width: 75px; } table th.event-status { width: 120px; } table th.users-name { width: 200px; } table th.users-bidders { width: 50px; } table th.users-buy { width: 50px; } table th.users-sell { width: 50px; } table th.users-prebids { width: 50px; } table th.users-credit { width: 150px; } table th.users-status { width: 150px; } table th.bidders-name { width: 370px; } table th.bidders-badge { width: 90px; } table th.bidders-buy { width: 60px; } table th.bidders-sell { width: 60px; } table th.bidders-credit { width: 110px; } table th.prebids-badge { width: 120px; } table th.prebids-amount { width: 110px; } table th.prebids-item { width: 230px; } table th.prebids-expires { width: 170px; } table th.prebids-multi { width: 60px; } table th.sysuser-name { width: 270px; } table th.sysuser-email { width: 250px; } table th.sysuser-customer { width: 150px; } table th.sysuser-type { width: 150px; } table th.customer-name { width: 522; } table th.customer-city { width: 261; } table th.customer-industry { width: 261; } table th.item-number { width: 155px; } table th.item-event { width: 221px; } table th.item-desc { width: 525px; } table th.item-status { width: 83px; } table th.item-checkbox { width: 60px; } table th.user-name { width: 349px; } table th.user-status { width: 100px; } table th.user-email { width: 377px; } table th.user-type { width: 221px; } table th.lookup-value { width: 522px; } table th.lookup-text { width: 522px; } table th.video-item-num { width: 100px; } table th.video-item-time { width: 150px; } table th:first-child { text-align: left; padding-left: 20px; } table tr { text-align: center; padding-left: 20px; } table tr.active-item { background: #3b5869; } table td:first-child { text-align: left; padding-left: 20px; border-left: 0; } table td { padding: 15px 10px; border-bottom: 1px solid #4d738a; border-left: 1px solid #4d738a; } table.condensed { width: 120%; } table.condensed th { padding:8px 6px; } table.condensed td { padding:3px 6px; } table tr:last-child td { border-bottom: 0; } table tr:hover td { background: #3b5869; } #vc-monitor-detail table tr { text-align: left; } #vc-monitor-detail table td:first-child { text-align: right; } #vc-monitor-detail table td { padding: 10px 10px; width: 50%; } #vc-monitor-detail table td label { margin: 0; width: 100%; } #vc-monitor-detail table tr:hover td { background: none; } .vc-lanes .status-orb-sm { margin-right: 10px; width: 16px; height: 16px; display: inline-block; } .vc-lanes .status-orb-sm.running { background: url(/assets/sm-event-status-greenea524852dfe7b9eb623c.png) no-repeat center right; background-size: 16px; } .vc-lanes .status-orb-sm.stopped { background: url(/assets/sm-event-status-red99d748cb6c947d35c46a.png) no-repeat center right; background-size: 16px; } .videoRep-wrap { margin-top:15px; } .video-headerbar { margin-bottom:10px; } .url-label { font-family: 'Open Sans', sans-serif; float:left; padding:0 12px; text-transform:uppercase; margin-right:10px; background:#ffb718; color:#15232e; height:30px; line-height:30px; font-weight:bold; font-size:16px; } .url-label .material-icons { float:right; margin-left:10px; height:30px; font-size:20px; line-height:30px; } .url-label-dropdown { cursor:pointer; position:relative; } .url-label-dropdown-box { position:absolute; top:100%; left:0; width:150px; max-height:350px; background:#df9f26; z-index:99; overflow-y:auto; } .url-label-dropdown-box ul { list-style:none; margin:0; padding:0; } .url-label-dropdown-box ul li { margin:0; padding:0px; } .url-label-dropdown-box ul li a { display:block; padding:0px 10px; color:#15232e; } .url-label-dropdown-box ul li a span { margin-right:8px; } .url-label-dropdown-box ul li a:hover { background:#fcb52e; } .url-label-dropdown-box ul li a.cur-url { background:#fcb52e; } .url-block { white-space:nowrap; line-height:30px; overflow:hidden; padding-right:15px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .video-headerbar-controls { /*float:right;*/ } .clipping-controls .btn-large, .video-buttons .btn-large, .video-headerbar-controls .btn { width:auto; padding:2px 15px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; -ms-flex-direction:column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .clipping-controls .btn-clean, .video-buttons .btn-clean, .video-headerbar-controls .btn-clean { background:none; color:#a2c6d5; } .clipping-controls .btn-clean:hover, .video-buttons .btn-clean:hover, .video-headerbar-controls .btn-clean:hover { background:none; color:#fff; } .clipping-controls .btn .material-icons, .video-buttons .btn .material-icons, .video-headerbar-controls .btn .material-icons { line-height:0px; } .clipping-controls .btn-large, .video-buttons .btn-large { height:48px; padding:0 6px; } .clipping-controls .btn-large .material-icons, .video-buttons .btn-large .material-icons { font-size:40px; } #vc-video{ top:0px; float:left; width: 380px; } #vc-video-items table thead { display: none; } #vc-video-items table tr { text-align: left; } #vc-video-items table td { padding: 10px 10px; } #vc-video-history table thead {} #vc-video-history table tr { text-align: left; } #vc-video-history table td { padding: 10px 10px; } #vc-video-history table tr:hover td { background: none; } .video-file { font-weight: 100; text-decoration: underline; color: white; } .video-current { color: #ffb718; } .empty-header { height: 44px; background: #7092a2; } #vc-user-notes-settings textarea { height: 110px; margin: 0; width: 100%; resize: none; } .emptyTable { background: rgba(37, 68, 86, 0.85); } .emptyTable p { color: #fff; padding: 40px 0; text-align: center; font-size: 3rem; font-weight: 300; } label { display: inline-block; margin-bottom: 5px; min-width: 65px; text-align: right; color: #fff; margin-right: 5px; vertical-align: middle; } .advanced-filter label { color: #fff; } .advanced-filter input[type="text"] { background: #4d738a; border: 0; color: #a2c6d5; } input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"] { line-height: 34px; } input[type="search"], input[type="text"], input[type="email"], input[type="date"], input[type="time"], input[type="password"], textarea { height: 30px; padding: 5px; font-size: 14px; line-height: 1.42857; color: #a2c6d5; background-color: #4d738a; background-image: none; border: 0; margin-bottom: 10px; } textarea { resize: none; width: 200px; height: 60px; } select { background: url(/assets/dropdown-arrow2bb1044f63561b139cc7.png) no-repeat 100% 0% #4d738a; font-size: 12px; font-size: 1.2rem; padding: 5px 32px 5px 10px; line-height: 18px; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; -moz-appearance: none; width: 165px; outline: 0; text-indent: 0.01px; text-overflow: ellipsis; margin-bottom: 10px; border: 0; color: #a2c6d5; } input[type=checkbox] { line-height: 1; border: 0; border-radius: 0; height: 20px; width: 20px; -webkit-appearance: none; outline: 0; -moz-appearance: none; border: 1px solid #a2c6d5; background: #4d738a; vertical-align: middle; color: #fff; margin-right: 5px; } .checkbox-wrap li, .gray-box li { color: #fff; } input[type=checkbox]:checked { background: url(/assets/checkmark40bb41f28fdf386b45a6.png) no-repeat 50% 50% #4d738a; } .disabled { opacity: 0.3; } .date-input-wrap input { width: 108px; } input.small-text { width: 70px; margin-right: 5px; } .event-settings li li { font-size: 12px; margin-left: 8px; } .btn-close { background: #4d738a; border: 0; font-size: 20px; font-weight: 500; width: 30px; height: 30px; border-radius: 20px; position: relative; top: -5px; right: -5px; float: right; color: #a2c6d5; } .btn-close:hover { background: #628ea8; } .ui-dialog { background: #254456; border: 1px solid #4d738a; color: #fff; padding: 15px 15px 30px; } .ui-dialog .btn { margin-right: 7px; } .ui-dialog .btn:focus { border: 0; } .ui-dialog-titlebar-close { background: #4d738a; border-radius: 20px; border: 0; height: 30px; width: 30px; color: #a2c6d5; float: right; position: relative; top: -20px; right: -20px; } #vc-login-form input { width: 250px; } #vc-login-form label { text-align: left; margin-bottom: 5px; } #vc-login-form .button-row { text-align: left; margin-bottom: 20px; } #vc-password-confirm { margin-left: 27px; } #vc-forgot-password { margin-left: 74px; } #vc-button-login { margin-left: 74px; } #vc-reset-password { margin-left: 100px; } #vc-login-form .button-row .btn { width: 160px; } #vc-login-form .form-group { margin-bottom: 10px; } #vc-login-form .login-error { color: #ffb718; margin-left: 10px; } #vc-login-form .requirements { color: #ffb718; } #vc-login-form .requirements p { margin: 0; } #vc-login-form .requirements ul { margin: 5px 30px; list-style-type: inherit; } #vc-events-to-purge { margin: 10px; color: white; } .cb-purge{ margin: 8px 8px 0px 4px; } .btn { display: inline-block; margin-bottom: 0; font-size: 16px; font-weight: 500; text-align: center; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 3px 0; white-space: nowrap; width: 150px; height: 30px; } .btn:hover, .btn:focus { text-decoration: none; outline: 0; } .btn:active, .btn.active { outline: 0; background-image: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); } .btn-short { width: 80px; } .btn-primary { background: #ffb718; color: #254456; } .btn-primary:hover { background: #e49d00; } .btn-secondary { background: #a2c6d5; color: #254456; } .btn-secondary:hover { background: #7fb0c5; } .btn-tertiary { background: #4d738a; color: #fff; } .btn-tertiary:hover { background: #3b5869; } .btn-small { width: 70px; font-size: 12px; font-size: 1.2rem; height: 30px; } .btn-xlrg { width: 160px; font-size: 12px; font-size: 1.2rem; height: 30px; } .btn-lg { width: 160px; height: 40px; } .btn-auto { width:auto; padding-right:15px; padding-left:15px; } .btn-test-stream { background: #F5F5F5; color: #203343 } .margin-right10 { margin-right:10px; } .margin-left10 { margin-lefty:10px; } .margin-00 { margin-top:0; margin-bottom:0; } /*button.control-btn {*/ .control-btn { background: transparent; color: #fff; width: 25px; height: 25px; vertical-align: middle; margin-right: 10px; cursor: pointer; position: relative; font-size: 20px; } .control-btn:before { font-family: 'velocicast'; content: "\e60b"; background: transparent; color: #ffb718; } .control-btn:before:hover { color: #e49d00; } .control-btn ul { display: none; position: absolute; top: -5px; left: 35px; border: 0; padding: 0; margin: 0; text-align: left; color: #fff; } .control-btn ul:before { display: block; content: ''; width: 0; height: 0; position: absolute; top: 5px; left: 15px; border-style: solid; border-width: 12px 10px 12px 0; border-color: transparent #4d738a transparent transparent; border-bottom: 10px solid transparent; left: -10px; } .control-btn li { padding: 0 12px; font-size: 12px; font-size: 1.2rem; color: #838ca2; background-color: #4d738a; margin-bottom: 0px; } .control-btn li:first-child { padding-top: 8px; } .control-btn li:last-child { padding-bottom: 8px; } .control-btn li a { display: block; position: relative; margin: 0; padding: 6px 10px 6px 6px; color: #ffb718; background-color: #4d738a; border: 1px solid transparent; } .control-btn li a:hover { text-decoration: none; color: #ffe7b1; cursor: pointer; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block+.btn-block { margin-top: 5px; } tr.device-edit td { background: #1e3a4a; } tr.device-edit:hover td { background: #1e3a4a; } tr.device-edit .button-row { float:right; padding-top:18px; } tr.device-edit h3 { padding-top:24px; font-size:18px; } tr.device-edit .form-group { float:left; margin:0 20px 0 0; } tr.device-edit .form-group label { display:block; text-align:left; } tr.device-edit .form-group select { width:320px; } .ver-results { display:block; float:left; padding:15px; border:solid 1px #ffb718; color:#ffb718; margin-left:6px; width:650px; margin-top:-10px; text-align:center; } .ver-edit { margin-top:15px; } .hide { display:none; } /* ::Date & Time Picker */ /* ----------------------------------------------------------- */ .ui-datepicker { background-color: #7092a2; } .ui-datepicker table td { text-align: right; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker-header { background-color: #7092a2; color: #fff; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { background-color: #7092a2; text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } .bottom-content { margin-top: 20px; padding-top: 20px; border-top: solid 1px #a2c6d5; } .bottom-content:before, .bottom-content:after { content: " "; display: table; } .bottom-content:after { clear: both; } .labeled-list { margin-bottom: 0px; } .labeled-list li { clear: both; padding: 7px 0; } .left-column { width: 335px; float: left; padding-right: 10px; } .left-column.bordered { border-right: solid 1px #a2c6d5; } .left-column label { display: block; float: left; width: 105px; margin-right: 10px; margin-top: 7px; } .left-column input[type="text"], .left-column input[type="password"], .left-column input[type="email"], .left-column select { width: 200px; } .left-column input[type="checkbox"] { margin-top: 4px; float: left; } .left-column .checkbox-wrap { width: 225px; float: left; } .left-column .checkbox-wrap input[type="text"] { width: 200px; margin-left: 8px; } .left-column .checkbox-wrap .inline-settings { padding-left: 25px; } .left-column #vc-user-password { width: 200px; } .form-group { margin-bottom: 30px; } .form-group .keymap ul { width: 220px; float: left; } .form-group .messages, .form-group .pausemessages, .form-group .increments, .form-group .announcements { width: 260px; } .form-group .messages li, .form-group .pausemessages li, .form-group .increments li, .form-group .announcements li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; margin: 10px 0; } .form-group .messages li input, .form-group .pausemessages li input, .form-group .increments li input, .form-group .announcements li input { margin: 0; } .form-group .messages li .delete, .form-group .pausemessages li .delete, .form-group .announcements li .delete { margin: 0; } .form-group .keymap li input { margin-bottom: 5px; } .form-group .keymap-input { color: #254456; background-color: #a2c6d5; font-size: 12px; line-height: 1; } .form-group .keymap-input:hover { background-color: #7fb0c5; } .form-group .listening { background-color: #e49d00; } .form-group .listening:hover { background-color: #e49d00; } .row { display: inline-block; } .row .form-group { float: left; } .checkboxes { min-width: 200px; } .checkboxes li { margin-bottom: 7px; } .collections { min-width: 260px; } .bottom-content .gray-box { padding: 0; } .bottom-content .labeled-list { margin-bottom: 0px; } .bottom-content .labeled-list li { clear: both; padding: 12px 0; border-bottom: 0px solid #4d738a; } .bottom-content .labeled-list li:nth-child(even) { background: #3b5869; } .bottom-content .labeled-list li:last-child { border-bottom: 0; } .bottom-content .left-column { width: 335px; float: left; padding-right: 10px; } .bottom-content .left-column.bordered { border-right: solid 1px #a2c6d5; } .bottom-content .left-column h4, .bottom-content .left-column .h4 { background: #7092a2; margin-bottom: 0; padding: 18px; } .bottom-content .left-column label { display: block; float: left; width: 48%; margin-right: 10px; margin-top: 0; } .bottom-content .left-column input[type="text"], .bottom-content .left-column input[type="password"], .bottom-content .left-column input[type="email"], .bottom-content .left-column select { width: 200px; } .bottom-content .left-column .form-group { margin-bottom: 30px; } .bottom-content .left-column .checkbox-wrap { width: 225px; float: left; } .bottom-content .left-column .checkbox-wrap input[type="text"] { width: 200px; margin-left: 8px; } .bottom-content .left-column .checkbox-wrap .inline-settings { padding-left: 25px; } .right-column { width: 710px; float: left; padding-left: 20px; } .right-column label { display: block; width: 105px; text-align: left; margin-right: 10px; margin-top: 7px; } .right-column input[type="text"], .right-column input[type="password"], .right-column input[type="email"], .right-column select {} .right-column .checkbox-wrap { width: 225px; float: left; } .right-column .checkbox-wrap input[type="text"] { width: 200px; margin-left: 8px; } .right-column .checkbox-wrap .inline-settings { padding-left: 25px; } .right-column #vc-user-password { width: 200px; } .gray-box { background: rgba(37, 68, 86, 0.85); padding: 20px 10px; } .gray-box:before, .gray-box:after { content: " "; display: table; } .gray-box:after { clear: both; } .gray-box .button-row { width: 100%; margin: 15px 0; padding-right: 12px; } .gray-box .inline-form label { text-align: right; } .col1, .col2 { width: 270px; padding: 10px; float: left; } /* .col1 label, .col2 label { display: block; float: none; text-align: left; } .col1 .form-group, .col2 .form-group { margin-bottom: 20px; } */ .col1 ul, .col2 ul { margin-bottom: 0px; } .col { padding: 10px; } .checkbox-wrap li { margin-bottom: 5px; } .checkbox-wrap label { display: inline; } .checkbox-wrap input { margin-bottom: 0px; } .page-header .button-row { float: right; } .subhead-title { margin: 0 0 -5px 0; padding: 15px 0 0 0; } .customer-settings label { float: left; margin-right: 10px; } .customer-settings .checkbox-wrap { float: left; } .event-settings { padding-left: 10px; } .event-settings .sub-selections { margin-left: 20px; } .event-settings li { margin-bottom: 5px; } .event-settings li ul { margin-left: 20px; margin-top: 10px; } .inline-settings label, .inline-settings input, .inline-settings select, .inline-settings .btn { display: inline-block; } .inline-settings select { width: 185px; margin-right: 5px; } .inline-settings label { width: 85px; } .inline-settings .btn { width: 50px; height: 30px; vertical-align: middle; font-size: 14px; } .bid-increments li { margin-bottom: 10px; } .bid-increments .small-text { margin: 0 0 0 5px; height: 30px; } #ID_NUM { color: #fff; width: 220px; height: 50px; line-height: 2; vertical-align: middle; padding-top: 8px; } .delete { margin-right: 5px; position: relative; top: 1px; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .dialog-delete-user input.btn { margin: 0 5px; display: inline-block; width: 124px; } /* error styling */ input.error { border: solid #c61515; } p.error { text-align: center; color: red; } .error { text-align: center; color: red; } /* end error styling */ .hidden { display: none; } #vc-modal { margin: 0 auto; background-color: #254456; padding: 20px; } #vc-modal p { color: #fff; } #vc-modal .modal-buttons .btn { margin-right: 10px; } #vc-modal .form-group { margin-bottom: 10px; } #vc-modal .form-group label { display: inline; } #vc-modal .form-group input { width: 268px; } .lookup-search { width: 360px; margin: 0 auto; } .lookup-search input[type=text] { width: 200px; } .lookup-empty p { color: #fff; padding-top: 30px; text-align: center; font-size: 3rem; font-weight: 300; } #vc-auth-modal { width: 400px; text-align: center; margin: 0 auto; background-color: #254456; } #vc-auth-modal h3 { font-size: 1.5em; background: #6f91a1; padding: 16px; color: #fff !important; text-align: center; font-weight: normal; margin: 0; } #vc-auth-modal p { color: #fff; line-height: 1.3em; margin: 0; } #vc-auth-modal #login-error { color: #fff; display: none; margin-top: 20px; } #vc-auth-modal input#con-email, #vc-auth-modal input#con-password { height: 37px; margin: 1em 0 0; font-weight: bold; font-size: 1em; color: #222; background-color: #fff; text-indent: 5px; width: 294px !important; border: 0; } #vc-auth-modal .button-row { margin: 20px auto 0; text-align: center; } #vc-auth-modal .login-again { padding: 0 10px 10px 10px; } #vc-auth-modal .authentication-content { padding: 30px 40px; } #vc-auth-modal .form-group { margin: 0; } #vc-auth-modal a.authentication-button { padding: 10px 30px; display: inline-block; text-align: center; font-size: 16px; text-decoration: none; color: #254456; background: #ffb718; height: inherit; width: inherit; } #vc-auth-modal a.authentication-button:hover { background-color: #e49d00; } #vc-auth-modal a.authentication-button:active { background-color: #cb8b00; } ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } :-ms-input-placeholder { color: #aaa; } .tabs { margin-bottom: 30px; } .tabs ul { margin-bottom: 0; } .tabs .tab-titles li { display: inline-block; margin-right: 20px; font-size: 18px; font-size: 1.8rem; font-weight: 200; outline: 0; } .tabs .tab-titles li a { color: #ffb718; outline: 0; } .tabs .tab-titles li.ui-tabs-active { font-weight: 600; background: #7092a2; padding: 10px 20px; border-radius: 7px 7px 0 0; } .tabs .tab-titles li.ui-tabs-active a { color: #fff; } .tabs table { margin-bottom: 30px; } #vc-user-settings-title p { font-size: 18px; font-weight: 200; color: #ffb718; } .tab-content { position: relative; } #bidder-button, #prebid-button { position: absolute; top: -35px; right: 0px; } #vc-user-prebid-bidders { width: 271px; } .input-wrapper { float: left; width: 250px; } .input-wrapper .delete { margin-top: 5px; } .input-wrapper input[type="text"] { width: 178px; margin-left: 8px; } .settings-list label { width: 100px; text-align: right; margin-right: 10px; } .settings-list li * { float: left; } .settings-list li { clear: both; margin-bottom: 5px; } .settings-list li:before, .settings-list li:after { content: " "; display: table; } .settings-list li:after { clear: both; } .settings-list li input, .settings-list li select { margin-bottom: 5px; } .settings-list .btn-small { margin-left: 5px; } .settings-list .input-wrapper { width: 203px; } .no-video { border: 5px solid #7393a2; } .video-player { overflow:hidden; width: 600px; float: left; height:580px; position:relative; -webkit-transition: box-shadow 0.3s ease-in-out, height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; transition: height 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, height 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, height 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; } .clip-mode-active { background:rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 0 15px rgba(0, 0, 0, 0.5); box-shadow:0 0 0 15px rgba(0, 0, 0, 0.5); height:625px; } .player-mode { position:absolute; width:100%; height:100%; left:0; top:0; -webkit-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; } .clipping-mode { position:absolute; width:100%; height:100%; left:0; top:150%; -webkit-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; } /* .clip-mode-active .player-mode { top:150%; } .clip-mode-active .clipping-mode { top:0; } */ .clipping-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position:relative; height:60px; margin-top:15px; background: url(/assets/linePattern72b17ebe051d6e1eacea.png) repeat center rgba(79, 115, 137, 0.6); } .clipping-controls .live-clip { position:absolute; top:0; height:100%; background:#fcb52e; right:80px; left:80px; z-index:10; } .play-line { position:absolute; top:65%; left:0; width:100%; height:2px; background:#47687d; } .play-line-live { background:#15232e; } .play-line-played { background:#fff; } .play-line-played:after { display:block; content:""; position:absolute; width:14px; height:14px; top:-7px; border-radius:50%; right:-10px; background:#15232e; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .clip-curtime { font-family: 'Open Sans', sans-serif; padding-top:10px; font-weight:bold; font-size:16px; text-align:center; color:#15232e; } .clipControl-wrap { font-family: 'Open Sans', sans-serif; font-size:16px; position:absolute; width:150px; height:100%; left:50%; text-align:center; padding:0; line-height:16px; margin-left:-75px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; -ms-flex-direction:column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; font-weight:bold; color:#fcb52e; } .btn.clip-pause, .btn.clip-play { color:#fcb52e; display:inline-block; line-height:0; height:auto; padding:0 4px; } .btn.clip-pause { color:#a4c6d4; } .btn.clip-pause .material-icons, .btn.clip-play .material-icons { font-size:36px; position:relative; line-height:0; top:10px; } .clip-custom-time { position:absolute; top:100%; left:0; height:60px; width:100%; background:rgba(164, 198, 212, 0.15); } .custom-time { color:#fcb52e; font-size:14px; padding:10px; } .custom-time.custom-time-left { float:left; } .custom-time.custom-time-right { float:right; text-align:right; } .custom-time input { font-family: 'Open Sans', sans-serif; border:solid 1px #fcb52e; background:none; color:#fcb52e; padding:2px 0; height:auto; width:100px; text-align:center; margin:4px 0 0 0; } .timeline-incrument { position:absolute; top:0; width:60px; font-size:16px; font-weight:bold; color:#4f7389; padding-top:8px; z-index:10; } .timeline-incrument a.time-subtract { color:#15232e; } .timeline-incrument a:hover { color:#fff; } .timeline-incrument.timeline-incrument-plus { right:50px; } .timeline-incrument.timeline-incrument-minus { left:50px; } .video-box { border:solid 1px #ffb718; position:relative; } .video-timestemp { font-family: 'Open Sans', sans-serif; position:absolute; top:0; right:0; height:30px; line-height:30px; padding:0 15px; background:#ffb718; color:#15232e; font-weight:bold; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; -ms-flex-direction:column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; border-radius: 0 0 0 8px; } .video-player .video-buttons { /* width: 300px; */ margin: 10px 0; text-align:center; padding-top:10px; } .video-player .video-buttons .btn-large { margin-top:-10px; } .video-player .video-buttons .btn.play-button { background: url(/assets/playButton2092ba00b544d466b752.png) no-repeat center #a2c6d5; background-size: 10px; text-indent: -9999px; } .video-player .video-buttons .btn.pause-button { background: url(/assets/pauseButton51f0327e090acd29e6dc.png) no-repeat center #a2c6d5; background-size: 10px; text-indent: -9999px; } .video-player .video-buttons .btn.play-button:hover { background-color: #7fb0c5; } #vc-video-logs { margin-right: 30px; float: left; width: 507px; } #vc-video-items select { float: left; } #vc-video-items #vc-video-flow { float: right; } #vc-video-items #vc-video-current-item { clear: both; } #vc-video-items #vc-video-current-item p { padding-top: 10px; color: white; text-align: center; } #vc-video-history { max-height: 314px; } .vjs-default-skin .vjs-volume-control { margin-right: 15px; } .vc-video-bidlog { animation: new-log 1s ease; -moz-animation: new-log 1s ease; /* Firefox */ -webkit-animation: new-log 1s ease; /* Safari and Chrome */ -o-animation: new-log 1s ease; /* Opera */ } @keyframes new-log { from { background-color: #76b1d3; } to { background-color: rgba(37, 68, 86, 0.85); } } @-webkit-keyframes new-log /* Safari and Chrome */ { from { background-color: #76b1d3; } to { background-color: rgba(37, 68, 86, 0.85); } } input[type=text].small { width: 45px; } #vc-settings-auto-delay { margin-left: 30px; } .multilane-settings { margin-left: 15px; } .choose-auction { position: absolute; bottom: 0; left: 50%; } .choose-auction select { width: 230px; padding-right: 32px; margin-bottom: 8px; } @font-face { font-family: "velocicast-monitoring"; src: url(data:application/vnd.ms-fontobject;base64,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); src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAhEAAsAAAAAC2gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAABQIAAAXvIxqWC0ZGVE0AAAYMAAAAGgAAABxzYKHFR0RFRgAABigAAAAdAAAAIAA2AARPUy8yAAAGSAAAAEcAAABgUB1efmNtYXAAAAaQAAAARgAAAUoI5Q5caGVhZAAABtgAAAAqAAAANgU8G8doaGVhAAAHBAAAABwAAAAkBEwB52htdHgAAAcgAAAAFgAAABYEXgGDbWF4cAAABzgAAAAGAAAABgAJUABuYW1lAAAHQAAAAPMAAAI3PGGs5nBvc3QAAAg0AAAAEAAAACAAAwABeJxtlFtsFFUYx2dLp3sgtQrZaVRqS58MQaOJBHkwRhAEQ0SSStOAmGKhl3R72UvpduleSnd25pzvzG0v7W67O6Xd3mtLqZUoEGxCE2JqNEEeTHz1RYkJb7PJkODZGo0PnH/mzJkvc/6/M+c78zm48nLO4XBUX7ns7mnpaLno87/Z1dPd4e/xdnS3cY4yzsEdKe4tK9bsKL5cTisdULkDKstrd3GvNOx5BvDfoNIJUFwtpvgabuzFGo57qYZb2l3DvVbDP9zDlZVsqrkDz4U8n8zaUe5D7hh3nPuIO8Gd5D7mdpZcyri9LPSV4y3HFzvs8j/53VXWoyXhse064LTKrYPCuLVuu2DcXuerrJSVEhqbb21s3CpdzY2Nzc2NdefLtyxX56m6809dd5xsuLRVW1XcZ50UYLNr5cjMWbMvCxOQz+TX4VuYD40PI/Mh35fuSV+kCL4+PQaf8icjl5qhAU5/5/7Jf/vqxCD4wOcdbIMvoTXryaLAUb4QWo9+gxF8/kMYfuR/GV27DfdRlXXcEoXXK4Iz0Sm4Dlv3vt+CNVjqv+4155bNVdiCe01wCvqi/qAH7YfB+zzWJC2GJcyahM7u67Xe5q1le4+QWIaYGJfEuv0Vnxw9dAJYe+fnM4/QgYqYpBkJTUvUWR/Awq8L9mFeAQXqlq2dYx0KZnuyWXQJZjYUqLPPOAdCwUCt7akIBHP5OuuM08xlzVpr9ZDw1wbYn+3f4KuKhvWCAMNAQAbgWYcJJlESk7CMZZAANVfIIAIeQynnBJg0Q9KggmpQlWpUQ0/V6n8nQ4xXojSmYRWroAG6VaFAApTSxH4I0DCJAgbZICrRiIaKxh8CdOEeGGKQGIkRiUmWRZkFwjRA+iFMQiQCqAtSepgNmvAFuABNShgiNBnvYn2YvfiPM/q/NUkwrAZpPAcLsKgtKCpVk0ZuFOVHCdaSMpUVzJggD7OVBxVZlTRCS9+kJFQVaVpWSdEkpcxMxdAPgFKE17PJmZHJzFQ2oSsG1emqdlNbpLMwC4vkpnRT0olOkIEzsYx/tC/h0UMoRXm2JRMqo1OaJCmSZalWZSXGtkomRJJkOYiHAQ0DqFJp9RgTdZgo+Ug+khDZGmWtC9zo6fvWG0I8Il4pRWQ8TnPKE3ob7sATMo7HCVZYHlRxMj6C4iORiWsGVga1VrVDuUwHIAiXSTtulQfjmOUz1BePolV7t5CgWuk4QTDnTnWmrioDBABfVaLqkA5JnJR1rFKkUF3VQYdpKQUpYMdNQVbkPWFMMXPh7ICpkhajXfNAjMkD7VKLqNKBQDhkBscwyuIHZA7m4AHNslmv/i6oI/I440GQuK91XgsGS3QNEjhB9G37gqYDYjRZJQoxlKSaVDRQ0+x3esT+75Xu+fb27u729vnulZX5+ZVa+1g1tJqdswPI7+VFncnwzYSX4QbcyCwXZgzD0A0dTXn53oFAJ7Qiy18Nq4Gl3jyamuaNOJNY8GQ6oA3awh0+jyiKcTGO/NP8bN5cglVkb1ZDw/S5NTfy+5h/nPkHzdDkUGFoOl5K+aw+m55OF7KTOZOhtlk+/pLbew4aUNFVDfe9dy8toqkCY+mMlQtk+9K+tFfvBaZ475B3yBfqCwYYdptb4NcWp++WqkexVM6settpOe16Jqe9fWdPTqueicWtelbLUi4Q4Ddr03IdNiseg5OV6P6D7z6r3DlSuetv0crM5wAAeJxjYGBgZACC83HHfoHoSwxvU2E0AFIPBzcAAHicY2BkYGDgA2IJBhBgYmAEQg4gZgHzGAAEogA7AAAAeJxjYGZiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsAAIwMSCEhzTWFwYEhkyGB88P8Bgx4TkhrGDUBCAQgZAdarCkEAeJxjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYgKyM///BKhJB9P8FUPVAwMjGgODQCjAyMbOwsrFz0NoeMgEA9dkHUgAAeJxjYGRgYADip/ZTLsXz23xl4GZiAIFLDG9TkWkmGbA4BwOYAgAfSQirAAB4nGNgZGBgYgACPRD5/wmTDAMjAypgAgAwggI4AgAAAAIAAMAAQAB0AB4ALwAAACAAAAAAAABQAAAJAAB4nK2PvWoCQRSFz+gqGC1j6mnSSHbZHQyIdil8gYDYBV0GGdAZmB18ifR5pTxTOs+ut7CwCCQDl/tx5tw/ABN8QaF9ClO8CPfwgK1wHxW+hTNM1bPwAGP1Ljyk/kmnykZUZl1Vyz084k24jz1q4YyeH+EBntRKeIiZ+sAZFkcEuh1jhwYJOU5UPJXEHJk9DsDZHkPt6l2T8lPwLoXoPOW73lvDujOkLkd+WmgYFCiZl4zfr3D1G8z5v2AY9qjwyhHBp3WIB6tNUeqlvrsqdTPPF7kpK5b8/fANO0TWua5Gc5P2JmxsbFzwuirKf5hyAQenaeUAeJxjYGZABowMaAAAAI4ABQ==) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(/assets/velocicast-monitoring40d1df42c7fd4daa15e7.svg#velocicast-monitoring) format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "velocicast-monitoring" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="monitoring-icon-"]:before, [class*=" monitoring-icon-"]:before { font-family: "velocicast-monitoring" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; font-size: 19px; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon:hover { cursor: pointer; } .monitoring-icon { height: 20px; position: relative; bottom: 4px; color: #fff; } .monitoring-icon-alert:before { content: "a"; } .monitoring-icon-user:before { content: "b"; } .monitoring-icon-dollar-sign:before { content: "c"; } .monitoring-icon-heart:before { content: "d"; } .monitoring-icon-video:before { content: "e"; } .monitoring-icon-vehicle:before { content: "f"; } .monitoring-icon-sound:before { font-family: 'velocicast' !important; content: "\e60b"; background: transparent; font-size: 15px; position: relative; top: 2px; } .monitoring-icon-gear:before { content: "z"; } .monitoring-icon-light:before { content: "h"; font-size: 14px; top: 2px; position: relative; } #monitor-loading { color: #ffffff; } #vc-system-content { position: absolute; } #vc-system-content ul li { width: 390px; background: rgba(37, 68, 86, 0.85); margin: 0 40px 8px 0; color: #CCC; list-style: none; display: inline-block; height: 100%; } .vc-system-container{ height: 100%; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .ev-name-time.ev-lane-not-started .ev-name { background-color: #000; opacity: 0.2; } .ev-name-time.ev-lane-not-started .ev-time { background-color: #000; opacity: 0.3; } .ev-name-time { width: 50px; overflow-x: hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 13px; } .ev-name { -webkit-box-flex:1; -ms-flex:1; flex:1; padding: 9px 0; font-size: 20px; text-align: center; background: #4d738a; } .ev-time { -webkit-box-flex:1; -ms-flex:1; flex:1; text-align: center; background: #3e6075; padding-top: 9px; } .vc-time-toend { color: #fff; } .ev-time .stat { margin: 0 0 2px 2px; font-size: 11px; } .stats-monitor-header-container { margin-bottom: 5px; } .stats-monitor-container { width: 100%; } .stats-monitor-container .stat { width: 20%; float: left; } .stats-monitor-container .stat-narrow { width: 15%; float: left; font-size: 11px; } .stats-monitor-container .monitoring-icon { margin-right: 7px; } .stats-monitor-container .monitoring-icon:before { font-size: 17px; } .stats-monitor-container .monitoring-content { margin-top: 1px; } .monitoring-clerk, .monitoring-video, .monitoring-sound, .monitoring-gear, .monitoring-scerrors { margin-left: 19px; } .vc-lane-config.monitoring-icon { margin-left: 15px; } .stats-monitor-container .monitoring-icon.monitoring-pre-bids { position: relative; left: 3px; font-size: 10pt; } .stat-contacts { float: left; } .monitoring-icon.monitoring-users { position: relative; bottom: 2px; margin-right: 9px; } .monitoring-icon.monitoring-warning { position: relative; left: 2px; margin-right: 11px; } .monitoring-icon.monitoring-pre-bids { position: relative; bottom: -1px; margin-right: 9px; } .monitoring-icon.monitoring-scerrors { position: relative; bottom: -1px; margin-right: 9px; } .monitoring-lane-title { color: #fff; } .ev-stats { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 5px 5px 5px 0; width: 326px; } .ev-stats div { float: left; } .ev-stats .stat { margin: 2px 2px 2px 0; font-size: 10px; } .ev-stats .sold { width: 110px; } .ev-stats .if { width: 60px; } .ev-stats .impact { width: 50px; } .ev-stats .nosale { width: 50px; } .ev-stats .stat-sale { margin: 2px 7px 2px 0px; font-size: 10px; } .ev-stats .stat-sale .stat-lbl { padding: 2px; margin-right: 2px; /*background-color: #7092a2; color: #254456;*/ color: #8DACBF; font-weight: bold; font-size: 11px; position: relative; bottom: 2px; } .monitoring-video { margin-right: -15px; } .sc-group{ margin-left: 10px; } .hidden { display: none; } .ev-stats .stat-box.stat-green { color: #60ab32; } .ev-stats .stat-box.stat-altgreen { color: #32aba1; } .ev-stats .stat-box.stat-red { color: #fc3f43; } .ev-stats .stat-box.stat-yellow { color: #ffc700; } .ev-stats .stat-box.stat-gray { color: #888; } .ev-stats .stat-box.stat-black { color: black; } .ev-stats .stat-box.stat-pink { color: #e9aae1; } .vc-viewer-cam.stat-green { color: #60ab32; } .vc-viewer-cam.stat-red { color: #fc3f43; } .vc-viewer-cam.stat-grey { color: #888; } .vc-viewer-cam.stat-yellow { color: #ffc700; } .ev-stats .stat-box.stat-purple { color: #bb11f6; } #vc-mon-time-indicator {padding-bottom: 15px;} #vc-system-video { position: absolute; width: 450px; height: 380px; top: 0px; left: 0px; background: #222222; opacity: 0.01; border-left: 10px solid #222222; border-right: 10px solid #222222; } #vc-system-video.vc-monitor { width: 750px; height: 590px; } #vc-system-video-hdr { text-align: center; background: #222222; color: white; padding: 10px; overflow: hidden; width: 435px; } #vc-system-video-hdr.vc-monitor { width: 735px; } .volsetbutton{ float:right; margin-left: 22px; margin-top: 3px; } .vidplayer-cam { float: left; } .vid-mon-left-col{ float:left; width: 380px; } .vid-mon-right-col{ float:left; width: 330px; padding-left: 20px; } #vc-mon-refresh-log{ float:right; } .vid-mon-right-col nav ul{ height:400px; width:100%; overflow:hidden; overflow-y:scroll; font-size: 11px; } .vid-mon-right-col nav ul li{ padding-top: 5px; padding-left: 5px; } .vid-mon-log{ background: #234154; padding: 6px; color: #a2c6d5; } .vol-cur{ color:#9f9f9f; margin-left: 5px; } .vol-label { float: left; margin-top: 7px; } .vol-range { width: 40%; margin-left: 7px; } .vid-inline{ float:left; clear:both; width: 100%; } .vol-num { width: 35px; text-align: center; position: relative; left: 7px; } .vid-mon-popup-body{ padding-bottom: 10px; background-color: #234154; } .monitor-check{ float:right; } .monitor-check-lbl{ margin-top: 4px; } #vc-system-video-box { width: 380px; height: 252px; background: #234154; margin-left: 25px; } #vc-system-video-box.vc-monitor { height: 287px; margin-left: unset } .vid-mon-title-cust{ float:left; padding-left: 50px; width:270px; } .vid-mon-title-auc{ float:left; padding-left: 40px; width:270px; } .vid-mon-icon-title{ float:left; } .vc-video-loading{ height:0px; display: none; } #vc-monitor-next{ color: black; background: #4d738a; padding: 2px; float: right; margin-right: 28px; } .vid-box-noaud{ line-height: 245px; vertical-align: middle; text-align:center; color: white; } .no-cam-title{ float:left; } .pop-label{ color:white; } .cust-cont{ width: 400px; } #vc-stream-action { background: #4d738a; padding: 2px; width: 94px; } #vc-cust-phonecall { background: #4d738a; padding: 2px; width: 54px; } #vc-cust-note { background: #4d738a; padding: 2px; width: 54px; } #vc-stream-volume-set { color: black; background: #4d738a; padding: 2px; width: 34px; } #vc-mon-quality{ color: black; background: #4d738a; padding: 2px; width: 65px; position: relative; top: -20px; } #vc-mon-quality-cont{ width: 100%; padding: 10px; color: white; } #vc-mon-startstop-cont{ width: 100%; padding-top: 50px; text-align: center; } #vc-system-video-close { float: right; cursor: pointer; position: absolute; top: 12px; left: 410px; } #vc-system-video-close.monitor-video-close { left: 710px; left: 710px; } #vc-system-video-ftrcont { border-left: 10px solid #222222; border-right: 10px solid #222222; width: 100%; background: #222222; position: relative; right: 10px; } #vc-system-video-ftr { background: #222222; width: 100%; padding: 10px; } #vc-lane-config-master{ float: left; top: 5px; left: 50px; display: none; } .mon-head-select{ float: left; } #vc-region-select { position: relative; left: 0%; top: 17.5%; width: 130px; } #vc-time-select { position: relative; left: 2%; top: 17.5%; width: 130px; } #vc-monitor-warn { background: #fc3f43; color: white; padding: 5px; display: none; } .monitoring-modal-table { display: none; position: absolute; top: 228px; z-index: 1; -webkit-box-shadow: 3px 3px 50px #000; box-shadow: 3px 3px 50px #000; } .monitoring-modal-table .stat-green { color: #60ab32; } .monitoring-modal-table .stat-red { color: #fc3f43; } .monitoring-modal-table .stat-yellow { color: #ffc700; } .monitoring-modal-table table { height: 0 !important; overflow-y: scroll; font-size: 11px; } .monitoring-modal-table .table-container { max-height: 155px; overflow-y: scroll; } .monitoring-modal-table-scrollable { width: 100%; height: 100px; overflow-y: scroll; } .monitoring-modal-table tbody { height: 30px !important; overflow-y: scroll; } .monitoring-modal-table tr { padding-left: 5px; height: 0px; } .monitoring-modal-table td { padding: 3px 5px; line-height: 1.1em; } .monitor-lane-header-draggable { background: #4d738a; padding: 10px; font-weight: bold; color: #fff; } .monitor-lane-header-draggable .header-right { float: right; } .monitor-lane-header-draggable .close { padding: 10px 5px; } .monitor-lane-header-draggable .refresh { padding: 10px 5px; } span.close:hover, span.refresh:hover { cursor: pointer; } .monitor-lane-header-draggable .header-right { margin-left: 20px; } table.vc-items-table { height: 0 !important; overflow-y: scroll; font-size: 11px; } .vc-items-table tbody { height: 30px !important; overflow-y: scroll; } .vc-items-table tr { padding-left: 5px; height: 0px; } .vc-items-table td { padding: 3px 5px !important; line-height: 1.1em; } .vc-item-table th { padding: 10px 8px; } #vc-system-content table th { padding: 8px 10px; font-size: 11px; } #vc-system-content .header-left { font-size: 12px; } .cust-stats { color: #CCC; list-style: none; display: inline-block; height: 22px; font-size: 11px; padding: 6px 8px; margin-bottom: 5px; font-weight: bold; } .cust-stats-stat { float: left; margin-right: 16px; } .cust-stats-live { margin-left: -2px; } /* Stream toggle styles */ .stream-toggle-section { padding-top:10px; border-top: 1px solid rgba(255,255,255,0.15); width: 100%; clear: both; } .stream-toggle-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .stream-label { color: #8DACBF; font-size: 11px; font-weight: 500; } .stream-toggle-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .stream-option { font-size: 10px; color: #CCC; font-weight: normal; min-width: 20px; } .stream-option.active { color: #ffffff; font-weight: bold; } .stream-toggle { position: relative; display: inline-block; min-width: 40px; width: 40px; height: 22px; margin: 0 2px; } .stream-toggle-input { opacity: 0; width: 0; height: 0; } .stream-toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E67E22; /* Orange for unchecked state */ border-radius: 34px; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); } .stream-toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; background-color: white; border-radius: 50%; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3); } .stream-toggle-input:checked + .stream-toggle-slider:before { -webkit-transform: translateX(16px); transform: translateX(16px); } .stream-toggle-input:checked + .stream-toggle-slider { background-color: #9b59b6; /* Purple for checked state */ } .stream-toggle-input:focus + .stream-toggle-slider { -webkit-box-shadow: 0 0 1px #9b59b6; box-shadow: 0 0 1px #9b59b6; } .stream-toggle-input:checked + .stream-toggle-slider:before { -webkit-transform: translateX(16px); transform: translateX(16px); } /* Disabled state styles */ .stream-toggle-wrapper.disabled { opacity: 0.5; pointer-events: none; } .stream-toggle-wrapper.disabled .stream-toggle-slider { cursor: not-allowed; } .stream-toggle-wrapper.disabled .stream-option { opacity: 0.6; } td.event-status-active { background: #236326; } td.event-status-building { background: #beb669; } .dim{opacity:.01;} /* REPORTS */ .report-details h1 { font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: 0.4em; } .table-clean { background: none; } .table-clean.table-clean th { background: none; color: #A1C6D5; border: 0; padding: 0; } .table-clean.table-clean td { padding-left:0;} .table-clean td { padding: 5px 0; border: 0; } .table-clean tr:hover td { background: none; } .report-callout { padding: 17px 23px; background: #203543; } .button-row-flex-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 1rem; } .button-row-flex-end button { margin-left: 1rem; } .ct-duplicates-status{ border: 1px solid #ffb718; padding: 1rem; color: white; } .htmleditor { width: 100%; height: 500px; } /* LANE CONTROLS (ADESA) */ .lane-controls table.ipcam-table tr th.name { width:10%; } .lane-controls table.ipcam-table tr th.description { width:30%; } .lane-controls table.ipcam-table tr th.streaming { width:10%; } .lane-controls table.ipcam-table tr th.actions { width:35%; } .lane-controls table.ipcam-table tr th.options { width:15%; } .lane-controls .flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; } .lane-controls .flex-row.space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .lane-controls .flex-column.space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .lane-controls .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; } .lane-controls .video-preview { position: relative; height: 285px; width: 380px; background: #173455 url(/assets/bkg_video1c19f790809bf9bcb632.png); } .lane-controls .stream-notification{ width: 380px; } .lane-controls table label { margin: 0px; } .lane-controls .stop-stream-btn{ position: relative; z-index:100; } /* Flags Management (ADESA Web) */ .flags-management .flag-item { padding:20px 0 20px 0; border-top:1px solid #4d738a; } .flags-management .flag-item .flag-row { display:-webkit-box; display:-ms-flexbox; display:flex; } .flags-management .flag-item .flag-row .flag-label { padding:7px; width:100px; } .flags-management .flag-item .flag-row .flag-flex-grow { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; margin-left: auto; /* Push switch to the right */ } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 1rem; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input[type=checkbox]:checked + .slider { background-color: #2196F3; } input:focus + .slider { -webkit-box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px #2196F3; } input[type=checkbox]:checked + .slider:before { -webkit-transform: translateX(2rem); transform: translateX(2rem); } /* Rounded sliders */ .slider.round { border-radius: 2rem; } .slider.round:before { border-radius: 50%; } /* Flex container for toggle switches */ .toggle-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* Flex row for each toggle switch */ .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-bottom: 15px; } .start-camera-header-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .lane-controls-error-header-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .lane-controls-error-message-container{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #vc-modal .lane-controls-error-modal-buttons{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .legacy-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .legacy-data .redirect-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px; background: #192E3C; color: #fff; } .legacy-data .redirect-dialog .header { font-size: 2rem; margin-bottom: 20px; } .legacy-data .redirect-dialog .list-container { width: 80%; margin-bottom: 20px; } .legacy-data .redirect-dialog ul { list-style: disc; font-size: 1.6rem; padding: 0; margin: 0; } .legacy-data .material-admin-icons { color: #fff; } .legacy-data .btn-primary { color: #fff; background-color: #28526E; height: 40px; } .legacy-data .btn-secondary { color: #203343; background-color: #F5F5F5; } #vc-admin-footer { display: none; } .admin-migrated-customer { position: fixed; left: 170px; width: 1050px; bottom: 0; height: 70px; border-radius: 4px 4px 0 0; background-color: white; color: #1A3445; padding: 0 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .admin-migrated-customer p { margin: 0; font-size: 16px; } .admin-migrated-customer .btn-lg { border:0; border-radius: 4px; } /*** ---------------------------------- UTILITY STYLES --------------------------------------- filename:asset/scss/includes/_utilities.css copyright:2014 Flagship License:CC BY Flagship contact:info@weareflagship.com -------------------------------------------------------------------------- ***/ // Floats // ------------------------- .clearfix { @include clearfix; } .center-block { @include center-block; } .pull-right { float: right !important; } .pull-left { float: left !important; } .float-none { float:none !important; } // Toggling content // ------------------------- // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { @include text-hide; } // Hide from screenreaders and browsers // // Credit: HTML5 Boilerplate .hidden { display: none !important; visibility: hidden !important; } // For Affix plugin // ------------------------- .affix { position: fixed; } /*** TEXT ------------------------------------------------------------------------- ***/ .f { &10 {font-size: 10px;line-height: 1.2;} &11 {font-size: 11px;line-height: 1.3;} &12 {font-size: 12px;line-height: 1.4;} &13 {font-size: 13px;line-height: 1.5;} &14 {font-size: 14px;line-height: 1.5;} &16 {font-size: 16px;line-height: 1.5;} &18 {font-size: 18px;line-height: 1.5;} &20 {font-size: 20px;line-height: 1.5;} &22 {font-size: 22px;line-height: 1.5;} &24 {font-size: 24px;line-height: 1;} &26 {font-size: 26px;line-height: 1;} &28 {font-size: 28px;line-height: 1;} &30 {font-size: 30px;line-height: 1;} &32 {font-size: 32px;line-height: 1;} &34 {font-size: 34px;line-height: 1;} &36 {font-size: 36px;line-height: 1;} &38 {font-size: 38px;line-height: 1;} &40 {font-size: 40px;line-height: 1;} &42 {font-size: 42px;line-height: 1;} &50 {font-size: 50px;line-height: 1;} &58 {font-size: 58px;line-height: 1;} &64 {font-size: 64px;line-height: 1;} &72 {font-size: 75px;line-height: 1;} } .bold { font-weight: 600; } .normal { font-weight: normal; } .upper { text-transform: uppercase; } .em { font-style: italic; } .clickable { cursor: pointer; } .un-clickable { cursor: default; } .va-top { vertical-align: top !important } .va-middle { vertical-align: middle !important } .text-200 { font-weight:200 !important; } .text-300 { font-weight:300 !important; } .text-400 { font-weight:400 !important; } .text-700 { font-weight:700 !important; } .text-underline { display:block-inline; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:inherit; padding-bottom:5px; } .text-right { text-align: right !important; } /*** FADED OUT HR ------------------------------------------------------------------------- ***/ .soften { height: 1px; margin: 70px 0; background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,0)); border: 0; } .soften.light { background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2), rgba(255,255,255,0)); border: 0; } /*** CLEARINGING ELEMENTS ------------------------------------------------------------------------- ***/ .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } /*** LISTS ------------------------------------------------------------------------- ***/ ol.list-clean, ul.list-clean { margin:0; padding:0; list-style:none; } ol.list-clean > li, ul.list-clean > li { margin:0; padding:0; } ol.list-inside, ul.list-inside { list-style-position:inside; } /*** DISPLAY ------------------------------------------------------------------------- ***/ .block { display: block !important; } .overflow { overflow: visible; } .overflow-x { overflow-x: visible; } .overflow-y { overflow-y: visible; } .inline-block { display: inline-block; *display:inline; *z-index:1 !important; } /*** POSITION ------------------------------------------------------------------------- ***/ .relative { position: relative; } .absolute { position: absolute; } .ps-table { display: table; float: left; } .ps-table-row { display: table-row; } .ps-table-cell { display: table-cell; } .middle { vertical-align: middle; } .fullheight { height: 100%; } .fullwidth { width: 100%; } /*** SHADOW ------------------------------------------------------------------------- ***/ .box-shadow { @include box-shadow(0 1px 3px rgba(0,0,0,.25)); &-light { @include box-shadow(0 1px 3px rgba(0,0,0,.01)); } &-inset { @include box-shadow(0 1px 3px rgba(0,0,0,.25), inset 0px 10px 30px 0px rgba(255, 255, 255, 0.4)); } } .no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } /*** RADIUS ------------------------------------------------------------------------- ***/ .no-radius { border-radius: 0 !important; } /*** OPACITY ------------------------------------------------------------------------- ***/ .opaci15 { @include opacity(.15); } .opaci25 { @include opacity(.25); } .opaci35 { @include opacity(.35); } .opaci45 { @include opacity(.45); } .opaci55 { @include opacity(.55); } .opaci65 { @include opacity(.65); } .opaci75 { @include opacity(.75); } .opaci85 { @include opacity(.85); } /*** REMOVING ------------------------------------------------------------------------- ***/ /* Remove Border */ .no-border { border: none; } .no-border-top { border-top: none !important; } .no-border-right { border-right: none !important; } .no-border-bottom { border-bottom: none !important; } .no-border-left { border-left: none !important; } /* Remove Background */ .no-bg { background: none !important; } /* No Wrap */ .no-wrap { white-space: nowrap; } .wrap-normal { white-space: normal; } /*** CORRECTION GAP and SPACE (2px 4px 8px 16px) ------------------------------------------------------------------------- ***/ /* Margin */ .margin-all2 { margin: 2px !important; } .margin-all5 { margin: 5px !important; } .margin-all10 { margin: 10px !important; } .margin-all15 { margin: 15px !important; } .margin-all20 { margin: 20px !important; } .margin-all25 { margin: 25px !important; } .margin-all30 { margin: 30px !important; } .margin-all40 { margin: 40px !important; } /* Margin top */ .margin-top2 { margin-top: 2px !important; } .margin-top5 { margin-top: 5px !important; } .margin-top10 { margin-top: 10px !important; } .margin-top15 { margin-top: 15px !important; } .margin-top20 { margin-top: 20px !important; } .margin-top25 { margin-top: 25px !important; } .margin-top30 { margin-top: 30px !important; } .margin-top40 { margin-top: 40px !important; } .margin-top50 { margin-top: 50px !important; } /* Margin left */ .margin-left2 { margin-left: 2px !important; } .margin-left5 { margin-left: 5px !important; } .margin-left10 { margin-left: 10px !important; } .margin-left15 { margin-left: 15px !important; } .margin-left20 { margin-left: 20px !important; } .margin-left25 { margin-left: 25px !important; } .margin-left30 { margin-left: 30px !important; } .margin-left40 { margin-left: 40px !important; } /* Margin bottom */ .margin-bottom2 { margin-bottom: 2px !important; } .margin-bottom5 { margin-bottom: 5px !important; } .margin-bottom10 { margin-bottom: 10px !important; } .margin-bottom15 { margin-bottom: 15px !important; } .margin-bottom20 { margin-bottom: 20px !important; } .margin-bottom25 { margin-bottom: 25px !important; } .margin-bottom30 { margin-bottom: 30px !important; } .margin-bottom40 { margin-bottom: 40px !important; } /* Margin right */ .margin-right2 { margin-right: 2px !important; } .margin-right5 { margin-right: 5px !important; } .margin-right10 { margin-right: 10px !important; } .margin-right15 { margin-right: 15px !important; } .margin-right20 { margin-right: 20px !important; } .margin-right25 { margin-right: 25px !important; } .margin-right30 { margin-right: 30px !important; } .margin-right40 { margin-right: 40px !important; } /* Margin Remove */ .no-margin { margin: 0px !important; } .no-margin-top { margin-top: 0px !important; } .no-margin-left { margin-left: 0px !important; } .no-margin-bootom { margin-bottom: 0px !important; } .no-margin-right { margin-right: 0px !important; } .margin-side5 { margin-left: 5px; margin-right: 5px; } .margin-side10 { margin-left: 10px; margin-right: 10px; } .margin-side15 { margin-left: 15px; margin-right: 15px; } .margin-side20 { margin-left: 20px; margin-right: 20px; } .margin-btn .btn { margin-bottom: 5px; } .margin-00 { margin-top: 0 !important; margin-bottom: 0 !important; } .margin-ss { margin-top: 5px !important; margin-bottom: 5px !important; } .margin-0s { margin-top: 0 !important; margin-bottom: 5px !important; } .margin-s0 { margin-top: 5px !important; margin-bottom: 0 !important; } .margin-mm { margin-top: 10px !important; margin-bottom: 10px !important; } .margin-0m { margin-top: 0 !important; margin-bottom: 10px !important; } .margin-m0 { margin-top: 10px !important; margin-bottom: 0 !important; } .margin-ll { margin-top: 15px !important; margin-bottom: 15px !important; } .margin-0l { margin-top: 0 !important; margin-bottom: 15px !important; } .margin-l0 { margin-top: 15px !important; margin-bottom: 0 !important; } .margin-xx { margin-top: 20px !important; margin-bottom: 20px !important; } .margin-0x { margin-top: 0 !important; margin-bottom: 20px !important; } .margin-x0 { margin-top: 20px !important; margin-bottom: 0 !important; } .margin-0xx { margin-top: 0 !important; margin-bottom: 30px !important; } .margin-xx0 { margin-top: 30px !important; margin-bottom: 0 !important; } .margin-ms { margin-top: 10px !important; margin-bottom: 5px !important; } .margin-sm { margin-top: 5px !important; margin-bottom: 10px !important; } .margin-xm { margin-top: 20px !important; margin-bottom: 10px !important; } .margin-mx { margin-top: 10px !important; margin-bottom: 20px !important; } .margin-xs { margin-top: 20px !important; margin-bottom: 5px !important; } .margin-sx { margin-top: 5px !important; margin-bottom: 20px !important; } .margin-xxx { margin-top: 40px !important; margin-bottom: 40px !important; } .margin-auto { margin-right:auto !important; margin-left:auto !important; } /* Padding */ .padding2 { padding: 2px !important; } .padding4 { padding: 4px !important; } .padding5 { padding: 5px !important; } .padding6 { padding: 6px !important; } .padding8 { padding: 8px !important; } .padding10 { padding: 10px !important; } .padding15 { padding: 15px !important; } .padding20 { padding: 20px !important; } .padding25 { padding: 25px !important; } .padding30 { padding: 30px !important; } .padding35 { padding: 35px !important; } .padding40 { padding: 40px !important; } .padding45 { padding: 45px !important; } /* Padding top */ .padding-top2 { padding-top: 2px !important; } .padding-top3 { padding-top: 3px !important; } .padding-top5 { padding-top: 5px !important; } .padding-top10 { padding-top: 10px !important; } .padding-top15 { padding-top: 15px !important; } .padding-top20 { padding-top: 20px !important; } .padding-top25 { padding-top: 25px !important; } .padding-top30 { padding-top: 30px !important; } /* Padding right */ .padding-right2 { padding-right: 2px !important; } .padding-right5 { padding-right: 5px !important; } .padding-right10 { padding-right: 10px !important; } .padding-right15 { padding-right: 15px !important; } .padding-right20 { padding-right: 20px !important; } .padding-right25 { padding-right: 25px !important; } .padding-right30 { padding-right: 30px !important; } /* Padding bottom */ .padding-bottom2 { padding-bottom: 2px !important; } .padding-bottom5 { padding-bottom: 5px !important; } .padding-bottom10 { padding-bottom: 10px !important; } .padding-bottom15 { padding-bottom: 15px !important; } .padding-bottom20 { padding-bottom: 20px !important; } .padding-bottom25 { padding-bottom: 25px !important; } .padding-bottom30 { padding-bottom: 30px !important; } .padding-bottom40 { padding-bottom: 40px !important; } .padding-bottom50 { padding-bottom: 50px !important; } .padding-bottom60 { padding-bottom: 60px !important; } /* Padding left */ .padding-left2 { padding-left: 2px !important; } .padding-left5 { padding-left: 5px !important; } .padding-left10 { padding-left: 10px !important; } .padding-left15 { padding-left: 15px !important; } .padding-left20 { padding-left: 20px !important; } .padding-left25 { padding-left: 25px !important; } .padding-left30 { padding-left: 30px !important; } /* Padding side */ .padding-side5 { padding-left: 5px !important; padding-right: 5px !important; } .padding-side10 { padding-left: 10px !important; padding-right: 10px !important; } .padding-side15 { padding-left: 15px !important; padding-right: 15px !important; } .padding-side20 { padding-left: 20px !important; padding-right: 20px !important; } .padding-side25 { padding-left: 25px !important; padding-right: 25px !important; } /* Padding all */ .padding-all5 { padding-left: 5px !important; padding-right: 5px !important; padding-top: 5px !important; padding-bottom: 5px !important; } .padding-all10 { padding-left: 10px !important; padding-right: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; } .padding-all15 { padding-left: 15px !important; padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; } /* Padding Remove */ .no-padding { padding: 0px !important; } .no-padding-top { padding-top: 0px !important; } .no-padding-left { padding-left: 0px !important; } .no-padding-bottom { padding-bottom: 0px !important; } .no-padding-right { padding-right: 0px !important; } /* width element */ .width75 { width: 75px; } .width100 { width: 100px; } .width125 { width: 125px; } .width150 { width: 150px; } .width175 { width: 175px; } .width200 { width: 200px; } .width225 { width: 225px; } .width250 { width: 250px; } .width260 { width: 260px; } .width275 { width: 275px; } .width300 { width: 300px; } /* max-width element */ .max-width75 { max-width: 75px; } .max-width100 { max-width: 100px; } .max-width125 { max-width: 125px; } .max-width150 { max-width: 150px; } .max-width175 { max-width: 175px; } .max-width200 { max-width: 200px; } .max-width225 { max-width: 225px; } .max-width250 { max-width: 250px; } .max-width260 { max-width: 260px; } .max-width275 { max-width: 275px; } .max-width300 { max-width: 300px; } /* simple no gatter grid, add row-col to float the grid */ .row-col { /* position:relative; */ } .row-col:after, .row-col:before { display:block; content:""; clear:both; } .row-col [class*="col-"] { float:left; } .col-2 {width: 2%;} .col-5 {width: 5%;} .col-10 {width: 10%;} .col-15 {width: 15%;} .col-20 {width: 20%;} .col-25 {width: 25%;} .col-30 {width: 30%;} .col-35 {width: 35%;} .col-40 {width: 40%;} .col-45 {width: 45%;} .col-48 {width: 48%;} .col-50 {width: 50%;} .col-52 {width: 52%;} .col-55 {width: 55%;} .col-60 {width: 60%;} .col-65 {width: 65%;} .col-70 {width: 70%;} .col-75 {width: 75%;} .col-80 {width: 80%;} .col-85 {width: 85%;} .col-90 {width: 90%;} .col-95 {width: 95%;} .col-100 {width:100%;} .col-half {width:50%;} .col-third {width:33.3333%;} .col-fourth {width:25%;} /* } */ .vr-row { &-10 {height:10px;} &-15 {height:15px;} &-20 {height:20px;} &-25 {height:25px;} &-30 {height:30px;} &-35 {height:35px;} &-40 {height:40px;} &-45 {height:45px;} &-50 {height:50px;} &-55 {height:55px;} &-60 {height:60px;} &-65 {height:65px;} &-70 {height:70px;} &-75 {height:75px;} &-80 {height:80px;} &-85 {height:85px;} &-90 {height:90px;} &-95 {height:95px;} &-100 {height:100px;} &-half {height:50%;} &-third {height:33.3333%;} &-fourth {height:25%;} } .angularjs-datetime-picker { color: #333; font: normal 14px sans-serif; border: 1px solid #ddd; display: inline-block; background: #fff; } .angularjs-datetime-picker > .adp-month { text-align: center; line-height: 22px; padding: 10px; background: #fcfcfc; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #ddd; position: relative; } .angularjs-datetime-picker > .adp-month > button { color: #555; font: normal 14px sans-serif; outline: none; position: absolute; background: transparent; border: none; cursor: pointer; } .angularjs-datetime-picker > .adp-month > button:hover { color: #333; } .angularjs-datetime-picker > .adp-month > button.adp-prev { left: 10px; } .angularjs-datetime-picker > .adp-month > button.adp-next { right: 10px; } .angularjs-datetime-picker > .adp-days { width: 210px; /* 30 x 7 */ margin: 10px; text-align: center; } .angularjs-datetime-picker > .adp-days > .adp-day-of-week, .angularjs-datetime-picker > .adp-days > .adp-day { -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid transparent; width: 30px; line-height: 28px; float: left; } .angularjs-datetime-picker > .adp-days > .adp-day-of-week { font-weight: bold; } .angularjs-datetime-picker > .adp-days > .adp-day:not(.selectable) { opacity: 0.15; cursor: default; } .angularjs-datetime-picker > .adp-days > .adp-day.selectable { cursor: pointer; } .angularjs-datetime-picker > .adp-days > .adp-day.selected { background: #e0e0e0; } .angularjs-datetime-picker > .adp-days > .adp-day.selectable:hover { background: #eee; } .angularjs-datetime-picker > .adp-days:after { content: ''; display: block; clear: left; height: 0; } .angularjs-datetime-picker input[type=range] { width: 150px; }