@charset "UTF-8"; /*! * Bootstrap v4.1.0 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled, .list-inline { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "— "; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; -ms-transform: translate(0, -25%); transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 0.5rem * 2); } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - 1.75rem * 2); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; transition: transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -ms-transform: translateX(0); transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { -ms-transform: translateX(100%); transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { -ms-transform: translateX(-100%); transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { -ms-transform: translateX(0); transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } body { -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } strong { font-weight: bold; } sup { font-size: 0.6em; line-height: 1; vertical-align: 0.42em; } code { font-family: "Courier New", Courier, monospace; } a { color: #00afec; text-decoration: none; } a:focus { color: #00afec; text-decoration: none; outline: none; } a:hover { color: #ff800f; text-decoration: none; } hr, .spacer { margin: 15px 0; padding: 0; height: 0; font-size: 0; line-height: 0; width: 100%; border: 0; background: none; } ul, ol { padding-left: 40px; margin-bottom: 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } i[data-icon], i.ico { font-style: normal; } label { cursor: pointer; display: inline-block; } input, textarea, select, button { resize: none; margin: 0; padding: 0; border: 0; outline: none; font-size: 1em; font-family: inherit; font-size: inherit; line-height: inherit; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; } select { -webkit-appearance: button; -moz-appearance: button; appearance: button; } :-ms-input-placeholder { color: #c2c2c2; } ::placeholder { color: #c2c2c2; } .fR { float: right; } .fL { float: left; } .tC { text-align: center !important; } .tR { text-align: right; } .tL { text-align: left !important; } .tB { font-weight: bold; } .text-uppercase { text-transform: uppercase; } .nowrap { white-space: nowrap; } .break-word { -ms-word-break: break-all; word-break: keep-all; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .hide { display: none !important; } .dsp-hidden { visibility: hidden; } .nospace { margin: 0 !important; padding: 0 !important; } .truncate { text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; padding-bottom: 2px; } .truncate--medium { max-width: 335px; } .cf { *zoom: 1; /* IE < 8 */ } .cf:before, .cf:after { content: "."; display: block; height: 0; overflow: hidden; } .cf:after { clear: both; } .positioned { position: relative; } .positioned-content { position: absolute; min-width: 300px; text-align: left; } .positioned-content.pos-tl { left: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .is-blocked { pointer-events: none; cursor: not-allowed; } .cursor-move { cursor: move !important; } .hidden { display: none !important; } .lang-wrapper .change-lang .tip-wrap:after { margin-right: 0; border-width: 5px; right: 50px !important; left: initial !important; } .lang-wrapper .change-lang li { display: inline-block; margin: 0; width: 50%; } * { box-sizing: border-box; } .page-wrap { box-sizing: content-box; } dt { font-weight: normal; } html { visibility: hidden; /* nie pokazujemy AP w iframe. jesli kontent nie wyswietla sie w iframe - zdejmujemy hidden. */ font-size: 100.01%; } body { color: #363a3d; font: 14px/1.6 "robotoregular", sans-serif !important; } h1, h2, h3, h4, h5, h6 { color: #363a3d; font-weight: normal; line-height: 1.2; margin-bottom: 27px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 0.6em; letter-spacing: 0; } h2 { font-size: 35px; letter-spacing: -1px; } h3 { font-size: 26px; margin-bottom: 20px; } h4 { font-size: 20px; margin-bottom: 15px; } h5 { font-size: 18px; color: #232728; } h6 { font-size: inherit; font-weight: bold; letter-spacing: 0; } h1 em, h3 em, h4 em { display: block; letter-spacing: -1px; } h1 { font-size: 52px; letter-spacing: -2px; } h1 em { font-size: 34px; /*0.654em*/ } p { margin: 15px 0 22px; } hr, .spacer { border-top: 1px solid #e4e5e5; border-bottom: 1px solid #fff; } blockquote { color: #606365; margin: 10px 0; } q { color: #555; font-style: italic; } .form-inline .break-word { word-break: break-all; word-break: keep-all; word-wrap: break-word; } html, body { height: 100%; background: #f9f9f9; } .page-middle { position: relative; height: 100%; } .page-wrap { width: 980px; padding: 0 25px; margin: 0 auto; position: relative; } .wide { width: 100% !important; display: block; box-sizing: border-box; } .main { padding: 27px 0; position: relative; z-index: 3; } .main > section { margin: 20px auto; } .main .page-wrap { width: 709px; } @media only screen and (max-width: 767px) { .main .page-wrap.addons { width: auto; } } .content { padding: 0 0 18px; position: relative; } /* [ padding ] */ .in { padding: 15px; } .in-vr { padding-top: 15px; padding-bottom: 15px; } .in-hr { padding-left: 15px; padding-right: 15px; } /* [ sticky header & footer ] */ body, .page-body { display: block; width: 100% !important; } .page-row { display: table-row; height: 1px; } .page-row-expanded { height: 100%; } /* [ equal height columns ] */ .dsp-flex-wrap { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (doesn't work very well) */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .dsp-flex { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* Firefox 19- */ } .has-height-full { height: 100%; box-sizing: border-box; } /* [ vertical/horizontal center everything ] */ .dsp-flex-center { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } /* [ vertical center ] */ .dsp-table { display: table; width: 100%; box-sizing: border-box; } .dsp-cell { display: table-cell; vertical-align: middle; } /* [ two-column layout ] */ .col-2 > .col { float: left; width: 50%; } /* [ content + sidebar ]*/ .skeleton { position: relative; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .skeleton .sidebar, .skeleton .testimonials { width: 204px; } .skeleton .tier { width: 100%; padding: 0 15px; } /* skeleton 1: aside z prawej */ .skeleton-layout-1 .tier { border-bottom-left-radius: 2px; } .skeleton-layout-1 .sidebar { border-left: 1px solid #f5f5f5; border-bottom-right-radius: 2px; box-shadow: inset 10px 0 10px -10px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 992px) { .skeleton-layout-1 .sidebar { display: none; } } .skeleton-layout-1 .components-title { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.11); } /* skeleton 2: aside z lewej */ .skeleton-layout-2 .tier { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- */ -ms-flex-order: 2; /* TWEENER - IE 10 */ /* NEW - Chrome */ order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */ border-bottom-right-radius: 2px; } .skeleton-layout-2 .sidebar { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- */ -ms-flex-order: 1; /* TWEENER - IE 10 */ /* NEW - Chrome */ order: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ border-right: 1px solid #f5f5f5; border-bottom-left-radius: 2px; box-shadow: 1px 0 10px -3px rgba(0, 0, 0, 0.2); } .skeleton-layout-2 .components-title { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.11); } .single-mask { position: absolute; left: 0; right: 0; width: 100%; height: 100vh; margin-top: -60px; z-index: 12; background-image: url("/account_panel/images/freeze/blured_bg.png"); background-size: cover; background-repeat: no-repeat; } .single-mask:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); } .single-mask-popup { position: fixed; z-index: 13; background-color: #fff; width: 600px; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 5px; padding: 50px; } @media only screen and (max-width: 767px) { .single-mask-popup { max-width: 350px; padding: 20px 10px; } } .single-mask-popup svg { width: 55px; height: 55px; stroke-width: 3px; color: #00afec; display: block; margin: 0 auto 20px; } .single-mask-popup__title { font-family: "robotoregular", sans-serif !important; font-size: 24px; color: #282b31; margin-bottom: 50px; } .single-mask-popup__desc { color: #464a55; font-size: 16px; line-height: 22px; margin-top: 0; margin-bottom: 40px; } .single-mask-popup__desc span { display: inline-block; background-color: #00afec; color: #fff; border-radius: 5px; padding: 0 4px; font-weight: 700; } .single-mask-popup button { text-transform: uppercase; font-family: "robotomedium", sans-serif !important; font-size: 14px !important; padding: 16px 22px !important; } .single-mask-popup__close { display: block; margin: 0 auto; margin-top: 23px; } .single-mask-popup__tos { font-size: 11px; color: #a7afc6; margin-top: 20px; margin-bottom: 0; } /* no user select */ .btn-group, .btn-choice, .no-user-select, .hide-check + label, .disabled, .disabled-simple, .blend, .lock { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-user-select [contenteditable] { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } /* [ spinner ] */ .spinner:before { content: ""; width: 100%; height: 100%; display: block; white-space: nowrap; box-sizing: border-box; background: url("/account_panel/images/indicators/loader_default_16.gif") no-repeat 50% 50%; /* fallback */ } .spinner:not(:required):before { background: none; border-radius: 50%; border: 1px solid #d7d7d7; border-top-color: #6ebe3b; animation: spinner 0.9s linear infinite; } .spinner-wrap, .spinner { display: inline-block; pointer-events: none; position: absolute; z-index: 6; top: 50%; left: 50%; } .spinner { margin: -7px 0 0 -7px; width: 14px; height: 14px; opacity: 0; visibility: hidden; } .spinner-wrap .spinner { position: static; display: block; margin: 0 auto 5px; } .spinner-wrap { line-height: 1.1; min-width: 80px; text-align: center; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .spinner-avatar:not(:required):before, .spinner-figure:not(:required):before, .spinner-social:not(:required):before { border-color: rgba(255, 255, 255, 0.4); border-top-color: #fff; } .spinner-btn:not(:required):before { border-color: rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.8); } .avatar[data-loading=true] [data-icon=P], .figure-wrap .spinner-wrap { opacity: 0; visibility: hidden; } .spinner-info small { font-size: 10px; } .btn[data-loading=true] .spinner-btn, .f-holder[data-loading=true] .spinner-addon, .integrate-state[data-loading=true] .spinner-social, .figure-wrap[data-loading=true] .figure:before, .figure-wrap[data-loading=true] .spinner-figure, .figure-wrap[data-loading=true] .spinner-wrap, .avatar[data-loading=true]:before, .avatar[data-loading=true] .spinner-avatar, .blend[data-loading=true] .spinner-blend, .table-wrap[data-loading=true] .spinner-table, .unit[data-loading=true] .spinner-unit { opacity: 1; visibility: visible; } /* [ spinner size ] */ .spinner-size-medium { margin: -10px 0 0 -10px; width: 20px; height: 20px; } /* [ disabled elements ] */ .disabled-simple, .disabled { pointer-events: none; opacity: 0.5; } .disabled { position: relative; } .disabled:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; } .disabled-fake:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; border-top-right-radius: 30px; border-bottom-right-radius: 30px; background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%); opacity: 0.5; } /* [ blend ] */ .blend { position: relative; min-height: 200px; } .blend:before { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 30; background: rgba(255, 255, 255, 0.7); } .blend-transparent:before { background: none; } .blend-dark:before { background: rgba(39, 40, 42, 0.9); } .blend-info { color: #555; text-align: center; padding: 50px 23px 15px; max-width: 200px; /*background:url($src-image + 'indicators/loader_gray_blend_48.gif') no-repeat 50% 15px;*/ z-index: 31; display: none; position: absolute; top: 50%; left: 50%; border-radius: 2px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .blend-info .spinner-blend { top: 20px; margin: 0 0 0 -10px; } .blend .blend-info { display: inline-block; } body.blend:before { position: fixed; z-index: 8000; } body.blend .blend-info { z-index: 8001; } .blend-info.blend-info-bg { background-color: #f6f6f6; } /* [ blend with blur ] */ .blend-blur { min-height: inherit; } .blend-blur.blend-dark:before { background: rgba(179, 179, 179, 0.6); opacity: 0.1; } .blend-blur .disabled { opacity: 0.5; filter: blur(4px); } .blend-blur .blend-info p { margin: 10px 0 0; } .blend-info-clear { padding: 0; /*background-image:none;*/ } .blend-info-noloading { /*background-image:none;*/ padding-top: 15px; } .blend-info-clear .spinner-blend, .blend-info-noloading .spinner-blend { display: none; } .blend-blur .blend-info-noloading, .blend-blur .blend-info-clear { color: #606365; max-width: 350px; } /* [ lock site - needed an extra div ] */ .lock { cursor: default; position: fixed; z-index: 8002; top: 0; right: 0; bottom: 0; left: 0; } /* [ special layer to propagate events ] */ .propagate { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 30; } .success { color: #6ebe3b; } .warning { color: #f8a64f; } .error { color: #ff4200; } dfn .price { color: #fff; font-weight: bold; padding: 0 3px; /*background:#6ebe3b;*/ } /* [ wyroznienia tekstu ] */ /*.highlight { color:#6ebe3b !important; }*/ /* [ text modification ] */ .txt-featured { font-size: 23px !important; line-height: 27px; } .font-12 { font-size: 12px; } .font-18 { font-size: 18px; } .font-20 { font-size: 20px; } .h-legend { /*color:#6ebe3b;*/ font-size: 16px; letter-spacing: 0; } /* [ lead ] */ .lead { color: #606365; font-size: 16px; } .lead strong { color: #555; font-weight: normal; } h2 + .lead { margin-top: -5px; } /* [ header separate ] */ .separate-title { position: relative; margin: 30px auto; } .separate-title:before { content: ""; display: block; width: 100%; height: 2px; background: #e0e0e0; position: absolute; top: 50%; z-index: 1; } .separate-title-in { color: #606365; font-size: 18px; display: inline-block; padding: 0 10px 0 0; position: relative; z-index: 2; background: #f9f9f9; } .separate-title.tC .separate-title-in { padding: 0 10px; } .separate-title.tR .separate-title-in { padding: 0 0 0 10px; } .unit .separate-title-in { background: #fff; } /* [ caption ] */ .caption, .caption-small { color: #c2c2c2; } .caption { margin: 8px 0 0; } .caption-small { font-size: 12px; margin: 5px 0 0; } .caption-small svg { width: 10px; height: 10px; } .caption-small .ico-left { margin-right: 5px; } /* [ icons ] */ .ico, .svg-fill, .svg-stroke { display: inline-block; vertical-align: middle; position: relative; top: -1px; } .svg-fill, .svg-stroke { width: 14px; height: 14px; } .svg-fill { fill: currentColor; } .svg-stroke { fill: none; stroke: currentColor; stroke-width: 5; stroke-miterlimit: 10; } .svg-stroke-1 { stroke-width: 1 !important; } .svg-stroke-2 { stroke-width: 2 !important; } .svg-stroke-3 { stroke-width: 3 !important; } .svg-stroke-4 { stroke-width: 4 !important; } .svg-stroke-5 { stroke-width: 5 !important; } .ico-left { margin-right: 8px; } .ico-right { margin-left: 8px; } .ico-search, .ico-download, .ico-x, .ico-tick { stroke-width: 10; } .ico-product-webinar, .ico-product-meeting { width: 110px; height: 110px; display: block; } .ico-product-meeting-arrows, .ico-product-webinar-arrows { stroke: #c2c2c2; stroke-linecap: round; } .ico-product-webinar *, .ico-product-meeting * { fill: none; stroke-linejoin: round; stroke-miterlimit: 10; } .ico-product-webinar * { stroke-width: 2; } .ico-product-meeting * { stroke-width: 1.5; } .ico-product-meeting .mike, .ico-product-webinar .mike { stroke-width: 1.6; } .ico-product-webinar-arrows * { stroke-width: 1.6; stroke-linecap: round; } .ico-product-webinar .tight, .ico-product-meeting .user { stroke-width: 1.8; } .ico-product-meeting .tight { stroke-width: 1.4; } .ico-add, .ico-check { display: inline-block; color: #fff; cursor: pointer; width: 21px; height: 21px; border-radius: 2px; } .close { color: #bcbdbf; font-size: 6px; line-height: 16px; font-weight: bold; cursor: pointer; display: none; width: 22px; height: 22px; background: #fff; border: 4px solid #77c843; border-radius: 15px; } /* [ status ] */ .status .ico { width: 11px; height: 11px; border-radius: 50%; box-shadow: inset 2px 0 0 rgba(0, 0, 0, 0.04); background-color: currentColor; } .status-default { color: #d8d8d8; } .status-success { color: #6ebe3b; } .status-warning { color: #f8a64f; } .status-error { color: #ff4200; } /* [ labels ] */ .label { display: inline; padding: 0.2em 0.6em; margin: 0 0.6em; font-size: 75%; font-weight: normal; letter-spacing: 0; color: #fff !important; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; border-radius: 0.25em; position: relative; } .label:empty { display: none; } .label[href]:hover, .label[href]:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #d8d8d8; } .label-default[href]:hover, .label-default[href]:focus { background-color: #dbdcdc; } .label-primary { background-color: #232728; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3c3d3f; } .label-success { background-color: #6ebe3b; } .label-success[href]:hover, .label-success[href]:focus { background-color: #73c13c; } .label-info { background-color: #00afec; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #ffb321; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ffbb38; } .label-automated { background-color: #0b23a0; } .label-automated[href]:hover, .label-automated[href]:focus { background-color: #0b23a0; } .label-onDemand { background-color: #2e6fde; } .label-onDemand[href]:hover, .label-onDemand[href]:focus { background-color: #2e6fde; } .label-liveWebinar { background-color: #6ebe3b; } .label-liveWebinar[href]:hover, .label-liveWebinar[href]:focus { background-color: #6ebe3b; } .label-meeting { background-color: #323638; } .label-meeting[href]:hover, .label-meeting[href]:focus { background-color: #323638; } .label-error { background-color: #ff4200; } .label-error[href]:hover, .label-error[href]:focus { background-color: #ff581e; } .label-live { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); background-color: #ff4200; } .label-live[href]:hover, .label-live[href]:focus { background-color: #ff6526; } .label-recurring { background-color: #a7afc6; } .label-recurring[href]:hover, .label-recurring[href]:focus { background-color: #a7afc6; } .label-result { color: #a8947b; font-size: 14px; line-height: 1.2; text-align: left; text-transform: none; display: inline-block; background-color: #ebe3d9; position: relative; padding: 0.2em 18px 0.2em 5px !important; margin: 2px 0 2px 2px; } .label-result .truncate { max-width: 200px; } .label-result .small { font-size: 11px; opacity: 0.7; } .label-result .vr-list .spacer { margin: 0 5px; border-right-color: #a8947b; } .label-result .ico-close { color: #cfc2b2; padding: 3px; cursor: pointer; display: inline-block; position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); outline: none; } .label-result .ico-close .ico-x { width: 8px; height: 8px; display: block; top: 0; stroke-width: 16px; } .label-result .ico-close { right: 3px; } .label-result .ico-close:hover { color: #a8947b; } /* [ labels size ] */ .label.small { font-size: 9px; } /* [ badge ] */ .badge { color: #fff; padding: 0 2px 0; font-size: 11px; font-weight: bold; letter-spacing: 0; line-height: 18px; text-align: center; vertical-align: baseline; white-space: nowrap; display: inline-block; min-height: 19px; min-width: 19px; border-radius: 16px; background: #ff4200; background: linear-gradient(to bottom, #ff5107 0%, #ff420b 100%); box-sizing: border-box; } /*.badge:empty { display:none; }*/ /* [ price view ] */ .pack-price { font-size: 40px; letter-spacing: -1px; line-height: 1; padding: 4px 0; } .pack-time { text-align: left; font-size: 21px; line-height: 0.8em; margin-left: 3px; } .pack-entity { margin-right: 3px; letter-spacing: -1px; } .pack-price > span { display: inline-block; } .pack-month { font-size: 13px; display: block; } .link-copied { background-color: #272a36; color: #fff; text-transform: initial; font-size: 11px; line-height: 11px; padding: 3px 8px; border-radius: 5px; margin: 0; position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .link-copied svg { color: #6ebe3b !important; margin-right: 6px !important; width: 12px !important; height: 12px !important; } /* [ unstyled ] */ .list-unstyled, .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; margin-right: 10px; } @media (max-width: 768px) { .list-inline > li:first-child { margin-bottom: 15px; } } .list-inline > li:last-child { margin-right: 0; } @media (max-width: 768px) { .list-inline > li:last-child { margin-top: 15px; } } #confirmation_buttons .list-inline > li { margin-right: 0; } /* [ vertical ] */ .vr-list, .vr-list li, .nav-pills, .nav-pills li, .nav-tabs-opaque, .nav-tabs-opaque li { margin: 0; padding: 0; list-style: none; } .vr-list li, .nav-pills li, .nav-tabs-opaque li { display: inline-block; } .vr-list li, .nav-pills li { font-size: 12px; color: #b3b3b3; } .vr-list li.vr-list-label, .nav-pills li.vr-list-label { margin-right: 6px; } .vr-list .spacer, .nav-pills .spacer { width: auto; height: 9px; border: 0; background: none; border-right: 1px dotted #d8d8d8; margin: 0 5px; vertical-align: middle; } .vr-list .spacer-solid, .nav-pills .spacer-solid { border-right: 1px solid #d8d8d8; margin: 0 18px; } .vr-list .spacer-6x, .nav-pills .spacer-6x { height: 54px; margin: 0 17.5px; } .vr-list .spacer-5x, .nav-pills .spacer-5x { height: 45px; margin: 0 15px; } .vr-list .spacer-4x, .nav-pills .spacer-4x { height: 36px; margin: 0 12.5px; } .vr-list .spacer-3x, .nav-pills .spacer-3x { height: 27px; margin: 0 10px; } .vr-list .spacer-2x, .nav-pills .spacer-2x { height: 18px; margin: 0 7.5px; } .vr-list .spacer-1x, .nav-pills .spacer-1x { height: 9px; margin: 0 5px; } /* [ dl horizontal ] */ .dl-horizontal { margin: 30px 0; } .dl-horizontal dt, .dl-horizontal dd { line-height: 1.6em; min-height: 22px; } .dl-horizontal dt { text-align: right; float: left; clear: left; width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "robotoregular"; color: #363a3d; } @media (max-width: 576px) { .dl-horizontal dt { width: 100%; text-align: left; float: none; } } .dl-horizontal dd { margin: 0 0 12px 120px; } @media (max-width: 576px) { .dl-horizontal dd { text-align: left; margin-left: 50px; } } .dl-horizontal dd .txt-featured { position: relative; top: -3px; padding-bottom: 2px; vertical-align: middle; } .dl-horizontal .form-inline .form-group { margin: -1px 0 15px; } /* [ dl inline] */ .dl-inline dt, .dl-inline dd { display: inline-block; vertical-align: middle; } .dl-inline dt { margin-right: 15px; } /* [ dl vertical ] */ .dl-vertical { margin: 30px 0; } .dl-vertical dt { margin: 20px 0 3px; } .dl-vertical dt:first-child { margin-top: 0; } .dl-vertical dd { margin: 3px 0; } .dl-vertical dd:last-child { margin-bottom: 0; } /* [ loose inline elements ] */ .list-hd { margin-right: 10px; display: inline-block; } .list-hd + *, .list-dd { display: inline-block; /*vertical-align:middle;*/ } .list-dd + .list-hd { margin-left: 10px; margin-right: 0; } [data-icon*=caret] { display: inline-block; width: 0; height: 0; line-height: 0; vertical-align: middle; content: ""; border: 4px solid transparent; } [data-icon*=caret]:before { display: none; } [data-icon*=caret-bottom] { border-bottom: 0; border-top-color: inherit; } [data-icon*=caret-left] { border-right-color: inherit; border-left: 0; } [data-icon*=caret-right] { border-left-color: inherit; border-right: 0; } [data-icon*=caret-top] { border-bottom-color: inherit; border-top: 0; margin-top: -2px; } .ico-flag-16 { height: 13px; width: 16px; background: url("/account_panel/images/flags/flag_16.png?ver=1") no-repeat 0 0; } .ico-flag-16.flag-en, .ico-flag-16.flag-us { background-position: 0 -23px; } .ico-flag-16.flag-it { background-position: 0 -44px; } .ico-flag-16.flag-cn { background-position: 0 -65px; } .ico-flag-16.flag-pl { background-position: 0 -86px; } .ico-flag-16.flag-de { background-position: 0 -107px; } .ico-flag-16.flag-ru { background-position: 0 -128px; } .ico-flag-16.flag-se { background-position: 0 -149px; } .ico-flag-16.flag-es { background-position: 0 -170px; } .ico-flag-16.flag-cs { background-position: 0 -191px; } .ico-flag-16.flag-pt { background-position: 0 -212px; } .ico-flag-16.flag-fr { background-position: 0 -233px; } .ico-flag-16.flag-nl { background-position: 0 -254px; } .ico-flag-16.flag-br { background-position: 0 -275px; } .ico-flag-16.flag-ch { background-position: 0 -296px; } .ico-flag-16.flag-sv { background-position: 0 -296px; } .ico-flag-16.flag-zh { background-position: 0 -317px; } /* [ size: 30px ] */ .ico-flag-30 { width: 34px; height: 26px; background: url("/account_panel/images/flags/flag_30.png?ver=1") no-repeat 0 0; } .ico-flag-30.flag-en { background-position: 0 0; } .ico-flag-30.flag-us { background-position: 0 -32px; } .ico-flag-30.flag-it { background-position: 0 -64px; } .ico-flag-30.flag-cn { background-position: 0 -96px; } .ico-flag-30.flag-pl { background-position: 0 -128px; } .ico-flag-30.flag-de { background-position: 0 -160px; } .ico-flag-30.flag-ru { background-position: 0 -192px; } .ico-flag-30.flag-se { background-position: 0 -223px; } .ico-flag-30.flag-es { background-position: 0 -255px; } .ico-flag-30.flag-cs { background-position: 0 -287px; } .ico-flag-30.flag-pt { background-position: 0 -319px; } .ico-flag-30.flag-fr { background-position: 0 -351px; } .ico-flag-30.flag-nl { background-position: 0 -383px; } .ico-flag-30.flag-br { background-position: 0 -415px; } .ico-flag-30.flag-ch { background-position: 0 -447px; } .ico-flag-30.flag-zh { background-position: 0 -479px; } .imgL { float: left; clear: left; margin: 0 20px 10px 0; } .imgR { float: right; clear: right; margin: 0 0 10px 20px; } .flex img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .img-decorate { border-radius: 2px; border: 3px solid #fff; background-color: #f6f6f6; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .thumb-title { text-align: center; width: 116px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #fff; margin: 14px 0 0; padding: 0; border-radius: 20px; } /* [ google maps (options fix) ] */ .map-wrap { margin: 0 auto; display: block; } .map-wrap img { max-width: none; } /*--------------------------------------------------------------------------------------------- [ Mod: Figure ] */ .figure-wrap, .gallery { display: inline-block; } .figure-wrap { text-align: center; } .figure-wrap, .figure-wrap .img-decorate { box-sizing: border-box; } .figure-wrap .spinner-wrap { color: #fff; } .figure { display: block; position: relative; overflow: hidden; margin: 0 auto; } .figure:before { opacity: 0; visibility: hidden; content: ""; display: block; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; background-color: #e0e0e0; } .figure .dsp-table { height: 100%; } .figure-obj { color: #d8d8d8; font-size: 60px; line-height: 1; display: block; margin: 0 auto; max-width: 100%; position: static; } .cover-figure .figure-obj { margin-bottom: 0; } /* [ ikonki akcji dla obrazka ] */ .figure .actions { color: #fff; text-align: center; font-size: 40px; border-radius: 2px; background: #6ebe3b; position: absolute; z-index: 2; top: -3px; left: -3px; right: -3px; bottom: -3px; opacity: 0; visibility: hidden; } .figure .actions a { color: currentColor; } .figure .actions a:hover { color: rgba(0, 0, 0, 0.5); } .figure .actions a:hover .ico-x { color: #ff4200; } .figure .actions [class*=svg-] { width: 26px; height: 26px; margin: 0 1px; } .figure:hover .actions { opacity: 1; visibility: visible; } .figure .vertical-center { position: absolute; left: 0; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Figure loading state */ .figure-wrap[data-loading=true] { pointer-events: none; cursor: not-allowed; } .figure-wrap[data-loading=true] .thumb-title { color: #969696; } .thumb .figure-wrap[data-loading=true] .figure { /* cell table */ min-width: 78px; min-height: 58px; } /* [ thumb gallery (with title) ] */ .figure .ico-check { display: none; position: absolute; z-index: 7; text-align: center; } .hide-check + .gallery { padding: 0; } .figure .actions, .gallery-hov-bordered:hover .thumb-title, .hide-check:checked + .gallery-hov-bordered .thumb-title { color: #fff; } .gallery-hov-bordered:hover .img-decorate, .hide-check:checked + .gallery-hov-bordered .img-decorate { box-shadow: none; } /* gallery size */ .gallery .figure { width: 120px; height: 120px; } .gallery.x-large .figure { width: 284px; height: 388px; } .gallery.x-large .thumb-title { font-size: 18px; width: 166px; } /* animation */ .figure .actions { transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; } /* [ thumb gallery (with title) ] */ .files-thumbs-section .figure-wrap:hover .thumb-title { color: #fff; /* background:#6ebe3b; */ /* brand */ } /* [ Avatar ] */ .avatar-wrap { display: inline-block; } .avatar-wrap .avatar-decorate, .avatar-decorate img { display: block; margin: 0 auto; } .avatar-decorate { border: 3px solid #fff; display: inline-block; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 50%; position: relative; } .avatar-decorate img { max-width: 100%; } .avatar { width: 58px; height: 58px; display: block; text-align: center; background: #f2f3f7; position: relative; overflow: hidden; } .avatar:before { opacity: 0; visibility: hidden; content: ""; display: block; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; background-color: #e0e0e0; } .avatar [data-icon=P] { color: #e6e7ee; font-size: 52px; line-height: 0.8; position: absolute; top: 50%; left: 50%; z-index: 1; bottom: -12px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .avatar img { display: inline-block; position: absolute; max-width: 100%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .avatar .avatar-action { color: #fff; display: table; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .avatar .avatar-action svg { width: 24px; height: 24px; display: block; margin: 0 auto; } .avatar .avatar-action .ico-pencil { color: #fff; } .avatar .avatar-action .ico-x { color: #ff4200; } .avatar .dsp-cell { opacity: 0; color: #fff; border-radius: 50%; } .avatar .dsp-cell.change-photo, .avatar .dsp-cell.delete-photo { border-radius: 0; } .avatar .dsp-cell.change-photo svg, .avatar .dsp-cell.delete-photo svg { cursor: pointer; } .avatar .dsp-cell.delete-photo svg { stroke-width: 6px !important; } .avatar a:hover .dsp-cell { opacity: 1; } /* [ Avatar size ] */ .avatar.x-small { overflow: hidden; height: 16px; width: 16px; } .avatar.x-small [data-icon=P] { font-size: 9px; bottom: 0; } .avatar.small { height: 44px; width: 44px; } .avatar.small [data-icon=P] { font-size: 38px; bottom: -8px; } .avatar.medium { height: 80px; width: 80px; } .avatar.medium [data-icon=P] { font-size: 75px; bottom: -20px; } .avatar.medium .avatar-action { font-size: 12px; } .avatar.large { height: 140px; width: 140px; border-width: 5px; } .avatar.large [data-icon=P] { font-size: 130px; bottom: -35px; } .avatar.x-large { height: 188px; width: 188px; border-width: 5px; } .avatar.x-large [data-icon=P] { font-size: 175px; bottom: -40px; } .avatar.large .avatar-action, .avatar.x-large .avatar-action { font-size: 16px; } .avatar.large .avatar-action svg, .avatar.x-large .avatar-action svg { width: 38px; height: 38px; } /* avatar error */ .avatar-wrap.f-error { box-shadow: 0 0 0 2px #ff4200; border-radius: 2px; } .avatar-wrap.f-error .error { z-index: 10; max-width: 90%; -ms-transform: translateY(0); transform: translateY(0); } .avatar-wrap .error.pos-tr { top: 0; right: 0; border-radius: 0 2px 0 2px; } .avatar-wrap .error.pos-tl { top: 0; left: 0; right: auto; border-radius: 2px 0 2px 0; } .avatar-wrap .error.pos-bl { top: auto; bottom: 0; left: 0; right: auto; border-radius: 0 2px 0 2px; } .avatar-wrap .error.pos-br { top: auto; bottom: 0; right: 0; border-radius: 2px 0 2px 0; } /* animation */ .avatar .dsp-cell, .avatar:before, .avatar[data-loading=true] [data-icon=P] { transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; } /*--------------------------------------------------------------------------------------------- [ Buttons ] */ .btn { cursor: pointer; padding: 5px 12px; line-height: 1.2; font-size: 16px; font-weight: normal; text-align: center; text-shadow: none; display: inline-block; vertical-align: middle; position: relative; border: 0; outline: 0; border-radius: 30px; box-sizing: border-box; } .btn, .btn:hover, .btn:focus { color: #fff; text-decoration: none; outline: none; } .btn.nospace { border-radius: 0; } .btn.block { display: block; width: 100%; } .btn.block + .btn.block { margin-top: 0.5em; } .btn-wrap + .btn-wrap { margin-top: 10px; } .btn.disabled, .btn[disabled=disabled], fieldset[disabled=disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; box-shadow: none; } .btn-txt { display: inline-block; position: relative; /*z-index:3;*/ } .btn-txt-sub { font-family: "robotoregular"; font-size: 9px; display: block; text-align: left; color: #737373; word-spacing: 1px; } /* [ btn style: default + flat ] */ .btn-default { color: #363a3d; background: #f3f3f3; background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%); box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.46), 0 2px 0 rgba(0, 0, 0, 0.1); } .btn-default.active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1); } .btn-default:hover, .btn-default:focus, .btn-default.active, .open .dropdown-toggle.btn-default { color: #00afec; background: #eee; background: linear-gradient(to bottom, #fafafa 0%, #eee 100%); } .btn-default.disabled, .btn-default[disabled=disabled], fieldset[disabled=disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled=disabled]:hover, fieldset[disabled=disabled] .btn-default:hover, .btn-default.disabled.active, .btn-default[disabled=disabled].active, fieldset[disabled=disabled] .btn-default.active { background-color: #fafafa; } .btn-default.flat { color: #6e7072; background: #ffffff; } .btn-default.flat:hover, .btn-default.flat.active, .open .dropdown-toggle.btn-default.flat { background: #f3f3f3; } .btn-default.disabled, .btn-default[disabled=disabled], fieldset[disabled=disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled=disabled]:hover, fieldset[disabled=disabled] .btn-default:hover, .btn-default.disabled.active, .btn-default[disabled=disabled].active, fieldset[disabled=disabled] .btn-default.active { color: #c2c2c2; } /* [ btn style: success ] */ .btn-success { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11); } .btn-success.active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.16); } .btn-outline-success { background: #fff; border: 1px solid #6ebe3b; color: #6ebe3b; } .btn-outline-success:hover { background: #edf8e7; color: #6ebe3b; } /* [ btn style: primary + flat ] */ .btn-primary { background: #313537; background: linear-gradient(to bottom, #363b3d 0%, #313537 100%); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.63), 0 2px 0 rgba(0, 0, 0, 0.11); } .btn-primary.active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.63); } .btn-primary:hover, .btn-primary.active, .open .dropdown-toggle.btn-primary { background: #272b2d; background: linear-gradient(to bottom, #2a2e30 0%, #272b2d 100%); } .btn-primary.disabled, .btn-primary[disabled=disabled], fieldset[disabled=disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled=disabled]:hover, fieldset[disabled=disabled] .btn-primary:hover, .btn-primary.disabled.active, .btn-primary[disabled=disabled].active, fieldset[disabled=disabled] .btn-primary.active { background-color: #606365; } .btn-primary.flat { background: #18191b; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } .btn-primary.flat:hover, .btn-primary.flat.active, .open .dropdown-toggle.btn-primary.flat { background: #303032; } .btn-primary.disabled, .btn-primary[disabled=disabled], fieldset[disabled=disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled=disabled]:hover, fieldset[disabled=disabled] .btn-primary:hover, .btn-primary.disabled.active, .btn-primary[disabled=disabled].active, fieldset[disabled=disabled] .btn-primary.active { background-color: #464749; } .btn-outline-primary { background: #fff; border: 1px solid #313537; color: #313537; } .btn-outline-primary:hover { background: #e5e7e8; color: #313537; } .btn-info { background-color: #00adec; background-image: linear-gradient(90deg, #00adec 0%, #15c3ff 100%); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11); } .btn-info.active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.16); } .btn-info:hover, .btn-info.active, .open .dropdown-toggle.btn-info { background: #66d6ff; background: linear-gradient(90deg, #33c9ff 0%, #66d6ff 100%); } .btn-info.disabled, .btn-info[disabled=disabled], fieldset[disabled=disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled=disabled]:hover, fieldset[disabled=disabled] .btn-info:hover, .btn-info.disabled.active, .btn-info[disabled=disabled].active, fieldset[disabled=disabled] .btn-info.active { background-color: #0096cc; } .btn-outline-info { background: #fff; border: 1px solid #00afec; color: #00afec; } .btn-outline-info:focus, .btn-outline-info:hover { background: #e3f3f9; color: #00afec; } /* [ btn style: warning ] */ .btn-warning { background: #ff8706; background: linear-gradient(to bottom, #ff961a 0%, #ff8706 100%); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11); } .btn-warning.active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.16); } .btn-warning:hover, .btn-warning.active, .open .dropdown-toggle.btn-warning { background: #ff9f07; background: linear-gradient(to bottom, #ffab1f 0%, #ff9f07 100%); } .btn-warning.disabled, .btn-warning[disabled=disabled], fieldset[disabled=disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled=disabled]:hover, fieldset[disabled=disabled] .btn-warning:hover, .btn-warning.disabled.active, .btn-warning[disabled=disabled].active, fieldset[disabled=disabled] .btn-warning.active { background-color: #ffab1f; } /* [ btn style: error ] */ .btn-error { background: #ff4200; background: linear-gradient(to bottom, #ff530d 0%, #ff4200 100%); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11); } .btn-error.active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.16); } .btn-error:hover, .btn-error.active, .open .dropdown-toggle.btn-error { background: #ff1c00; background: linear-gradient(to bottom, #ff1f04 0%, #ff1c00 100%); } .btn-error.disabled, .btn-error[disabled=disabled], fieldset[disabled=disabled] .btn-error, .btn-error.disabled:hover, .btn-error[disabled=disabled]:hover, fieldset[disabled=disabled] .btn-error:hover, .btn-error.disabled.active, .btn-error[disabled=disabled].active, fieldset[disabled=disabled] .btn-error.active { background-color: #ff530d; } /* [ btn style: as link + flat ] */ .btn-link { color: #00afec; } .btn-link:hover, .btn-link:focus { color: #ff800f; } .btn-link-delete [data-icon=H], .actions .btn-link-delete [data-icon=H] { color: #ff4200; } .btn-link-delete .ico-x, .actions .btn-link-delete .ico-x { color: #ff4200; stroke-width: 16; } .btn-link.flat { background: #fff; } /* [ btn style: facebook ] */ .btn-fb { background: #4767af; background: linear-gradient(to bottom, #4767af 0%, #395799 100%); } .btn-fb:hover { background: #5a76b7; background: linear-gradient(to bottom, #5a76b7 0%, #4d68a3 100%); } .btn-signup-facebook { background-color: #ffffff; border: 1px solid #4c6aad; color: #4c6aad; } .btn-signup-facebook:hover, .btn-signup-facebook:focus, .btn-signup-facebook.focus { background-color: #4c6aad; color: #ffffff; box-shadow: 0 5px 12px rgba(76, 106, 173, 0.26); } /* [ btn style: google ] */ .btn-google { background: #DD4B39; background: linear-gradient(to bottom, #DD4B39 0%, #d14b39 100%); } .btn-google:hover { background: #e64b39; background: linear-gradient(to bottom, #e64b39 0%, #e34d3a 100%); } .btn-signup-google { background-color: #ffffff; border: 1px solid #f0473a; color: #f0473a; } .btn-signup-google:hover, .btn-signup-google:focus, .btn-signup-google.focus { background-color: #f0473a; color: #ffffff; box-shadow: 0 5px 12px rgba(240, 71, 58, 0.26); } /* [ btn style: sso ] */ .btn-signup-sso { background-color: #ffffff; border: 1px solid #6ebe3b; color: #6ebe3b; min-width: 90px; padding: 8px 15px !important; } .btn-signup-sso:hover, .btn-signup-sso:focus, .btn-signup-sso.focus { background-color: #6ebe3b; color: #ffffff; box-shadow: 0 5px 12px rgba(110, 190, 59, 0.41); } /* [ btn style: gray ] */ .btn-gray { background: #6b7183; background: linear-gradient(to bottom, #6b7183 0%, #646a7b 100%); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11); } .btn-gray:hover { background: #5c6273; background: linear-gradient(to bottom, #5c6273 0%, #555b6b 100%); } /* [ btn style: upload-file ] */ .btn-upload-file.btn.large { padding: 7px 23px; } .btn-upload-file.btn.large svg { width: 25px; height: 25px; } .btn-upload-file .btn-txt { font-size: 18px; padding-left: 33px; } .btn-upload-file .btn-txt svg { position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); stroke-width: 1px; } .btn-upload-file:hover .btn-txt-sub { color: inherit; } /* [ btn style: import-from ] */ .btn-import-from.btn.large { padding: 7px 23px; } .btn-import-from .btn-txt { font-size: 18px; padding-right: 85px; } .btn-import-from .btn-txt img { position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-import-from:hover .btn-txt-sub { color: inherit; } /* [ btn size ] */ .btn svg { width: 14px; height: 14px; } .btn-default.small, .btn-primary.small, .btn-success.small, .btn-warning.small, .btn-error.small, .btn-default.x-small, .btn-primary.x-small, .btn-success.x-small, .btn-warning.x-small, .btn-error.x-small { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.16); } .btn.x-large { font-size: 25px; padding: 12px 20px; letter-spacing: -1px; } .btn.x-large svg { width: 20px; height: 20px; } .btn.large { font-size: 21px; padding: 11px 24px; letter-spacing: -1px; } .btn.large svg { width: 18px; height: 18px; } .btn.medium { font-size: 18px; padding: 10px 24px; letter-spacing: -1px; } .btn.medium svg { width: 16px; height: 16px; } .btn.normal { font-size: inherit; } .btn.normal svg { width: 12px; height: 12px; } .btn-link.normal { padding: 0; border-radius: 0; top: -1px; } .btn.small { font-size: 13px; padding: 4px 10px; } .btn.small svg { width: 10px; height: 10px; } .btn.x-small { font-size: 10px; line-height: 14px; padding: 2px 8px; } .btn.x-small svg { width: 8px; height: 8px; } .btn.small .ico-left, .btn.x-small .ico-left { margin-right: 4px; } .btn.small .ico-right, .btn.x-small .ico-right { margin-left: 4px; } .btn.small, .btn.x-small { letter-spacing: 0; } .btn.small svg, .btn.x-small svg { stroke-width: 8; } .btn-fb.x-small { font-size: 11px; font-family: "robotomedium"; padding: 5px 10px; } .btn-fb.x-small svg { width: 12px; height: 12px; } .btn-wrap + .btn-wrap { margin-top: 10px; } .btn.x-small [data-icon] { font-size: 0.7em; } .btn.small [data-icon] { font-size: 0.85em; } .btn.large [data-icon], .btn.x-large [data-icon] { font-size: 0.9em; } .btn-link-delete [data-icon] { font-size: 0.8em; } .btn.radius-large { border-radius: 50%; } .btn.radius-medium { border-radius: 30px; } .btn.radius-small { border-radius: 5px; } .btn.radius-x-small { border-radius: 3px; } /* [ btn state: loading ] */ .spinner-btn { z-index: 2; margin-left: auto; left: auto; } .btn.large .spinner-btn, .btn.x-large .spinner-btn { width: 18px; height: 18px; margin-top: -9px; } .btn.small .spinner-btn, .btn.x-small .spinner-btn { width: 10px; height: 10px; margin-top: -5px; } .btn-default[data-loading=true] { background: #f2f2f2; } .btn-primary[data-loading=true] { background: #484a4c; } .btn-success[data-loading=true] { background: #74c540; } .btn-warning[data-loading=true] { background: #ff8e10; } .btn-error[data-loading=true] { background: #ff4909; } .btn-default .spinner-btn:not(:required):before, .btn-link .spinner-btn:not(:required):before { border: 1px solid #d7d7d7; border-top-color: #6ebe3b; } /* [ btn effect: zoom-out ] */ .effect-zoom-out, .effect-zoom-out .spinner-btn, .effect-zoom-out .btn-txt { transition: opacity 0.3s ease, visibility 0.3s ease, 0.3s ease transform; } .effect-zoom-out .spinner-btn { left: 50%; margin-left: -7px; -ms-transform: scale(2.5); transform: scale(2.5); } .effect-zoom-out.large .spinner-btn, .effect-zoom-out.x-large .spinner-btn { margin-left: -9px; } .effect-zoom-out.small .spinner-btn, .effect-zoom-out.x-small .spinner-btn { margin-left: -5px; } .effect-zoom-out { overflow: hidden; } .effect-zoom-out[data-loading=true] { cursor: default; pointer-events: none; } .effect-zoom-out[data-loading=true] .btn-txt { opacity: 0; -ms-transform: scale(0.5); transform: scale(0.5); } .effect-zoom-out[data-loading=true] .spinner-btn { opacity: 1; -ms-transform: none; transform: none; } /* [ btn effect: expand-right ] */ .effect-expand-left, .effect-expand-left .spinner-btn, .effect-expand-left .btn-txt, .effect-expand-right, .effect-expand-right .spinner-btn, .effect-expand-right .btn-txt { transition: padding 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), right 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .effect-expand-right .spinner-btn { right: 8px; } .btn.large.effect-expand-right .spinner-btn, .btn.x-large.effect-expand-right .spinner-btn { right: 14px; } .btn.small.effect-expand-right .spinner-btn, .btn.x-small.effect-expand-right .spinner-btn { right: 7px; } .btn-choice .hide-check + .effect-expand-right[data-loading=true], .effect-expand-right[data-loading=true] { padding-right: 30px; } .btn.small.effect-expand-right[data-loading=true], .btn.x-small.effect-expand-right[data-loading=true] { padding-right: 22px; } .btn.large.effect-expand-right[data-loading=true], .btn.x-large.effect-expand-right[data-loading=true] { padding-right: 42px; } .effect-expand-right[data-loading=true] .spinner-btn { opacity: 1; } /* [ btn effect: expand-left ] */ .effect-expand-left .spinner-btn { left: 8px; } .btn.large.effect-expand-left .spinner-btn, .btn.x-large.effect-expand-left .spinner-btn { left: 14px; } .btn.small.effect-expand-left .spinner-btn, .btn.x-small.effect-expand-left .spinner-btn { left: 7px; } .btn-choice .hide-check + .effect-expand-left[data-loading=true], .effect-expand-left[data-loading=true] { padding-left: 30px; } .btn.small.effect-expand-left[data-loading=true], .btn.x-small.effect-expand-left[data-loading=true] { padding-left: 22px; } .btn.large.effect-expand-left[data-loading=true], .btn.x-large.effect-expand-left[data-loading=true] { padding-left: 42px; } .effect-expand-left[data-loading=true] .spinner-btn { opacity: 1; } /* [ btn effect: expand-enlarge ] */ .btn.effect-enlarge { white-space: nowrap; padding-left: 0.5em; padding-right: 0.5em; } .effect-enlarge .ico-left, .btn.small.effect-enlarge .ico-left, .btn.x-small.effect-enlarge .ico-left { margin-right: 0; } .effect-enlarge .btn-txt { vertical-align: middle; opacity: 0; max-width: 0; overflow: hidden; } .effect-enlarge:hover { max-width: 250px !important; } [lang=de] .effect-enlarge:hover { max-width: 315px !important; } .effect-enlarge:hover .btn-txt { opacity: 1; max-width: 200px; margin: 0 0.4em; } [lang=de] .effect-enlarge:hover .btn-txt { max-width: 250px; } .effect-enlarge { max-width: 30px; min-width: 30px; } .btn.x-large.effect-enlarge { max-width: 56px; min-width: 56px; } .btn.x-large.effect-enlarge svg.ico-left { margin-left: 5px; } .btn.large.effect-enlarge { max-width: 49px; min-width: 49px; } .btn.large.effect-enlarge svg.ico-left { margin-left: 3px; } .btn.medium.effect-enlarge { max-width: 44px; min-width: 44px; } .btn.medium.effect-enlarge svg.ico-left { margin-left: 3px; } .btn.normal.effect-enlarge { max-width: 27px; min-width: 27px; } .btn.normal.effect-enlarge svg.ico-left { margin-left: 1px; } .btn.small.effect-enlarge { max-width: 24px; min-width: 24px; } .btn.x-small.effect-enlarge { max-width: 19px; min-width: 19px; } .effect-enlarge { transition: max-width 0.3s ease-in-out, padding 0.3s ease-in-out; } .effect-enlarge .btn-txt { transition: opacity 0.3s ease-in-out, max-width 0.3s ease-in-out, margin 0.3s ease-in-out; } @-moz-document url-prefix() { .effect-enlarge { max-width: 32px; min-width: 32px; } .btn.x-large.effect-enlarge { max-width: 58px; min-width: 58px; } .btn.large.effect-enlarge { max-width: 52px; min-width: 52px; } .btn.medium.effect-enlarge { max-width: 46px; min-width: 46px; } .btn.normal.effect-enlarge { max-width: 30px; min-width: 30px; } .btn.small.effect-enlarge { max-width: 27px; min-width: 27px; } .btn.small.effect-enlarge svg.ico-left { margin-left: 2px; } .btn.x-small.effect-enlarge { max-width: 21px; min-width: 21px; } .btn.x-small.effect-enlarge svg.ico-left { margin-left: 2px; } } .btn-leave-message { color: #363a3d; background: #f3f3f3; background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%); box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.46), 0 2px 0 rgba(0, 0, 0, 0.1); } .btn-leave-message.active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1); } .btn-leave-message:hover { color: #00afec; background: #eee; background: linear-gradient(to bottom, #fafafa 0%, #eee 100%); } [data-selector=dropdown], .dropdown { position: relative; display: inline-block; } .dropdown-wrap:after, .dropdown-wrap:before { content: ""; display: inline-block; position: absolute; border: 6px solid transparent; margin: 0; } .dropdown-layout[class*=pos-b], .dropdown-layout[class*=pos-t] { z-index: 1000; position: absolute; } .dropdown-layout.dropdown-menu { margin-top: 0; } .dropdown-layout { display: none; text-align: left; min-width: 90px; } .dropdown:hover > .dropdown-layout { display: block; } .dropdown-layout[class*=pos-t] { padding: 8px 0 0; top: 100%; } .dropdown-layout[class*=pos-t] .dropdown-wrap:before { top: -13px; z-index: 9; border-bottom-color: rgba(0, 0, 0, 0.1); } .dropdown-layout[class*=pos-t] .dropdown-wrap:after { top: -12px; z-index: 10; border-bottom-color: #fcfcfc; } .dropdown-layout[class*=pos-t].has-dropdown-header .dropdown-wrap:after { border-bottom-color: #f7f7f7; } .dropdown-layout[class*=pos-b] { padding: 0 0 8px; bottom: 100%; } .dropdown-layout[class*=pos-b] .dropdown-wrap:before { bottom: -13px; z-index: 9; border-top-color: rgba(0, 0, 0, 0.1); } .dropdown-layout[class*=pos-b] .dropdown-wrap:after { bottom: -12px; z-index: 10; border-top-color: #fcfcfc; } .dropdown-layout[class*=pos-b].has-dropdown-footer .dropdown-wrap:after { border-top-color: #f7f7f7; } .dropdown-layout.pos-tl, .dropdown-layout.pos-bl { left: 0; } .dropdown-layout.pos-tl .dropdown-wrap:before, .dropdown-layout.pos-tl .dropdown-wrap:after, .dropdown-layout.pos-bl .dropdown-wrap:before, .dropdown-layout.pos-bl .dropdown-wrap:after { /*left:21px;*/ left: 10px; } .dropdown-layout.pos-tc, .dropdown-layout.pos-bc { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .dropdown-layout.pos-tc .dropdown-wrap:before, .dropdown-layout.pos-tc .dropdown-wrap:after, .dropdown-layout.pos-bc .dropdown-wrap:before, .dropdown-layout.pos-bc .dropdown-wrap:after { left: 50%; margin-left: -2px; } .dropdown-layout.pos-tr, .dropdown-layout.pos-br { right: 0; } .dropdown-layout.pos-tr .dropdown-wrap:before, .dropdown-layout.pos-tr .dropdown-wrap:after, .dropdown-layout.pos-br .dropdown-wrap:before, .dropdown-layout.pos-br .dropdown-wrap:after { right: 10px; } .dropdown-layout .dropdown-wrap { position: relative; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; background: #fcfcfc; } .dropdown-layout.has-dropdown-close .dropdown-hd { padding-right: 22px; } .dropdown-layout.has-dropdown-close .dropdown-close { border: 0; background: none; display: block; position: absolute; top: 5px; right: 10px; cursor: pointer; opacity: 0.5; } .dropdown-layout.has-dropdown-close .dropdown-close:hover { opacity: 1; } .dropdown-layout.has-dropdown-close .dropdown-close .ico-x { width: 10px; height: 10px; } .table tfoot .dropdown-layout td { background: none; } .dropdown-info { cursor: default; min-width: 190px; } .dropdown-info .dropdown-hd { font-size: 12px; font-weight: normal; padding: 7px 10px; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea; border-top-left-radius: 1px; border-top-right-radius: 1px; } .dropdown-info .dropdown-hd .title { text-transform: uppercase; } .dropdown-info .dropdown-ft { font-size: 12px; font-weight: normal; padding: 7px 10px; background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; } .dropdown-info .dropdown-bd { padding: 5px 10px; } .dropdown-success .dropdown-hd { color: #fff; font-weight: bold; } .dropdown-success .dropdown-close { color: #fff; } .dropdown-menu { background-color: transparent; border: 0; left: auto; } .dropdown-menu ul, .dropdown-menu li { margin: 0; padding: 0; list-style: none; } .dropdown-menu .dropdown-bd { margin: 5px 0; } .dropdown-menu li, .dropdown-menu .dropdown-item { display: block; } .dropdown-menu li > a, .dropdown-menu li > .dropdown-link { color: #606365; float: none; display: block; font-weight: normal; border: 0; padding: 5px 10px; } .dropdown-menu li > a:hover, .dropdown-menu li > .dropdown-link:hover { background-color: #f5f5f5; text-decoration: none; } .dropdown-menu .dropdown-bd li > a, .dropdown-menu .dropdown-bd li > .dropdown-link { font-size: 12px; text-transform: uppercase; } .dropdown-menu .spacer { margin: 5px 0; border-bottom: 0; padding: 0; overflow: hidden; } .dropdown-menu .dropdown-menu-user { display: block; padding: 10px; } .dropdown-menu .dropdown-menu-user:hover { background-color: transparent; } .dropdown-menu .dropdown-menu-user .avatar-wrap { display: block; margin-right: 20px; } .dropdown-list-icons li > a { padding-left: 24px; position: relative; cursor: pointer; } .dropdown-list-icons li > a:before { content: ""; position: absolute; display: inline-block; width: 0; height: 0; line-height: 0; left: 10px; top: 12px; border: 3px solid transparent; } .dropdown-list-icons .has-own-ico > a:before { display: none; } .dropdown-list-icons .has-own-ico .ico-left { width: 10px; height: 10px; stroke-width: 12; position: absolute; left: 8px; top: 10px; } .dropdown-list-icons .has-own-ico .ico-x { width: 8px; height: 8px; color: #ff4200; top: 11px; } .dropdown-list-file { width: 540px; } @media (max-width: 767px) { .dropdown-list-file { width: 100%; max-width: 320px; } } .dropdown-list-file .dropdown-bd { padding: 10px 0; } .dropdown-list-file .nano-content, .dropdown-list-file .content { padding: 0; } .dropdown-list-file table { table-layout: fixed; } .dropdown-list-file tr:first-child td { border-top: 0; } .dropdown-list-file td { padding: 12px 10px 12px 0; } @media (max-width: 767px) { .dropdown-list-file td { padding: 5px; font-size: 12px !important; } } .dropdown-list-file .cell-icon { width: 48px; } .dropdown-list-file .cell-icon .hide-check + label { display: inline; padding-left: 18px; } .dropdown-list-file .thumb { width: 60px; } @media (max-width: 767px) { .dropdown-list-file .thumb figure { margin-bottom: 0; } } .dropdown-list-file .thumb [data-icon] { font-size: 40px !important; } .dropdown-list-file .thumb [data-icon=b]:before { top: 0; } .dropdown-list-file .figure { width: 42px; } .dropdown-list-file .desc { width: 260px; } .dropdown-list-file .nano { height: 256px; } .dropdown-list-file .nano > .nano-pane { right: 5px; } .dropdown-list-file .cover-empty { margin-top: 70px; margin-bottom: 70px; } .dropdown-list-file .has-height-full .cover-empty { margin-top: 0; margin-bottom: 0; } .dropdown-menu-contact { width: 324px; } @media (max-width: 991px) { .dropdown-menu-contact { left: 0; } .dropdown-menu-contact.dropdown-layout.pos-tr .dropdown-wrap:before, .dropdown-menu-contact.dropdown-layout.pos-tr .dropdown-wrap:after { right: calc(100% - 50px); } } .dropdown-menu-contact .dropdown-bd { margin: 0; } .dropdown-menu-contact .dropdown-bd li > .dropdown-link { padding: 10px 15px; margin: 0; text-transform: none; } .dropdown-menu-contact .cover .cover-obj { width: 30px; height: 30px; } .dropdown-menu-contact .spacer, .dropdown-menu-contact .cover-hd { margin: 0; } .dropdown-menu-contact .cover-figure { padding: 6px 15px 5px 0; } .dropdown-menu-create-event { width: 640px; padding: 15px 0; background-color: #fff; border-radius: 3px; margin-top: 7px; border: 1px solid #e5e5e5; } @media (max-width: 991px) { .dropdown-menu-create-event { max-width: 350px; padding: 10px 0; left: 0 !important; } } .dropdown-menu-create-event .dropdown-bd, .dropdown-menu-create-event .spacer { margin: 0; } .dropdown-menu-create-event .spacer--tabs { width: auto; margin: 0 40px; } .dropdown-menu-create-event .dropdown-bd li > .dropdown-link { padding: 20px 33px; text-transform: none; } .dropdown-menu-create-event .cover-figure { padding-top: 0; padding-bottom: 0; } .dropdown-menu-create-event .cover-caption { margin-top: 0; } .dropdown-menu-create-event .cover-hd-large { font-size: 36px; } .dropdown-menu-create-event .blend-info { width: 450px; min-width: 450px; } .dropdown-menu-create-event .blend-info .btn { margin: 10px 5px 0; } .dropdown-menu-create-event .blend-meeting-time .btn-wrap { margin: 0; } .dropdown-menu-create-event .blend-meeting-time .btn-wrap .btn { margin: 10px 5px; } .dropdown-menu-create-event--mobile { right: 0; } @media (max-width: 991px) { .dropdown-menu-create-event--mobile { left: 0; width: 455px; } } @media (max-width: 768px) { .dropdown-menu-create-event--mobile { width: -webkit-min-content; width: -moz-min-content; width: min-content; } } .dropdown-menu-create-event--mobile .dropdown-wrap:before, .dropdown-menu-create-event--mobile .dropdown-wrap:after { display: none; } .dashboard-dropdown { width: 640px; } @media (max-width: 992px) { .dashboard-dropdown { left: 0 !important; max-width: 350px; right: initial; left: 0; width: 350px; } } .dashboard-dropdown .dropdown-wrap { background-color: #fff; } .dashboard-dropdown .dropdown-wrap:before, .dashboard-dropdown .dropdown-wrap:after { right: 20px !important; } @media (max-width: 992px) { .dashboard-dropdown .dropdown-wrap:before, .dashboard-dropdown .dropdown-wrap:after { left: 20px; right: initial !important; } } @media (max-width: 992px) { .dashboard-dropdown--right { left: auto !important; } } @media (max-width: 576px) { .dashboard-dropdown--right { right: auto !important; } } .dashboard-dropdown--right .dropdown-wrap:before, .dashboard-dropdown--right .dropdown-wrap:after { left: initial; right: 20px !important; } @media (max-width: 576px) { .dashboard-dropdown--right .dropdown-wrap:before, .dashboard-dropdown--right .dropdown-wrap:after { left: 20px; right: initial !important; } } .tip, .tip-wrap:after { display: inline-block; position: absolute; z-index: 99; } .tip { color: #fff; font-size: 14px; text-align: center; min-width: 34px; max-width: 200px; text-shadow: none; } .tip-wrap { padding: 2px 6px; background: rgba(38, 39, 41, 0.9); border-radius: 2px; position: relative; } .tip-wrap:after { content: ""; width: 0; height: 0; border: 6px solid transparent; } .tip.pos-tc, .tip.pos-bc { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } /* tip position on top - arrow bottom */ .tip.pos-b, .tip.pos-bc { bottom: 100%; padding-bottom: 8px; } .tip.pos-b .tip-wrap:after, .tip.pos-bc .tip-wrap:after { border-top-color: rgba(38, 39, 41, 0.9); top: 100%; left: 50%; margin-left: -6px; } /* tip position right -arrow left */ .tip.pos-l { /*left:100%;*/ padding-left: 8px; } .tip.pos-l .tip-wrap:after, .tip.pos-tl .tip-wrap:after { border-right-color: rgba(38, 39, 41, 0.9); right: 100%; top: 50%; margin-top: -6px; } /* tip position bottom - arrow top */ .tip.pos-t, .tip.pos-tc { top: 100%; padding-top: 8px; } .tip.pos-t .tip-wrap:after, .tip.pos-tc .tip-wrap:after { border-bottom-color: rgba(38, 39, 41, 0.9); bottom: 100%; left: 50%; margin-left: -6px; } /* tip position left -arrow right */ .tip.pos-r { /*right:100%;*/ padding-right: 8px; } .tip.pos-r .tip-wrap:after, .tip.pos-tr .tip-wrap:after { border-left-color: rgba(38, 39, 41, 0.9); left: 100%; top: 50%; margin-top: -6px; } .tip.pos-tl { top: 0; left: 100%; padding-left: 8px; } @media (max-width: 991px) { .tip.pos-tl { top: 100%; right: 0; left: auto; padding-top: 8px; padding-left: 0; } } .tip.pos-tl .tip-wrap:after { top: 0; margin-top: 12px; } @media (max-width: 991px) { .tip.pos-tl .tip-wrap:after { border-right-color: transparent; border-bottom-color: rgba(38, 39, 41, 0.9); top: auto; bottom: 100%; right: 0; left: auto; margin-top: auto; margin-right: 12px; } } .tip.pos-tr { top: 0; right: 100%; padding-right: 8px; } .tip.pos-tr .tip-wrap:after { top: 0; margin-top: 12px; } /* [ tip info/validate ] */ .tip-info { min-width: 200px; } .tip-info .tip-wrap { font-size: 12px; text-align: left; padding: 12px; } .tip-info h6 { color: #fff; font-size: 12px; font-weight: bold; margin: 0 0 10px; } .tip-info p { margin: 0; } .tip-info li { margin: 3px 0; } .tip-info li:first-child { margin-top: 0; } .tip-info li:last-child { margin-bottom: 0; } .tip-info-wrap { position: relative; display: inline-block; } .tip-info-wrap .ico-info_round { width: 16px; height: 16px; color: #00afec; top: 0; } .tip-info-wrap .tip { opacity: 0; visibility: hidden; } .tip-info-wrap.active .tip, .tip-info-wrap:hover .tip { opacity: 1; visibility: visible; } .tip-info-wrap .tip.pos-tl { top: -5px; } .tip-info-wrap.pos-tr { position: absolute; left: 100%; top: 3px; } .tip-info-wrap.pos-tr .tip.pos-tl { top: -3px; } /* [ tip inline ] */ .tip-inline { color: #606365; font-size: 12px; margin: 1em 0; } .tip-inline .ico-info_round { width: 13px; height: 13px; color: #00afec; } .tip-inline .ico-left { margin-right: 5px; } /* [ tip inline with background ] */ .tip-inline-bg { color: #555; font-style: italic; line-height: 1.8em; padding: 15px 20px; background: #eee; } .tip-inline-bg .ico-info_round { margin-left: -14px; } /* [ tip static ] */ .tip-static { position: relative; } /* [ tip size ] */ .tip-small .tip-wrap { font-size: 12px; padding: 10px; } .helper { color: #606365; font-size: 16px; min-width: 130px; position: absolute; z-index: 99; } @media screen and (max-width: 992px) { .helper { display: none; } } .helper .helper-bd { position: relative; text-align: left; } .helper .helper-bd:before { content: ""; display: block; position: absolute; z-index: 100; background-repeat: no-repeat; /*background:url($src-image + 'helper_arrows.png') no-repeat;*/ } .helper .ico-close { color: #c5c8d0; font-size: 20px; line-height: 20px; text-align: center; width: 20px; opacity: 0; visibility: hidden; position: absolute; z-index: 101; top: -6px; right: -8px; cursor: pointer; } .helper h4 { color: #4b4b4b; margin: 0; font-size: 35px; line-height: 1; text-shadow: 0 1px 0 #fff; letter-spacing: 0; } .helper h4 em { font-size: 26px; text-indent: 5px; } .helper p { line-height: 1.4; margin: 10px 0 0; } .helper:hover h4 { color: inherit; } .helper:hover .ico-close { opacity: 1; visibility: visible; } .helper.pos-tr, .helper.pos-tr2, .helper.pos-br, .helper.pos-br2, .helper.pos-br3, .helper.pos-br5 { right: 100%; margin-right: 15px; } .helper.pos-tl, .helper.pos-tl2, .helper.pos-bl, .helper.pos-bl2, .helper.pos-bl3, .helper.pos-bl4, .helper.pos-bl5 { left: 100%; margin-left: 15px; } .helper.pos-tr .helper-bd:before, .helper.pos-tl .helper-bd:before { width: 58px; height: 44px; } .helper.pos-tr .helper-bd:before { background-position: -46px -114px; right: -27px; top: -37px; } .helper.pos-tl .helper-bd:before { background-position: -104px -114px; left: -32px; top: -50px; } .helper.pos-br .helper-bd:before, .helper.pos-bl .helper-bd:before, .helper.pos-bl4 .helper-bd:before { width: 52px; height: 53px; } .helper.pos-br .helper-bd:before { background-position: -52px -59px; left: 100%; bottom: -60px; margin-left: -47px; } .helper.pos-bl .helper-bd:before, .helper.pos-bl4 .helper-bd:before { background-position: -104px -59px; } .helper.pos-bl .helper-bd:before { left: -18px; bottom: -60px; } .helper.pos-bl4 .helper-bd:before { left: -58px; bottom: -30px; } .helper.pos-tr2 .helper-bd:before, .helper.pos-tl2 .helper-bd:before { width: 64px; height: 29px; } .helper.pos-tr2 .helper-bd:before { background-position: -40px -29px; bottom: 5px; right: -65px; } .helper.pos-tl2 .helper-bd:before { background-position: -104px -29px; left: -80px; top: -4px; } .helper.pos-br2 .helper-bd:before, .helper.pos-br3 .helper-bd:before, .helper.pos-bl2 .helper-bd:before, .helper.pos-bl3 .helper-bd:before { width: 76px; height: 28px; } .helper.pos-br2 .helper-bd:before, .helper.pos-br3 .helper-bd:before { background-position: -28px 0; } .helper.pos-br2 .helper-bd:before { right: -27px; top: -32px; } .helper.pos-br3 .helper-bd:before { right: -65px; top: -8px; } .helper.pos-bl2 .helper-bd:before, .helper.pos-bl3 .helper-bd:before { background-position: -104px 0; } .helper.pos-bl2 .helper-bd:before { left: -34px; top: -36px; } .helper.pos-bl3 .helper-bd:before { right: 104%; top: -7px; } .helper.pos-bl5 .helper-bd, .helper.pos-br5 .helper-bd { margin-bottom: 80px; } .helper.pos-bl5 .helper-bd:before, .helper.pos-br5 .helper-bd:before { width: 36px; height: 78px; top: 100%; left: 100%; margin: 0 0 0 -18px; } .helper.pos-bl5 .helper-bd:before { background-position: -104px -231px; } .helper.pos-br5 .helper-bd:before { background-position: -68px -231px; } .helper.pos-tr-large .helper-bd:before, .helper.pos-tl-large .helper-bd:before { width: 76px; height: 28px; } .helper.pos-tr-large .helper-bd:before { background-position: 0 -159px; bottom: 2px; right: -107px; } .helper.pos-tl-large .helper-bd:before { background-position: -28px 0; left: 82px; top: -36px; } [lang=ru] .helper.pos-tl-large .helper-bd:before { background-position: -105px -30px; left: -80px; top: -12px; } .btn-group, .btn-choice { position: relative; display: inline-block; vertical-align: middle; } .btn-choice { border-radius: 30px; } .btn-choice-x-small { border-radius: 2px; } .btn-group > .btn, .btn-choice > .btn { position: relative; float: left; background-clip: padding-box; } .btn-group > .btn { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.78), -1px 2px 0 rgba(0, 0, 0, 0.1); } .btn-choice > .btn { border-radius: 30px; box-shadow: none; } .btn-choice-x-small > .btn { border-radius: 2px; } .btn-group > .btn:first-child { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.78), 0 2px 0 rgba(0, 0, 0, 0.1); } .btn-group .btn + .btn, .btn-choice .btn + .btn, .btn-group .btn + .btn-group, .btn-choice .btn + .btn-group, .btn-group .btn-group + .btn, .btn-choice .btn-choice + .btn, .btn-group .btn-group + .btn-group, .btn-choice .btn-choice + .btn-choice { margin: 0; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-choice > .btn:not(.start):not(.stop) { border-radius: 0; } .btn-group > .btn:first-child, .btn-choice > .start { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-choice > .start:not(.stop):not(.force-not-first) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-choice > .stop:not(.start):not(.force-not-last) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-choice > .force-not-first { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-choice > .force-not-last { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-choice.paid { margin-left: -4px; border-left: solid 1px rgba(255, 255, 255, 0.78); } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle, .btn-choice > .btn-choice:first-child > .stop { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child, .btn-choice > .btn-choice:last-child > .start { border-bottom-left-radius: 0; border-top-left-radius: 0; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.78), -1px 2px 0 rgba(0, 0, 0, 0.1); } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } /* [ button choice ] */ .btn-choice.no-change .hide-check:checked + .btn, .btn-choice.no-change .hide-check:checked + .btn.stop, .btn-choice.no-change .hide-check:checked + .btn.start { color: #363a3d; background: #f3f3f3; background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%); box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.46), 0 2px 0 rgba(0, 0, 0, 0.1); } .btn-choice .hide-check + label, .btn-choice .hide-check + label [data-icon], .btn-choice .hide-check + label [data-icon]:hover, .btn-choice.no-change .hide-check:checked + .btn, .btn-choice.no-change .hide-check:checked + .btn [data-icon], .btn-choice.no-change .hide-check:checked + .btn [data-icon]:hover { color: #363a3d; font-size: 16px; text-shadow: none; } .btn-choice .hide-check + label:hover { color: #00afec; } .btn-choice .hide-check + label.disabled-fake:hover { color: inherit; cursor: default; } /* no-change : nie zmienia wygladu zaznaczonego elementu do momentu, kiedy klasa nie zostanie usunięta */ .btn-choice.no-change .hide-check:checked + .btn, .btn-choice.no-change .hide-check:checked + .btn.stop, .btn-choice.no-change .hide-check:checked + .btn.start { box-shadow: none; } .btn-choice .hide-check:checked + label, .btn-choice .hide-check:checked + label [data-icon], .btn-choice .hide-check:checked + label [data-icon]:hover { color: #a5a7a8; text-shadow: none; } .btn-choice .hide-check + label { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.78), -1px 2px 0 rgba(0, 0, 0, 0.1); } .btn-choice .hide-check + .start { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.78), 0 2px 0 rgba(0, 0, 0, 0.1); } .btn-choice .hide-check:checked + label { background: #313537; background: linear-gradient(to bottom, #363b3d 0%, #313537 100%); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.63); } .btn-choice .btn, .btn-choice .btn [data-icon]:before { font-size: 16px; } .btn-choice .btn [data-icon]:before { top: -1px; } .btn-choice-success .hide-check:checked + label, .btn-choice-success .hide-check:checked + label [data-icon], .btn-choice-success .hide-check:checked + label [data-icon]:hover { color: #fff; } .btn-choice-success .hide-check:checked + label { /*background:#6ebe3b; background:-webkit-linear-gradient(top, #79cb45 0%,#6ebe3b 100%); background:linear-gradient(to bottom, #79cb45 0%,#6ebe3b 100%);*/ box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11); } /* [ button choice size ] */ .btn-choice .hide-check + .btn { padding: 5px 12px; height: 29px; } .btn-choice-medium .hide-check + .btn { padding: 8px 12px; height: 35px; } .btn-choice-large .hide-check + .btn { font-size: 18px; padding: 13px 22px; height: 45px; } .btn-choice-x-small .hide-check + .btn { padding: 2px 9px 0; height: 22px; } /* [ button choice - tip ] */ .btn-choice .tip.pos-t { visibility: hidden; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .dialog li .btn-success { color: #ffffff; } .dialog li .btn-success:hover { color: #ffffff; } /*--------------------------------------------------------------------------------------------- [ Confirm elements ] */ /* [ alert/dialog ] */ .alert, .dialog { color: #5c6273; font-size: 16px; } .alert { margin: 40px auto; min-width: 200px; } .alert .close { font-size: 10px; border: 0; display: block; top: 0; right: 0; position: absolute; } .alert .alert-content, .dialog .dialog-content { background: #fff; position: relative; border-radius: 2px; } .alert .alert-content { padding: 25px 30px; border: 1px solid rgba(0, 0, 0, 0.1); } .dialog .dialog-content { padding: 35px 40px; } .alert .alert-content:before, .dialog .dialog-content:before { content: ""; position: absolute; left: 30px; top: 50%; margin-top: -30px; font-size: 67px; line-height: 60px; display: inline-block; width: 60px; text-align: center; } @media (max-width: 576px) { .alert .alert-content:before { top: 10px; left: 50%; margin-left: -30px; margin-top: auto; } } .alert .pos-tl.alert-content:before { margin-top: 0; top: 15px; } .dialog .dialog-content:before { margin-top: 0; top: 36px; } @media (max-width: 576px) { .dialog .dialog-content:before { top: 15px; left: 50%; margin-left: -30px; } } .alert .alert-title, .alert strong, .dialog .dialog-title, .dialog strong { color: #363a3d; font-weight: normal; } .alert-title { font-size: 35px; margin: 10px 0; padding: 0 !important; color: #1B1F2B; } .alert--tips svg { top: 30px !important; margin-top: 0 !important; } .alert--tips .tips-list__element strong { font-weight: bold; } .alert--tips .alert-title { font-size: 21px; letter-spacing: -0.02em; } .alert-subtitle { font-size: 16px; color: #1B1F2B; font-family: "robotoregular", Helvetica, Arial, sans-serif; letter-spacing: -0.02em; } .tips__header { margin-bottom: 20px; margin-top: 27px; font-size: 14px; color: #6B7183; } .tips__list { padding: 0; } .tips-list__element { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; } .tips-list__element:not(:last-child) { margin-bottom: 20px; } .tips-list__number { font-family: "robotobold", Helvetica, Arial, sans-serif; margin-right: 15px; background-color: #F1F3F7; width: 20px; height: 20px; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 11px; } .tips-list__text { font-family: "robotoregular", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; letter-spacing: -0.01em; -ms-flex: 1; flex: 1; text-align: left; } .dialog-title { font-size: 24px; } .alert p { margin: 0; } .alert .email { word-break: break-word; border-bottom: 1px solid #5c6273; } .alert .btn-wrap, .dialog .btn-wrap { margin-top: 25px; } .dialog .btn-wrap { text-align: center; } .dialog .btn { min-width: 88px; padding-top: 10px; padding-bottom: 10px; } .alert .alert-content div.alert-confirm-button { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } /* [ alert/dialog state ] */ .alert-info .alert-content, .alert-success .alert-content, .alert-warning .alert-content, .alert-error .alert-content, .dialog-info .dialog-content, .dialog-success .dialog-content, .dialog-warning .dialog-content, .dialog-error .dialog-content { padding-left: 115px; } @media (max-width: 576px) { .alert-info .alert-content, .alert-success .alert-content, .alert-warning .alert-content, .alert-error .alert-content, .dialog-info .dialog-content, .dialog-success .dialog-content, .dialog-warning .dialog-content, .dialog-error .dialog-content { padding: 85px 15px 15px; text-align: center; } } .alert-notice { position: relative; } .alert-notice .alert-title { margin-bottom: 15px; font-family: "robotomedium"; font-size: 21px; color: #2a2e38; } .alert-notice .alert-content { background-color: rgba(255, 255, 255, 0.95); padding: 25px 25px 25px 125px; border-color: transparent; border-radius: 4px; box-shadow: 0px 20px 90px 0px rgba(54, 58, 61, 0.09); } .alert-notice .alert-content p { margin-bottom: 15px; font-family: "robotoregular"; font-size: 14px; color: #363a3d; } .alert-notice .alert-content:before { content: none; } .alert-notice .alert-content svg { position: absolute; width: 75px; height: 75px; left: 25px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); stroke-width: 1px; } .alert-notice .alert-content img { position: absolute; left: 25px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .alert-notice .alert-content .btn { padding: 7px 18px; font-family: "robotomedium"; font-size: 12px; } .alert-notice .close { background-color: transparent; border-radius: 0; width: 25px; font-size: 21px; z-index: 1; color: #c6c6c6; } .alert-notice .close:hover { color: #adadad; } .alert-notice .close:focus { outline: none; } .alert-info .btn-wrap, .alert-success .btn-wrap, .alert-warning .btn-wrap, .alert-error .btn-wrap, .dialog-info .btn-wrap, .dialog-success .btn-wrap, .dialog-warning .btn-wrap, .dialog-error .btn-wrap { margin-left: -85px; } @media (max-width: 576px) { .alert-info .btn-wrap, .alert-success .btn-wrap, .alert-warning .btn-wrap, .alert-error .btn-wrap, .dialog-info .btn-wrap, .dialog-success .btn-wrap, .dialog-warning .btn-wrap, .dialog-error .btn-wrap { margin-left: 0; } } .alert-info .alert-content:before, .dialog-info .dialog-content:before { content: "8"; color: #00afec; } .alert-success .alert-content:before, .dialog-success .dialog-content:before { content: "v"; color: #6ebe3b; } .alert-warning .alert-content:before, .dialog-warning .dialog-content:before { content: "Z"; color: #f8a64f; } .alert-error .alert-content:before, .dialog-error .dialog-content:before { content: "y"; color: #ff4200; } .alert-svg svg { width: 50px !important; height: 50px !important; stroke-width: 2px; position: absolute; top: 50%; margin-top: -25px; left: 32px; } @media (max-width: 576px) { .alert-svg svg { top: 10px; margin-top: auto; left: 50%; margin-left: -25px; } } .alert-svg .alert-content:before { content: none; } .alert-svg.alert-info .alert-content { border-color: #00afec; } .alert-svg.alert-info .alert-content svg { color: #00afec; } .alert-svg.alert-success .alert-content { border-color: #6ebe3b; } .alert-svg.alert-success .alert-content svg { color: #6ebe3b; } .alert-svg.alert-warning .alert-content { border-color: #f8a64f; } .alert-svg.alert-warning .alert-content svg { color: #f8a64f; } .alert-svg.alert-error .alert-content { border-color: #ff4200; } .alert-svg.alert-error .alert-content svg { color: #ff4200; } /* [ notify ] */ .notify-muted { color: #606365; } .notify-info { color: #00afec; } .notify-success { color: #6ebe3b; } .notify-warning { color: #f8a64f; } .notify-error { color: #ff4200; } .notify-ico.svg-stroke { stroke-width: 10; } .notify-ico.ico-tick, .notify-ico.ico-x { width: 11px; height: 11px; stroke-width: 18; } /* notify size */ .notify-large { font-size: 18px; line-height: 26px; } .notify-large.notify-muted, .notify-large.notify-info, .notify-large.notify-success, .notify-large.notify-warning, .notify-large.notify-error { padding-left: 76px; position: relative; } .notify-large .notify-ico { width: 41px; height: 41px; position: absolute; left: 15px; top: 8px; } .notify-large .notify-ico.ico-x { stroke-width: 16; } .notify-large .notify-ico.ico-tick { stroke-width: 12; } /* notify block */ .notify-block { font-size: 18px; text-align: center; } .notify-block .notify-hd { font-size: 31px; line-height: 1.4; letter-spacing: -1px; margin: 15px auto; } .notify-block .notify-ico { width: 95px; height: 95px; display: block; margin: 0 auto 15px; } .notify-block .svg-stroke { stroke-width: 10; } /* [ message ] */ .message { color: #fff; text-align: center; } .message > .in { padding: 6px 14px; } .message span { display: inline-block; border-radius: 5px; padding: 0 4px; margin: 0 7px; } .message a { text-decoration: underline; } .message__restore { color: #fff; text-transform: uppercase; text-decoration: none !important; border-radius: 25px; display: inline-block; margin-left: 10px; padding: 6px 12px; font-size: 11px; font-family: "robotomedium"; line-height: 11px; transition: background-color 0.3s ease-in-out; } .message__restore:hover { color: #fff; } .message .message-ico { width: 17px; height: 17px; } .message .message-ico.freeze { width: 25px; height: 25px; stroke-width: 3; } .message-desktop-wrapper, .message-mobile-wrapper { clear: both; } .message-desktop-wrapper .message, .message-mobile-wrapper .message { border-radius: 3px; } .message-desktop-wrapper .message .in, .message-mobile-wrapper .message .in { padding: 10px; } .message-desktop-wrapper .message .in .form-label, .message-mobile-wrapper .message .in .form-label { text-align: left !important; } .message-desktop-wrapper .message.message-info a, .message-mobile-wrapper .message.message-info a { color: #fff; } .message-desktop-wrapper .message-info .form-inline { padding-left: 0; padding-right: 0; } .message-mobile-wrapper { margin-top: 20px; } @media (min-width: 992px) { .message-mobile-wrapper { display: none; } } /* [ message state ] */ .message-default { background-color: #606365; } .message-default a { color: #232728; } .message-success { background-color: #6ebe3b; } .message-success a { color: #232728; } .message-warning { background-color: #ff8d15; } .message-warning a { color: #351b00; } .message-info { background-color: #00afec; } .message-info a { color: #351b00; } .message-error { background-color: #ff4200; } .message-error a { color: #3b0f00; } .message-freeze { background-color: #00afec; font-family: "robotobold", sans-serif !important; } .message-freeze span { background-color: #009ed5; } .message-freeze a { color: #fff; } .message-freeze button { text-decoration: underline; color: #fff; cursor: pointer; } .message-freemium { background-color: #6ebe3b; font-family: "robotobold", sans-serif !important; } .message-freemium span { background-color: #5da82d; } .message-freemium .message__restore { border: 2px solid #7cc74b; } .message-freemium .message__restore:hover { background-color: #7cc74b; } .message-freemium a { color: #fff; } .message-cancel { background-color: #f55155; font-family: "robotobold", sans-serif !important; } .message-cancel span { background-color: #e73e42; } .message-cancel .message__restore { border: 2px solid #f6696d; } .message-cancel .message__restore:hover { background-color: #f6696d; } .message-old-browser { background-color: #fdb237; padding: 8px 15px; z-index: 1; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-family: "robotomedium", sans-serif !important; } @media only screen and (max-width: 767px) { .message-old-browser { font-size: 12px; } } @media only screen and (max-width: 767px) { .message-old-browser__svg { display: none; } } .message-old-browser__svg svg { width: 25px; height: 25px; margin-right: 18px; color: #bb7400; stroke-width: 1px; } .message-old-browser__content { text-align: left; } .message-old-browser__content p { margin: 0; } .message-old-browser__content .compatibility { color: #bb7400; } .message-old-browser__btn a { display: block; background-color: #ea9b19; padding: 10px 30px; border-radius: 25px; margin-left: 25px; line-height: 14px; color: #ffffff; text-transform: uppercase; text-align: center; text-decoration: none; transition: box-shadow 0.5s ease; } .message-old-browser__btn a:hover { box-shadow: 0px 7px 10px 0px rgba(41, 45, 56, 0.3); } .message-old-browser__close { width: 11px; height: 11px; line-height: 11px; color: #ffffff; -ms-transform: translateX(120px); transform: translateX(120px); } @media only screen and (max-width: 1140px) { .message-old-browser__close { -ms-transform: translateX(0); transform: translateX(0); margin-left: 20px; } } .message-old-browser__close svg { height: 11px; width: 11px; } .message-communication { background-color: #00afec; height: 75px; } @media (max-width: 767px) { .message-communication { height: 167px; } } .message-communication__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-family: "robotomedium"; color: #fff; } @media (max-width: 767px) { .message-communication__wrapper { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; max-width: 350px; margin: 0 auto; } } .message-communication__box { padding-left: 55px; margin-right: 48px; position: relative; text-align: left; } @media (max-width: 767px) { .message-communication__box { padding-left: 0; margin-right: 0; } } .message-communication svg { width: 40px; height: 40px; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .message-communication svg { width: 25px; height: 25px; top: auto; left: auto; right: 0; bottom: -30px; -ms-transform: none; transform: none; } } .message-communication h6 { font-size: 18px; font-family: inherit; font-weight: 500; margin: 0; color: inherit; } @media (max-width: 992px) { .message-communication h6 { font-size: 16px; } } .message-communication p { font-size: 14px; font-family: inherit; font-weight: 500; margin: 0; } @media (max-width: 767px) { .message-communication p { font-size: 12px; margin-top: 5px; } } .message-communication__btn { font-size: 14px; color: inherit; background-color: #008ec5; display: block; padding: 10px 20px; border-radius: 25px; line-height: 14px; white-space: nowrap; text-transform: uppercase; text-align: center; text-decoration: none !important; transition: box-shadow 0.5s ease; } @media (max-width: 767px) { .message-communication__btn { max-width: 200px; margin-top: 5px; font-size: 12px; padding: 4px 15px; } } .message-communication__btn:hover { color: inherit; box-shadow: 0px 7px 10px 0px rgba(41, 45, 56, 0.3); } .message-addons { position: relative; text-align: left; border-radius: 5px; max-width: 430px; margin: 0 auto; font-size: 13px; line-height: 18px; margin-bottom: 48px; } .message-addons .in { padding: 10px 15px 10px 50px; } .message-addons svg { position: absolute; top: 50%; left: 10px; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; stroke-width: 3px; color: #2d79a3; } .learn-popup__wrapper { max-width: 615px; } .learn-popup__wrapper .fancybox-close { color: #1b1f2b !important; top: 36px; right: 28px; width: 14px; height: 14px; line-height: 14px; } .learn-popup__wrapper .fancybox-close:before { display: none; } .learn-popup__content { padding: 28px; } .learn-popup__title { font-size: 24px; font-family: "robotoregular", sans-serif !important; color: #292d38; margin: 0 0 30px; width: calc(100% - 20px); } .learn-popup__title svg { display: inline-block; margin-right: 15px; height: 25px; width: 25px; color: #fdb237; stroke-width: 1px; } .learn-popup p { font-size: 16px; font-family: "robotoregular", sans-serif !important; line-height: 21px; color: #5c6273; margin: 0 0 30px; } .learn-popup p:nth-child(3) { margin-bottom: 10px; } .learn-popup p span { font-family: "robotomedium", sans-serif !important; } .learn-popup p a { text-decoration: underline; } .learn-popup__icons { margin-bottom: 25px; } .learn-popup__icons div { display: inline-block; margin-right: 8px; } .learn-popup__icons img { display: inline-block; width: 19px; height: 19px; margin-right: 7px; } .learn-popup__icons a { font-size: 16px; font-family: "robotomedium", sans-serif !important; text-decoration: underline; vertical-align: middle; } .learn-popup__icons.reducedList div { margin-right: 18px; margin-bottom: 5px; } .learn-popup__icons.reducedList div:last-child { margin-right: 0; } .learn-popup__btn { display: block; max-width: 230px; margin: 50px auto 10px; background-color: #6ebe3b; padding: 12px 22px; color: #ffffff; line-height: 20px; font-size: 18px; font-family: "robotomedium", sans-serif !important; text-align: center; text-transform: uppercase; text-decoration: none; border-radius: 50px; transition: box-shadow 0.5s ease; } .learn-popup__btn:hover { box-shadow: 0px 7px 10px 0px rgba(41, 45, 56, 0.3); color: #ffffff; } .notice-wrap { display: none; position: fixed; top: 60px; right: 0; left: 0; z-index: 9999; margin: auto; padding: 0 15px; max-width: 560px; } @media (max-width: 767px) { .notice-wrap { display: none !important; } } .notice-wrap--flash-room { top: 0; } .notice-animated { animation-fill-mode: both; animation-duration: 1s; } .notice-fadeInDown { animation-name: noticeFadeInDown; } .notice-fadeInUp { animation-name: noticeFadeInUp; } @keyframes noticeFadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes noticeFadeInUp { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, -100%, 0); } } /* [ message ] */ .message .form-inline .form-group { margin-top: 0; margin-bottom: 0; } /* [ rating ] */ .rating, .rating a:hover, .rating .current { background: url(/shared/images/__partials/rating/size_x24.png) 0 0; } .rating { position: relative; width: 133px; height: 22px; overflow: hidden; list-style: none; background-position: top left; margin: 0 auto; padding: 0; } .rating li { display: inline; } .rating a, .rating .current { position: absolute; top: 0; left: 0; text-indent: -9000px; height: 22px; line-height: 22px; outline: none; overflow: hidden; border: none; } .rating a:hover { background-position: 0 -24px; } .rating a.rate-1 { width: 20%; z-index: 6; } .rating a.rate-2 { width: 40%; z-index: 5; } .rating a.rate-3 { width: 60%; z-index: 4; } .rating a.rate-4 { width: 80%; z-index: 3; } .rating a.rate-5 { width: 100%; z-index: 2; } .rating .current { z-index: 1; } .rating-success .current { background-position: 0 -24px; } .rating-warning .current { background-position: 0 -48px; } .rating-error .current { background-position: 0 -72px; } /* rating size */ .rating.small, .rating.small a:hover, .rating.small .current { background: url(/shared/images/__partials/rating/size_x18.png) 0 0; } .rating.small { width: 98px; height: 17px; } .rating.small a, .rating.small .current { height: 17px; line-height: 17px; } .rating.small a:hover { background-position: 0 -18px; } .rating-success.small .current { background-position: 0 -18px; } .rating-warning.small .current { background-position: 0 -36px; } .rating-error.small .current { background-position: 0 -53px; } /* [ progress ] */ .progress { color: #fff; font-size: 12px; text-align: center; position: relative; background: #ededed; height: 23px; box-shadow: 0 1px 0 #fff; } .progress, .progress:before, .progress-bar { border-radius: 30px; } .progress:before { content: ""; display: block; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { position: relative; z-index: 2; height: 100%; max-width: 100%; } .progress-bar.default { background: #d7d7d7; background: linear-gradient(to bottom, #dcdcdc 0%, #d7d7d7 100%); } .progress-bar.error { background: #ff4200; background: linear-gradient(to bottom, #ff530d 0%, #ff4200 100%); } .progress-bar.warning { background: #ff8706; background: linear-gradient(to bottom, #ff961a 0%, #ff8706 100%); } .progress-bar.success { background: #6ebe3b; background: linear-gradient(to bottom, #79cb45 0%, #6ebe3b 100%); } .progress-title { color: #b1b1b1; line-height: 22px; text-align: center; display: block; overflow: hidden; white-space: nowrap; word-wrap: break-word; position: absolute; left: 0; right: 0; bottom: 100%; z-index: 1; } .header .progress { margin-right: 13px; float: left; } .progress .tip { opacity: 0; visibility: hidden; right: 0; right: -16px; } .progress:hover .tip { opacity: 1; visibility: visible; } /* [ progress radial ] */ .progress-radial { color: #3d464d; font-size: 21px; letter-spacing: -2px; position: relative; width: 58px; height: 58px; background: #fff; border-radius: 50%; box-shadow: inset 0 0 0 2px #f7f7f7; } .progress-radial .mask { width: 50%; height: 100%; overflow: hidden; position: absolute; z-index: 2; } .progress-radial .fill { border-radius: 999px; position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .progress-radial .mask-left { left: 0; } .progress-radial .mask-left .fill { left: 100%; border-bottom-left-radius: 0; border-top-left-radius: 0; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .progress-radial .mask-right { left: 50%; } .progress-radial .mask-right .fill { left: -100%; border-bottom-right-radius: 0; border-top-right-radius: 0; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .progress-radial:after { content: ""; background: #fff; position: absolute; z-index: 3; width: 54px; height: 54px; border-radius: 50%; top: 2px; left: 2px; display: block; } .progress-radial .status { position: absolute; z-index: 10; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* [ list checked ] */ .list-checked, .list-checked > li { margin: 0; padding: 0; list-style: none; } .list-checked { margin: 20px 0; } .list-checked > li { margin: 0.6em 0; padding-left: 2.4em; position: relative; } .list-checked > li:before { content: "q"; position: absolute; left: 0.8em; top: 0; } .list-checked-default > li:before { color: #c2c2c2; } .list-checked-success > li:before { color: #6ebe3b; } .list-checked-error > li:before { color: #ff4200; } /* [ lista dla validacji pol formularzy ] */ .list-valid-notify, .list-valid-notify > li { margin: 0; padding: 0; list-style: none; } .list-valid-notify > li { padding-left: 1.5em; } .list-valid-notify > li [data-icon] { float: left; margin: 0 0 0 -1.5em; } .list-valid-notify .notify-muted { color: #d8d8d8; } .addnew-wrap { display: block; margin: 0 0 20px; position: relative; } .addnew { color: #d8d8d8; text-align: center; padding: 9px; box-sizing: border-box; position: relative; border-radius: 2px; background: #f7f7f7; border: 1px dashed #d3d5d9; } .addnew .dsp-table { height: 100%; } .addnew .addnew-ico { width: 46px; height: 46px; display: block; margin: 5px auto; } a:hover .addnew { border-color: transparent; background-color: #fff; } .addnew-wrap.small .addnew, .addnew-wrap.small .addnew-info { display: inline-block; vertical-align: middle; } .addnew-wrap.small .addnew { width: 54px; height: 34px; } .addnew-wrap.small .addnew-ico { width: 12px; height: 12px; margin: 0 auto; } .addnew-wrap.small .addnew-info { margin-left: 8px; } .addnew-wrap.medium .addnew { font-size: 18px; } .addnew-transparent .addnew, .addnew-transparent a:hover .addnew { background: none; } .addnew-invert .addnew { color: #cfcfcf; background: #fff; border-color: #e3e3e3; } .addnew-invert .addnew-ico { opacity: 0.5; } .addnew-invert a:hover .addnew-ico { opacity: 1; } .addnew-success .addnew { border: 0; color: #fff; outline: 1px dashed rgba(255, 255, 255, 0.4); outline-offset: -8px; } .addnew-success .addnew:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; outline: 1px dashed rgba(0, 0, 0, 0.25); outline-offset: -9px; } .addnew-success .addnew-ico { color: inherit; } .addnew-success a:hover .addnew { color: #fff; } .addnew-wrap.pos-l { position: absolute; right: 100%; top: 0; } .addnew-wrap.pos-r { position: absolute; left: 100%; top: 0; } .addnew-wrap.pos-r .addnew { box-shadow: inset 2px 0 10px -4px rgba(0, 0, 0, 0.6); border-bottom-left-radius: 0; border-top-left-radius: 0; } .addnew-wrap.pos-l .addnew { box-shadow: inset -2px 0 10px -4px rgba(0, 0, 0, 0.6); border-bottom-right-radius: 0; border-top-right-radius: 0; } .addnew-wrap .helper.pos-bl3 { margin-left: 90px; width: 170px; top: 45px; } .overlap.pos-tr, .overlap.pos-tl { position: absolute; top: 0; margin-top: 25px; } .overlap.pos-tl { right: 100%; margin-right: -1px; } .overlap.pos-tr { left: 100%; margin-left: -1px; } .overlap.pos-tr .overlap-info { box-shadow: inset 10px 0 7px -10px rgba(0, 0, 0, 0.5), 0 2px 0 rgba(0, 0, 0, 0.11); border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .overlap.pos-tl .overlap-info { box-shadow: inset -10px 0 7px -10px rgba(0, 0, 0, 0.5), 0 2px 0 rgba(0, 0, 0, 0.11); border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .overlap.pos-tl .flat { box-shadow: inset -5px 0 10px -7px rgba(0, 0, 0, 0.3); } .overlap.pos-tr .flat { box-shadow: inset 5px 0 10px -7px rgba(0, 0, 0, 0.3); } .overlap-info { color: #fff; padding: 10px 8px; line-height: 1; } .overlap.large .overlap-info { font-size: 24px; } .overlap.large .overlap-info svg { width: 22px; height: 22px; top: -2px; } /*.overlap-success { background:#6ebe3b; background:-webkit-linear-gradient(top, #79cb45 0%,#6ebe3b 100%); background:linear-gradient(to bottom, #79cb45 0%,#6ebe3b 100%); } .overlap-success.flat { background:#73c13e; }*/ .overlap-default.flat { background: #fff; } .overlap.pos-tr .overlap-default.flat { box-shadow: 0px 12px 35px 0px rgba(16, 36, 95, 0.1); } .overlap.pos-tl .overlap-default.flat { box-shadow: 0px 12px 35px 0px rgba(16, 36, 95, 0.1); } .overlap-warning.flat { background: #ffb242; } .overlap-error { background: #ff3b00; background: linear-gradient(to bottom, #ff3b00 0%, #ff4900 100%); } .table-flat .overlap { bottom: 0; margin: 0; } .table-flat .overlap-info { height: 100%; padding: 0; width: 34px; } .overlap .rotate { white-space: nowrap; display: block; padding: 0 19px 0 0; line-height: 34px; position: absolute; bottom: 15px; -ms-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform-origin: 17px; transform-origin: 17px; } .overlap .truncate { width: 67px; } /* [ forms ] */ .hide-check { position: absolute; visibility: hidden; } .check { position: absolute; z-index: 2; top: 2px; left: 0; display: inline-block; width: 16px; height: 16px; background: #fff; overflow: hidden; border-radius: 2px; box-shadow: inset 1px 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid rgba(0, 0, 0, 0.13); } .check:before { content: "q"; /*color:#6ebf3f;*/ text-align: center; font-size: 11px; display: none; position: relative; top: 1px; } .hide-check:checked + label .check:before { display: block; margin-top: -2px; } .hide-check + label { padding-left: 25px; position: relative; } /* checkbox z preawej strony */ .check-right .check { right: 0; left: auto; } .check-right .hide-check + label { padding-left: 0; padding-right: 25px; } .radio { border-radius: 16px; } .radio:before { content: ""; /*background:#6ebf3f;*/ border-radius: 7px; width: 7px; height: 7px; position: absolute; top: 50% !important; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } input[type=text], input[type=number], input[type=password], input[type=search], textarea, .select { width: 100%; display: block; cursor: text; background: #fff; border-radius: 2px; box-shadow: inset 1px 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid rgba(0, 0, 0, 0.13); box-sizing: border-box; } input[type=text], input[type=number], input[type=password], input[type=search], textarea, .select, select, .form-series-input { color: #555; } input[type=text], input[type=number], input[type=password], input[type=search], textarea, select, .form-series-input { padding: 0.3em 0.8em; height: 34px; } select { height: 32px; } textarea { min-height: 96px; } .code textarea { color: #606365; font-family: "Courier New", Courier, monospace; font-size: 12px; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*input:focus, textarea:focus, .select:focus { border-color:#6ebe3b; }*/ .select { position: relative; overflow: hidden; box-shadow: none; } .select:after { content: ""; pointer-events: none; background-repeat: no-repeat; background-position: 9px 50%; display: block; width: 26px; height: 100%; position: absolute; right: 0; top: 0; transition: all 0.5s ease-in-out; z-index: 1; } .select.dropdown { overflow: visible; } .select.dropdown.show { border-color: #6ebe3b; z-index: 3; } .select.dropdown.show:after { -ms-transform: rotate(180deg); transform: rotate(180deg); } .select.dropdown .btn { background: #fff; border: 1px solid transparent; border-radius: inherit; padding: 6px 2em 6px 0.8em; width: 100%; font-size: inherit; line-height: normal; text-align: left; white-space: nowrap; color: #555; overflow: hidden; height: 34px; text-overflow: ellipsis; } .select.dropdown .btn:after { background: #fff; position: absolute; right: 0; top: 50%; width: 26px; height: 26px; border: none; -ms-transform: translateY(-50%); transform: translateY(-50%); } .select.dropdown .dropdown-menu { background: #fff; font-size: inherit; left: -1px !important; right: -1px !important; margin-top: -35px; margin-bottom: -35px; padding: 0; border: 1px solid #6ebe3b; border-radius: 2px; overflow: hidden; z-index: 0; } .select.dropdown .dropdown-menu .dropdown-item { padding: 6px 0.8em; color: #555; } .select.dropdown .dropdown-menu .dropdown-item:hover { background: #fafbfd; color: #5c6273; } .select.dropdown .dropdown-menu-v3 { max-height: 300px; overflow-y: auto; } .select.dropdown .dropdown-menu-v3 .dropdown-item.disabled { opacity: 1; position: -webkit-sticky; position: sticky; top: 0; background-color: #fff; color: rgba(85, 85, 85, 0.5); } .timezone .select { width: 205px !important; } .timezone .select:after { right: 1px; } .select2-results .select2-disabled { display: none !important; } .select, select { cursor: pointer; } .select select { display: block; width: 114%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[disabled], textarea[disabled], select[disabled], .hide-check[disabled] + label, .select-disabled { cursor: not-allowed; } input[disabled], textarea[disabled], select[disabled], .hide-check[disabled] + label .check, input[readonly], textarea[readonly], .hide-check[readonly] + label .check, .select-disabled, .select-disabled:after { background-color: #f5f5f5; } .field-required { display: none; font-size: 12px; } .form-group { margin: 0 0 25px; } .form-control { margin: 5px 0; } .form-control .hyperlink-wrapper .hyperlink-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .form-control .hyperlink-wrapper .hyperlink-container .hyperlink-element { width: 100%; } .form-control .hyperlink-wrapper .hyperlink-container .hyperlink-url { line-height: 0.85rem; word-break: break-all; } .form-control .hyperlink-wrapper .hyperlink-container .hyperlink-url-details { line-height: 0.8rem; font-size: 10px; color: #999; word-break: break-all; } .form-control.label-copy .label-default { cursor: pointer; } .form-control.label-copy .label-default:hover { background: #6ebe3b; } .f-holder { margin: 0; } .form-label small { color: #606365; font-size: 12px; font-style: italic; } .f-short { width: 90px; } .f-holder.f-short { display: inline-block; } .f-medium { width: 160px; } .f-long { width: 320px; } .lb-holder, .f-holder { position: relative; } .form-action { text-align: center; } .form-action .form-control { margin: 13px 0 30px; } .form-action label { color: #606365; font-size: 12px; } .form-action label .check { top: 0; } .expand .form-action .btn { padding: 9px 22px; min-width: 154px; } .form-action dfn { font-size: 12px; display: block; margin: 18px 0 10px; } fieldset h5 { color: #363a3d; margin: 0 0 15px; letter-spacing: 0; } fieldset .lead { font-size: 14px; } /* [ switch on/off ] */ .switch { display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; position: relative; margin: 0; } .switch .slider-toggle { opacity: 0; position: absolute; } .switch .slider-viewport { display: block; height: 34px; width: 67px; overflow: hidden; position: relative; cursor: pointer; border-radius: 26px; } .switch .slider-btn, .switch .slider-bd, .switch .slider { transition: all 200ms ease-in-out; } .switch .slider-btn, .switch .slider-bd { cursor: pointer; } .switch .slider { width: 200%; height: 100%; position: relative; } .switch .slider-btn { position: absolute; display: block; margin: 0; padding: 0; top: 4px; width: 26px; height: 26px; border-radius: 50%; } .switch .slider-bd { color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; height: 100%; width: 67px; top: 10px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.26); border-radius: 26px; } .switch .left { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); /* background:#6ebe3b;*/ } .switch .right { color: #6e7072; text-shadow: 0 1px 0 #fff; background: #f7f7f7; } .switch .slider-bd span { line-height: 34px; margin-left: 10px; float: left; } .switch .right span { float: right; margin: 0 6px 0 0; } .switch .slider-toggle + .slider-viewport > .slider { left: -100%; } .switch .slider-toggle + .slider-viewport .slider-btn { left: 72px; } /*.switch .slider-toggle + .slider-viewport .slider-bd {width:67px}*/ .switch .slider-toggle + .slider-viewport .left { margin-left: 0; } .switch .slider-toggle:checked + .slider-viewport > .slider { left: 0; } .switch .slider-toggle:checked + .slider-viewport .slider-btn { left: 37px; } .switch-ml { margin-left: 10px; } /* switch small size */ .switch-small { height: 25px; line-height: 25px; } .switch-small .slider-viewport { height: 25px; width: 49px; border-radius: 26px; } .switch-small .slider-btn { top: 3px; width: 18px; height: 18px; } .switch-small .slider-bd { font-size: 9px; width: 49px; top: 10px; border-radius: 18px; } .switch-small .slider-bd span { line-height: 26px; margin-left: 7px; } .switch-small .right span { margin-right: 4px; } .switch-small .slider-toggle + .slider-viewport .slider-btn { left: 53px; } .switch-small .slider-toggle:checked + .slider-viewport .slider-btn { left: 28px; } /* switch x-small size */ .switch-x-small { height: 16px; line-height: 16px; } .switch-x-small .slider-viewport { height: 16px; width: 33px; border-radius: 8px; } .switch-x-small .slider-btn { top: 2px; width: 12px; height: 12px; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1); } .switch-x-small .slider-bd { font-size: 8px; width: 33px; top: 10px; border-radius: 18px; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); } .switch-x-small .slider-bd span { line-height: 16px; margin-left: 5px; } .switch-x-small .right span { margin-right: 4px; } .switch-x-small .slider-toggle + .slider-viewport .slider-btn { left: 35px; } .switch-x-small .slider-toggle:checked + .slider-viewport .slider-btn { left: 19px; } /* [ switch action:add/remove ] */ .switch-action label { line-height: 20px; text-align: center; padding: 0; margin: 0; } .switch-action .action-delete [data-icon] { color: #ff4200; } .switch-action .action-add [data-icon] { color: #6ebe3b; font-size: 0.96em; } .switch-action.small [data-icon] { font-size: 0.85em; } .switch-action .hide-check + label .action-delete { display: none; } .switch-action .hide-check + label .action-add { display: block; } .switch-action .hide-check:checked + label .action-delete { display: block; } .switch-action .hide-check:checked + label .action-add { display: none; } .switch-action.medium [data-icon] { font-size: 1.3em; } .switch-action.medium [data-icon]:before { top: 0; } .switch-action.pos-br { position: absolute; bottom: 8px; right: 30px; } /* grupy input+ico */ .input-group.pos-right input[type=text], .input-group.pos-right input[type=number], .input-group.pos-right input[type=password], .input-group.pos-right input[type=search], .input-group.pos-right textarea { padding-right: 40px; } .input-group.pos-left input[type=text], .input-group.pos-left input[type=number], .input-group.pos-left input[type=password], .input-group.pos-left input[type=search], .input-group.pos-left textarea { padding-left: 40px; } .input-group-addon { font-size: 20px; text-align: center; min-width: 40px; display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-group-addon svg { color: #d8d8d8; } .input-group-addon.label { font-size: inherit; line-height: 24px; padding: 0 0.7em; margin: 0 0.4em; } .input-group-addon.label-default { background: #c2c2c2; } .input-group-addon[data-icon]:before { line-height: 1; } .input-group.pos-right .input-group-addon { right: 0; } .input-group.pos-left .input-group-addon { left: 0; } .input-group.pos-br .input-group-addon { right: 0; margin: 0 10px 0 0; top: 100%; border-top-right-radius: 0; border-top-left-radius: 0; -ms-transform: translateY(0); transform: translateY(0); } .code .input-group-addon.label { font-size: 10px; line-height: 19px; min-width: 27px; } /*.input-group-addon[data-icon='p'], .input-group-addon[data-icon='v'] { color:#66b835; } .input-group-addon[data-icon='q'] { color:#6fbf3b; }*/ .input-group-addon[data-icon=•] { color: #fff; font-size: 14px; border-radius: 2px; background: rgba(0, 0, 0, 0.6); min-width: 22px; height: 22px; margin-right: 7px; } .input-group-addon[data-icon=q], .input-group-addon[data-icon=H], .f-search .input-group-addon[data-icon=H] { font-size: 17px; } .input-group .btn { padding: 0; margin: 5px; width: 25px; color: #fff; } .small + .input-group-addon { font-size: 16px; } .input-group-addon.btn[data-icon=q] { font-size: 12px; } /* kiedy na inpucie jest preloader ukrywany pozostałe ikony */ .f-holder[data-loading=true] .input-group-addon[data-icon]:before, .f-holder[data-loading=true] .input-group-addon svg { visibility: hidden; } /* has icon */ .has-icon input[type=text], .has-icon input[type=number], .has-icon input[type=password], .has-icon input[type=search], .has-icon textarea { padding-left: 30px; } .form-control-icon { position: absolute; width: 30px; height: 34px; left: 0; color: #a7afc6; } .form-control-icon svg { position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; } /* float label */ .float-label { color: #c2c2c2; position: absolute; z-index: 2; left: 10px; top: 6px; padding: 0 3px; opacity: 0; visibility: hidden; display: inline-block; } .float-label:before { content: ""; display: block; width: 100%; height: 2px; top: 6px; left: 0; position: absolute; background: #fff; z-index: -1; } .lb-holder .float-label { font-size: 9px; opacity: 1; visibility: visible; -ms-transform: translateY(-12px); transform: translateY(-12px); } /* field series */ .form-series-item { text-align: center; display: inline-block; vertical-align: top; margin: 0 0 0 34px; } .form-series-item:first-child { margin: 0; } .form-series-hd { color: #737373; font-size: 10px; display: block; } .form-series-bd { position: relative; margin: 14px 0; } .form-series-btn { cursor: pointer; position: absolute; display: block; width: 100%; line-height: 1; } .form-series-btn.pos-tc { bottom: 100%; } .form-series-btn.pos-bc { top: 100%; } .form-series-btn [data-icon*=caret-bottom] { border-top-color: #dcdcdc; } .form-series-btn [data-icon*=caret-top] { border-bottom-color: #dcdcdc; } /* @ skins .form-series-btn:hover [data-icon*='caret-bottom'] { border-top-color:#6ebe3b; } .form-series-btn:hover [data-icon*='caret-top'] { border-bottom-color:#6ebe3b; }*/ .form-series-wrap { /*width:100%; display:block;*/ display: inline-block; cursor: text; background: #fff; border-radius: 2px; box-shadow: inset 1px 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid rgba(0, 0, 0, 0.13); box-sizing: border-box; } .form-series { display: inline-block; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.13); } .form-series:first-child { border-left: 0; } .form-series-input { padding: 0.2em 0.3em; text-align: center; width: 34px; } .form-series-stop .form-series-addon { display: inline-block; margin: 0 5px 0 3px; } .form-series-stop .dsp-cell:last-child .form-series-addon { margin-right: 0; } .form-series-medium .form-series-input { font-size: 18px; } .form-series-small .form-series-input { height: 23px; } /* [ form inline ] */ .form-inline .form-group { display: table; margin: 15px 0; } .form-inline .table-wide { width: 100%; } .form-inline .table-wide .btn-wrap { width: 20px; white-space: nowrap; } .form-inline .form-group .form-control, .form-inline .form-group .form-label, .form-inline .form-group .btn-wrap { display: table-cell; vertical-align: middle; margin: 0; padding: 0 15px 0 0; box-sizing: border-box; } .form-inline .form-group .error-paid-fix .error { position: absolute; } .form-inline .form-group > *:last-child { padding-right: 0; } @media (max-width: 991px) { #schedule_event .form-inline .form-group { display: block; } #schedule_event .form-inline .form-group .form-control, #schedule_event .form-inline .form-group .form-label, #schedule_event .form-inline .form-group .btn-wrap { display: block; text-align: center; padding: 0 0 10px; } #schedule_event .form-inline .form-group .form-control .f-holder { margin: auto; } } .phone-country .hide-check:checked + label { font-weight: bold; } .form-inline .form-group.phone-country .form-control { vertical-align: top; padding: 0; width: 730px; } .form-inline .form-group.phone-country .form-control .f-holder { display: inline-block; padding-left: 50px; width: 190px; text-align: left; } .form-inline .form-group.phone-country .hide-check:checked + label { font-weight: bold; } .form-inline .form-group.phone-country .hide-check + label { padding-left: 35px; } .phone-access { padding: 5px 5px 5px 10px; display: inline-block; vertical-align: middle; width: 190px; } .phone-access .svg-stroke { stroke-width: 1; width: 18px; height: 18px; } .form-inline .form-legend { font-size: 22px; margin: 0 0 10px 0; } .form-inline .form-legend + .form-group { margin-top: 8px; } .nested .form-inline .form-label { padding: 0 3px; } /* [ form-inline position ] */ .form-inline-right .form-group { margin-right: 0; margin-left: auto; } .form-inline-center .form-group { margin-right: auto; margin-left: auto; } /* [ form inline-block ] */ .form-inline-block { display: table; margin: 0; } .form-inline-block > .form-group { display: table-cell; vertical-align: top; padding: 0 15px 0 0; box-sizing: border-box; } .form-inline-block .form-group:last-child { padding-right: 0; } .form-inline-block .form-control { margin: 5px 0 0; } .form-inline-block.table-wide { width: 100%; } .form-inline-block .form-inline .form-group { margin: 0; } .form-inline .form-group .f-holder-all-to-right { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } /* [ form horizontal ] */ .form-horizontal .form-legend { /*color:#6ebe3b;*/ font-size: 22px; /*margin:0 0 15px 140px;*/ margin: 0 0 8px 140px; } @media (max-width: 768px) { .form-horizontal .form-legend { margin-left: 0 !important; } } .form-horizontal .form-group { margin: 15px 0; } .form-horizontal .form-action { margin-bottom: 15px; } .form-horizontal .form-label { text-align: right; float: left; margin: 6px 0 0; width: 130px; } @media (max-width: 768px) { .form-horizontal .form-label { text-align: left; float: none; width: auto !important; } } .form-horizontal .caption { display: block; margin: 4px 0 0; } .form-horizontal .form-label small { display: block; } .form-horizontal .form-control { display: block; position: relative; /* must be */ margin-top: 0; margin-bottom: 0; margin-left: 140px; } @media (max-width: 768px) { .form-horizontal .form-control { margin-left: auto !important; } } .form-horizontal .form-inline .form-group { margin: 0; } .form-horizontal .form-inline .form-label { width: auto; float: none; } /* required */ .required .form-label, .required .f-holder { position: relative; } .required .form-label:before, .required .f-holder:before { content: "*"; /*color:#6ebe3b;*/ font-family: "Courier New", Courier, monospace; font-size: 16px; font-weight: bold; display: inline-block; position: absolute; left: -15px; top: 7px; vertical-align: middle; } .required .f-holder.f-holder--no-star:before { display: none; } .required .form-label:before { top: 1px; } .required .form-label + .form-control .f-holder:before { display: none; } .form-horizontal .required .form-label:before { position: static; margin-right: 4px; } .form-group.disabled { opacity: 0.5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .required .form-required .f-holder:before, .form-required.required .f-holder:before { top: 1px; } /* size */ input.small, textarea.small, select.small { font-size: 12px; /*padding:.1em .5em;*/ height: 25px; } select.small { height: 23px; line-height: 0.8em; } .input-group .small + .btn { min-width: 18px; width: 18px; } .input-group .small + .btn[data-icon=q] { line-height: 18px; font-size: 10px; margin: 0; right: 5px; } input.medium, textarea.medium, select.medium { font-size: 16px; } input.large, textarea.large, select.large { font-size: 18px; height: 40px; } select.large { height: 38px; } /* form errors */ form label.error, form p.error, form div.error, .img-wrap .error, .avatar-wrap .error { display: none !important; } .f-error { position: relative; } .f-error label.error, .f-error p.error, .f-error div.error { color: #fff; font-size: 11px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); background: #ff4200; padding: 3px 4px; display: inline-block !important; margin: 0; opacity: 1; z-index: 10; border-radius: 2px; position: absolute; right: 8px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.2s ease-out; } .f-error input:focus + .error, .f-error textarea:focus + .error, .f-error .error:target { opacity: 0; visibility: hidden; } .f-error input.small + .error, .f-error textarea.small + .error { padding: 1px 4px; } .f-error input.large + .error, .f-error textarea.large + .error { font-size: 13px; padding: 5px 7px; } .f-error input[type=text], .f-error input[type=password], .f-error input[type=email], .f-error textarea, .f-error .select, .f-error .select.dropdown .dropdown-menu, .f-error .check, .f-error .select2-container .select2-choice, .f-invalid input[type=text], .f-invalid input[type=password], .f-invalid input[type=email], .f-invalid input[type=number], .f-invalid textarea, .f-invalid .select, .f-invalid .check, .f-error.form-series-wrap { border-color: #ff4200; } .f-error .hide-check + label, .f-error .float-label, .f-error .form-control-icon { color: #ff4200; } .f-error .field-required { display: block; color: #ff4200; } .f-error-small label.error-small, .f-error-small p.error-small, .f-error-small div.error-small { color: #ff4200; padding: 0; background: transparent; top: 100%; -ms-transform: translateY(0); transform: translateY(0); } .f-error-small .error-small.pos-br { right: 0; } .f-error-small .error-small.pos-bl { right: 0; left: 0; } .f-error-small .error-small.pos-bc { right: auto; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .form-control__button--append-inner { cursor: pointer; position: absolute; right: 10px; top: 7px; } .invalid-feedback .error { display: block; background-color: #ff4200; border-radius: 3px; padding: 2px 5px; margin: -25px 0 5px; font-size: 12px; color: #fff; } .invalid-feedback.private-label .error { margin: 0 0 15px; } /* validacja pol w locie */ .f-invalid .input-group-addon { color: #ff4200; } .f-invalid [for=event_details_password] { top: 30%; } /* wyszukiwarka w tabelkach */ .f-search .f-holder { min-height: 20px; min-width: 50px; } .f-search .input-group-addon, .filter .input-group-addon { cursor: pointer; } .f-search .input-group-addon[data-icon=p], .f-search .input-group-addon[data-icon=H], .filter .input-group-addon[data-icon=H] { color: #c2c2c2; } .table .f-search input[type=text] { position: absolute; top: 0; right: 0; } .f-search input[type=text] { border-radius: 15px; box-shadow: none; transition: all 0.5s; } .f-search input[type=text].small { line-height: 20px; height: 20px; width: 80px; } .f-search input[type=text].small:focus { width: 143px; } .f-search .pos-right input[type=text].small { padding: 0.1em 1.5em 0.1em 0.5em; } .f-search input[type=text].small + .input-group-addon[data-icon=p] { font-size: 14px; min-width: 25px; } .f-search input[type=text].small + .input-group-addon[data-icon=H] { font-size: 8px; min-width: 25px; } .f-search .ico-search, .filter .ico-search { width: 18px; height: 18px; top: -2px; } .f-search .small + .input-group-addon, .filter .small + .input-group-addon { min-width: 25px; } .f-search .small + .input-group-addon .ico-search, .filter .small + .input-group-addon .ico-search { width: 10px; height: 10px; top: -1px; } /* [ list checkboxes row ] */ .list-check .form-group { margin: 10px 0; display: block; } /* [ list checkboxes inline-col ] */ .list-check-cols .form-group { margin: 25px 0 15px; } .list-check-cols .form-control { display: inline-block; vertical-align: top; width: 49%; margin: 0 1% 10px 0; } /* [ list checkboxes inline ] */ .list-check-inline .form-group { margin: 25px 0 15px; } .list-check-inline .form-control { display: inline-block; vertical-align: top; margin: 0 20px 10px 0; } /* [ TimezonePicker and DatatimePicker ] */ .access-type-password__form label { margin-bottom: 2px; color: #737373; } .access-type-password__form input { font-size: 16px; color: #737373; padding-top: 0.5em; padding-bottom: 0.5em; box-shadow: none; } /*--------------------------------------------------------------------------------------------- [ Pagination ] */ .pagination { color: #606365; font-size: 14px; text-align: center; } .pagination, .pagination ul, .pagination ol, .pagination li { margin: 0; padding: 0; list-style: none; } .pagination li, .pagination a, .pagination span { display: inline-block; } .pagination li { margin: 0 1px; } .pagination a, .pagination span { min-width: 19px; height: 19px; line-height: 18px; } .pagination .active a, .pagination .active span { color: #606365; background-color: #fff; border-radius: 19px; } table .pagination, .table .pagination { max-width: 300px; margin: 0 auto; } /* stylowane carety przez wymuszona strukture plugina */ .pagination .next span, .pagination .prev span { text-indent: -999em; overflow: hidden; width: 0; height: 0; border-top: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); } .pagination .next span { border-right: 0 dotted; border-left: 4px solid currentColor; margin-left: 4px; } .pagination .prev span { border-left: 0 dotted; border-right: 4px solid currentColor; margin-right: 4px; } .social dt, .social dd, [class*=social-ico-] { display: inline-block; vertical-align: middle; } .social dt { font-size: 20px; margin-right: 15px; letter-spacing: -1px; } [class*=social-ico-] { color: #fff; text-align: center; width: 22px; height: 22px; overflow: hidden; position: relative; background: #eee; border-radius: 50%; } [class*=social-ico-] svg { width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; } [class*=social-ico-] .svg-fill { fill: #ffffff; } [class*=social-ico-] .svg-stroke { stroke: #ffffff; } [class*=social-ico-] .ico-mail { stroke-width: 8; } [class*=social-ico-] .ico-x, [class*=social-ico-] .ico-tick { stroke-width: 16; } .social-ico-googleplus svg { width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; } .social a:hover { opacity: 0.9; } .social-ico-fb, .hide-check:checked + .social-ico-fb, .hide-check + .social-ico-fb.integrated { background: #395799; } .social-ico-fb + div { color: #395799; } .social-ico-twitter, .hide-check:checked + .social-ico-twitter, .hide-check + .social-ico-twitter.integrated { background: #00afec; } .social-ico-twitter + div { color: #00afec; } .social-ico-google, .hide-check:checked + .social-ico-google, .hide-check + .social-ico-google.integrated { background: #4688f1; } .social-ico-google + div { color: #4688f1; } .social-ico-googleplus, .hide-check:checked + .social-ico-googleplus, .hide-check + .social-ico-googleplus.integrated { background: #d61e1f; } .social-ico-googleplus + div { color: #d61e1f; } .social-ico-hubspot, .hide-check:checked + .social-ico-hubspot, .hide-check + .social-ico-hubspot.integrated { background: #f87620; } .social-ico-hubspot + div { color: #f87620; } .social-ico-read { background: #ff800f; } .social-ico-read + div { color: #ff800f; } .social-ico-linkedin, .hide-check:checked + .social-ico-linkedin, .hide-check + .social-ico-linkedin.integrated { background: #0177b5; } .social-ico-linkedin + div { color: #0177b5; } .social-ico-contact { background: #c2c2c2; } .social-ico-contact + div { color: #c2c2c2; } .social-ico-success { background: #6ebe3b; } .social-ico-success + div { color: #6ebe3b; } .social-ico-error { background: #ff4200; } .social-ico-error + div { color: #ff4200; } .social-ico-warning { background: #f8a64f; } .social-ico-warning + div { color: #f8a64f; } .social-ico-default { background: #d8d8d8; } .social-ico-default + div { color: #d8d8d8; } .social-ico-info { background: #00afec; } .hide-check + [class*=social-ico-] { background-color: #e5e5e5; } .hide-check + [class*=social-ico-]:hover { opacity: 0.8; } .hide-check:checked + [class*=social-ico-] { opacity: 1; } .social .no-integrate, .integrate-state .hide-check + .no-integrate { background-color: #c0c0c0; } .social-expand [class*=social-ico-] { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 0 rgba(255, 255, 255, 0.75); } .social-expand .social > li { margin: 26px 15px; } .social-expand [class*=social-ico-] + div { display: inline-block; vertical-align: middle; color: inherit; } .social-expand .toggle-hide { position: absolute; bottom: 0; right: 0; margin-right: 2em; } .social-expand .social > li > div, .social-expand .social > li .btn { color: inherit; display: inline-block; padding: 0; } .social-expand .helper.pos-tr { margin-top: 75px; right: 80%; min-width: 230px; } .social-expand .helper.pos-tr .helper-bd:before { top: -45px; } .social-medium, .social-medium .btn-link { color: #606365; font-size: 18px; } .social-medium small { font-size: 14px; } .social-medium [class*=social-ico-] { width: 34px; height: 34px; } .social-medium [class*=social-ico-] svg { width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; } .social-large { font-size: 24px; margin: 30px 0; } .social-large [class*=social-ico-] { width: 122px; height: 122px; } .social-large [class*=social-ico-] svg { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } /* loading / integrating social */ .social .no-integrate { position: relative; } /* stan integracji - pokazujemy loader w trakcie wykonywania integracji */ .integrate-state { pointer-events: none; } .integrate-state .no-integrate svg { opacity: 0; } .integrate-state .no-integrate .spinner-social { opacity: 1; visibility: visible; } .integrate-state .btn-txt div { opacity: 0.3; } .social-progress [class*=social-ico-] { background: #eee; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .tip-cvv .tip { min-width: 370px; } .nested .f-short { width: 45px; max-width: auto; } .nav-pills li { position: relative; } .nav-pills a { color: #363a3d; } .nav-pills a:hover { color: #ff800f; } .nav-pills .badge { margin: 0 0 0 10px; vertical-align: middle; } h2 + .nav-pills-wrap { float: right; margin-top: 10px; margin-bottom: 10px; font-size: 16px; } @media (max-width: 991px) { h2 + .nav-pills-wrap { float: left; clear: both; margin-top: 0; margin-bottom: 20px; } } h2 + .nav-pills-wrap .nav-pills .spacer { margin: 0 10px; } /* [ nav tabs ] */ .nav-tabs-title { text-transform: uppercase; font-size: 12px; } .nav-tabs-wrap { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .nav-tabs, .nav-tabs li { margin: 0; padding: 0; list-style: none; } .nav-tabs li, .nav-tabs li > a { display: inline-block; } .nav-tabs *, .nav-tabs-opaque * { vertical-align: middle; } .nav-tabs li, .nav-tabs-opaque li { vertical-align: bottom; } .nav-tabs a svg, .nav-tabs-opaque svg { width: 18px; height: 18px; stroke-width: 8; } .nav-tabs, .nav-tabs li > a { color: #555; } .nav-tabs li > a { padding: 8px 17px; border-bottom: 2px solid transparent; transition: border-bottom-color 0.3s ease, color 0.3s ease; } .nav-tabs li > a:hover { border-bottom-color: #ccc; } .nav-tabs li > a:hover, .nav-tabs .active > a { color: #363a3d; } .nav-tabs-wrap .dropdown-toggle { padding: 7px 14px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.23), 0 0 0 1px rgba(0, 0, 0, 0.1); } @media (max-width: 576px) { .nav-tabs .ico-left { margin-right: 0; } .nav-tabs .nav-tabs-title { display: none; } } /* [ special header with nav + bg ] */ .nav-tabs-wrap.navbar-header .nav-tabs li > a { padding: 12px 17px; } /* [ nav tabs opaque] */ @media (max-width: 991px) { .nav-tabs-opaque svg { margin: 0; } .nav-tabs-opaque .nav-tabs-title { display: none; } } .nav-tabs-opaque a { display: block; padding: 14px 10px; position: relative; z-index: 1; bottom: -1px; border: 1px solid rgba(0, 0, 0, 0); border-bottom-width: 0; } .nav-tabs-opaque .active, .nav-tabs-opaque .active a, .nav-tabs-opaque .ui-tabs-active, .nav-tabs-opaque .ui-tabs-active a { color: #363a3d; } .nav-tabs-opaque .active a, .nav-tabs-opaque .ui-tabs-active a { background: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; border-color: rgba(0, 0, 0, 0.1); } .nav-tabs-opaque .status { font-size: 8px; letter-spacing: 0; position: absolute; right: 15px; top: 3px; } .nav-tabs-opaque .status .ico { width: 5px; height: 5px; margin-right: 3px; } /* justify */ .nav-tabs-justify .nav-tabs-opaque { display: table; width: 100%; } .nav-tabs-justify .nav-tabs-opaque li { text-align: center; display: table-cell; } /*--------------------------------------------------------------------------------------------- [ Table ] */ .table-wrap { position: relative; } table { max-width: 100%; width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } table th, table td { padding: 9px 15px 9px 0; text-align: left; vertical-align: middle; box-sizing: border-box; } table th:first-child, table td:first-child { padding-left: 10px; } table td { padding: 15px 15px 15px 0; border-top: 1px solid #e3e3e3; } .table { width: 100%; margin-bottom: 20px; border-collapse: separate; *border-collapse: collapse; background: #fff; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); } .table th { color: #fff; background: #282b31; } .table th a { color: inherit; white-space: nowrap; } .table tfoot td { line-height: 22px; background: #ededed; padding-top: 10px; padding-bottom: 10px; } .table thead:first-child tr:first-child > th:first-child, .table tbody:first-child tr:first-child > td:first-child, .table tbody:first-child tr:first-child > th:first-child { border-top-left-radius: 2px; } .table thead:first-child tr:first-child > th:last-child, .table tbody:first-child tr:first-child > td:last-child, .table tbody:first-child tr:first-child > th:last-child { border-top-right-radius: 2px; } .table thead:last-child tr:last-child > th:first-child, .table tfoot tr:last-child > th:first-child, .table tbody:last-child tr:last-child > td:first-child, .table tbody:last-child tr:last-child > th:first-child, .table tfoot:last-child tr:last-child > td:first-child, .table tfoot:last-child tr:last-child > th:first-child { border-bottom-left-radius: 2px; } .table thead:last-child tr:last-child > th:last-child, .table tfoot tr:last-child > th:last-child, .table tbody:last-child tr:last-child > td:last-child, .table tbody:last-child tr:last-child > th:last-child, .table tfoot:last-child tr:last-child > td:last-child, .table tfoot:last-child tr:last-child > th:last-child { border-bottom-right-radius: 2px; } .table tfoot + tbody:last-child tr:last-child td:first-child { border-bottom-left-radius: 0; } .table tfoot + tbody:last-child tr:last-child td:last-child { border-bottom-right-radius: 0; } .table caption + thead tr:first-child th:first-child, .table caption + tbody tr:first-child td:first-child, .table colgroup + thead tr:first-child th:first-child, .table colgroup + tbody tr:first-child td:first-child { border-top-left-radius: 2px; } .table caption + thead tr:first-child th:last-child, .table caption + tbody tr:first-child td:last-child, .table colgroup + thead tr:first-child th:last-child, .table colgroup + tbody tr:first-child td:last-child { border-top-right-radius: 2px; } /* [ table equal cols ] */ .table-equal th:not(.active) [data-icon*=caret] { display: none; } .table-equal th .c-arrow [data-icon] { display: inherit; } /* [ table vertical border ] */ .table-stripped td, .table-stripped th { padding: 5px 20px; border: 0; border-right: 1px solid #e3e3e3; } .table-stripped td:first-child, .table-stripped th:first-child { padding-left: 8px; } .table-stripped td:last-child, .table-stripped th:last-child { border: 0; padding-right: 7px; } .table-stripped th { padding-top: 0; } .table-stripped th .f-holder { margin: 0 -0.6em; } .table-stripped th:last-child .f-holder { margin-right: -0.4em; } /* [ table no border + overlap ] */ .table-flat { position: relative; } .table-flat .table { border-width: 0; border-radius: 0; } .table-flat thead:first-child tr:first-child > th:first-child { border-top-left-radius: 0; } .table-flat thead:first-child tr:first-child > th:last-child { border-top-right-radius: 0; } /* [ table state: loading ] */ .table-wrap[data-loading=true] .table, .table-wrap[data-loading=true] table { opacity: 0.3; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .table-wrap[data-loading=true] .table tbody, .table-wrap[data-loading=true] table tbody { min-height: 50px; } /* [ table elements ] */ .table tfoot .form-group { margin: -5px 0; } .table tfoot .form-label { color: #606365; } .table tfoot .form-control { width: 160px; } table th .vr-list .spacer { border-right: 1px solid #3d3e41; margin: 0 5px; } table h6 { margin: 0; } table h6 a { color: #282b31; } table h6 a:hover { color: #00afec; } /* bledy w tabeli */ table .warning h6, table .warning h6 a { color: #f8a64f; } table .error h6, table .error h6 a { color: #ff4200; } /* wrapper opisu pod nagłówkiem w komórce tabeli .desc */ .cell-desc-small { font-size: 12px; line-height: 1.4; margin: 6px 0 0; color: #606365; } /* komorka tabeli zawierajaca akcje dla wiersza */ .cell-action { text-align: right; } @media (max-width: 768px) { .cell-action { width: 174px; } } .cell-action-icons a { color: #6e7072; } .cell-action-icons a:hover { color: #73c13c; } .cell-action-icons a:hover .ico-x { color: #ff4200; } .cell-action-icons [class*=svg-] { width: 18px; height: 18px; } .cell-action-icons .ico-pencil { stroke-width: 10; } .cell-action-icons [data-icon] { vertical-align: middle; } .cell-action-icons [data-icon] { color: #6e7072; font-size: 20px; cursor: pointer; } .cell-action-icons [data-icon]:hover { color: #73c13c; } .cell-action-icons [data-icon=H] { font-size: 14px; } .cell-action-icons [data-icon=H]:hover { color: #ff4200; } .cell-action .btn-play { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.21); padding: 0; font-size: 13px; padding: 0; width: 26px; height: 26px; line-height: 26px; margin-top: -1px; } .cell-action .btn-play :before { left: 1px; } .cell-action .btn-play, .cell-action .btn-play:hover { color: #fff; } /* komorka tabeli zawierajaca checkboxa */ .cell-icon { width: 48px; } @media (max-width: 768px) { .cell-icon { width: 30px; } } .cell-icon .hide-check + label { display: inline; padding-left: 18px; } /* komorka tabeli zawierajaca informacje o pliku np. typ/waga */ .file-info { text-align: center; } tbody .file-info { font-size: 16px; } tbody .file-title .truncate { max-width: 335px; } /* zaznaczenie calego wiersza w tabeli */ table .active td { background: #f7f7f7; } /* podswietlanie wiersza */ .highlight-row [data-selector=contact-row]:hover td { background: #fafafa; } /* operations, links table(tfoot) */ .table .operations { float: right; } /* komorka tabeli zawierajaca date */ .cell-date { width: 130px; text-align: center; position: relative; } .cell-date-wrap { display: table; width: 100%; min-height: 70px; } .cell-date-middle { display: table-cell; vertical-align: middle; } .cell-date time { font-size: 11px; display: block; margin-top: -2px; } .cell-date strong { color: #363a3d; display: block; margin: -2px 0 3px; line-height: 1; } .cell-date [data-icon] { font-size: 30px; color: #c2c2c2; line-height: 1; } .cell-date [data-icon=B] { font-size: 46px; } .cell-date [data-icon=B] + * { margin-top: -10px; } .cell-date .svg-stroke { color: #c2c2c2; width: 35px; height: 35px; stroke-width: 2px; } /* jesli w tabeli wystepuje miniatura lub duza ikona */ .thumb { text-align: center; } .thumb .figure-wrap, .thumb .avatar-wrap { display: block; } .thumb [data-icon]:not([data-icon=P]) { color: #c2c2c2; font-size: 65px; line-height: 1; display: inline-block; } .thumb [data-icon=b]:before { top: -5px; } /* blednie wygenerowana miniatura */ .warning .figure-obj, .warning .thumb [data-icon] { color: #f8a64f; } .error .figure-obj, .error .thumb [data-icon] { color: #ff4200; } .delete .actions [data-icon=H]:before { top: -4px; } /*--------------------------------------------------------------------------------------------- [ uploading/converting ] */ .uploading .list-hd, .converting .list-hd { color: #6ebe3b; font-size: 12px; float: left; min-width: 60px; } .uploading .load-state, .converting .load-state { margin: 5px 0 0; } .load-state [data-icon] { color: #ff4200; font-size: 10px; vertical-align: middle; } .load-state [data-icon]:before { top: -2px; } .uploading .progress, .converting .progress { float: left; margin: 6px 8px 0 0; width: 195px; height: 8px; } .uploading .progress:before, .converting .progress:before { display: none; } .uploading .progress { background: #f2f2f2; } .uploading .progress-bar { background: #72c82e; } .converting .progress { background: #72c82e; } .converting .progress-bar { background: #5ba81f; } /*.uploading .img-thumb, .converting .img-thumb { min-width:79px; min-height:59px; background:#e0e0e0 url($src-image + 'indicators/loader_table_thumb_24.gif') no-repeat 50% 50%; }*/ .converting .load-state [data-icon=H] { visibility: hidden; } /* uploading / converting w tabeli */ table .uploading td, table .converting td, table .uploading h6, table .uploading h6 a, table .converting h6, table .converting h6 a, .converting .cell-action-icons a, .uploading .cell-action-icons a, .converting .cell-action-icons [data-icon], .uploading .cell-action-icons [data-icon], table .converting strong, table .converting .vr-list, .converting .cell-desc-small, .uploading .cell-desc-small { color: #c2c2c2; } table .uploading h6, table .uploading a, table .converting h6, table .converting a { pointer-events: none; cursor: not-allowed; } .uploading .cell-action .btn, .converting .cell-action .btn { color: #fff; background: #c2c2c2; opacity: 0.5; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3); } .unit, .unit-hd, .unit-bd, .unit-ft { display: block; } .unit { position: relative; background: #fff; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); } .statistics-boxes .unit-bd { overflow: hidden; } .unit-hd { color: #fff; background: #282b31; padding: 10px 15px; border-top-right-radius: 2px; border-top-left-radius: 2px; } .unit-hd [data-icon] { line-height: 1; font-size: 20px; } .unit-hd .options { float: right; } .unit-hd + .unit-bd { border-top: 1px solid #e3e3e3; } .unit-title { font-size: 16px; } .unit-title + .options { margin: 4px 0 0 0; } .unit-title-small .unit-title { font-size: 14px; } .unit-title-large, .unit-title-x-large { padding-top: 5px; padding-bottom: 5px; } .unit-title-large .unit-title { font-size: 17px; letter-spacing: -1px; } .unit-title-x-large .unit-title { font-size: 20px; letter-spacing: -1px; } .unit-bd { position: relative; padding: 15px; min-height: 50px; } .unit-bd:before, .unit-bd:after { display: table; content: " "; } .unit-bd:after { clear: both; } .unit-ft { padding: 10px 15px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } /* unit solid color */ .unit-solid .unit-hd { background: transparent; color: inherit; padding-top: 15px; padding-bottom: 0; } .unit-solid .unit-hd + .unit-bd { border-top-width: 0; padding-top: 0; } .unit-solid .unit-title-small { padding-top: 5px; padding-bottom: 5px; } .unit-solid .unit-title-small + .unit-bd { border-top-width: 1px; } /* inactive/muted boxes */ .unit-muted .unit-hd { background: #d8d8d8; } .unit-muted { color: #d8d8d8; } /* efekty hover dla unit */ .unit-hov, .unit-hov-bordered { cursor: pointer; } /*.unit-hov:hover .unit-hd { background:#6ebe3b; background:-webkit-linear-gradient(top, #79cb45 0%,#6ebe3b 100%); background:linear-gradient(to bottom, #79cb45 0%,#6ebe3b 100%); } .hide-check:checked + .unit-hov-bordered, .unit-hov-bordered:hover, .unit-hov-bordered.js-hover { box-shadow:0 0 0 3px #72c82e; } .unit-hov-bordered:hover .unit-hd, .unit-hov-bordered.js-hover .unit-hd { background:#72c82e; }*/ .hide-check + .unit-hov-bordered { padding: 0; } /* ikony w unit */ .unit .close, .unit .ico-add, .unit .ico-check, .gallery .ico-check, .component .ico-check { display: none; position: absolute; z-index: 7; text-align: center; } .unit .close { top: -9px; right: -9px; } /*.unit .ico-add, .unit .ico-check, .gallery .ico-check, .component .ico-check { background-color:#72c82e; } */ /* icons position */ .unit-hov-bordered .pos-tr[data-icon], .gallery-hov-bordered .pos-tr[data-icon], .component .pos-tr[data-icon] { top: -2px; right: -2px; } .unit-hov-bordered .pos-tl[data-icon], .gallery-hov-bordered .pos-tl[data-icon], .component .pos-tl[data-icon] { top: -2px; left: -2px; } .unit-hov-bordered .pos-br[data-icon], .gallery-hov-bordered .pos-br[data-icon], .component .pos-br[data-icon] { bottom: -2px; right: -2px; } .unit-hov-bordered .pos-bl[data-icon], .gallery-hov-bordered .pos-bl[data-icon], .component .pos-bl[data-icon] { bottom: -2px; left: -2px; } .unit-hov:hover .close, .unit-hov-bordered:hover .ico-add, .hide-check:checked + .unit-hov-bordered .ico-check, .hide-check:checked + .unit-hov-bordered.js-hover .ico-check, .hide-check:checked + .gallery-hov-bordered .ico-check, .hide-check:checked + .component .ico-check { display: block; } .unit[data-loading=true] { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .unit[data-loading=true] .unit-hd, .unit[data-loading=true] .unit-bd { opacity: 0.5; } /* [unit as table ] */ .unit-table .unit-hd { padding: 9px 17px; } .unit-table .unit-hd a, .unit-table .unit-hd a:hover { color: #fff; } .tab-bd { position: relative; } .nav-tabs-opaque-wrap + .tab-bd [role=tabpanel]:first-of-type .unit:first-of-type { border-top-left-radius: 0; } .nav-tabs-justify + .tab-bd [role=tabpanel]:last-of-type .unit:first-of-type { border-top-right-radius: 0; } .tab-bd .unit-bd { padding: 0; } .tab-bd .in { padding: 25px; } .tab-bd .table { margin: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .tab-ft { margin-top: 40px; } .tab-ft .list-inline li { vertical-align: middle; } .tab-ft .btn.has-minwidth { min-width: 250px; } .tab-ft .btn.medium { top: 9px; } /* fixed buttons */ .sticky-buttons { background-color: #f9f9f9; position: fixed; z-index: 2001; bottom: 0; left: 0; width: 100%; padding: 10px 0; border-top: 1px solid #e6e6e6; box-shadow: inset 0 1px 0 #fff; transform: translateZ(0); } .edit-webinar p, .appearance-settings p { position: relative; font-size: 13px; color: #a5a5a5; margin: 0; padding: 17px 0 17px 45px; } .edit-webinar p svg, .appearance-settings p svg { position: absolute; width: 28px; height: 28px; top: 50%; margin-top: -14px; left: 0; stroke-width: 1px; } .edit-webinar .btn.x-large, .appearance-settings .btn.x-large { font-size: 21px; padding: 15px 40px; } .edit-webinar .btn.x-large.btn-link, .appearance-settings .btn.x-large.btn-link { font-size: 18px; padding: 15px 0; } @media (max-width: 768px) { .edit-webinar .list-inline > li, .appearance-settings .list-inline > li { float: none; margin-right: 0; display: block; text-align: center; } } .edit-webinar.sticky-buttons, .appearance-settings.sticky-buttons { background-color: #fff; border: none; box-shadow: 0px 0px 17px 8px rgba(0, 0, 0, 0.1); } .edit-webinar.sticky-buttons p, .appearance-settings.sticky-buttons p { padding-top: 12px; padding-bottom: 12px; } .edit-webinar.sticky-buttons .btn.x-large, .appearance-settings.sticky-buttons .btn.x-large { padding: 11px 40px; font-size: 18px; } .edit-webinar.sticky-buttons .btn.x-large.btn-link, .appearance-settings.sticky-buttons .btn.x-large.btn-link { padding: 11px 0; } @media (max-width: 767px) { .appearance-settings ul { text-align: center; } } @media (max-width: 767px) { .appearance-settings p { display: none; } } /* [ caret list ] */ .list-caret, .list-caret > li, .list-caret-item { margin: 0; padding: 0; list-style: none; } .list-caret-item { display: block; position: relative; padding: 5px 5px 5px 30px; } .list-caret-item:before { content: ""; display: inline-block; width: 0; height: 0; line-height: 0; position: absolute; left: 15px; top: 50%; margin-top: -3px; border: 3px solid rgba(0, 0, 0, 0); } .list-caret-medium { font-size: 16px; } .list-caret-medium .list-caret-item:before { top: 14px; margin-top: 0; } .list-caret-large { font-size: 18px; } .list-caret-large .list-caret-item { padding-top: 10px; padding-bottom: 10px; } /* [ special order list ] */ .list-ordered, .list-ordered > li { margin: 0; padding: 0; list-style: none; } .list-ordered { border-top: 1px solid #f0f0f0; counter-reset: item; } .list-ordered > li { padding: 15px 0; border-bottom: 1px solid #f0f0f0; position: relative; } .list-ordered > li:before { content: counter(item); counter-increment: item; color: #606365; font-size: 107px; line-height: 0.8; text-align: center; opacity: 0.1; min-width: 70px; position: absolute; z-index: 1; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .list-ordered .dl-horizontal { margin: 0; position: relative; z-index: 3; } .list-ordered .dl-horizontal dt { width: 80px; } .list-ordered .dl-horizontal dd { margin: 0 0 5px 95px; } .list-ordered .dl-horizontal small { color: #606365; font-size: 12px; } /* [ list step ] */ .list-step, .list-step-item { margin: 0; padding: 0; list-style: none; } .list-step-item { padding: 28px; margin: 0 auto 30px; border-radius: 2px; background-color: #fff; box-sizing: border-box; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .list-step { counter-reset: step; } .list-step-hd { font-size: 28px; margin-left: 34px; } .list-step-hd:before { content: counter(step); counter-increment: step; display: inline-block; font-size: 12px; vertical-align: 6px; text-align: center; line-height: 19px; width: 20px; height: 20px; margin: 0 14px 0 -34px; border-radius: 50%; border: 1px solid currentColor; box-sizing: border-box; } .list-step-bd { color: #96989e; font-size: 19px; margin: 0; } /* [ list choosen ] */ .list-choose, .list-choose > li, .list-bar, .list-bar > li { margin: 0; padding: 0; list-style: none; } .list-choose .item { padding: 15px; } .list-choose .active, .list-bar .item { background: #fff; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); } .list-choose .active { pointer-events: none; } .list-choose .col-name { color: inherit; font-size: 18px; } .list-choose .img-decorate { border-width: 2px; } .list-choose .dsp-table { table-layout: fixed; } .list-choose .col-progress { width: 300px; } .list-choose .col-ico { width: 50px; } .list-choose .col-info { color: #555; font-size: 12px; white-space: nowrap; padding: 0 20px 0 10px; width: 45px; } .list-choose-separated .item { padding: 10px 0; border-top: 1px dotted #cfcfcf; } .list-choose-separated .item:first-child { padding-top: 0; border-top: 0; } .list-choose-separated .item:last-child { padding-bottom: 0; } .list-choose-separated .col-ico { width: 16px; } .list-choose-separated [data-icon*=caret-right] { border-left-color: #75c940; } .list-choose-separated .comment { color: #606365; margin: 15px 0 15px 16px; padding: 0; border-width: 0; } .list-bar .item { padding: 10px 15px; margin: 12px 0; } .list-bar .item .dsp-cell { padding: 0 5px; } .list-bar .col-action { text-align: right; width: 15%; } .list-bar .col-state { width: 35%; } .list-bar .caption-small { margin-top: 0; } .list-bar .item-empty { background-color: transparent; border: 2px dashed rgba(0, 0, 0, 0.1); } .list-bar .item-empty .col-name { opacity: 0.3; } /* [ list pictogram ] */ .list-pictogram, .list-pictogram .pictogram-item { margin: 0; padding: 0; list-style: none; text-align: center; } .list-pictogram { display: table; margin: 0 auto; width: 100%; } .list-pictogram .pictogram-item { display: table-cell; position: relative; vertical-align: top; box-sizing: border-box; } .list-pictogram a { color: #606365; line-height: 1.2; display: block; } .list-pictogram-hd, .list-pictogram-bd { font-family: inherit; font-size: inherit; margin: 5px 5px 0; } .pictogram-item .pictogram { color: #d2d2d2; display: block; height: 44px; } .pictogram-item .pictogram svg { width: 44px; height: 44px; display: block; margin: 0 auto; } .pictogram-item .pictogram-addon { color: #fff; font-size: 10px; line-height: 1; text-align: center; background-color: #d2d2d2; border: 3px solid #f7f7f7; display: block; border-radius: 50%; position: absolute; left: 50%; padding: 0; height: 16px; width: 16px; margin-left: 16px; top: 13px; -ms-transform: translateX(-50%); transform: translateX(-50%); } .pictogram-addon svg { width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; } .pictogram-addon .svg-stroke { stroke-width: 15; } /*.list-pictogram a:hover .pictogram, .list-pictogram .active .pictogram, .list-pictogram a:hover .list-pictogram-hd, .list-pictogram .active .list-pictogram-hd { color:#6ebe3b; } .list-pictogram a:hover .pictogram-addon, .list-pictogram .active .pictogram-addon { background-color:#6ebe3b; }*/ .pictogram-success.pictogram-addon { background-color: #6ebe3b; } .pictogram-error.pictogram-addon { background-color: #ff4200; } .list-pictogram-medium .pictogram-item { padding: 20px 30px; width: 235px; border-right: 1px solid #eee; } .list-pictogram-medium .pictogram-item:last-child { border-right: 0; } .list-pictogram-medium .list-pictogram-hd { color: #3d464d; font-size: 24px; } .list-pictogram-medium .list-pictogram-bd { color: #969696; line-height: 1.5; margin-top: 18px; } .list-pictogram-medium a { height: auto; position: relative; } .list-pictogram-medium .pictogram { height: 80px; margin: 16px 0; } .list-pictogram-medium .pictogram svg { width: 80px; height: 80px; } .list-pictogram-medium .pictogram-addon { border-width: 6px; height: 34px; width: 34px; top: 45px; margin-left: 40px; } .list-pictogram-medium .pictogram-addon svg { width: 18px; height: 18px; margin-top: -9px; margin-left: -9px; } .list-pictogram-large .pictogram-item { padding: 0 30px; border-right: 1px solid #eee; } .list-pictogram-large .pictogram-item:last-child { border-right: 0; } .list-pictogram-large .pictogram { height: 140px; margin: 16px 0; } .list-pictogram-large .pictogram svg { width: 140px; height: 140px; } .list-pictogram-large .pictogram-addon { height: 66px; width: 66px; top: 96px; margin-left: 70px; border-width: 6px; } .list-pictogram-large .pictogram-addon svg { width: 34px; height: 34px; margin-top: -17px; margin-left: -17px; } .list-pictogram-large .list-pictogram-hd { color: #3d464d; font-size: 30px; } .list-pictogram-large .list-pictogram-bd { color: #969696; line-height: 1.5; margin-top: 18px; } .list-pictogram-large .unit { background-color: transparent; margin-bottom: 0; box-shadow: none; border-color: transparent; } .list-pictogram-horizontal .pictogram-item { display: table; margin: 15px 0; } .list-pictogram-horizontal .pictogram-holder, .list-pictogram-horizontal .pictogram-desc { display: table-cell; vertical-align: middle; } .list-pictogram-horizontal .list-pictogram-hd { margin-top: 0; } .list-pictogram-horizontal .pictogram-desc { padding-left: 20px; } .list-pictogram-horizontal .pictogram-holder { position: relative; padding: 0; } .list-pictogram-horizontal .pictogram { height: 26px; } .list-pictogram-horizontal .pictogram svg { width: 26px; height: 26px; vertical-align: middle; } /* [ Tip change lang ] */ .change-lang { position: absolute; z-index: 99; } .change-lang-flag { position: relative; text-transform: uppercase; color: #a7afc5; padding: 0 5px 0 25px; font-size: 12px; } .change-lang-flag svg { position: absolute; width: 16px !important; height: 16px !important; left: 5px; top: 50%; margin-top: -8px; stroke-width: 1; } .change-lang .choice { background-color: #444956; } .change-lang a { position: relative; color: inherit; padding: 3px 24px 3px 7px; margin: 0 3px; border-radius: 3px; display: block; text-transform: uppercase; } .change-lang a svg { position: absolute; width: 10px; height: 10px; right: 5px; top: 50%; margin-top: -5px; stroke-width: 1; } .change-lang a:hover { background-color: #444956; } .change-lang.pos-tr { top: 10px; right: 10px; left: auto; } .change-lang.pos-tl { top: 10px; left: 10px; right: auto; } .change-lang .tip.pos-t { min-width: 150px; left: -82px; } /* [ alert dialplan ] */ .alert-dialplan { width: 100%; margin-top: 0; position: relative; } .alert-dialplan .alert-title { font-size: 21px; margin: 0; } .alert-dialplan .alert-content { padding: 14px; display: block; background: rgba(255, 255, 255, 0.34); } .alert-dialplan .alert-content:hover { background: rgb(255, 255, 255); } .alert-dialplan a span { color: #00afec; } .alert-dialplan [data-icon=R] { color: #606365; opacity: 0.26; } .alert-dialplan .helper { width: 165px; bottom: 100%; margin-bottom: 20px; } .alert-started { width: auto; } .alert-started .alert-content { padding: 15px 20px; } .alert-started .alert-content .btn-wrap .btn { min-width: 180px; } .alert-started .alert-content .btn-wrap .btn:not([href]) { color: #fff; } .alert-started .alert-content .btn-wrap .btn:first-child { margin-bottom: 4px; } .alert-started .alert-content .btn-wrap .btn:last-child { margin-top: 4px; } .alert-started .alert-title { font-size: 22px; margin-bottom: 2px; } .alert-started .alert-desc { font-family: "robotoregular", sans-serif !important; font-size: 12px; } .alert-started .alert-desc a { text-decoration: underline; } .alert-referral { width: auto; max-width: 708px; font-size: 18px; margin-top: 20px; } .alert-referral .alert-content { color: #464a55; padding: 20px 24px; background: #fbfbfc 106% 26% url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0id2lkdGg6MTUwcHg7aGVpZ2h0OjE1MHB4OyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4gICAgLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNlZmYxZjU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxnPiAgICA8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIzMyIgY3k9IjE3IiByPSIxNSIvPiAgICA8bGluZSBjbGFzcz0ic3QwIiB4MT0iMzMiIHkxPSIyMyIgeDI9IjMzIiB5Mj0iMjUiLz4gICAgPGxpbmUgY2xhc3M9InN0MCIgeDE9IjMzIiB5MT0iOSIgeDI9IjMzIiB5Mj0iMTEiLz4gICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwLDIwYzAsMS43LDEuMywzLDMsM2MxLjcsMCwzLTEuMywzLTNjMC0xLjctMS4zLTMtMy0zYy0xLjcsMC0zLTEuMy0zLTNjMC0xLjcsMS4zLTMsMy0zYzEuNywwLDMsMS4zLDMsMyIvPiAgICA8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTciIHkxPSIzOSIgeDI9IjE3IiB5Mj0iNDEiLz4gICAgPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE3IiB5MT0iMjUiIHgyPSIxNyIgeTI9IjI3Ii8+ICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNCwzNmMwLDEuNywxLjMsMywzLDNjMS43LDAsMy0xLjMsMy0zYzAtMS43LTEuMy0zLTMtM2MtMS43LDAtMy0xLjMtMy0zYzAtMS43LDEuMy0zLDMtM2MxLjcsMCwzLDEuMywzLDMiLz4gICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjEsMTguMUMxNy43LDE4LDE3LjQsMTgsMTcsMThDOC43LDE4LDIsMjQuNywyLDMzYzAsOC4zLDYuNywxNSwxNSwxNWM4LjMsMCwxNS02LjcsMTUtMTUgYzAtMC40LDAtMC43LTAuMS0xLjEiLz48L2c+PC9zdmc+") no-repeat; background-size: 150px 150px; } .alert-integrations { width: auto; max-width: 709px; margin-top: 20px; } .alert-integrations .alert-content { padding-left: 60px; } .alert-integrations .alert-content svg { position: absolute; top: 50%; margin-top: -15px; left: 20px; width: 30px; height: 30px; color: #00aeef; } /* [ message upgrade free ] */ .message-upgrade { font-size: 17px; line-height: 1.2; text-align: left; padding: 0.3em; } .message-upgrade .container .in { padding: 15px 10px; } .message-upgrade .container .in .form-group { padding-left: 45px; width: 100%; } .message-upgrade .container .in .form-label .ico-left { left: 0; } .message-upgrade h6, .message-upgrade .btn, .message-upgrade .message-close { color: inherit; text-decoration: none; } .message-upgrade h6 { font-family: "robotobold", sans-serif !important; font-size: 17px; margin: 0 0 3px; color: #fff; font-weight: 400; } .message-upgrade h6 span { margin: 0; border-radius: 4px; background-color: #00769f; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); } @media (max-width: 767px) { .message-upgrade h6 { font-size: 12px; } } .message-upgrade .form-group { width: 100%; padding-left: 40px; position: relative; } @media (max-width: 992px) { .message-upgrade .form-inline { padding-left: 0; padding-right: 0; } } .message-upgrade .form-label .ico-left { width: 30px; height: 30px; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .message-upgrade .form-label .ico-left.svg-stroke { stroke-width: 2; color: #006f95; } .message-upgrade p { margin: 0; } .message-upgrade p strong { font-family: "robotobold", sans-serif !important; text-decoration: underline; } .message-upgrade p, .message-upgrade .btn { font-size: 13px; } @media (max-width: 767px) { .message-upgrade p, .message-upgrade .btn { font-size: 10px; } } .message-upgrade .btn.btn-default { padding: 7px; font-family: "robotobold", sans-serif !important; color: #1b1f2b; box-shadow: 0px 3px 10px 0px rgba(0, 76, 103, 0.28); transition: box-shadow 0.5s ease-in-out; } .message-upgrade .btn.btn-default:hover, .message-upgrade .btn.btn-default:focus { box-shadow: 0px 8px 27px 0px rgba(0, 76, 103, 0.52); } .message-upgrade .message-close { cursor: pointer; font-size: 15px; margin-left: 1.5em; } /* [ kafelki do wyboru extrasow ] */ .list-tiles .col { display: inline-block; vertical-align: top; width: 133px; margin: 0 0 10px; } .list-tiles .f-holder { padding: 2px; margin: 9px 0 25px; } .list-tiles .unit { margin: 0 auto; padding: 0; height: 100px; border-radius: 3px; } .list-tiles .unit-bd { text-align: center; padding: 2px; line-height: 1.2; display: table; width: 100%; height: 100%; box-sizing: border-box; } .list-tiles .dsp-cell { width: 100%; } .list-tiles small { font-size: 12px; } .list-tiles small .price { color: #363a3d; } .list-tiles .tiles-title { font-size: 12px; position: absolute; top: 0; left: 0; right: 0; padding: 0 8px; border-bottom: 1px solid #ebebeb; } .list-tiles .tiles-info { color: #363a3d; font-size: 60px; display: block; line-height: 0.9; letter-spacing: -4px; } .list-tiles.small { margin-left: -6px; } .list-tiles.small .col { width: 113px; margin: 0 0 10px 6px; } .list-tiles.small .tiles-info { font-size: 45px; letter-spacing: -2px; margin-top: 7px; } .list-tiles.small small { font-size: 12px; } .list-tiles.small .unit { height: 93px; } .list-tiles h5 { margin: 0 0 5px; letter-spacing: 0; } .list-tiles h5 + small { font-size: 14px; color: #00afec; letter-spacing: 0; } .list-tiles .unit:hover h5 + small { color: #ff800f; } .list-tiles .label { display: none; } .list-tiles .popular { background: #d8d8d8; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .list-tiles .popular .label { color: #363a3d; line-height: 20px; text-transform: uppercase; margin: 0; padding: 0; background: #d8d8d8; display: block; position: absolute; bottom: 100%; left: 0; right: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-tiles-box-big { margin-left: -120px; margin-right: -120px; } .list-tiles-box .col { width: 203px; margin: 0 0 20px 20px; } .list-tiles-box .unit { height: 172px; margin: 0; } .list-tiles-box .unit-bd { height: 107px; padding: 0 15px; } .list-tiles-box .tiles-title { font-size: 16px; padding: 15px 15px 0; position: static; border-bottom-width: 0; } .list-tiles-box .tiles-info { font-size: 75px; } .list-tiles-box .form-inline .form-group { margin-top: 10px; margin-bottom: 0; } .list-tiles-box .form-inline .form-label { padding-right: 5px; } .list-tiles-box .form-inline .f-holder { margin: 0; padding: 0; } .list-tiles-box .form-inline .form-control { width: 50px; } .unit-circle { border-radius: 50% !important; background: #fff; background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%); } /*.hide-check:checked + .unit-circle { color:#6ebe3b; }*/ .list-tiles.x-small .col, .list-tiles.medium .col, .list-tiles.large .col { width: auto; } .list-tiles.x-small .unit-circle { width: 50px; height: 50px; } .list-tiles.x-small .unit-circle svg { width: 22px; height: 22px; } .list-tiles.x-small .unit-circle .unit-bd { min-height: 40px; } .list-tiles h3 { margin: 20px 0 0; } .list-tiles.medium .col { max-width: 180px; } .list-tiles.medium .unit-circle { width: 106px; height: 106px; } .list-tiles.medium .unit-circle--line-height { line-height: 106px; } .list-tiles.medium .unit-circle svg { width: 34px; height: 34px; } .list-tiles.medium .unit-circle .ico-hourglass { width: 30px; height: 30px; } .list-tiles.medium .unit-circle .ico-copy_details, .list-tiles.medium .unit-circle .ico-tick { margin-right: -8px; } .list-tiles.medium h3 { font-size: 18px; } .list-tiles.large .unit-circle { width: 166px; height: 166px; } .list-tiles.large .unit-circle svg { width: 66px; height: 66px; stroke-width: 4; } .list-tiles [class*=pod-] { color: #bcbcbc; font-size: 20px; position: absolute; border: 1px solid #e9e9e9; background: rgba(255, 255, 255, 0.7); } .list-tiles [class*=pod-]:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .list-tiles .pod-share:before { content: "{"; } .list-tiles .pod-chat:before { content: "t"; } .list-tiles .pod-attendee-list:before { content: "—"; } .list-tiles .pod-camera-and-voice:before { content: "I"; } .list-tiles .pod-files:before { content: "|"; } /* [ opcjie dla sekcji/przy naglowkach ] */ .options { text-align: right; float: right; } .options--left { float: left; text-align: left; } .options [data-icon=G]:before { top: 1px; font-size: 16px; } .header .options + h2 { float: left; } .header .options { margin-top: 0; } .header .options h4 { margin-bottom: 0; } .webinar-room-options { position: relative; } .webinar-room-options:hover:after, .webinar-room-options:hover:before { visibility: visible; } .webinar-room-options .dropdown-wrap:after, .webinar-room-options .dropdown-wrap:before { display: none; } .webinar-room-options:after, .webinar-room-options:before { content: ""; position: absolute; right: 0; bottom: -4px; width: 0; height: 0; border: 4px solid transparent; z-index: 9999; visibility: hidden; } .webinar-room-options:before { border-bottom-color: rgba(0, 0, 0, 0.5); } .webinar-room-options:after { border-bottom-color: #fcfcfc; } .webinar-room-options__dropdown { left: -20px !important; padding-top: 3px !important; } @media only screen and (max-width: 768px) { .webinar-room-options__dropdown { width: 355px; left: 0 !important; right: 0; } } .webinar-room-options__cta { font-size: 12px; } .webinar-room-options__cta svg { width: 18px; height: 18px; stroke-width: 1; } .webinar-room-options__item { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: start; align-items: flex-start; padding: 13px 20px 25px !important; } .webinar-room-options__name { font-size: 16px; margin-top: 12px; margin-bottom: 17px; } .webinar-room-options__desc { font-size: 12px; color: #848687; line-height: 18px; margin: 0; } /* wraper dla elementow ktore się podmieniaja */ .inplace-txt, .inplace-message { margin: 3px 0 0; } /* [ pyments method cards ] */ [class*=ico-card-] { background-image: url("/account_panel/images/icons_card.png"); background-repeat: no-repeat; width: 51px; height: 33px; } .ico-card-visa { background-position: 0 0; } .ico-card-mastercard, .ico-card-mc { background-position: -58px 0; } .ico-card-americanexpress, .ico-card-ae { background-position: -117px 0; } .ico-card-discover { background-position: -175px 0; } .ico-card-maestro { background-position: -234px 0; } .ico-card-payu { background-position: -292px 0; } .ico-card-paypal { width: 80px; height: 31px; background-position: -350px 0; } /* [ toggle element dla sekcji ] */ .toggle-hide { cursor: pointer; /*background:#7ab637;*/ color: #fff; float: right; font-size: 12px; padding: 2px 10px; border-top-left-radius: 2px; border-top-right-radius: 2px; } /* [ POD components - rebranding room ] */ .rebranding-section .pod { position: absolute; } .rebranding-section .room-page .btn { border-radius: 2px; } .pod { color: #4b4b4b; min-height: 130px; } .pod-in { overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 4px; /* space */ position: absolute; top: 5px; right: 5px; left: 5px; bottom: 5px; } .pod .pod-hd, .pod .pod-ft { margin: 0; color: #666; background: #e7e8e7; box-sizing: border-box; } .pod .pod-hd { font-size: 11px; text-align: center; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07); height: 26px; padding: 3px 10px; overflow: hidden; border-top-right-radius: 4px; border-top-left-radius: 4px; } .pod .pod-hd .dsp-table { height: 20px; } .pod .pod-hd .title { text-align: left; } .pod .pod-hd .actions { text-align: right; white-space: nowrap; box-sizing: border-box; } .pod .actions .ico { fill: #666; margin-left: 5px; cursor: pointer; } .pod .pod-bd, .pod .pod-ft { position: absolute; bottom: 0; left: 0; right: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .pod .pod-bd { top: 26px; overflow: hidden; background: #fff; } .pod .pod-ft { padding: 3px 0; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07); } .pod .footer-in { padding: 3px 6px; } .pod .pod-hd .pod-title { font-weight: bold; } .pod .f-holder { margin: 0; } .pod .pod-hd .btn { padding: 0 0.7em; } .pod-camera-and-voice .pod-in { background: #191a1e url("/account_panel/images/room/rebranding/cam_pattern.jpg") repeat 0 0; } .pod-camera-and-voice .pod-bd { background: url("/account_panel/images/room/rebranding/cam_light.jpg") no-repeat 50% 0; } .pod-camera-and-voice .ico-video-special { color: #fff; position: absolute; opacity: 0.1; top: 40%; left: 50%; font-size: 100px; line-height: 1; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pod-camera-and-voice .pod-ft { color: #4b4b4b; font-weight: bold; font-size: 13px; padding-left: 10px; } .pod-files .pod-ft { text-align: right; box-shadow: none; background: transparent; } .pod-chat .pod-ft .btn-wrap { width: 10px; padding-left: 10px; } .list-editable .list-editable-item { margin: 2px 0; padding: 5px 0; position: relative; border-radius: 2px; } .list-editable .list-editable-item.text-break { word-break: break-word; } .list-editable .form-action { text-align: right; display: none; float: right; position: absolute; top: 1px; right: 0; } .list-editable .form-action li { vertical-align: middle; } .list-editable .list-editable-label { text-align: right; float: left; width: 112px; margin-left: 10px; } .list-editable .list-editable-control { margin: 0 10px; position: relative; } .list-editable .list-editable-label + .list-editable-control { margin-left: 148px; -ms-word-break: break-all; word-wrap: break-word; word-break: keep-all; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .list-editable-hov:hover .form-action-hov { display: block; } .list-editable-active:hover .form-action-hov { display: none; } .list-editable-active .form-action-active, .list-editable-active:hover .form-action-active { display: block; } /*.list-editable-hov:hover { background:rgba(107,185,57,.2); }*/ .list-editable .list-editable-active, .list-editable .list-editable-active:hover { background: #e5e5e5; } .list-editable .editable .form-control { margin: 8px 0 0; } .list-editable .editable .form-control:first-child { margin-top: 2px; } .list-editable .f-val { cursor: pointer; } .list-editable .check { top: 3px; } .list-editable .switch { margin-top: -4px; } .list-editable .switch-small { margin-top: 5px; } /* elementy ktore maja byc podmieniane kiedy nadajemy klase .list-editable-active */ .list-editable-item .list-editable-area-active, .list-editable-active .list-editable-area-inactive { display: none; } .list-editable-active .list-editable-area-active { display: inline-block; } .list-editable .list-editable-control .form-block { margin: -4px 115px -1px 0; } .list-editable .list-editable-label + .list-editable-control .form-block { margin: -4px 115px -6px 0; } .list-editable.medium .list-editable-label + .list-editable-control .form-block { margin: -7px 150px -6px -14px; } /* uswiawienie form action w pozycji prawy dolny róg */ .list-editable .list-editable-item.pos-br .list-editable-control .form-block { margin-right: 0; } .list-editable .list-editable-item.pos-br .form-action-active { position: static; margin-top: 10px; } .list-editable .form-block { display: none; } .list-editable-active .form-block { display: block; } .list-editable.medium .list-editable-item { padding: 11px 0; } .list-editable.medium .list-editable-label { letter-spacing: -1px; line-height: 1.2; margin-top: 3px; margin-bottom: 3px; } .list-editable.medium .list-editable-label + .list-editable-control { color: #555; } .list-editable.medium .list-editable-label, .list-editable.medium .list-editable-element { font-size: 16px; } .list-editable-hov .f-edit { margin-right: 60px; } .list-editable.medium .form-action-active { top: 6px; } .nested { display: inline-block; vertical-align: middle; padding: 8px; } .nested--options { padding: 8px 5px; } .nested > div:not(.dsp-none) { display: inline-block; } .nested .nested { padding: 0 3px; } .nest-horizontal .nested:first-child { padding-left: 8px; padding-right: 0; } .nest-horizontal .thumb { min-width: 59px; padding: 8px 0 6px 8px; } .nest-horizontal .thumb [data-icon] { font-size: 48px; line-height: 0.7em; } .nest-horizontal svg { width: 40px; height: 40px; margin-right: 8px; color: #c2c2c2; } .nest-horizontal .nested .nested:first-child { padding-left: 0; } .nest-horizontal .nested:last-child { padding-right: 0; } .nest-horizontal .nest-item { padding: 0; margin: 10px -8px; position: relative; } .nest-item .form-action, .nest-item:hover .form-action { top: 50%; right: 15px; -ms-transform: translateY(-50%); transform: translateY(-50%); } .nested .form-group { margin: 0; } .nested-txt-medium { font-size: 18px; } .comment { color: #3d464d; font-size: 12px; line-height: 20px; padding: 9px 12px; position: relative; background: #fff; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); } .comment:before, .comment:after { content: ""; position: absolute; z-index: 4; top: 20px; border: 8px solid transparent; } .comment:before { z-index: 3; } .comment-title { font-size: 11px; line-height: 22px; overflow: hidden; } .comment-name { font-weight: bold; text-transform: uppercase; } .comment-options { color: #bdc0c8; float: right; } .list-chat .separate-title { margin: 20px -28px; } .list-chat .separate-title:first-child { margin-top: 0; } .list-chat .separate-title-in { color: #bdc0c8; font-size: 11px; font-weight: bold; text-transform: uppercase; background: #f7f7f7; } .list-chat .cover { margin: 0 0 20px; } .list-chat .cover-figure, .list-chat .cover-content { display: block; padding: 0; } .comment-layout-1 .cover-figure { float: left; } .comment-layout-1 .cover-content { margin-left: 67px; } .comment-layout-1 .comment:before { left: -17px; border-right-color: rgba(0, 0, 0, 0.1); } .comment-layout-1 .comment:after { left: -16px; border-right-color: #fff; } .comment-layout-2 .cover-figure { float: right; } .comment-layout-2 .cover-content { margin-right: 67px; } .comment-layout-2 .comment:before { right: -17px; border-left-color: rgba(0, 0, 0, 0.1); } .comment-layout-2 .comment:after { right: -16px; border-left-color: #fff; } .list-subaccounts { position: absolute; display: none; padding: 0; top: -2px; left: -293px; width: 293px; font-size: 14px; } .list-subaccounts .unit { position: relative; border-radius: 0; border-width: 0; box-shadow: 0px 12px 35px 0px rgba(16, 36, 95, 0.2); } .list-subaccounts .unit:before { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 40px; left: -5px; border-width: 5px 5px 5px 0; border-right-color: #fff; } .list-subaccounts .unit-hd { background: none; border-radius: 0; padding: 15px 9px; } .list-subaccounts .nano { height: 245px; } .list-subaccounts .nano > .nano-content { padding: 0; } .list-subaccounts .nano > .nano-content li { display: block; width: auto; height: auto; } .list-subaccounts .cover { padding: 8px 9px; } .list-subaccounts .unit-hd + .unit-bd, .list-subaccounts .unit-ft, .list-subaccounts .cover { border-top: 1px solid #f7f7f7; } .list-subaccounts .cover:first-child { border-top: 0; } .list-subaccounts .unit-bd .cover:not(.is-logged):hover { background-color: #fbfbfb; } .list-subaccounts .truncate { width: 160px; } .list-subaccounts .cover-figure { padding: 0 8px 0 0; } .list-subaccounts .cover-figure .avatar-wrap { display: block; } .list-subaccounts .cover-figure .avatar-wrap .avatar { border-radius: 50%; } .list-subaccounts .cover-figure .avatar-wrap .avatar.x-small [data-icon=P] { font-size: 15px; bottom: -2px; } .list-subaccounts .btn { line-height: 1.1; min-width: 60px; max-width: 91px; font-size: 11px; float: right; } .list-subaccounts .info { color: #c7c8ca; font-style: italic; cursor: text; } .list-subaccounts .info, .list-subaccounts .is-logged .btn { display: none; } .list-subaccounts .is-logged .info { display: block; } .list-subaccounts .is-logged .cover-content { font-family: "robotobold", sans-serif; } .list-subaccounts .overlap { font-size: 9px; margin: 0; } .list-subaccounts .overlap .ico-subaccounts { width: 30px; height: 30px; margin: 2px auto; stroke-width: 3.4px; } .list-subaccounts .overlap span { color: #a7afc6 !important; font-family: "robotomedium", sans-serif !important; font-size: 9px; } .list-subaccounts .f-search input[type=text] { position: static; } .subaccounts-video { position: relative; } .subaccounts-video .ico-play { text-align: center; line-height: 88px; cursor: pointer; top: 56px; left: 137px; position: absolute; z-index: 4; width: 94px; height: 94px; background-color: #6ebe3b; border: 2px solid #fff; border-radius: 100%; opacity: 0.87; color: #fff; transition: all 0.4s ease-in-out; } .subaccounts-video .ico-play:hover { box-shadow: inset 0 0 0 110px #fff, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); } .subaccounts-video .ico-play [data-icon] { font-size: 34px; transition: color 0.3s ease-in-out; } .subaccounts-video .ico-play [data-icon]:before { right: -4px; } .subaccounts-video .ico-play:hover [data-icon] { color: #6ebe3b; } /* own CSS */ @-moz-document url-prefix() { .fancybox-wrap { transform: none; } } .fancybox-skin { padding: 0 !important; background: #f7f7f7; border-radius: 3px; margin: 50px 0; } @media (min-width: 768px) { .fancybox-skin { margin: 0 50px; } } .fancybox-opened .fancybox-skin { box-shadow: 0 3px 13px rgba(0, 0, 0, 0.3); } .fancybox-close { text-align: center; line-height: 31px; top: 0; right: -47px; z-index: 8050; opacity: 0.8; } @media (max-width: 767px) { .fancybox-close { top: -50px; right: 0; } } .fancybox-close:hover { opacity: 1; } .fancybox-close:before { content: "Ç"; display: inline-block; font-size: 36px; line-height: 1; } .fancybox-close, .fancybox-close:hover { color: #fff; } .fancybox-nav { width: 120px; } .fancybox-prev { left: -120px; } .fancybox-next { right: -120px; } .fancybox-nav span { visibility: visible; width: 120px; height: 134px; margin-top: -67px; text-align: center; font-size: 82px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); color: #303030; } .fancybox-nav span:before { display: inline-block; padding: 2px; } .fancybox-prev span:before { content: "Q"; } .fancybox-next span:before { content: "R"; } .fancybox-nav:hover span { color: #fbfbfb; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.48); } .fancybox-tmp { visibility: hidden; } .fancybox-lock { overflow: hidden !important; } .fancybox-overlay { background: rgba(39, 40, 42, 0.9); } .fancybox-title { margin: 0; padding: 0; font-size: 30px; line-height: 1.4; letter-spacing: -1px; } .fancybox-title-float-wrap { display: none; } /* Dedicated popups */ .fancybox-title-inside-wrap { text-align: center; padding: 12px 28px; border-top-right-radius: 2px; border-top-left-radius: 2px; } @media (max-width: 767px) { .fancybox-title-inside-wrap { padding: 12px 50px; } } .fancybox-content { padding: 28px; } .popup-with-head .fancybox-close, .popup-special .fancybox-close, .popup-with-head .fancybox-title, .popup-special .fancybox-title { color: #fff; } .popup-special .fancybox-title-inside-wrap { text-align: left; padding: 8px 36px 8px 12px; background: #282b32; } .popup-special .fancybox-title { font-size: 16px; letter-spacing: 0; } .popup-special .fancybox-close { top: 0; right: 11px; vertical-align: middle; line-height: 36px; } .popup-special .fancybox-close:before { font-size: 16px; } .popup-special .fancybox-skin { background: #ededed; } .popup-special .fancybox-outer { padding: 0; margin: 0; } /*.popup-with-head .fancybox-close, .popup-with-head .fancybox-title-inside-wrap { background:#6ebe3b; }*/ .fancybox-content .desc { margin-right: 20px; } .fancybox-content .desc p:first-child { margin-top: 0; } .fancybox-content .subtitle { font-size: 35px; } .fancybox-content .btn-wrap { margin-top: 30px; } .fancybox-form { padding: 0 60px; } .fancybox-form .form-label { text-transform: uppercase; font-size: 12px; } /* [ popup - files - preview ] */ .popup-file-preview.dsp-table { height: 100%; } .popup-file-preview img { max-height: 360px; max-width: 100%; } .popup-file-preview [data-icon] { color: #d8d8d8; font-size: 190px; } .popup-file-preview .gv_panel { overflow-y: auto; } .popup-file-preview .gv_panel img { max-height: inherit; position: static; max-width: inherit; } /* [ section upload image ] */ .upload-image-file .choose-photo { color: #bebebe; font-size: 16px; margin: 40px 0 0; } .upload-image-file .choose-photo a, .upload-image-file .choose-photo a:hover { color: #363a3d; } .upload-image-file .choose-photo a { font-size: 24px; letter-spacing: -1px; text-align: center; text-shadow: 0 1px 0 #fff; display: inline-block; height: 193px; min-width: 173px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0); } .upload-image-file .choose-photo a:hover { background: #fff; border-color: rgba(0, 0, 0, 0.1); } .upload-image-file .choose-photo .ico { color: #d3d5d9; font-size: 150px; line-height: 1; display: block; height: 147px; } .upload-image-file .choose-photo a:hover .ico { color: #363a3d; } .upload-image-cam .canvas { text-align: center; position: relative; overflow: hidden; width: 434px; height: 240px; margin: 0 auto; } .navbar { transition: top 0.3s ease-in-out; } .navbar-brand { text-indent: -999em; } .navbar-header { background: #f1f1f1 url("/account_panel/images/extras/pattern.jpg") repeat 0 0; text-align: center; padding-top: 0; transition: top 0.3s ease-in-out; } .navbar-header.navbar-fixed-top { position: fixed; left: 0; right: 0; top: 0; z-index: 1030; } .navbar-header.nav-hide { top: -60px; } .navbar-collapse.show { max-height: 70vh; overflow-y: scroll; } .navbar-dark .navbar-toggler { border: none; color: #fff; } .navbar-dark .navbar-toggler svg { width: 30px; height: 30px; } .navbar-dark .navbar-toggler:hover, .navbar-dark .navbar-toggler:focus { background: none; outline: none; color: #6ebe3b; } .navbar-dark .navbar-nav .nav-link { color: #fff; } .navbar-dark .navbar-nav .nav-item { position: relative; } @media (min-width: 992px) { .navbar-dark .navbar-nav .nav-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 44px; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .navbar-dark .navbar-nav .nav-wrap { position: relative; display: inline-block; } .navbar-dark .navbar-nav .btn-account { background: #0f1219; margin: 4px 0.5rem; box-shadow: 0 1px 0 #383a43; white-space: nowrap; } .navbar-dark .navbar-nav .btn-account:hover, .navbar-dark .navbar-nav .btn-account:focus { background: #171a23; } .navbar-dark .navbar-nav .btn-account.active { background: #6ebe3b; } .navbar-dark .navbar-nav .btn-account.active:hover, .navbar-dark .navbar-nav .btn-account.active:focus { background: #65a73c; } .navbar-dark .navbar-nav .btn-account.dropdown-toggle::after { margin-left: 8px; line-height: 0; vertical-align: middle; } .navbar-dark .navbar-nav .btn-account .avatar-wrap { vertical-align: middle; margin-right: 5px; } .navbar-dark .navbar-nav .btn-account .avatar-wrap .avatar.x-small { background: none; border-radius: 50%; } .navbar-dark .navbar-nav .btn-account .avatar-wrap .avatar.x-small [data-icon=P] { font-size: 16px; bottom: -3px; } .navbar-dark .navbar-nav .btn-account .create-event, .navbar-dark .navbar-nav .btn-account .username { display: inline-block; vertical-align: middle; line-height: 20px; } .navbar-dark .navbar-nav .btn-account .username { max-width: 110px; } .navbar-dark .navbar-nav .nav-link.nav-link-lang { text-transform: uppercase; white-space: nowrap; line-height: 14px; } .navbar-dark .navbar-nav .nav-link.nav-link-lang svg { stroke-width: 1; color: #6c7182; } .navbar-dark .navbar-nav .nav-link.nav-link-sub { line-height: 16px; padding-top: 0.3rem; padding-bottom: 0.3rem; } .navbar-dark .navbar-nav .nav-link.nav-link-sub:after { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 0px 5px 5px; border-bottom-color: #fff; bottom: 0; left: 50%; margin-left: -5px; display: none; } .navbar-dark .navbar-nav .nav-link.nav-link-sub, .navbar-dark .navbar-nav .nav-link.nav-link-lang, .navbar-dark .navbar-nav .btn-account { font-size: 12px; } @media (min-width: 992px) { .navbar-dark .navbar-nav { -ms-flex-align: center; align-items: center; } .navbar-dark .navbar-nav .nav-link.nav-link-sub:after { bottom: -8px; } } .navbar-dark .navbar-nav .nav-link.nav-link-sub.active:after, .navbar-dark .navbar-nav .show > .nav-link.nav-link-sub:after { display: block; } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #6ebe3b; } .navbar-dark .navbar-nav .nav-link-active-free, .navbar-dark .navbar-nav .nav-link-active-free:hover, .navbar-dark .navbar-nav .nav-link-active-free:focus { color: #ff8d0e; } .navbar-nav .nav-item .badge { font-size: 11px; color: #fff; } .navbar-nav .nav-item .badge:hover { color: #fff; } .navbar-nav .nav-item .badge-recording { background: none; position: absolute; right: 0px; top: 4px; min-height: 12px; min-width: 12px; line-height: 11px; font-size: 9px; } .navbar-nav .nav-item .badge-recording svg { position: absolute; width: 12px; height: 12px; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px; color: #ff4200; } .navbar-nav .nav-item .badge-messages { position: absolute; top: 0px; left: -1px; z-index: 1; } @media (max-width: 991px) { .navbar-nav .nav-item .badge-messages { top: 0; left: auto; } } .navbar-nav .nav-item .dropdown-menu.dropdown-menu-sub .badge-recording { position: relative; right: auto; top: auto; margin-left: 5px; } .navbar-nav .dropdown-menu.dropdown-menu-sub { background: #fcfcfc; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 0; font-size: 14px; } .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item { position: relative; padding: 5px 30px; text-transform: uppercase; font-size: 12px; color: #606365; } .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item:hover, .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item:focus { background-color: #f5f5f5; } .navbar-nav .dropdown-menu.dropdown-menu-create-event, .navbar-nav .dropdown-menu.dropdown-menu-lang, .navbar-nav .dropdown-menu.dropdown-menu-account { padding: 5px 0; background: #fcfcfc; border-radius: 2px; border: 1px solid #e5e5e5; } .navbar-nav .dropdown-menu.dropdown-menu-create-event:before, .navbar-nav .dropdown-menu.dropdown-menu-create-event:after, .navbar-nav .dropdown-menu.dropdown-menu-lang:before, .navbar-nav .dropdown-menu.dropdown-menu-lang:after, .navbar-nav .dropdown-menu.dropdown-menu-account:before, .navbar-nav .dropdown-menu.dropdown-menu-account:after { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 0px 7px 7px; border-bottom-color: #e5e5e5; top: -7px; right: 15px; } .navbar-nav .dropdown-menu.dropdown-menu-create-event:after, .navbar-nav .dropdown-menu.dropdown-menu-lang:after, .navbar-nav .dropdown-menu.dropdown-menu-account:after { top: -6px; border-bottom-color: #fff; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-header, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-header, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-header { padding: 12px 18px; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-header .dropdown-menu-user, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-header .dropdown-menu-user, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-header .dropdown-menu-user { padding: 0; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-header .dropdown-menu-user .avatar, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-header .dropdown-menu-user .avatar, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-header .dropdown-menu-user .avatar { border-width: 2px; width: 50px; height: 50px; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-header .dropdown-menu-user .avatar [data-icon=P], .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-header .dropdown-menu-user .avatar [data-icon=P], .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-header .dropdown-menu-user .avatar [data-icon=P] { font-size: 45px; bottom: -8px; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-header .dropdown-menu-user .account-balance-info, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-header .dropdown-menu-user .account-balance-info, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-header .dropdown-menu-user .account-balance-info { color: #363a3d; font-size: 16px; display: block; margin-top: 8px; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-header .name, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-header .name, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-header .name { font-family: "robotolight", sans-serif !important; font-size: 28px; line-height: 23px; letter-spacing: -1px; max-width: 212px; color: #6ebe3b; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-item, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-item { position: relative; padding: 5px 30px; text-transform: uppercase; font-size: 12px; color: #606365; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-item:before, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item:before, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-item:before { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 3px 0px 3px 3px; border-left-color: #6ebe3b; top: 50%; margin-top: -3px; left: 15px; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-item:hover, .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-item:focus, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item:hover, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item:focus, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-item:hover, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-item:focus { background-color: #f5f5f5; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-item.has-own-ico:before, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item.has-own-ico:before, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-item.has-own-ico:before { content: none; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-item.has-own-ico svg, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item.has-own-ico svg, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-item.has-own-ico svg { position: absolute; width: 10px; height: 10px; top: 9px; left: 11px; stroke-width: 12; } .navbar-nav .dropdown-menu.dropdown-menu-create-event .dropdown-divider, .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-divider, .navbar-nav .dropdown-menu.dropdown-menu-account .dropdown-divider { border-color: #e4e5e5; margin: 5px 0; } .navbar-nav .dropdown-menu.dropdown-menu-lang:before, .navbar-nav .dropdown-menu.dropdown-menu-lang:after { right: 10px; } .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item { padding: 5px 34px; font-size: 14px; } .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item svg { position: absolute; width: 10px; height: 10px; color: #1b1f2a; left: 20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item:before { content: none; } .navbar-nav .dropdown-menu.dropdown-menu-create-event { padding: 0; background: #fff; } @media (min-width: 992px) { .navbar-nav .dropdown-menu.dropdown-menu-sub { background: rgba(38, 39, 41, 0.95); left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); border: none; margin-top: 11px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); } .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item { color: #fff; padding: 8px 14px; text-transform: none; font-size: 14px; } .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item:hover, .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item:focus, .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item:active { background-color: #6ebe3b; } .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .navbar-nav .dropdown-menu.dropdown-menu-sub .dropdown-item:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .navbar-nav .dropdown-menu.dropdown-menu-lang, .navbar-nav .dropdown-menu.dropdown-menu-create-event, .navbar-nav .dropdown-menu.dropdown-menu-account { border-radius: 3px; margin-top: 7px; min-width: 315px; } .navbar-nav .dropdown-menu.dropdown-menu-lang { min-width: auto; } .navbar-nav .dropdown-menu.dropdown-menu-create-event { min-width: 640px; width: auto; padding: 15px 0; } } @media (max-width: 991px) { .navbar-nav .dropdown-menu.dropdown-menu-lang, .navbar-nav .dropdown-menu.dropdown-menu-create-event, .navbar-nav .dropdown-menu.dropdown-menu-account { position: relative; margin: 10px auto 0; width: auto; max-width: 350px; } .navbar-nav .dropdown-menu.dropdown-menu-lang:before, .navbar-nav .dropdown-menu.dropdown-menu-lang:after, .navbar-nav .dropdown-menu.dropdown-menu-create-event:before, .navbar-nav .dropdown-menu.dropdown-menu-create-event:after, .navbar-nav .dropdown-menu.dropdown-menu-account:before, .navbar-nav .dropdown-menu.dropdown-menu-account:after { right: 50%; margin-right: -7px; } .navbar-nav .dropdown-menu.dropdown-menu-create-event { max-width: 100%; padding: 10px 0; } .navbar-nav .dropdown-menu.dropdown-menu-lang { text-align: center; } .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item { border-radius: 25px; display: inline-block; width: 90px; margin: 2px 10%; font-size: 18px; } .navbar-nav .dropdown-menu.dropdown-menu-lang .dropdown-item.active-lang { background-color: #f5f5f5; } } @media (max-width: 1200px) { .navbar-dark .navbar-nav .nav-link.nav-link-sub, .navbar-dark .navbar-nav .nav-link.nav-link-lang, .navbar-dark .navbar-nav .btn-account { font-size: 10px; } .navbar-dark .navbar-nav .nav-link.nav-link-sub { line-height: 14px; } .navbar-dark .navbar-nav .nav-link.nav-link-sub, .navbar-dark .navbar-nav .nav-link.nav-link-lang { padding-right: 0.375rem; padding-left: 0.375rem; } .navbar-dark .navbar-nav .btn-account { margin-right: 0.375rem; margin-left: 0.375rem; } } @media (max-width: 991px) { .navbar-dark .navbar-nav .nav-link.nav-link-sub, .navbar-dark .navbar-nav .nav-link.nav-link-lang, .navbar-dark .navbar-nav .btn-account { font-size: 18px; } .navbar-dark .navbar-nav .btn-account { margin-top: 0.5rem; margin-bottom: 0.5rem; } .navbar-dark .navbar-nav .nav-link.nav-link-sub { line-height: 1.6; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-dark .navbar-nav .nav-link.nav-link-sub.active:after { content: none; } } [lang=pl] .navbar-dark .navbar-nav .nav-link.nav-link-sub, [lang=pl] .navbar-dark .navbar-nav .nav-link.nav-link-lang, [lang=pl] .navbar-dark .navbar-nav .btn-account { font-size: 14px; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media (max-width: 991px) { [lang=pl] .navbar-dark .navbar-nav .nav-link.nav-link-sub, [lang=pl] .navbar-dark .navbar-nav .nav-link.nav-link-lang, [lang=pl] .navbar-dark .navbar-nav .btn-account { font-size: 18px; } } [lang=en] .navbar-dark .navbar-nav .nav-link.nav-link-sub, [lang=en] .navbar-dark .navbar-nav .nav-link.nav-link-lang, [lang=en] .navbar-dark .navbar-nav .btn-account { font-size: 14px; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media (max-width: 991px) { [lang=en] .navbar-dark .navbar-nav .nav-link.nav-link-sub, [lang=en] .navbar-dark .navbar-nav .nav-link.nav-link-lang, [lang=en] .navbar-dark .navbar-nav .btn-account { font-size: 18px; } } /*--------------------------------------------------------------------------------------------- [ Cover ] */ .cover { display: block; } .cover-figure, .cover-content { display: table-cell; } .cover-figure { color: #e4e4e4; vertical-align: top; text-align: center; padding: 8px 20px 8px 0; } .cover-right .cover-figure { padding: 8px 0 8px 20px; float: right; } .cover-obj { width: 60px; height: 60px; display: block; margin: 0 auto; } .cover-caption { color: #aeaeae; margin-top: 10px; font-size: 11px; } .cover-content { vertical-align: middle; } .cover-hd { font-weight: bold; display: block; margin: 5px 0; } .cover-hd .hide-check + label { display: block; } .cover-hd, .cover strong { color: #292d38; } .cover-content p { margin: 10px 0 5px; } .cover-content p + .btn-wrap { margin-top: 15px; } /* [ block ] */ .cover-block > .cover-content { display: block; text-align: center; } .cover-block > .cover-content p { margin: 5px 0 0; } .cover-block > .cover-figure { display: block; padding: 0; margin: 0 auto 20px; } .cover-block .btn-wrap { margin: 25px 0 0; } /* [ empty ] */ .cover-empty { margin: 50px auto; } .cover-empty .cover-content { color: #555; } table .cover-empty, .table .cover-empty, .unit-table .cover-empty { display: table; max-width: 580px; } /* [ cover center ] */ .cover-center { display: table; margin-right: auto; margin-left: auto; } .cover-center.cover-empty { max-width: 580px; } /* [ cover size ] */ .cover-large .cover-obj { width: 100px; height: 100px; stroke-width: 3; } .cover-hd-medium { font-size: 16px; letter-spacing: 0; } .cover-hd-large { font-size: 28px; font-weight: normal; letter-spacing: -1px; } .cover-invites-info { margin: 80px auto 20px; } .cover-invites-info p { margin: 0; color: #a7afc6; } /* [ empty ] */ .expand .cover-empty .cover-figure { color: #d8d8d8; } /* wypozycjonowana zaslepka w skeleton */ .skeleton.blend .tier, .skeleton.blend .sidebar { opacity: 0.4; } .skeleton.blend .blend-info { max-width: 580px; top: 10%; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .cover-content .link-profile-page { background-color: #fff; position: absolute; border-radius: 2px; top: 0.3em; bottom: 0.3em; left: 0.8em; right: 0.8em; overflow: hidden; white-space: nowrap; line-height: 28px; } .account .avatar-wrap { vertical-align: middle; margin-right: 5px; } .account .avatar.x-small { background: none; } .account .avatar.x-small [data-icon=P] { font-size: 16px; bottom: 3px; left: 2px; } .account .username { display: inline-block; vertical-align: middle; line-height: 20px; max-width: 140px; } .account .dropdown-menu { min-width: 315px; } .account .dropdown-menu-user { float: none; padding: 13px 18px; } .account .dropdown-menu-user .name { max-width: 212px; } .account .dropdown-menu-user .avatar { border-width: 2px; width: 39px; height: 50px; } .account .dropdown-menu-user .avatar [data-icon=P] { font-size: 49px; bottom: 0; } .account .dropdown-menu-user .avatar img { display: block; } .account .dropdown-menu-user .avatar-wrap, .account .dropdown-menu-user .name { vertical-align: middle; } .account .dropdown-menu-user .avatar, .account .dropdown-menu-user .name { /*color:#6ebe3b;*/ font-size: 28px; letter-spacing: -1px; } .account .dropdown-menu-user .account-balance-info { color: #363a3d; font-size: 16px; line-height: 1; display: block; margin-top: 8px; } .account .dropdown-list-icons a { padding: 5px 31px; line-height: 1.7; } .account .dropdown-list-icons li > a:before { left: 15px; } .account .dropdown-list-icons .has-own-ico .ico-left { left: 11px; } .account .btn-success, .account .btn-success:hover { color: #fff; } .page-footer { color: #232728; clear: both; width: 100%; background: #fff; } .page-footer .page-wrap { width: 780px; } .page-footer .footer { color: #232728; padding: 38px 0; font-size: 14px; } .page-footer hr { margin: 25px 0; } @media screen and (max-width: 767px) { .page-footer hr { margin: 10px 0; } } .page-footer .vr-list { padding: 0 15px; } .page-footer .links a { text-decoration: underline; } .page-footer .links a:hover { text-decoration: none; } .page-footer .links .spacer { border: 0; margin: 0 8px 0 6px; height: auto; } .page-footer .links .spacer:after { content: "▪"; display: inline-block; font-size: 10px; color: #d8d8d8; vertical-align: middle; } .page-footer .copy-wrap { float: left; } .page-footer .social { text-align: right; } @media screen and (max-width: 1200px) { .page-footer .social { text-align: left; margin-top: 20px; } } @media screen and (max-width: 767px) { .page-footer .social { margin-top: 10px; } } .page-footer .social__title { font-size: 18px; font-family: "robotolight", sans-serif !important; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; } @media screen and (max-width: 767px) { .page-footer .social__title { font-size: 14px; } } .page-footer .social__list { display: inline-block; } .page-footer .logotype { display: inline-block; vertical-align: middle; text-indent: -999em; overflow: hidden; } @media screen and (max-width: 767px) { .page-footer .logotype { height: auto; width: 108px; } } .page-footer .language { text-align: right; } @media screen and (max-width: 1200px) { .page-footer .language { text-align: left; margin-bottom: 20px; } } @media screen and (max-width: 767px) { .page-footer .language { margin-bottom: 10px; } } .page-footer .language__title, .page-footer .language__wrap { display: inline-block; vertical-align: middle; } .page-footer .language__title { margin: 0 18px 0 0; } @media screen and (max-width: 767px) { .page-footer .copy { font-size: 14px; display: block; margin-top: 5px; } } .page-footer .ico-flag img { display: block; } .page-footer [lang=ru] .page-footer .social { text-align: right; } .page-footer [lang=ru] .page-footer .social dt { font-size: 16px; display: block; margin: -12px 0 0; } .footer-marketing { background-color: #1b1f2b; background-size: cover; position: relative; overflow: hidden; } .footer-marketing .helper.pos-bl5 { bottom: 100%; left: 85%; width: 165px; } .footer-marketing .page-wrap { width: 980px; } .footer-marketing .swiper-container { width: 100%; height: 330px; transition: height 0.2s ease-in-out; } @media screen and (max-width: 992px) { .footer-marketing .swiper-container { height: 580px; } } @media screen and (max-width: 992px) { .footer-marketing .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .footer-marketing .swiper-nav { color: #a7afc6; } .footer-marketing .arrow-left { margin-right: 30px; } .footer-marketing .arrow-right { margin-left: 30px; } .footer-marketing .bx { height: 330px; padding: 0 177px 0 0; transition: height 0.2s ease-in-out; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 992px) { .footer-marketing .bx { height: auto; background: none !important; padding-right: 0 !important; margin-bottom: 25px; } } .footer-marketing .bx .hd { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer-marketing .bx .hd.dir-column { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: baseline; align-items: baseline; } .footer-marketing .bx h2 { font-size: 24px; font-family: "robotoregular"; line-height: 32px; color: #f9f9f9; margin: 0 0 30px; } .footer-marketing .bx p { font-size: 16px; font-family: "robotoregular"; line-height: 24px; color: #a7afc6; margin: 0 28px 47px 0; } .footer-marketing .bx-mobile-app { background: url("/account_panel/images/feature/mobile-app.png") no-repeat 100% 100%; padding-right: 550px; } .footer-marketing .bx-mobile-app .btn-group-mobile .btn-mobile { display: inline-block; text-decoration: none; margin: 5px 15px 5px 0; } .footer-marketing .bx-mobile-app .btn-group-mobile .btn-mobile:last-child { margin-right: 0; } .footer-marketing .bx-mobile-app .btn-group-mobile .btn-mobile img { display: block; height: 40px; max-width: 135px; } .footer-marketing .bx-mobile-app a { color: #00afec; } .footer-marketing .bx-mobile-app a:hover { color: #ff800f; } .footer-marketing .bx-desktop-app { background: url("/account_panel/images/feature/desktop-app.png") no-repeat 100% 100%; padding-right: 550px; } .footer-marketing .bx-video { background: url("/account_panel/images/feature/video.png") no-repeat 100% 50%; padding-right: 550px; } .footer-marketing .bx-blog { background: url("/account_panel/images/feature/blog.png") no-repeat 100% 50%; padding-right: 550px; } .footer-marketing .bx-config { background: url("/account_panel/images/feature/config.png") no-repeat 100% 50%; padding-right: 550px; } .footer-marketing .bx-survey { background: url("/account_panel/images/feature/ico_survey.png") no-repeat 100% 100%; padding-right: 420px; } .footer-marketing .bx-survey p { font-size: 28px; } .footer-marketing .bx-survey h2 { font-size: 35px; margin-top: 14px; } .footer-marketing .bx-survey .btn { min-width: 192px; } .footer-marketing .bx-survey .btn-wrap { margin-top: 30px; } .footer-marketing .col { float: left; width: 50%; } .footer-marketing .button-footer { font-family: "robotobold"; line-height: 14px; padding: 15px 17px; text-transform: uppercase; min-width: 130px; margin-right: 20px; margin-bottom: 20px; } .footer-marketing .button-footer:last-child { margin-right: 0; } .footer-marketing-minimized .bx, .footer-marketing-minimized .swiper-container { height: 86px; } .footer-marketing-minimized .bx { background: none; padding: 22px 25px; } .footer-marketing-minimized .bx h2 { text-align: center; } .footer-marketing-minimized .bx .hd { padding: 0; } .footer-marketing-minimized .bx .bd { height: 0; padding: 0; overflow: hidden; } .footer-marketing-minimized .bx-survey.bx h2 { font-size: 21px; margin-top: 8px; } .footer-marketing-minimized .bx-survey.bx h2 br { display: none; } .footer-marketing .options { position: absolute; bottom: 0; right: 2%; z-index: 11; } @media screen and (max-width: 992px) { .footer-marketing .options { right: 5%; } } .footer-marketing .swiper-pagination { float: left; margin-right: 10px; } .footer-marketing .toggle-hide { min-width: 60px; } [lang=br] .footer-marketing .btn, [lang=pt] .footer-marketing .btn { margin-top: 15px; } [lang=de] .footer-marketing p, [lang=ru] .footer-marketing p { font-size: 14px; } [lang=ru] .footer-marketing .btn.large, [lang=ru] .tab-ft .effect-enlarge .btn-txt { font-size: 18px; } .page-header { padding: 40px 0; margin: 0; background: #fff; border-bottom: 1px solid #e6e6e6; } .page-header .page-wrap { width: 926px; position: relative; display: table; } .page-header-btn { position: relative; } @media (max-width: 576px) { .page-header-btn .list-inline > li { display: block; } } .page-header h1 { font-size: 34px; line-height: 1em; padding: 0; margin: 0; } .page-header p { margin: 10px 0 0; font-size: 12px; color: #737373; } .page-header .page-header-ico { width: 48px; height: 48px; margin: 8px 25px 8px 0; color: #6ebe3b; } .page-header .page-header-ico.ico-option-addons.svg-stroke { stroke-width: 1; } .page-header .ondemand .page-header-ico { color: #2e6fde; } .page-header .automated .page-header-ico { color: #0b23a0; } .page-header .meeting .page-header-ico, .page-header .webinar .page-header-ico { color: #6ebe3b; } .page-header h2 { margin: 0 0 20px; } .page-header .lead { font-size: 18px; margin: -5px 0 0; } .page-header label { margin-bottom: 0; } .page-header .helper.pos-tl-large { top: 54px; margin: 0 0 0 -650px; width: 220px; } [lang=en] .page-header .helper.pos-tl-large { margin: 0 0 0 -544px; width: 160px; } [lang=de] .page-header .helper.pos-tl-large { margin: 0 0 0 -605px; } [lang=es] .page-header .helper.pos-tl-large { margin: 0 0 0 -580px; width: 180px; } [lang=fr] .page-header .helper.pos-tl-large { margin: 0 0 0 -665px; width: 220px; } [lang=br] .page-header .helper.pos-tl-large { margin: 0 0 0 -562px; width: 220px; } [lang=pl] .page-header .helper.pos-tl-large { margin: 0 0 0 -650px; width: 220px; } [lang=ru] .page-header .helper.pos-tl-large { margin: 22px 0 0 -441px; width: 220px; } .page-header .dsp-cell { text-align: right; float: none; } .page-header .btn [data-icon=w] { font-size: 0.75em; } .page-header .btn [data-icon=w]:before { top: -3px; } .page-header .form-group { margin: 0 0 0 auto; } .page-header .form-label { color: #6e7072; font-size: 18px; letter-spacing: -1px; } .reminders { position: relative; } .reminders .form-group { margin-bottom: 10px; } .reminders .form-control:first-child { width: 165px; padding-right: 0; } .reminders .notify { margin-left: 10px; } @media (max-width: 767px) { .reminders .notify { margin-left: 0; } } .reminders .btn-link-delete [data-icon]:before { top: 0; } .reminders .btn-wrap { font-size: 12px; } .reminders .list-check .form-control, .reminders .list-check .form-control:first-child, .reminders .list-check .form-group { display: block; width: auto; margin: 10px 0; padding: 0; } .reminders .list-check .form-control:first-child { margin-top: 0; } .reminders .list-check .form-control:last-child { margin-bottom: 0; } .reminders .dropdown-info { min-width: 100%; } @media (max-width: 767px) { .reminders .form-inline .form-group .form-control.notify { display: table-row; } } .results td { font-size: 14px; padding: 10px 12px 10px 0; } .results td .status { white-space: nowrap; } .results th:first-child, .results td:first-child { padding-left: 12px; } .results .name .truncate { max-width: 240px; } @media (max-width: 991px) { .results .name .truncate { max-width: 150px; } } .results .company .truncate, .results .phone .truncate { max-width: 100px; } .results .email .truncate { width: 300px; } @media (max-width: 991px) { .results .email .truncate { width: 250px; } } .results .cell-action .btn-txt { white-space: nowrap; } .results tbody .email [href^="mailto:"] { color: #363a3d; } .results tbody .name { font-weight: bold; } .book { height: 575px; } .book.nano > .nano-content { padding: 0; } .book .letter { color: #c2c2c2; font-size: 18px; line-height: 1.2; margin: 17px 0 10px; border-bottom: 2px solid #e5e5e5; } .book .letter:first-child { margin-top: 0; padding-top: 10px; } .book .name { cursor: pointer; font-size: 16px; padding: 2px 20px; position: relative; } .book .name.social { padding-left: 49px; } .book .name:before { font-size: 12px; position: absolute; right: 7px; top: 6px; display: none; } .book .name:hover { background-color: rgba(205, 205, 205, 0.1); } .book .name.active, .book .name.active:hover { color: #fff; /*background-color:#6ebe3b;*/ } .book .name.active:before { display: block; } .book .social [class*=social-ico-] { position: absolute; left: 20px; top: 4px; } .component-absolute { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .components { background: #f1f1f1 url("/account_panel/images/bg_pattern_components.jpg") repeat 0 0; } .components-title { cursor: pointer; font-weight: bold; display: block; padding: 5px 15px; position: relative; /*background:#6ebe3b; background:-webkit-linear-gradient(top, #79cb45 0%,#6ebe3b 100%); background:linear-gradient(to bottom, #79cb45 0%,#6ebe3b 100%);*/ /*box-shadow:inset 0 -2px 0 rgba(0,0,0,.16), 0 2px 0 rgba(0,0,0,.11);*/ } .components-title, .components-title:hover { color: #fff; } .components-title [data-icon*=caret] { position: absolute; top: 50%; margin-top: -2px; right: 12px; } .components .gallery .figure { width: 176px; height: 112px; } .components-body { padding: 15px 0; } .components .f-holder { margin: 0; } .component-wrap { color: #bcbcbc; min-height: 32px; } .component-wrap .dsp-cell { font-weight: bold; } .component { cursor: move; } .hide-check + .component, .component { line-height: 1.2; display: block; padding: 8px 10px; background: #fff; border: 1px dashed #c2c2c2; border-radius: 2px; box-sizing: border-box; } .list-component-images.list-tiles .unit-bd { padding: 11px 13px; min-height: 100px; } .list-component-images.list-tiles .unit { height: auto; background: #fff; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #fefefe 81%, #f7f7f7 100%); box-shadow: inset 0 -1px 1px #fff, 0 0 0 1px rgba(218, 218, 218, 0.4); } .list-component-images.list-tiles .hide-check:checked + .unit .unit-bd { background: #f9f9f9; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3); border-radius: 2px; } .component .special-line, .component .special-line:after { content: ""; height: 3px; display: block; background: #bcbcbc; } .component .special-line { margin: 5px 0 10px; width: 80px; } .component .special-line:after { position: relative; top: 6px; width: 80%; } /* ie break word fix */ .component .dsp-table { table-layout: fixed; } .component .ico-wrap-end { width: 10px; padding-left: 5px; } /* //end of ie break word fix */ .component-wrap .ico-large svg { width: 28px; height: 28px; stroke-width: 5; top: 0; } .component-wrap .ico-wrap { line-height: 1; text-align: center; width: 35px; padding-right: 5px; } .component-wrap .avatar-wrap { display: block; } .component-wrap .avatar { background: #bcbcbc; width: 30px; height: 30px; border-radius: 50%; } .component-wrap .avatar [data-icon=P] { font-size: 34px; bottom: -8px; } .component-presenter, .component-presenter:hover .component { color: #bcbcbc; } .component-presenter .dropdown { display: block; } .component-presenter > .dropdown:hover > .component { border-style: solid solid dashed; } .component-presenter .dropdown-component { width: 100%; position: absolute; top: 100%; z-index: 1000; } .component-presenter .dropdown-component .component { margin: -2px 0 0; border-style: dashed solid; } .dropdown-component .dropdown-wrap { background: #fff; border: 0; border-radius: 0; } .component-presenter .dropdown-component .component:last-child { border-bottom-style: solid; } .component-presenter .name { display: block; -ms-word-break: break-all; word-break: break-word; word-break: keep-all; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .component-presenter .component { padding-top: 7px; padding-bottom: 7px; } .component-presenter .dropdown-layout ul.list-unstyled, .component-presenter .dropdown-layout ul.list-inline { overflow: scroll; height: 450px; } .component-check .component, .component-radio .component { width: 30px; height: 30px; padding: 0; display: block; } .component-check .ico-wrap .ico-tick { top: 4px; stroke-width: 14; } .component-radio .component { border-radius: 15px; } .component-radio .component .ico { width: 12px; height: 12px; background-color: currentColor; border-radius: 6px; display: block; margin: 9px 0 0 8px; } /*.component-wrap:hover, .component-presenter .component:hover { color:#6ebe3b; } .component-wrap:hover .component { border-color:#6ebe3b; } .component:hover .avatar, .component:hover .special-line, .component:hover .special-line:after, .component-radio:hover .component .ico { background:#6ebe3b; }*/ .component-template .component { min-height: 100px; padding: 10px; } .hide-check:checked + .component { border: 1px solid transparent; /*border:1px solid #6ebe3b;*/ border-radius: 2px; /*box-shadow:0 0 0 1px #6ebe3b;*/ } .component-title { color: #363a3d; font-size: 18px; font-weight: normal; display: block; margin: 15px auto 0; } .move-section .component-wrap .component { border-color: #c2c2c2; } .list-component-images, .list-component-images > li, .list-component, .list-component > li { margin: 0; padding: 0; list-style: none; } .list-component li { position: relative; } .list-component .list-component-item { display: block; line-height: 1.2; padding: 6px 15px; } .list-component a.list-component-item:hover, .list-component-item.active { background: rgba(205, 205, 205, 0.2); } .list-component-title { color: #555; font-size: 16px; display: block; } .list-component-title a { color: inherit; } .list-component-date { /*color:#6ebe3b;*/ font-size: 12px; } .list-component .btn-link-delete { position: absolute; top: 6px; right: 5px; z-index: 2; transition: all 0.3s ease; } .list-component .btn-link-delete:hover { -ms-transform: scale(1.5); transform: scale(1.5); } .list-component-images, .list-component-images > li { margin: 0; padding: 0; list-style: none; } .list-component-images > li { margin: 15px; } .list-component-images > li:first-child { margin-top: 0; } .list-component-images > li:last-child { margin-bottom: 0; } .components-body .nano { /*height:518px;*/ height: 485px; width: 204px; padding: 0; } .components-body .nano > .nano-pane { background: none; } .components-body .nano > .nano-content { padding: 0; } .table-search { table-layout: fixed; } .table-search td:first-child { padding-left: 30px; } @media (max-width: 768px) { .table-search td:first-child { padding-left: 5px; } } .table-search td:last-child { padding-right: 30px; } @media (max-width: 768px) { .table-search td:last-child { padding-right: 5px; } } .table-search .operations { float: left; margin: 2px 0 0; } .table-search .thumb { width: 100px; padding-left: 15px; } @media (max-width: 768px) { .table-search .thumb { display: none; } } .table-search .desc { width: 480px; } @media (max-width: 768px) { .table-search .desc { width: 250px; } } .table-search .thumb + .desc, .table-search .expand .desc { width: 350px; } @media (max-width: 768px) { .table-search .thumb + .desc, .table-search .expand .desc { width: 250px; } } .table-search .desc .social { padding-left: 35px; position: relative; } @media (max-width: 768px) { .table-search .desc .social { padding-left: 5px; } } .table-search .desc .social [class*=social-ico-] { position: absolute; top: 5px; left: 3px; } @media (max-width: 768px) { .table-search .desc .social [class*=social-ico-] { display: none; } } .table-search .desc .title { font-size: 24px; font-weight: normal; } @media (max-width: 768px) { .table-search .desc .title { font-size: 16px; } } .table-search .desc .truncate { max-width: 350px; display: inline-block; vertical-align: middle; } @media (max-width: 768px) { .table-search .desc .truncate { max-width: 250px; } } .table-search .book { width: 100%; min-height: 80px; height: auto; max-height: 180px; margin: 10px 0; } .table-search .nano > .nano-pane { right: 5px; } .table-search .book table { table-layout: fixed; } .table-search .book td { border-top: 0; padding-top: 3px; padding-bottom: 3px; } .table-search .book .name:hover { background: none; cursor: default; } .table-search .book tr:hover td { background: rgba(205, 205, 205, 0.2); } .table-search .expand .book .social { padding-left: 29px; } @media (max-width: 768px) { .table-search .expand .book .social { padding: 0 5px; } } .table-search .expand .book [class*=social-ico-] { left: 0; top: 4px; } .table-search .book .cell-action { width: 50px; } .table-search .book .mail { text-align: right; width: 250px; } @media (max-width: 768px) { .table-search .book .mail { text-align: left; padding: 0 5px; } } @media (max-width: 576px) { .table-search .book .mail { width: 200px; } } .table-search .book .mail a { color: inherit; } @media (max-width: 768px) { .invitation-segments-group .book .desc { display: none; } } .app-name, .app-hd, .app-bd { display: inline-block; vertical-align: middle; } .app-integration-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 -10px; padding: 17px 10px; line-height: 1; border-bottom: 1px solid #dedede; cursor: pointer; } .app-integration-item:hover { background-color: #e5e5e5; } .app[data-expand=true] .app-integration-item:hover { background: none; } .app[data-expand=true] .app-integration-item, .app:last-child .app-integration-item { border-bottom-color: transparent; } .app-integration-item .app-header { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 43%; flex-basis: 43%; -ms-flex-align: center; align-items: center; } .app-integration-item .app-header.plugin { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .app-integration-item .app-header .icon-wrapper { min-width: 40px; margin-right: 14px; margin-left: 4px; } .app-integration-item .app-description { -ms-flex: 1; flex: 1; font-size: 16px; text-align: right; color: #606365; } .app-integration-item .app-description.plugin { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .app-item { line-height: 1; cursor: pointer; border-bottom: 1px solid #dedede; padding: 17px 10px; margin: 0 -10px; } .app-item:hover { background-color: #e5e5e5; } .app[data-expand=true] .app-item:hover { background: none; } .app[data-expand=true] .app-item, .app:last-child .app-item { border-bottom-color: transparent; } .app-bd { color: #606365; font-size: 16px; text-align: right; width: 56%; } .app-bd.plugin { width: 50%; } .app-hd { width: 43%; } .app-hd.plugin { width: 50%; } .app-name { font-size: 24px; margin: 0; } .app-name .label.small { display: inline-block; font-family: "robotoregular", sans-serif !important; font-size: 10px; line-height: 14px; max-width: 125px; white-space: normal; } .app-ico-status { color: #d8d8d8; font-size: 20px; top: 1px; } .app-connected .app-ico-status { color: #6ebe3b; } .app-connected .app-ico-status:before { content: "v"; } .app-ico { background: url("/account_panel/images/integrations/icons_v8.png") no-repeat; width: 40px; height: 33px; font-size: 38px; line-height: 0.7; text-align: center; } .app-facebook .app-ico { background-position: 0 0; } .app-connected.app-facebook .app-ico { background-position: -54px 0; } .app-twitter .app-ico { background-position: 0 -68px; } .app-connected.app-twitter .app-ico { background-position: -54px -68px; } .app-linkedin .app-ico { background-position: 0 -138px; } .app-connected.app-linkedin .app-ico { background-position: -54px -138px; } .app-salesforce .app-ico { background-position: 0 -211px; } .app-connected.app-salesforce .app-ico { background-position: -54px -211px; } .app-wordpress .app-ico { background-position: 0 -281px; } .app-connected.app-wordpress .app-ico { background-position: -54px -281px; } .app-pipedrive .app-ico { background-position: 0 -1511px; } .app-connected.app-pipedrive .app-ico { background-position: -50px -1511px; } .app-getresponse .app-ico { background-position: 0 -349px; } .app-connected.app-getresponse .app-ico { background-position: -54px -349px; } .app-dropbox .app-ico { background-position: 0 -419px; } .app-connected.app-dropbox .app-ico { background-position: -54px -419px; } .app-googledrive .app-ico { background-position: 0 -489px; } .app-connected.app-googledrive .app-ico { background-position: -54px -489px; } .app-skydrive .app-ico { background-position: 0 -558px; } .app-connected.app-skydrive .app-ico { background-position: -54px -558px; } .app-youtube .app-ico { background-position: 0 -626px; } .app-connected.app-youtube .app-ico { background-position: -54px -626px; } .app-vimeo .app-ico { background-position: 0 -695px; } .app-connected.app-vimeo .app-ico { background-position: -54px -695px; } .app-google .app-ico { background-position: 0 -765px; } .app-connected.app-google .app-ico { background-position: -54px -765px; } .app-microsoft_outlook .app-ico { background-position: 0 -1821px; } .app-connected.app-microsoft_outlook .app-ico { background-position: -50px -1821px; } .app-chrome .app-ico { background-position: 0 -907px; } .app-connected.app-chrome .app-ico { background-position: -54px -907px; } .app-desktop-sharing .app-ico { background-position: 0 -977px; } .app-connected.app-desktop-sharing .app-ico { background-position: -54px -977px; } .app-slack .app-ico { background-position: 0 -1255px; height: 32px; } .app-connected.app-slack .app-ico { background-position: -54px -1255px; } .app-hubspot .app-ico { background-position: 0 -1327px; height: 41px; margin-bottom: -10px; top: -8px; } .app-connected.app-hubspot .app-ico { background-position: -54px -1327px; } .app-infusionsoft .app-ico { background-position: 0 -1394px; height: 41px; margin-bottom: -10px; top: -8px; } .app-connected.app-infusionsoft .app-ico { background-position: -54px -1394px; } .app-googleanalytics .app-ico { background-position: 0 -1460px; height: 32px; } .app-connected.app-googleanalytics .app-ico { background-position: -48px -1460px; } .app-googletagmanager .app-ico { background-position: 0 -1618px; height: 34px; } .app-connected.app-googletagmanager .app-ico { background-position: -48px -1618px; } .app-copypaste .app-ico { background-position: 0 -1187px; height: 32px; } .app-connected.app-copypaste .app-ico { background-position: -54px -1187px; } .app-contacts .app-ico { background-position: 0 -1047px; height: 34px; } .app-connected.app-contacts .app-ico { background-position: -54px -1047px; } .app-email .app-ico { background-position: 0 -1113px; } .app-connected.app-email .app-ico { background-position: -54px -1113px; } .app-paypal .app-ico { background-position: 0 -1675px; } .app-connected.app-paypal .app-ico { background-position: -44px -1675px; } .app-zapier .app-ico { background-position: 0 -1718px; } .app-connected.app-zapier .app-ico { background-position: -44px -1718px; } .app-payu .app-ico { background-position: 0 -1767px; } .app-connected.app-payu .app-ico { background-position: -44px -1767px; } .app-linkedininsight .app-ico { background-position: 0 -138px; } .app-connected.app-linkedininsight .app-ico { background-position: -54px -138px; } .app-stripe .app-ico { background-position: 0 -1875px; } .app-connected.app-stripe .app-ico { background-position: -44px -1875px; } .app-tiktoktracker .app-ico { background-position: -3px -1929px; height: 33px; } .app-connected.app-tiktoktracker .app-ico { background-position: -47px -1929px; } .app-cookiescript .app-ico { background-position: -3px -1977px; height: 34px; } .app-connected.app-cookiescript .app-ico { background-position: -47px -1977px; } .app-facebookpixel .app-ico { background-position: 0 -2029px; height: 34px; } .app-connected.app-facebookpixel .app-ico { background-position: -48px -2029px; } .app .expand, .access-type .expand { margin-bottom: 0; } .app .expand .main-arrow, .access-type .expand .main-arrow { left: 32px; } .app .expand .content, .access-type .expand .content { padding: 30px; } @media only screen and (max-width: 767px) { .app .expand .content, .access-type .expand .content { padding: 0; } } .app .expand .content.integrations .integration-id, .access-type .expand .content.integrations .integration-id { color: #333; } .app .expand .content.integrations .list-check-cols .form-group, .access-type .expand .content.integrations .list-check-cols .form-group { margin: 20px 0 5px; } .app .expand .content.integrations .list-check-cols .form-control, .access-type .expand .content.integrations .list-check-cols .form-control { font-size: 16px; width: auto; margin: 0 30px 10px 0; } .app .expand .content.integrations .list-check-cols .form-control .check, .access-type .expand .content.integrations .list-check-cols .form-control .check { top: 3px; } .app .expand .content.integrations .form-inline, .access-type .expand .content.integrations .form-inline { width: 535px; margin: 0 auto; } .app .expand .content.integrations .form-inline.form-paypal, .access-type .expand .content.integrations .form-inline.form-paypal { margin: 25px 200px 0 0; width: auto; } @media (max-width: 991px) { .app .expand .content.integrations .form-inline.form-paypal, .access-type .expand .content.integrations .form-inline.form-paypal { margin: 25px 0 0 100px; } } @media (max-width: 767px) { .app .expand .content.integrations .form-inline.form-paypal, .access-type .expand .content.integrations .form-inline.form-paypal { margin: 25px auto; } } .app .expand .content.integrations .form-inline.form-paypal .form-label, .access-type .expand .content.integrations .form-inline.form-paypal .form-label { text-align: right; vertical-align: top; padding-top: 5px; } @media (max-width: 991px) { .app .expand .content.integrations .form-inline.form-paypal .form-label, .access-type .expand .content.integrations .form-inline.form-paypal .form-label { text-align: left !important; } } .app .expand .content.integrations .form-inline.form-paypal .form-control, .access-type .expand .content.integrations .form-inline.form-paypal .form-control { vertical-align: top; text-align: left !important; } .app .expand .content.integrations .form-inline.form-paypal .error-paid-fix, .access-type .expand .content.integrations .form-inline.form-paypal .error-paid-fix { padding-bottom: 20px; } .app .expand .content.integrations .form-inline.form-paypal .form-currency .f-holder, .access-type .expand .content.integrations .form-inline.form-paypal .form-currency .f-holder { width: 135px; display: inline-block; } .app .expand .content.integrations .form-inline.form-paypal .form-currency .f-holder input, .access-type .expand .content.integrations .form-inline.form-paypal .form-currency .f-holder input { height: 34px; box-shadow: none; } .app .expand .content.integrations .form-inline.form-paypal .form-price .f-holder, .access-type .expand .content.integrations .form-inline.form-paypal .form-price .f-holder { display: inline-block; vertical-align: middle; width: 135px; } .app .expand .content.integrations .form-inline.form-paypal .form-price .f-holder input, .access-type .expand .content.integrations .form-inline.form-paypal .form-price .f-holder input { height: 34px; box-shadow: none; } .app .expand .content.integrations .form-inline.form-paypal .form-price .tip-info-wrap, .access-type .expand .content.integrations .form-inline.form-paypal .form-price .tip-info-wrap { display: inline-block; vertical-align: middle; } .app .expand .content.integrations .form-inline.form-paypal .form-price .tip-info-wrap .svg-fill, .access-type .expand .content.integrations .form-inline.form-paypal .form-price .tip-info-wrap .svg-fill { width: 20px; height: 20px; color: #00afec; } .app .expand .content.integrations .form-inline .form-group, .access-type .expand .content.integrations .form-inline .form-group { margin: 5px 0 15px; } .app .expand .content.integrations .form-inline .form-group .btn-wrap, .access-type .expand .content.integrations .form-inline .form-group .btn-wrap { vertical-align: top; padding-top: 0; } .app .expand .content.integrations .btn-wrap, .access-type .expand .content.integrations .btn-wrap { margin-top: 0; padding-top: 10px; } .app .expand .content.integrations .btn-wrap .btn ~ a, .access-type .expand .content.integrations .btn-wrap .btn ~ a { margin-left: 30px; } .app .expand .content.integrations .btn-wrap .btn-link, .access-type .expand .content.integrations .btn-wrap .btn-link { padding: 7px 0; } .app .expand .content.integrations .btn-wrap .btn-link .ico-info-integrations, .access-type .expand .content.integrations .btn-wrap .btn-link .ico-info-integrations { width: 22px; height: 22px; } .app .expand .content.integrations .btn-wrap .btn-link .ico-info-integrations.ico-left, .access-type .expand .content.integrations .btn-wrap .btn-link .ico-info-integrations.ico-left { margin-right: 5px; } .app .expand .content.integrations .btn-wrap .btn-link .ico-participant, .access-type .expand .content.integrations .btn-wrap .btn-link .ico-participant { stroke-width: 8; } .app .expand .content.integrations .btn-wrap .btn-link:focus, .access-type .expand .content.integrations .btn-wrap .btn-link:focus { color: #00afec; } .app .expand .content.integrations .btn-wrap .btn-link.btn-link-delete, .access-type .expand .content.integrations .btn-wrap .btn-link.btn-link-delete { color: #ff4200; } .app .expand .content.integrations .btn-wrap .btn-link.btn-zapier, .access-type .expand .content.integrations .btn-wrap .btn-link.btn-zapier { margin-left: 40px; } .app .expand .content.integrations .btn-wrap .btn-link.btn-zapier:before, .access-type .expand .content.integrations .btn-wrap .btn-link.btn-zapier:before { background: #c9c9c9; content: ""; position: absolute; top: 50%; left: -20px; width: 1px; height: 15px; -ms-transform: translateY(-50%); transform: translateY(-50%); } .app .expand .content.integrations .btn-wrap.btn-paypal, .access-type .expand .content.integrations .btn-wrap.btn-paypal { border: 1px solid #dbdbdb; border-radius: 3px; text-align: right; padding: 10px 10px 8px; width: 320px; } .app .expand .content.integrations .btn-wrap.btn-paypal p, .access-type .expand .content.integrations .btn-wrap.btn-paypal p { margin-bottom: 10px; font-size: 12px; } .app .expand p, .access-type .expand p { margin: 0 0 15px; } .app .expand .btn.medium, .access-type .expand .btn.medium { padding: 7px 20px; } .app .expand .btn.medium [data-icon*=caret], .access-type .expand .btn.medium [data-icon*=caret] { vertical-align: middle; } .app .expand .img-paypal, .access-type .expand .img-paypal { margin-bottom: 15px; } .app .expand .img-paypal-payment, .access-type .expand .img-paypal-payment { float: right; } .payu-integrate__additionalManual p { font-family: "robotolight"; font-size: 16px; color: #616161; margin: 0 0 15px; } .payu-integrate__additionalManual p:last-child { margin-bottom: 24px; } .payu-integrate__additionalManual ul { margin-bottom: 24px; } .payu-integrate__additionalManual li { font-family: "robotolight"; font-size: 16px; color: #616161; margin: 0; } .started-section .header h2 { font-size: 63px; letter-spacing: -2px; margin: 28px 0 0; } .started-section .started-ft { text-align: center; font-size: 24px; margin: 40px 0 10px; } .started-section .started-ft p { margin: 0; } .started-section .started-ft .btn { color: #d5d5d5; padding: 0 10px; top: -1px; } .list-pictogram .disabled { opacity: 1; } .list-pictogram .disabled .list-pictogram-hd, .list-pictogram .disabled .list-pictogram-bd, .list-pictogram .disabled .pictogram { color: #e1e1e2; } .dashboard-module .page-header .list-inline { margin-bottom: -1.5rem; } .dashboard-module .page-header .col-lg:nth-child(2) { -ms-flex-positive: 3; flex-grow: 3; } .main .timeline { margin: 0; } .timeline .page-wrap { width: 810px; position: relative; } @media (max-width: 992px) { .timeline .page-wrap { width: 720px; } } @media (max-width: 768px) { .timeline .page-wrap { width: 540px; padding: 0; } } @media (max-width: 576px) { .timeline .page-wrap { width: 100%; } } .timeline .col-wrap { margin: 0 -37px; } @media (max-width: 768px) { .timeline .col-wrap { margin: 0; } } .timeline .col, .timeline .timeline-col { float: left; width: 368px; margin: 15px 27px 0; } @media (max-width: 992px) { .timeline .col, .timeline .timeline-col { width: 318px; margin-right: 37px; margin-left: 37px; } } @media (max-width: 768px) { .timeline .col, .timeline .timeline-col { width: 100%; float: none; margin-right: 0; margin-left: 0; padding: 0 15px; } } .timeline .unit { margin: 0; } .timeline section { padding: 30px 0; } .timeline .col:nth-child(odd), .timeline .timeline-col:nth-child(odd) { clear: both; } .timeline .col:nth-child(even), .timeline .timeline-col:nth-child(even) { margin-top: 55px; float: right; clear: right; } @media (max-width: 768px) { .timeline .col:nth-child(even), .timeline .timeline-col:nth-child(even) { margin-top: 15px; float: none; } } .timeline .col:nth-child(even), .timeline .timeline-col:nth-child(even) .point { left: auto; right: 100%; } .timeline .line { position: absolute; width: 12px; z-index: 1; top: 0; bottom: 80px; left: 50%; margin-left: -6px; background: url("/account_panel/images/timeline/line.gif") repeat-y 0 0; } @media (max-width: 768px) { .timeline .line { display: none; } } .timeline .line:before, .timeline .line:after { content: ""; display: block; position: absolute; z-index: 2; } .timeline .line:before { background: url("/account_panel/images/timeline/line_top.png") no-repeat 0 0; width: 34px; height: 22px; top: -15px; left: 50%; margin-left: -17px; display: none; } .timeline .line:after { background: url("/account_panel/images/timeline/line_bottom.png") no-repeat 0 0; width: 12px; height: 57px; bottom: -56px; left: 50%; margin-left: -6px; } .timeline .future .line:after { display: none; } .timeline .future .line:before { display: block; } .timeline .future .line { bottom: -30px; top: 35px; } /**/ .timeline hr { margin: 0; } .timeline h3, .timeline h4 { margin: 0 0 5px; -ms-word-break: break-all; word-break: break-word; word-break: keep-all; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media (max-width: 992px) { .timeline h3, .timeline h4 { font-size: 20px; } } .timeline h3 a { color: #363a3d; } .timeline h3 a:hover { color: #00afec; } .timeline .canceled h3 { color: #888; font-size: 30px; line-height: 1.2; } .timeline .canceled h3 em { color: #d8d8d8; font-size: 22px; } .timeline .list-inline [data-icon]:before { font-size: 18px; top: 1px; } .timeline .list-inline [data-icon=K]:before { font-size: 16px; top: 0; } .timeline .btn-group .x-small [data-icon*=caret-bottom] { margin: 0; vertical-align: baseline; } .timeline .badge { letter-spacing: 0; background: #6ebe3b; background: linear-gradient(to bottom, #8dcf52 0%, #5eb438 100%); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16), 0 2px 0 rgba(0, 0, 0, 0.11); min-height: 18px; min-width: 18px; line-height: 12px; position: relative; top: 1px; } .timeline .future .badge { background: #6a6a6a; background: linear-gradient(to bottom, #7d7d7d 0%, #656565 100%); } .timeline .canceled .badge { background: #d8d8d8; background: linear-gradient(to bottom, #e2e2e2 0%, #d2d2d2 100%); } .timeline .live .badge { font-size: 8px; color: #fff; font-weight: normal; text-transform: uppercase; padding: 1px 4px; min-height: 15px; top: -3px; position: relative; background: #ff4200; background: linear-gradient(to bottom, #ff5107 0%, #ff420b 100%); } .timeline .btn-now, .timeline .past { position: relative; z-index: 3; } .timeline .past { padding-top: 0; top: -14px; } .timeline .past .page-wrap { min-height: 120px; } .timeline .past .btn-wrap { margin-top: 30px; } .timeline .past .btn-now { margin: 0; } .timeline .past.live { top: -78px; } .timeline .past.live .btn-now { display: none; } .timeline .past .unit-bd { padding: 0; } .timeline .future { background: #f7f7f7; } .timeline .future .caption { margin: 10px 0 0; } .timeline .future .page-wrap { min-height: 35px; } .timeline .future .unit-hd { background-color: #464749; } .timeline .canceled .unit-hd { background: #d8d8d8; } .timeline .canceled .unit-bd { padding: 15px; } /*.timeline .unit-hd [data-icon]:before { color:#6ebe3b; }*/ .timeline .future .unit-hd [data-icon]:before { color: #b1b1b1; } .timeline .live .unit-hd [data-icon]:before { color: #ff4200; } .timeline .canceled .unit-hd [data-icon]:before { color: #fff; } .timeline .point { width: 96px; text-align: center; height: 28px; position: absolute; z-index: 3; top: 50px; left: 100%; } @media (max-width: 992px) { .timeline .point { width: 86px; } } @media (max-width: 768px) { .timeline .point { display: none; } } .timeline .point:before, .timeline .point:after { content: ""; width: 0; height: 0; display: block; position: absolute; left: 0; top: 1px; border: 10px solid transparent; } .timeline .point:before { border-left-color: #fff; z-index: 2; left: -1px; } .timeline .point:after { border-left-color: rgba(0, 0, 0, 0.1); z-index: 1; } .timeline .col:nth-child(even) .point:before, .timeline .col:nth-child(even) .point:after, .timeline .timeline-col:nth-child(even) .point:before, .timeline .timeline-col:nth-child(even) .point:after { border-left-color: transparent; left: auto; right: 0; } .timeline .col:nth-child(even) .point:before, .timeline .timeline-col:nth-child(even) .point:before { border-right-color: #fff; right: -1px; } .timeline .col:nth-child(even) .point:after, .timeline .timeline-col:nth-child(even) .point:after { border-right-color: rgba(0, 0, 0, 0.1); } @media (max-width: 992px) { .timeline .timeline-col .unit-title { font-size: 16px; } } .timeline .helper { width: 200px; } .timeline .helper.pos-br { bottom: 192px; } .timeline .helper.pos-bl { bottom: 100%; margin: 0 0 23px 25px; } /* zabezpieczenie na load more events */ .timeline .col + .col + .col .helper { display: none; } /* zaslepka dla timeline */ .timeline .unit .btn-wrap { margin-top: 10px; } .timeline-empty { background: #fff; } .timeline-empty .timeline { background: url("/account_panel/images/timeline/empty.jpg") no-repeat 50% 0; height: 1045px; padding-top: 115px; } @media (max-width: 576px) { .timeline .diagram-mobile { overflow-x: scroll; } } .statistics-section .options, .meetings-section .options { margin-top: -25px; } .meetings-section th ul { display: inline-block; } .meetings-section th ul .active { color: #939393; } .meetings-section .desc { width: 440px; } @media (max-width: 767px) { .meetings-section .cell-action { vertical-align: middle; padding: 0.25rem; width: 100px; } } .meetings-section .desc h6 a { display: inline-block; } .meetings-section .desc h6 a .label { margin: 0; } .meetings-section .cell-action .btn { min-width: 90px; white-space: nowrap; } .meetings-section .desc h6 .truncate { display: inline-block; vertical-align: middle; max-width: 335px; padding-right: 5px; } @media (max-width: 767px) { .meetings-section .desc h6 .truncate { max-width: 150px; font-size: 15px; } } .meetings-section .desc .cell-desc-small .truncate { max-width: 750px; } @media (max-width: 1200px) { .meetings-section .desc .cell-desc-small .truncate { max-width: 650px; } } @media (max-width: 992px) { .meetings-section .desc .cell-desc-small .truncate { max-width: 335px; } } @media (max-width: 767px) { .meetings-section .desc .cell-desc-small .truncate { max-width: 170px; } } @media (max-width: 375px) { .meetings-section .desc .cell-desc-small .truncate { max-width: 140px; } } @media (max-width: 768px) { .meetings-section .desc .vr-list .spacer { display: none; } } .view-options.pos-tr { position: absolute; z-index: 1; top: 14px; right: 17px; } .statistics-section .col-wrap, .addons-boxes.col-wrap { margin-left: -15px; text-align: center; position: relative; } .statistics-section .col { float: left; width: 184px !important; max-width: none; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } @media only screen and (max-width: 768px) { .statistics-section .col { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media only screen and (max-width: 568px) { .statistics-section .col { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .statistics-section .col[data-box=devices] .dsp-cell { padding: 0 15px; overflow: hidden; } .statistics-section .content { padding: 0; } .meetings-section .statistics-section-row .truncate { max-width: 180px; display: inline-block; vertical-align: middle; } .meetings-section .lead { margin: 45px 0; text-align: center; } /**/ .statistics-section .unit-bd { padding: 0; min-height: 105px; width: 100%; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .statistics-section .dsp-cell { width: 100%; height: auto; } .statistics-section .addnew { height: 142px; } .statistics-section .emboss { font-size: 55px; line-height: 1.2; } .statistics-section .emboss-empty { color: #d8d8d8; } .statistics-section .caption { text-align: center; display: block; position: absolute; bottom: 3px; left: 0; right: 0; } .statistics-section .caption-small strong { font-size: 14px; } .statistics-section .rating-wrap { margin-top: 15px; } .statistics-section .rating-wrap .caption-small { position: static; } /*.statistics-section .unit-muted:hover { color:#72c82e; }*/ .statistics-section .nav-highcharts { line-height: 1.4; position: absolute; bottom: 0; z-index: 10; display: inline-block; padding: 0 5px; } .statistics-section .nav-next { right: 0; } .statistics-section .nav-prev { left: 0; } /* statistics section details */ .statistics-section-details .col { width: 226px; } .statistics-section .highcharts-legend { font-size: 12px; } .statistics-section .unit-title-large, .statistics-section .unit-title-x-large { padding-right: 5px; padding-left: 5px; } /* choose a session */ /*.session-choosen-section .helper.pos-bl4 { left:338px; bottom:100%; }*/ /* przycinanie znakow */ .session-choosen-section .desc { width: 50%; } .session-choosen-section .desc p { margin: 3px 0; } .statistics-section-row { word-break: break-word; } .statistics-section-desc { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; min-width: 400px; } .statistics-section-date, .statistics-section-visitors, .statistics-section-action { -ms-flex: 1 1 0px; flex: 1 1 0; max-width: 100%; width: 100%; padding: 0 15px; } .statistics-section-action { padding-right: 0; } .statistics-section-url { max-width: 405px; } .addons-section .content { padding: 0 0 5px; } @media only screen and (max-width: 767px) { .addons-section .content.slider-addons { margin: auto; overflow-x: scroll; } } .addons-section .header .options { margin-top: 16px; } /* [ slider step addons ] */ .addons-section .list-pictogram a { height: 120px; } .addons-section .slider-step-wrap { margin: 105px -6px 30px; } @media only screen and (max-width: 767px) { .addons-section .slider-step-wrap { width: 710px; margin-right: 0; margin-left: 0; } } .slider-step-wrap .list-pictogram { position: absolute; bottom: 0; left: 0; } .slider-step-wrap .list-pictogram .pictogram-item:before, .slider-step-wrap .list-pictogram .pictogram-item:after { content: ""; display: block; position: absolute; width: 0; height: 0; left: 50%; margin-left: -8px; border: 8px solid transparent; } .slider-step-wrap .list-pictogram .pictogram-item:before { border-bottom-color: #efefef; z-index: 2; bottom: 26px; } .slider-step-wrap .list-pictogram .pictogram-item:after { border-bottom-color: #232728; opacity: 0.08; z-index: 1; bottom: 28px; } .slider-step-wrap .list-pictogram a { padding-bottom: 40px; } .slider-step-wrap .list-pictogram a:before { content: ""; display: block; position: absolute; bottom: 8px; left: 50%; margin-left: -3px; width: 6px; height: 6px; background: #fff; border-radius: 6px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } /*old*/ .addons-boxes .col { display: inline-block; vertical-align: top; width: 216px; margin-left: 15px; } .addons-boxes .unit-hd { padding-right: 5px; padding-left: 5px; letter-spacing: -1px; text-align: center; } .addons-boxes .unit-bd { color: #606365; font-size: 12px; } .addons-boxes [data-icon] { color: #d1d1d1; font-size: 76px; line-height: 1; text-align: center; display: block; height: 77px; margin: -10px auto 10px; } .addons-boxes [data-icon=r] { font-size: 70px; } /*.addons-boxes .unit:hover [data-icon] { color:#6fbf3b; }*/ .old-modal { text-align: center; height: auto; min-height: 100%; background: url("/panel/images/popup/bg_light.jpg") 0 0 repeat; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0; } .old-modal__wrapper { padding: 0 30px; } .old-modal h2 { color: #6ebe3b; font-size: 47px; margin: 0 0 0.5em; font-weight: normal; line-height: 1.5em; letter-spacing: -2px; } .old-modal p { margin: 16px 0; font-size: 16.8px; line-height: 1.6; color: #555; text-shadow: rgba(255, 255, 255, 0.8) 0 1px 1px; } .expand { position: relative; color: #606365; margin-bottom: 50px; border-top: 0; background: #f1f1f1 url("/account_panel/images/extras/pattern.jpg") repeat 0 0; box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.17), inset 0 -1px 0 rgba(0, 0, 0, 0.02); } .expand .header h2 { padding-top: 25px; text-shadow: 0 1px 0 #fff; margin: 0; text-align: center; } .expand .content { padding: 20px 0; } .expand p { margin: 0 0 22px; } .expand .form-inline .f-holder { margin: 0; padding: 0; } .expand .header .page-wrap { padding: 23px 25px 0; } .expand .nav-tabs-wrap .page-wrap { padding: 5px 25px 0; } .expand .nav-tabs-wrap .dropdown { margin-top: 2px; } .expand .nav-tabs-wrap .dropdown-menu { width: 190px; } .expand .main-arrow { display: block; width: 22px; height: 13px; background: url("/account_panel/images/extras/pattern_arrow.png") no-repeat 0 0; position: absolute; bottom: 100%; margin-bottom: -3px; } .expand .helper { margin-top: -46px; } .expand .helper h4 { font-size: 24px; } .expand .helper p { font-size: 12px; margin-top: 10px; } /* slide - bar/nav */ .slide-nav { position: absolute; top: 50%; margin-top: -26px; display: inline-block; height: 26px; width: 22px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); font-size: 22px; cursor: pointer; } .slide-nav:hover { /*color:#73c243;*/ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85); } .slide-nav.prev { left: -22px; } .slide-nav.next { right: -22px; } /* expand username */ .user-addon-tab input[type=text] { font-size: 27px; padding: 0 12px; line-height: 1; } .user-addon-tab form { width: 452px; margin: 0 auto; } @media (max-width: 767px) { .user-addon-tab form { width: 100%; } } .user-addon-tab .form-control .tip { min-width: 270px; } /* expand subaccounts */ .addons-subaccouts-section .list-tiles-box .col { width: 136px; margin-left: 6px; } .addons-subaccouts-section .list-tiles-box.list-tiles .unit { height: 162px; } .addons-subaccouts-section .list-tiles-box .unit-bd { padding: 0 10px; } .addons-subaccouts-section .list-tiles-box .unit-solid .unit-title-small { line-height: 1.2; } .addons-subaccouts-section .list-tiles-box .unit-title-small .unit-title { color: #373737; font-size: 12px; } .addons-subaccouts-section .pack-price { font-size: 30px; margin: 10px 0 0; } .addons-subaccouts-section .pack-time { font-size: 15px; } .addons-subaccouts-section .list-tiles-box .form-group { margin-top: 0; } .addons-subaccouts-section .list-tiles .unit-bd { height: calc(100% - 28px); } .addons-subaccouts-section .list-tiles .box-tile-subaccouts .unit-bd { height: 100%; padding-top: 28px; } .addons-subaccouts-section .list-tiles .box-tile-subaccouts .unit-bd .unit-title-small { position: absolute; border-bottom: 1px solid #e3e3e3; top: 0; left: 0; right: 0; padding: 5px; } .addons-subaccouts-section .list-tiles .box-tile-subaccouts .unit-bd .unit-title-small .unit-title { color: #373737; font-size: 12px; font-family: "robotolight", Helvetica, Arial, sans-serif; } .addons-subaccouts-section .list-tiles .price { font-size: 25px; } .addons-subaccouts-section .list-tiles .unit { height: 120px; } .addons-subaccouts-section .list-tiles .unit .unit-title-small { line-height: 1.2; } .addons-subaccouts-section .list-tiles .unit .unit-title-small .unit-title { color: #373737; font-size: 12px; } .addons-subaccouts-section .list-tiles .tiles-info { font-size: 36px; margin: 0.2em 0; } /* addons management */ .addons-manage-section .list-bar { margin: 30px 0; } .addons-manage-section .list-bar .col-name { color: #373737; font-size: 16px; } /* expand storage */ .storage-addon-tab .list-tiles .tiles-info { font-size: 36px; margin: 0.2em 0; } .main { position: relative; } .main .delete-panel { background-color: #282b31; color: #ffffff; width: 210px; border-radius: 5px; height: 30px; opacity: 0.9; font-size: 90%; position: fixed; right: 40px; top: 90%; z-index: 12; width: auto; } .main .delete-panel div { display: inline-block; position: relative; } .main .delete-panel .files-count { float: left; text-align: right; padding-top: 5px; margin-right: 20px; margin-left: 20px; padding-right: 20px; } .main .delete-panel .files-count i { opacity: 0.6; } .main .delete-panel .files-delete { color: #ff4200; width: 80px; padding-top: 5px; float: left; font-weight: 600; cursor: pointer; } .main .delete-panel .files-count + .files-delete:before { content: ""; border-left: 1px solid #ffffff; position: absolute; height: 25%; left: -8px; top: 45%; opacity: 0.4; } .main .delete-panel-static { position: absolute; bottom: 40px; right: 40px; } /* files-section */ .files-section .header .options { margin-top: 15px; margin-bottom: 15px; } @media (max-width: 768px) { .files-section .header .options { margin-bottom: 0; } } .files-section .header .options + h2 { margin-bottom: 10px; } .files-section .header .progress { width: 250px; } @media (max-width: 768px) { .files-section .header .progress { width: 200px; float: none; margin-right: 0; margin-bottom: 5px; } } .files-section label { padding-left: 0; margin: 0; } .files-section label i.check { position: static; z-index: 0; top: 2px; left: 0; } .files-section label.select-all { line-height: 18px; } .files-section .cell-action .btn-choice { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .files-section .file-selection { width: 40px; } /* list */ .files-list-section .header .options, .files-thumbs-section .header .options { margin: 0; } .files-list-section .progress { width: 194px; } .files-list-section .desc { width: 330px; } .files-list-section .figure { width: 78px; height: 58px; } .files-list-section .figure .figure-obj { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /* thumbs */ .files-thumbs-section .col-wrap { margin-left: -17px; } .files-thumbs-section .col { float: left; width: 120px; margin: 0 0 15px 18px; } .files-thumbs-section .figure { width: 120px; height: 120px; } .files-thumbs-section .thumb-title { width: 116px; margin-left: -6px; } /*--------------------------------------------------------------------------------------------- [ My recordings section ] */ .recordings-section .progress { width: 250px; float: left; margin-right: 20px; } @media (max-width: 768px) { .recordings-section .progress { width: 200px; float: none; margin-right: 0; margin-bottom: 5px; } } .recordings-section .file-selection { width: 40px; } .recordings-section .options { margin-top: 15px; margin-bottom: 15px; } @media (max-width: 768px) { .recordings-section .options { margin-bottom: 0; } } .recordings-section .ui-tabs-nav { float: left; margin-top: 2px; } @media (max-width: 768px) { .recordings-section .ui-tabs-nav { margin-top: 15px; } } .recordings-section .nav-tabs-opaque svg { stroke-width: 1px; } .recordings-section .hide-check + label { position: static; } .recordings-section .lead { margin-top: 0; } .recordings-section .error .desc p, .recordings-section .warning .desc p, .files-list-section .error .desc p, .files-list-section .warning .desc p { color: #555; } .files-list-section .file-selection { width: 50px; } .files-list-section { width: 750px; } .recordings-section td, .files-list-section td { padding-top: 12px; padding-bottom: 10px; } .files-section .thumb, .files-section .thumb > *:first-child, .recordings-section .thumb, .recordings-section .thumb > *:first-child, .files-list-section .thumb { width: 120px; } .recordings-section .thumb svg { height: 40px; stroke-width: 1; color: #6ebe3b; } .files-list-section thead .thumb { text-align: left; } .recordings-section .thumb [data-icon] { height: 75px; } .files-section .thumb > *:first-child, .recordings-section .thumb > *:first-child { display: block; margin: auto; } .recordings-section .thumb .figure-wrap { margin-bottom: 0; } .files-section .desc, .recordings-section .desc { width: 314px; } .files-section .desc .truncate, .recordings-section .desc .truncate { max-width: 314px; } .files-section .cell-action, .recordings-section .cell-action { width: 175px; } .files-section .file-info, .recordings-section .file-info { width: 130px; } .chat-histories-section .desc { width: 70%; } .chat-histories-section .desc .truncate { width: 428px; } .chat-histories-section .cell-action { width: 110px; white-space: nowrap; } .chat-histories-section .cell-date { width: 130px; white-space: nowrap; } .chat-histories-section-row { word-break: break-all; } .chat-histories-section-desc { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; min-width: 400px; } .chat-histories-section-action { -ms-flex: 1 1 0px; flex: 1 1 0; max-width: 100%; width: 100%; padding: 0 0 0 15px; } .chat-histories-section-action .cell-action-icons { white-space: nowrap; } .chat-histories-section-data { max-width: 405px; } .recordings-edit-section .page-wrap { width: 1024px; } .recordings-edit-section .helper.pos-tr2 { bottom: 50px; margin-right: -102px; } .recordings-edit-section .helper.pos-tl2 { bottom: 45px; margin-left: -102px; } #fancybox_recorder { height: 100%; } #fancybox_recorder #strobemediaplayback { height: 100%; } .messages-section tbody tr { /* klikamy na cala sekcje */ cursor: pointer; } .messages-section .cell-action { width: 80px; } .messages-section .thumb { width: 85px; } .messages-section .thumb [data-icon] { font-size: 40px; } .messages-section .thumb [data-icon]:before { top: -3px; } .messages-section .desc { max-width: 320px; } @media (max-width: 767px) { .messages-section .desc { max-width: 220px; } } .import-copy .table-equal th, .import-copy .table-equal td, .import-file .table-equal th, .import-file .table-equal td { width: 180px; } .import-file .specify-height { height: 355px; } .import-section .import-copy .in-specify { padding: 36px 75px; } @media (max-width: 767px) { .import-section .import-copy .in-specify { padding: 15px 15px 30px; } } .import-section .vr-list li { vertical-align: middle; } .import-section .vr-list li input { width: 50px; } .import-section .vr-list li .select2-container { width: 150px; } @media (max-width: 767px) { .import-section .vr-list li { display: block; } .import-section .vr-list li.spacer { border: none; } .import-section .vr-list li input { width: auto; } .import-section .vr-list li .tip-info-wrap.right .tip.pos-tc { left: auto; -ms-transform: none; transform: none; right: -10px; } .import-section .vr-list li .tip-info-wrap.right .tip.pos-tc .tip-wrap:after { left: 90%; } } .import-section .swiper-container, .import-section .swiper-scrollbar { width: 100%; } .import-section .swiper-container .truncate { max-width: 200px; } .import-section svg { stroke-width: 1px; } /* [ import form file ] */ .popup-import .swiper-container, .popup-import .swiper-scrollbar { width: 730px; } .address-section .form-label { color: #606365; } .address-section .form-action .form-control { margin: 13px 0 30px; } .address-section .col .in { padding: 20px 20px 0; } .add-section .unit { margin: 0 0 50px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .add-section .bg, .add-section .bg:after, .add-section .bg:before { background-image: url("/account_panel/images/bg_add_section.png"); position: absolute; display: block; } .add-section .bg { background-position: 50% 100%; background-repeat: repeat-x; top: 100%; height: 25px; left: 4px; right: 4px; z-index: 2; margin-top: -1px; } .add-section .bg:after, .add-section .bg:before { content: ""; width: 5px; height: 25px; background-position: 0 0; background-repeat: no-repeat; bottom: 0; z-index: 3; } .add-section .bg:after { background-position: 100% 0; right: -5px; } .add-section .bg:before { background-position: 0 0; left: -5px; } .contact-add-section .col .in { padding-top: 13px; } .contact-add-section .col-2 { margin-left: 170px; } .contact-add-section .avatar-wrap { display: block; margin: 0 auto; } .contact-section .page-wrap { width: 923px; } /*.contact-section .components { height:100%; position:absolute; top:0; bottom:0; }*/ .contact-section .unit-bd { padding: 0; } .contact-section .personal-info-wrap .unit-ft { border-top: 1px solid #f5f5f5; width: 100%; position: absolute; bottom: 0; right: 0; box-sizing: border-box; } .contact-section .tier, .contact-section .dsp-table.specify-height { min-height: 674px; } .contact-section .tier .dsp-empty { width: 100%; } .contact-section .components-body .content { padding: 0; } .contact-section .components-body .nano { height: 486px; } .contact-section .options .helper.pos-tl { top: 60px; min-width: 200px; } @media (max-width: 991px) { .contact-section .dsp-flex-wrap { -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 991px) { .contact-section .dsp-flex-wrap.skeleton .tier { width: auto; } } @media (max-width: 767px) { .contact-section .dsp-flex-wrap.skeleton .tier { min-height: auto; } } .contact-section .dsp-flex-wrap.skeleton .sidebar { width: 300px; } @media (max-width: 1200px) { .contact-section .dsp-flex-wrap.skeleton .sidebar { width: 250px; } } @media (max-width: 991px) { .contact-section .dsp-flex-wrap.skeleton .sidebar { width: auto; } .contact-section .dsp-flex-wrap.skeleton .sidebar dl { margin-bottom: 0; } } .contact-section .dsp-flex-wrap .components-title { padding: 5px 25px 5px 15px; } .contact-section .dsp-flex-wrap .components-body .nano { width: auto; } /* [ quick ] */ .book-wrap .filter .form-control { padding: 23px 0; margin: 0; border-bottom: 1px solid #f7f7f7; } @media (min-width: 768px) { .book-wrap { border-right: 1px solid #f7f7f7; } } .book-wrap .book { margin: 0 0 20px; } @media (max-width: 767px) { .book-wrap .book { min-height: 200px; height: auto; } .book-wrap .book.nano > .nano-content { position: absolute; } } .personal-info-wrap { min-height: 676px; } @media (max-width: 991px) { .personal-info-wrap { min-height: auto; } } @media (max-width: 767px) { .personal-info-wrap .dropdown-list-file { width: 300px; right: 50%; -ms-transform: translateX(50%); transform: translateX(50%); } .personal-info-wrap .dropdown-layout.pos-tr .dropdown-wrap:before, .personal-info-wrap .dropdown-layout.pos-tr .dropdown-wrap:after { right: 50%; -ms-transform: translateX(50%); transform: translateX(50%); } .personal-info-wrap .dropdown-list-file .cell-action, .personal-info-wrap .dropdown-list-file .desc { width: auto; } } .personal-info-wrap .personal-info .in { padding-left: 0; padding-right: 0; } .personal-info .in { padding: 23px 20px 60px; } .personal-info .cover-figure { padding: 0 10px 0 0; } .personal-info .cover-hd { font-size: 24px; font-weight: normal; line-height: 1.4em; margin-top: 0; word-break: break-word; } .personal-info .social { width: 22px; padding-right: 10px; } .personal-info .options { text-align: left; float: none; } .personal-info .list-editable-label, .personal-info dt { color: #606365; } .personal-info .list-editable-label, .personal-info .dl-horizontal dt { width: 150px; margin: 0; letter-spacing: 0; } @media (max-width: 991px) { .personal-info .list-editable-label, .personal-info .dl-horizontal dt { text-align: left; float: none; width: auto; margin: 0 5px; } } .personal-info .list-editable-label + .list-editable-control, .personal-info .dl-horizontal dd { margin-left: 165px; -ms-word-break: break-all; word-break: break-word; word-break: keep-all; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media (max-width: 991px) { .personal-info .list-editable-label + .list-editable-control, .personal-info .dl-horizontal dd { margin: 0 5px; } .personal-info .list-editable-label + .list-editable-control .form-block { margin: -4px 115px -1px 0; } } .personal-info .list-editable { margin-top: 30px; } /* [ advanced ] */ .adv-search .unit-bd { padding: 23px; } .segment-hd .lead { font-size: 13px; width: 48%; } @media (max-width: 767px) { .segment-hd.form-inline .form-group .form-label, .segment-hd.form-inline .form-group .form-control { display: block; } } @media (max-width: 767px) { .segment-hd.form-inline .form-group .form-label { padding: 0 0 15px; } .segment-hd.form-inline .form-group .form-label.lead { width: 100%; } } @media (max-width: 767px) { .segment-hd.form-inline .form-group .form-control .select2-container .select2-choice > .select2-chosen { white-space: normal; } } .adv-search .form-group { margin: 10px 0 20px; } .adv-search .separate-title { margin: 15px auto; } .adv-search .col-operator .addnew-wrap { margin: 0; } .adv-search .col-operator .addnew-wrap.small .addnew { width: 100%; } .adv-search .col-delete { position: absolute; left: calc(100% - 15px); top: 5px; z-index: 3; } .adv-search .inplace { text-align: right; } .adv-search .inplace-form { margin-top: 3px; } @media (max-width: 1280px) { .adv-search { margin-right: 60px; } } @media (max-width: 1280px) { .search-contact-section .overlap.pos-tr { left: calc(100% - 60px); } } @media (max-width: 767px) { .search-contact-section .overlap.large .overlap-info { font-size: 18px; } .search-contact-section .overlap.large .overlap-info svg { width: 18px; height: 18px; } } .search-contact-section .name { width: 180px; } .search-contact-section .email { width: 190px; } .search-contact-section .cell-action { width: 80px; } @media (max-width: 1600px) { .search-contact-section .tip.pos-bc { left: auto; right: 0; -ms-transform: none; transform: none; } .search-contact-section .tip.pos-bc .tip-wrap:after { left: calc(100% - 30px); } } .settings-page { padding-bottom: 30px; } .settings-page .navbar-header { margin-bottom: 30px; } .settings-page .nav-tabs-icons .page-wrap { width: 970px; } .account-settings-section .page-wrap { width: 618px; } .account-settings-section .helper.pos-br2 { margin-right: 55px; } .account-settings-section .helper.pos-tl2 { margin-top: -15px; } .account-settings-section .list-editable .helper.pos-tl2 { left: 100%; top: 100%; width: 180px; } .main > .account-details-section { margin: 0 0 30px; } .account-details-section .dl-horizontal { margin: 15px 0; } .account-details-section .dl-horizontal dt { width: 130px; } .account-details-section .dl-horizontal dd { margin-left: 140px; } .account-details-section dt, .account-details-section .txt-medium { font-size: 16px; } .account-details-section .txt-medium { margin-right: 7px; } .account-details-section .form-action { margin: 18px 0 0; } .account-details-section .form-action .btn { padding-top: 6px; padding-bottom: 6px; } .main > .payment-section { margin: 0 0 30px; } .payment-section .addnew-wrap.small .addnew { width: 51px; } .payment-section .addnew-wrap.small .addnew-info { margin-left: 20px; } .payment-section .expand, .payment-section .expand h4 { margin: 0; } .payment-section .expand .header { padding-top: 25px; } .payment-section .bx-primary .header { padding-top: 0; } .payment-section .expand .content > .form-group, .payment-section .bx-primary .form-group { margin: 0 0 15px; } .payment-section .bx-primary .form-group { font-size: 16px; } .payment-section [class*=ico-card-] { margin-top: 1px; margin-right: 7px; } @media (max-width: 575px) { .payment-section [class*=ico-card-] { margin-bottom: 7px; } } .payment-section .authorization-info { display: block; margin-top: -5px; min-height: 35px; } .payment-section .expand .col-wrap { margin: 0 0 0 -4%; } .payment-section .expand .col { margin-left: 4%; width: 48%; } .payment-section .expand .col:first-child { width: 44%; } .payment-section .expand .form-action { margin: 0 0 30px; } .payment-section .form-mercury-billing .form-control.input { width: 100%; display: block; cursor: text; background: #fff; border-radius: 2px; box-shadow: inset 1px 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.75); border: 1px solid rgba(0, 0, 0, 0.13); box-sizing: border-box; height: 34px; color: #555; } .payment-section .form-mercury-billing .form-control.input.is-invalid { border-color: #ff4200; } .payment-section .form-mercury-billing .form-control.input.is-invalid.braintree-hosted-fields-focused { border-color: #ff4200; } .payment-section .form-mercury-billing .form-control.input.is-invalid + label.error { display: inline-block; } .payment-section .form-mercury-billing .form-control.input.braintree-hosted-fields-focused { border-color: #6ebe3b; } .payment-section .form-mercury-billing .form-control.input:focus + label.error, .payment-section .form-mercury-billing .form-control.input.braintree-hosted-fields-focused + label.error { opacity: 0; visibility: hidden; } .payment-section .form-mercury-billing .form-control.input.is-valid { border-color: #6ebe3b; } .payment-section .form-mercury-billing .form-control.input:not(.is-invalid):focus { border-color: #6ebe3b; } .payment-section .form-mercury-billing .form-control.input[type=email] { padding: 0.3em 0.8em; } .payment-section .form-mercury-billing .form-inline .form-group .form-control { padding: 0; } .payment-section .form-mercury-billing .error { display: none; color: #ff4200; font-size: 11px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); margin: 0; opacity: 1; z-index: 10; border-radius: 2px; position: absolute; right: 0; top: 100%; -ms-transform: translateY(0); transform: translateY(0); transition: all 0.2s ease-out; } .langs-section .col-2 .col:first-child { width: 49%; } .langs-section .col-2 .col:last-child { margin-top: 6px; } .langs-section .list-choose .item { margin: 8px 0; } .langs-section .list-choose .item:hover { opacity: 0.7; cursor: pointer; } [lang=ru] .livechat { font-size: 8px; } /* [ DE/ES/RU ] */ [lang=de] .alert-dialplan .alert-title, [lang=es] .alert-dialplan .alert-title, [lang=ru] .alert-dialplan .alert-title { font-size: 19px; } [lang=de] .alert-dialplan .helper { font-size: 13px; } /*[lang='de'] .alert-upgrade .btn-wrap { width:149px; white-space:normal; } [lang='de'] .alert-upgrade .btn { font-size:16px; padding:5px 10px; } [lang='es'] .alert-upgrade .alert-title, [lang='ru'] .alert-upgrade .alert-title { font-size:22px; }*/ [lang=de] .dialog .btn { font-size: 11px; } [lang=ru] .dialog .btn { font-size: 14px; } [lang=ru] .unit-title-large .unit-title { font-size: 15px; } [lang=de] h2 + .nav-pills-wrap .nav-pills .spacer, [lang=es] h2 + .nav-pills-wrap .nav-pills .spacer, [lang=ru] h2 + .nav-pills-wrap .nav-pills .spacer { margin: 0 5px; } [lang=ru] .dropdown-menu .cover-hd-large { font-size: 23px; } [lang=ru] .dropdown-menu-create-event .blend-info .btn { font-size: 14px; } [lang=de] .statistics-section .caption-small, [lang=es] .list-tiles small { font-size: 11px; } [lang=ru] .list-tiles.medium h3 { max-width: 106px; } [lang=de] .session-choosen-section .table th, [lang=es] .session-choosen-section .table th { font-size: 13px; } [lang=ru] .session-choosen-section .table th, [lang=ru] .import-contact-section .vr-list li { font-size: 12px; } [lang=ru] .import-contact-section .vr-list { padding-bottom: 20px; } [lang=ru] .table th .ico-right { margin-left: 4px; } [lang=de] .session-choosen-section .desc, [lang=es] .session-choosen-section .desc, [lang=ru] .session-choosen-section .desc { width: 310px; } [lang=de] .invite-section .btn-choice .hide-check + .btn { font-size: 14px; line-height: 19px; } [lang=de] .component-presenter .name, [lang=de] .component-reply .name, [lang=es] .component-presenter .name, [lang=es] .component-reply .name, [lang=pl] .component-presenter .name { font-size: 11px; } [lang=pl] .account-details-section dt, [lang=de] .account-details-section dt, [lang=es] .account-details-section dt { width: 140px; font-size: 14px; } [lang=pl] .account-details-section dd, [lang=de] .account-details-section dd, [lang=es] .account-details-section dd { margin-left: 150px; } [lang=de] .list-pictogram, [lang=es] .list-pictogram, [lang=de] .key .info, [lang=es] .key .info, [lang=ru] .key .info, [lang=pl] .list-tiles-box .tiles-title { font-size: 12px; } [lang=es] .key { height: 110px; } [lang=ru] .key .info { line-height: 0.8em; } [lang=de] .list-tiles-box .tiles-title, [lang=ru] .list-tiles-box .tiles-title { font-size: 14px; } [lang=es] .list-tiles-box .tiles-title { font-size: 13px; } [lang=es] .create-event-section .nav-tabs-opaque a, [lang=es] .room-editor .nav-tabs-opaque a { white-space: nowrap; } [lang=ru] .statistics-page .nav-tabs-opaque a, [lang=de] .statistics-page .nav-tabs-opaque a { font-size: 11px; } [lang=de] .welldone-section h3 { font-size: 130px; } [lang=es] .welldone-section h3 { font-size: 140px; } [lang=es] .welldone-section .btn-wrap .btn.x-large, [lang=pl] .welldone-section .btn-wrap .btn.x-large { font-size: 22px; } [lang=de] .welldone-section .btn-wrap .btn.x-large { font-size: 17px; } [lang=ru] select.large, [lang=ru] .welldone-section .btn-wrap .btn.x-large { font-size: 15px; } [lang=de] .welldone-section .social, [lang=pl] .welldone-section .social { font-size: 14px; } [lang=ru] .welldone-section .social dt { margin-top: 4px; } [lang=ru] .welldone-section .social dt, [lang=ru] .welldone-section .social { font-size: 13px; } [lang=de] .personal-info .list-editable-label, [lang=de] .personal-info .dl-horizontal dt, [lang=ru] .personal-info .list-editable-label, [lang=ru] .personal-info .dl-horizontal dt { width: 95px; } [lang=de] .personal-info .list-editable-label + .list-editable-control, [lang=de] .personal-info .dl-horizontal dd, [lang=ru] .personal-info .list-editable-label + .list-editable-control, [lang=ru] .personal-info .dl-horizontal dd { margin-left: 110px; } [lang=de] .personal-info .list-editable-label + .list-editable-control .form-block, [lang=ru] .personal-info .list-editable-label + .list-editable-control .form-block { margin-right: 120px; } [lang=de] .personal-info .list-editable-hov .f-edit, [lang=ru] .personal-info .list-editable-hov .f-edit { margin-right: 95px; } [lang=de] .subaccounts-new-section .form-horizontal .form-label { width: 150px; } [lang=de] .subaccounts-new-section .form-horizontal .form-control { margin-left: 160px; } [lang=ru] .subaccounts-new-section .form-horizontal .form-label { width: 180px; } [lang=ru] .subaccounts-new-section .form-horizontal .form-legend, [lang=ru] .subaccounts-new-section .form-horizontal .form-control { margin-left: 190px; } [lang=es] .integrations-plugin .app-hd, [lang=ru] .integrations-plugin .app-hd { width: 63%; } [lang=es] .integrations-plugin .app-bd, [lang=ru] .integrations-plugin .app-bd { width: 36%; } [lang=ru] .integrations-plugin .app-name { font-size: 16px; } [lang=pl] .c-collapsed-info-num { font-size: 13px; } [lang=ru] .c-collapsed-info-num { font-size: 11px; } [lang=ru] .helper { font-size: 13px; } [lang=pl] .helper h4 { font-size: 32px; } [lang=ru] .helper h4 { font-size: 20px; } [lang=ru] .presenters-section .table .title { width: 95px; } [lang=ru] .recordings-section thead th { font-size: 11px; } [lang=ru] .recordings-section thead .file-info { white-space: nowrap; } [lang=ru] .addons-section .slider-step-wrap { margin-top: 120px; } [lang=ru] .addons-section .list-pictogram .list-pictogram-hd { font-size: 12px; } [lang=ru] .input-group-addon.label { font-size: 10px; } [lang=ru] .social-expand .social > li { margin: 26px 10px; } [lang=ru] .social-medium, [lang=ru] .social-medium .btn-link { font-size: 14px; } [lang=pl] .social-expand .helper.pos-tr h4 { font-size: 19px; } [lang=ru] .event-details-section dt { width: 195px; font-size: 16px; } [lang=ru] .event-details-section dd { margin-left: 220px; } [lang=ru] .table tfoot .form-control { width: 190px; } [lang=ru] .account-settings-section .header h2 { font-size: 32px; } [lang=ru] .page-header .btn.x-large { font-size: 18px; } [lang=pl] .nested-txt-medium, [lang=de] .nested-txt-medium { font-size: 15px; } [lang=es] .nested-txt-medium { font-size: 14px; } [lang=ru] .nested-txt-medium { font-size: 13px; } [lang=es] .payment-section .nested-card-expired, [lang=ru] .payment-section .nested-card-expired, [lang=de] .payment-section .nested-card-expired { padding-right: 0; padding-left: 0; font-size: 11px; } [lang=pl] .rebranding .room-footer { font-size: 13px; } [lang=pl] .statistics-page .summary-section .unit-title, [lang=de] .statistics-page .summary-section .unit-title, [lang=es] .statistics-page .summary-section .unit-title, [lang=ru] .statistics-page .summary-section .unit-title { font-size: 12px; } [lang=br] .key .info, [lang=pt] .key .info { font-size: 11px; line-height: 1.2; } .summary-section dt, .summary-section dd { font-size: 16px; } .summary-section dt { width: 175px; } @media (max-width: 768px) { .summary-section dt { width: 100%; float: none; text-align: left; margin-bottom: 10px; } } .summary-section dd { color: #606365; margin: 0 0 20px 200px; } @media (max-width: 768px) { .summary-section dd { margin-left: 50px; } } .summary-section .list-ordered dt, .summary-section .list-ordered dd { font-size: 14px; } .summary-section .list-ordered dd { color: #363a3d; } .summary-section .dl-horizontal { margin-top: 20px; } .summary-section .unit-ft .options .btn-link { font-size: 14px; padding-top: 0; padding-bottom: 0; padding-left: 0; } .summary-section .clipboard { float: left; margin-top: -25px; margin-left: 200px; cursor: pointer; } .statistics-page { padding-top: 23px; } .statistics-page.meetings-section { padding-top: 0; } .statistics-page .unit { margin-bottom: 32px; } .statistics-page .nav-tabs-opaque svg { stroke-width: 1px; } .polls-section .unit .unit:last-child { margin-bottom: 0; } .polls-section .poll-figure { display: inline-block; margin: -10px 0 15px; } .polls-section .poll-figure .figure { width: 138px; height: 76px; } .polls-section .poll-figure img { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .polls-section .list-choose .poll-figure { margin: 5px 0 0 16px; } .polls-rate-section .col-progress { width: 154px; } .polls-rate-section .col-info { width: 145px; } .fancybox-skin .polls-rate-section .btn-link { font-size: inherit; padding-right: 0; padding-left: 0; top: -1px; } .change-password-section .content { padding-bottom: 40px; } .change-password-section .btn { min-width: 205px; } .api-section .api-row, .api-section .api-add-row { margin: 25px auto; max-width: 482px; } .api-section .form-legend { max-width: 480px; } .api-section .form-group { margin: 5px 0; } .api-section .api-row .form-control:last-child { width: 67px; } .api-section .addnew-wrap { padding: 5px 0; margin-bottom: 0; } .advance-section .page-wrap { width: 980px; } .advance-section .btn.large { min-width: 104px; padding: 6px 22px; } .advance-section .col-wrap { margin: -26px 0 4% -5%; } .advance-section .col { display: inline-block; float: none; vertical-align: top; width: 45%; margin-left: 5%; margin-top: 60px; box-sizing: border-box; } .advance-section__option { margin-top: 60px; box-sizing: border-box; } .advance-section .cover { margin: 0; } .advance-section .cover .check { top: 3px; } .advance-section .cover-content { vertical-align: top; } .advance-section .content { padding-bottom: 60px; } .change-password-section .page-wrap { max-width: 600px; width: auto; } .change-password-section { padding-top: 60px; margin: 0 auto !important; } .change-password-section p, .change-password-section li { font-size: 16px; } .change-password-section .content { color: #606365; } .change-password-section .unit { margin: 40px 0; } .change-password-section .form-label { width: 170px; } @media (max-width: 767px) { .change-password-section .form-label { text-align: left; width: 100%; } } .change-password-section .form-control { margin-left: 180px; width: auto; } @media (max-width: 767px) { .change-password-section .form-control { margin-left: 0; } } .dialplan-section .page-wrap { width: 923px; } .dialplan-section .col-wrap { margin-left: -29px; } .dialplan-section .col { float: left; width: 448px; margin: 0 0 33px 28px; } .dialplan-section h3 { font-size: 24px; } .dialplan-section .unit { margin: 20px auto 40px; } .dialplan-section .unit-hd { background: none; color: inherit; } .dialplan-section .unit-hd h3 { margin: 16px 0; } .dialplan-section .map-wrap { height: 500px; min-width: 310px; max-width: 800px; } @media (max-width: 991px) { .dialplan-section .map-wrap { height: 350px; } } @media (max-width: 767px) { .dialplan-section .map-wrap { height: 250px; } } @media (max-width: 575px) { .dialplan-section .map-wrap { height: 200px; min-width: 270px; } } .dialplan-section .list-caret { margin-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dialplan-section .list-caret > li { width: 33.3333%; } @media (max-width: 991px) { .dialplan-section .list-caret > li { width: 50%; } } @media (max-width: 575px) { .dialplan-section .list-caret > li { width: 100%; } } .dialplan-section .list-caret .caption-small { display: block; margin-top: -5px; color: #6ebe3b; } .dialplan-section .list-caret .active { color: #fff; background-color: #6ebe3b; } .dialplan-section .list-caret .active .caption-small { color: inherit; } @media (max-width: 992px) { .dialplan-section__map-wrapper .unit-ft h4 { margin-top: 10px; } } @media (max-width: 992px) { .dialplan-section__map-wrapper .unit-hd, .dialplan-section__map-wrapper .unit-bd, .dialplan-section__map-wrapper hr { display: none; } } .keypad ol { padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .keypad .unit-hd { background: none; } .keypad .unit-title { font-size: 22px; } .keypad .unit-bd { border: 0; background: #e9e9e9; } .key { color: #c7c7c7; text-align: center; line-height: 1; float: left; list-style: none; width: calc(33.33333% - 1px); height: 105px; margin: 1px 0 0 1px; background: #fff; padding: 0 3px; box-sizing: border-box; } .key:last-child { border-bottom-right-radius: 2px; } .key.star { border-bottom-left-radius: 2px; } .key .num { font-size: 60px; padding-top: 10px; height: 60px; display: inline-block; position: relative; } .key .num:before { content: "*"; font-size: 30px; display: inline-block; position: absolute; top: 15px; right: 100%; } .key.star .num { padding-top: 15px; } .key.star .num:before { display: none; } .key .info { font-size: 13px; display: none; text-shadow: none; } .key .info small { font-size: 10px; } .key.active { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26); box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.4); } .key.active .info { display: block; } /*.keypad-presenter .unit-title { color:#6ebe3b; } .keypad-presenter .key.active { background:#6ebe3b; background:-webkit-linear-gradient(45deg, #5ab230 0%,#82ca46 100%); background:linear-gradient(45deg, #5ab230 0%,#82ca46 100%); }*/ .keypad-participant .unit-title { color: #a3ab9e; } .keypad-participant .key.active { background: #a3ab9e; background: linear-gradient(45deg, #a2aa9d 0%, #bec4bb 100%); } .keypad .tip-inline { font-size: 14px; } .keypad .dl-horizontal { font-size: 16px; } .keypad dd { color: #606365; margin: 0 0 10px; } .keypad dt { width: auto; margin-right: 5px; } .dialplan-module .page-header .list-inline { margin-bottom: -1.5rem; } .dialplan-module .page-header .col-lg:nth-child(2) { -ms-flex-positive: 3; flex-grow: 3; } .integration-section .content { padding-bottom: 50px; } .integrations-plugin .app-hd .app-ico-status { display: none; } .integration-section .expand .main-arrow { left: 55px; } .integrations-plugin .expand .main-arrow { left: 32px; } .integration-section .helper { -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .integration-section .helper.pos-tl2 { margin-left: 105px; top: -20px; } .integration-section .helper.pos-tl2 h4 { text-indent: -40px; } .integration-section .helper.pos-tl2 .helper-bd:before { top: 30px; left: -85px; } .integration-section .helper.pos-tr2 { margin-right: 45px; top: 8px; white-space: nowrap; } .integration-section .helper.pos-tr2 .helper-bd:before { right: -40px; } .integrate-paypal-tutorial-wrapper .copable { font-weight: bold; } .integrate-paypal-tutorial-wrapper .copy-to-clipboard { font-size: 0.9em; cursor: pointer; color: #00afec !important; } .integrate-paypal-tutorial-wrapper .copy-to-clipboard:hover { color: #ff800f !important; } .integrate-paypal-tutorial-wrapper .f-holder input { font-size: 16px; color: #737373; padding-top: 0.5em; padding-bottom: 0.5em; box-shadow: none; } .integrate-payu-lower-alpha { list-style-type: lower-alpha; } .create-event-section, .room-editor { /* [ tab registration ] FF disabled input fix http://stackoverflow.com/questions/3100319/event-on-a-disabled-input */ } .create-event-section .page-wrap, .room-editor .page-wrap { width: 923px; } .create-event-section .component-relative, .room-editor .component-relative { position: relative; } .create-event-section .create-event-section, .room-editor .create-event-section { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .create-event-section header > ul, .room-editor header > ul { margin: 0; } .create-event-section header > ul li > div, .room-editor header > ul li > div { text-align: right; } .create-event-section .share-profile-page, .room-editor .share-profile-page { margin: -20px 0; } @media (max-width: 767px) { .create-event-section .share-profile-page, .room-editor .share-profile-page { margin-bottom: 0; } } .create-event-section .header__share input, .room-editor .header__share input { font-size: 11px; background-color: #ffffff; color: #bebebe; border-radius: 5px; } .create-event-section .header__share .form-control, .room-editor .header__share .form-control { display: inline-block; width: 200px; } .create-event-section .header__share .f-holder.small .input-group-addon, .room-editor .header__share .f-holder.small .input-group-addon { font-size: 11px; line-height: 150%; padding: 0; } .create-event-section .header__share span, .room-editor .header__share span { margin-right: 7px; color: #bebebe; } .create-event-section .header__share .copy, .room-editor .header__share .copy { font-family: "robotomedium"; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 992px) { .profile-page-section .page-wrap, .emails-section .page-wrap { width: 709px; } } @media (max-width: 767px) { .profile-page-section .page-wrap, .emails-section .page-wrap { width: 100%; padding: 0; } } @media (max-width: 767px) { .profile-page-section .page-wrap .content, .emails-section .page-wrap .content { padding: 0 15px; } } @media (max-width: 767px) { .profile-page-section .in h4, .emails-section .in h4 { display: none; } } @media (max-width: 576px) { .profile-page-section .rebranding { width: 100%; } } /* [ details ] */ .access-type .btn-choice .btn { min-width: 90px; font-size: 14px; line-height: 1.3; margin-bottom: 5px; } .access-type .btn-choice .tip { min-width: 140px; text-align: left; opacity: 0; } .access-type .btn-choice .btn:hover .tip { opacity: 1; visibility: visible; } .access-type .btn-choice .btn .label { position: absolute; font-weight: bold; font-size: 10px; right: -12px; top: -8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.21); } .access-type .form-group, .room-type .form-group { margin-top: 0; margin-bottom: 0; } .room-type .btn-choice .btn { min-width: 248px; } .room-type .input-group [data-icon=o]:before { /*color:#6ebe3b;*/ } .room-type .expand .f-holder { width: 190px; } .room-type .expand [data-schedule-type=permanent], .access-type .expand [data-access=token] { min-height: 34px; margin: -5px 80px; } .room-name .form-inline { margin-right: 35px; } .room-name .table-equal { width: 100%; } .room-name .form-label { text-align: right; } .room-name .form-control { vertical-align: top; } .room-name .form-group-room-name { margin-top: 0; } .room-name .form-group-room-name .form-control { width: 545px; } .room-name .form-group-room-url { margin-bottom: 0; } .room-name .form-group-room-url .form-label { padding-right: 3px; } .room-name .form-group-room-url .form-control { width: 223px; } .room-name .helper.pos-br3 { top: 12px; min-width: 140px; } .create-event-section .details .form-label.txt-featured { width: 240px; text-align: right; } #schedule_event .room-type .form-group { margin: 0 auto; } @media (max-width: 991px) { #schedule_event .room-name .form-inline { margin-right: 0; } #schedule_event .room-name .form-label { text-align: center; } #schedule_event .room-name .form-group-room-name .form-control { width: auto; } #schedule_event .room-name .form-group-room-url .form-label { padding: 0 0 5px; } #schedule_event .room-name .form-group-room-url .form-control { margin: auto; } #schedule_event .form-label.txt-featured { width: auto; padding: 0 0 15px; text-align: center; } } @media (max-width: 767px) { #schedule_event .btn-choice { display: inline-block; } #schedule_event .btn-choice > .btn { float: none; } #schedule_event .btn-choice > .start:not(.stop):not(.force-not-first) { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } #schedule_event .btn-choice > .stop:not(.start):not(.force-not-last) { border-bottom-left-radius: inherit; border-top-left-radius: inherit; } #schedule_event .btn-choice > .btn:not(.start):not(.stop) { border-radius: inherit; } #schedule_event .access-type .btn-choice .btn { margin: 0 10px 5px; width: 40%; } } @media (max-width: 540px) { #schedule_event .access-type .btn-choice .btn { margin: 0 0 5px; width: auto; min-width: 248px; } } /* toll free */ .toll-free-type .form-inline .form-group { margin-top: 0; margin-bottom: 0; } .toll-free-type .expand { color: #4e5153; } .toll-free-type .expand .form-inline { margin-top: 30px; margin-bottom: 30px; } .toll-free-type .expand .f-short { width: 70px; } .toll-free-type .expand hr { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 26px auto; width: 40%; } /* thankyou page - well done */ .welldone-section .page-wrap { width: 750px; } @media (max-width: 991px) { .welldone-section .page-wrap { width: 100%; padding: 0; } } .welldone-section h3 { /*color:#6ebe3b;*/ font-size: 158px; font-weight: normal; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.14), 0 2px #fff; margin: -20px 0 31px; -ms-transform: rotate(-3deg); transform: rotate(-3deg); } @media (max-width: 768px) { .welldone-section h3 { font-size: 78px !important; } } .welldone-section .btn-wrap .btn { margin: 0 5px; min-width: 220px; } @media (max-width: 991px) { .welldone-section .btn-wrap .btn { margin: 0 5px 20px; } } .welldone-section .social { color: #606365; font-size: 14px; margin: 25px auto; } @media (max-width: 768px) { .welldone-section .social { text-align: center; } } .welldone-section .social dd { line-height: 30px; display: block; } .welldone-section .social [class*=social-ico-] { width: 30px; height: 30px; } .welldone-section .social [class*=social-ico-] svg { width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; } .welldone-section .social dt { float: left; } @media (max-width: 768px) { .welldone-section .social dt { display: none; } } .welldone-section .social .list-inline { display: block; } @media (max-width: 768px) { .welldone-section .social .list-inline li { margin-bottom: 10px; } } .welldone-section .social .list-inline li:last-child { margin-right: 10px; } @media (max-width: 768px) { .welldone-section .social .list-inline li:last-child { float: none !important; } } .welldone-section .social .btn { font-size: 12px; padding: 7px 8px 5px; } .welldone-section .social .btn svg.ico-profile { width: 20px; height: 20px; stroke-width: 1px; } .welldone-section .social .btn svg.ico-mail { width: 15px; height: 20px; } .welldone-section .social .tip-info { min-width: auto; max-width: none; } .welldone-section .social .tip-info .tip-wrap { font-size: 11px; line-height: 18px; padding: 4px 8px; } .welldone-section .social .tip-info .tip-wrap svg.ico-mark-check { color: #6ebe3b; } .welldone-section .social .tip-info .tip-wrap p { min-width: 290px; } .welldone-section .social .tip-info .tip-wrap p.nowrap { min-width: auto; } .welldone-section .special-link { border-radius: 3em; background: #fff; display: inline-block; padding-left: 0.7em; } .welldone-section .conflict-events-title { font-family: "robotoregular"; font-size: 16px; text-align: center; margin: 0 auto 15px; color: #737373; } .welldone-section .conflict-events-title svg { width: 26px; height: 26px; stroke-width: 2; color: #ff4200; } .welldone-section .conflict-events-body { background: #fff; border-radius: 3px; padding: 5px 25px; margin-bottom: 30px; } .welldone-section .conflict-events-item { padding: 10px 0; border-bottom: 1px solid #eaeaea; font-size: 16px; color: #373737; } @media (max-width: 768px) { .welldone-section .conflict-events-item { padding: 7px 0; font-size: 13px; } } .welldone-section .conflict-events-item:last-child { border: none; } .welldone-section .conflict-events-datatime { color: #ff4200; } @media (max-width: 768px) { .welldone-section .conflict-events-datatime { float: none !important; display: block; font-size: 12px; } } .welldone-section .conflict-events-info { position: relative; padding-left: 60px; margin-bottom: 15px; } @media (max-width: 768px) { .welldone-section .conflict-events-info { padding-left: 0; } } .welldone-section .conflict-events-info svg { position: absolute; top: 5px; left: 15px; width: 30px; height: 30px; stroke-width: 3; color: #00afec; } @media (max-width: 768px) { .welldone-section .conflict-events-info svg { display: none; } } .welldone-section .conflict-events-info-title { text-decoration: underline; font-size: 16px; margin: 0; } @media (max-width: 768px) { .welldone-section .conflict-events-info-title { font-size: 14px; } } .welldone-section .conflict-events-info-desc { font-size: 12px; color: #737373; margin: 0 0 5px; } @media (max-width: 768px) { .welldone-section .conflict-events-info--right { text-align: right; } } [data-block-events=true] { pointer-events: none; } .registration-section header .form-group, .agenda-section header .form-group, .room-editor header .form-group { margin: 0; } .registration-section header .vr-list li, .agenda-section header .vr-list li, .room-editor header .vr-list li { vertical-align: middle; } .registration-section .rebranding .room-page { height: auto; } .registration-section .rebranding .room-page, .registration-section .rebranding .room-page-middle { min-height: 718px; } .agenda-section .rebranding .room-page-middle { height: 100%; } .registration-settings-section { color: #606365; } .registration-settings-section .form-control { float: right; margin: 0; } .registration-settings-section .in { padding: 0; margin: 25px; } .registration-settings-section .signature { border-top: 1px solid #e4e5e5; font-style: italic; padding-top: 15px; } .registration-settings-section p { margin-top: 0; } .registration-settings-section p:last-child { margin: 0; } .registration-settings-section .registration-settings-hd { font-size: 20px; margin: 25px 25px 0; } .registration-settings-section h4 { font-size: 17px; letter-spacing: 0; margin: 0 0 10px; min-height: 28px; } /* [ rebranding / agenda / registration ] */ .skeleton .room-page .navbar .page-wrap, .skeleton .room-page .page-wrap { padding: 0; margin: 0; width: 100%; } /* [ room page - structure ] */ .rebranding .room-main { padding: 25px; } @media (max-width: 576px) { .rebranding .room-main { padding: 10px; } } .rebranding .room-page, .rebranding .room-page-middle { display: block; padding: 0; } .rebranding .room-page .room-content { padding: 10px; margin: 0; max-width: 854px; } #profile-page-tab .rebranding .room-page .room-content { max-width: 637px; } /*.rebranding .room-content[data-loading='true'] { background-position:50% 50%; background-repeat:no-repeat; background-image:url($src-image + 'indicators/loader_room_content_48.gif'); min-height:300px; }*/ /* drag & drop dla sekcji */ .rebranding section { position: relative; border: 2px dashed transparent; } .rebranding section.component-youtube_embeded { margin: 15px 0; } .rebranding section .select.dropdown .dropdown-menu { display: none; } .rebranding section .select.dropdown.show:after { -ms-transform: none; transform: none; } .rebranding .room-page-middle { padding-bottom: 81px; box-sizing: border-box; } .rebranding .room-page .navbar { position: static; padding-left: 25px; } .rebranding .room-footer .page-wrap { width: auto; } .rebranding section.move-section, .rebranding [data-editor=component] > td > table { cursor: move; border: 2px dashed transparent; box-sizing: border-box; } .rebranding section.move-section, .rebranding .move-section > td > table { background: rgba(255, 255, 255, 0.5); } .rebranding .action-wrap { display: none; } .move-section > td { position: relative; } .move-section .action-wrap { display: block; } .move-section .action-wrap .actions { overflow: hidden; /*background:#6ebe3b;*/ padding: 3px; } .action-wrap .pos-tr { position: absolute; top: -2px; right: -2px; z-index: 6; } .action-wrap .pos-tr .actions { border-bottom-left-radius: 2px; } .action-wrap li { font-size: 11px; line-height: 24px; text-align: center; float: left; min-width: 12px; height: 24px; margin: 2px; padding: 0 5px; border-radius: 12px; background: #fff; cursor: pointer; } .action-wrap li svg { width: 14px; height: 14px; margin: 0 auto; pointer-events: none; /*color:#6ebe3b;*/ } .action-wrap li .ico-pencil, .action-wrap li .ico-move, .action-wrap li .ico-tick, .action-wrap li .ico-x { stroke-width: 8 !important; } .action-wrap li .ico-x { color: #ff4200; } /* [ rebranding tab ] */ .rebranding-section object { display: block; } .rebranding-section .room-page { min-height: 580px; } .rebranding-section .room-main, .rebranding-section .room-page-middle { padding: 0; /* background-image:url($src-image + 'indicators/loader_room_48.gif'); background-repeat:no-repeat; background-position:50% 50%;*/ } .rebranding-section .room-page .page-wrap { height: 540px; } .rebranding-section .list-tiles .unit { overflow: hidden; } .rebranding-section .room-page .navbar { top: 0; left: 0; right: 0; z-index: 9999; height: 39px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); color: #fff; padding-left: 15px; } .rebranding-section .navbar .room-name { color: inherit; font-size: 14px; font-family: inherit; font-weight: bold; letter-spacing: 0; line-height: 38px; float: left; margin: 0 5px 0 25px; max-width: 220px; } .rebranding-section .navbar .position-menu { top: 4px; right: 15px; } .rebranding-section .pod-workspace { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; } .rebranding-section .tip-info { min-width: inherit; white-space: nowrap; } .registration-info-preview__title { display: inline-block; vertical-align: middle; } .registration-info-preview__options { list-style-type: none; display: inline-block; vertical-align: middle; padding-left: 0; } .registration-info-preview__options li { display: inline-block; padding-left: 10px; } .registration-info-preview__options li a { font-size: 12px; } .registration-info-preview__edit li { font-size: 16px; } .rebranding--3 { position: relative; } .calendar-picker--registration-limit input { background-color: unset; height: 33.99px !important; } @media (max-width: 991px) { .webinars-list, .meetings-list { max-width: 100%; } } .webinars-list .dropdown-category, .meetings-list .dropdown-category { padding: 0 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .webinars-list .dropdown-category, .meetings-list .dropdown-category { padding: 0 10px; } } .webinars-list .dropdown-category__name, .meetings-list .dropdown-category__name { color: #b6b6b6; font-size: 11px; font-family: "robotoregular"; line-height: 11px; text-transform: uppercase; margin: 0 18px 0 0; } .webinars-list .dropdown-category__line, .meetings-list .dropdown-category__line { height: 1px; width: 100%; background-color: #dee2e6; } .webinars-list .dropdown-item, .meetings-list .dropdown-item { padding: 12px 30px 12px 120px !important; font-size: 14px; z-index: 1; font-family: "robotoregular"; white-space: normal; transition: background-color 0.25s ease-in-out; text-transform: none !important; position: relative; } @media (max-width: 991px) { .webinars-list .dropdown-item, .meetings-list .dropdown-item { padding: 10px 20px 10px 85px !important; } } .webinars-list .dropdown-item__name, .meetings-list .dropdown-item__name { color: #000; font-size: 21px; line-height: 21px; margin: 0 0 10px; vertical-align: text-top; display: inline-block; } @media (max-width: 991px) { .webinars-list .dropdown-item__name, .meetings-list .dropdown-item__name { font-size: 18px; line-height: 18px; } } .webinars-list .dropdown-item .upgrade-pack, .meetings-list .dropdown-item .upgrade-pack { font-size: 11px; font-family: "robotomedium"; padding: 2px 4px; line-height: 11px; } .webinars-list .dropdown-item__desc, .meetings-list .dropdown-item__desc { color: #6d6f71; font-size: 12px; line-height: 17px; margin: 0; } @media (max-width: 991px) { .webinars-list .dropdown-item__desc, .meetings-list .dropdown-item__desc { font-size: 11px; line-height: 16px; } } .webinars-list .dropdown-item.live-webinar svg, .meetings-list .dropdown-item.live-webinar svg { color: #6ebe3b; } .webinars-list .dropdown-item.automated svg, .meetings-list .dropdown-item.automated svg { color: #0b23a0; } .webinars-list .dropdown-item.ondemand svg, .meetings-list .dropdown-item.ondemand svg { color: #2e6fde; } .webinars-list .dropdown-item.meeting svg, .meetings-list .dropdown-item.meeting svg { color: #6ebe3b; } .webinars-list .dropdown-item.adhoc svg, .meetings-list .dropdown-item.adhoc svg { color: #20242e; } .webinars-list .dropdown-item:hover, .webinars-list .dropdown-item:focus, .meetings-list .dropdown-item:hover, .meetings-list .dropdown-item:focus { background-color: #f8f8f8; } .webinars-list .dropdown-item svg, .meetings-list .dropdown-item svg { position: absolute; width: 50px; height: 50px; color: #1b1f2a; left: 35px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .webinars-list .dropdown-item svg, .meetings-list .dropdown-item svg { width: 35px; height: 35px; left: 20px; } } .webinars-list .dropdown-item:before, .meetings-list .dropdown-item:before { content: none !important; } .webinars-list { margin-bottom: 7px; } .event-details-main .nav-tabs-justify .nav-tabs-opaque { display: -ms-flexbox; display: flex; } .event-details-main .nav-tabs-justify .nav-tabs-opaque li { display: -ms-inline-flexbox; display: inline-flex; -ms-flex: 1 1 auto; flex: 1 1 auto; } .event-details-main .nav-tabs-justify .nav-tabs-opaque a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .event-details-section dt { font-size: 18px; line-height: 1.2; width: 165px; } @media (max-width: 768px) { .event-details-section dt { width: 100% !important; float: none; text-align: left; margin-bottom: 10px; } } .event-details-section dd { color: #555; margin: 0 0 25px 190px; } @media (max-width: 768px) { .event-details-section dd { margin: 0 0 25px 50px !important; } } .event-details-section dd .txt-featured { font-size: 26px !important; } .event-details-section .list-caret-item { color: #606365; } .event-details-section .list-caret-item .ui-slider-output[type=text], .event-details-section .list-caret-item .ui-slider-output { max-width: 45px; } .event-details-section .list-caret-automated { margin-right: 30%; padding: 4px 0; } @media (max-width: 991px) { .event-details-section .list-caret-automated { margin-right: auto; } } .event-details-section .list-caret-automated .list-caret-item { display: inline-block; padding: 1px 20px 1px 30px; } .event-details-section .list-caret-automated .list-caret-item time { color: #4c5052; } @media (max-width: 768px) { .event-details-section .vr-list li { display: block; margin-bottom: 10px; } .event-details-section .vr-list li:last-child { margin-bottom: 0; } .event-details-section .vr-list .spacer { display: none; } } .list-caret-url-presenter .message-info { display: none; background-color: #e5f7fd; color: #5c8391; padding: 0 5px 2px; border-radius: 4px; font-family: "robotolight", sans-serif !important; font-size: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 30px; } .list-caret-url-presenter .message-info svg { color: #00afec; } .list-caret-url-presenter .list-caret-item:before { top: 16px; } .list-caret-url-presenter .list-caret-item .open { display: inline-block; color: #737373; cursor: unset; margin-right: 8px; } .list-caret-url-presenter .list-caret-item strong { display: none; font-family: "robotoregular", sans-serif !important; color: #737373 !important; word-break: break-word; } .list-caret-url-presenter .list-caret-item strong .label { font-family: "robotomedium", sans-serif !important; font-size: 12px; top: -2px; margin: 0; } .event-details-section .list-caret-item strong, .event-details-section .list-caret-item time { color: #363a3d; font-weight: normal; } .event-details-section .dl-horizontal { margin: 0; } .event-details-section .reminders, .event-details-social .expand .form-action { margin-bottom: 0; } .event-details-social .social .list-inline { position: relative; top: -5px; } @media (max-width: 768px) { .event-details-social .social .list-inline { top: auto; } } .event-details-social > .in { padding-top: 0; padding-bottom: 0; } .event-details-social .expand dd { margin-right: 190px; } .event-registration-section .registration-info-preview .list-caret { color: #606365; font-size: 20px; margin-bottom: 15px; } .event-registration-section .registration-info-preview .truncate { max-width: 650px; } @media (max-width: 768px) { .event-registration-section .results { padding-left: 34px; } } .event-registration-section .results .name { width: 310px; } .event-registration-section .results .cell-icon + .name { width: 260px; } .event-registration-section .results .cell-date { width: 180px; } .event-invite-section .table .email { width: 300px; } .event-invite-section .table .cell-date { width: 200px; } .event-invite-section th:first-child, .event-invite-section td:first-child { padding-left: 25px; } .event-invite-section .email .name { padding: 2px 0; } .event-invite-section .email .name [class*=social-ico-] { position: relative; margin-top: -2px; } .event-invite-section .email .name .highlight[data-icon] { font-size: 18px; line-height: 1; vertical-align: middle; } .event-invite-section th:last-child, .event-invite-section td:last-child { padding-right: 25px; } .event-invite-section .cell-action .notify { padding: 0 10px; white-space: nowrap; } .event-invite-stats h4 { margin-bottom: 15px; } .event-invite-stats h5 { color: #606365; letter-spacing: 0; margin: 0 0 13px; padding: 0 0 5px; border-bottom: 1px solid #f2f2f2; } .event-invite-stats .social > li { margin-right: 13px; } @media (max-width: 991px) { .event-invite-stats .social > li { margin-bottom: 10px; } } .event-invite-stats .social > li:last-child { margin-right: 0; } .event-invite-stats .social > li span { font-size: 24px; vertical-align: middle; } .event-invite-stats .ico-left { margin-right: 5px; } .list-presenters { margin: -20px 0 0 -40px; position: relative; } .list-presenters .col { margin: 20px 0 0 40px; float: left; } .list-presenters .avatar { width: 162px; height: 162px; } .list-presenters .avatar [data-icon=P] { font-size: 160px; } .list-presenters .thumb-title { color: #555; margin-top: 5px; } .list-presenters .addnew-wrap { margin: 0 0 10px; } .list-presenters .addnew-wrap.pos-r { top: 20px; margin-left: 25px; width: 125px; } .list-presenters .addnew-wrap + .thumb-title { color: #cfcfcf; } .list-presenters .addnew { height: 172px; width: 140px; } .event-embed-section textarea { min-height: 80px; } .event-embed-section h3 + p { color: #606365; } .room-embed { position: relative; } .event-embed-section .room-embed .helper.pos-tl { margin-top: 0; } .room-embed .form-inline .form-label { text-align: right; } @media (max-width: 768px) { .room-embed .form-inline .form-label { width: 100px; } } .room-embed .form-inline .form-control { width: 70px; } @media (max-width: 768px) { .room-embed .form-inline .form-control { width: auto; } } .room-embed .form-inline .form-group { margin: 5px 0 12px; } .room-embed .helper { width: 195px; } .room-embed + .room-widgets > .in { padding-top: 0; } .room-widgets .unit-bd { text-align: center; padding: 10px; display: table; height: 135px; width: 100%; box-sizing: border-box; } .room-widgets .widget-box { position: relative; } .room-widgets .widget-box .btn-wrap { margin-bottom: 30px; } .room-widgets .widget-box .form-group { color: #555; font-size: 12px; margin: 0; position: absolute; z-index: 4; top: 100px; left: 15px; right: 15px; } .room-widgets .widget-box .form-group .f-holder { text-align: center; } /* widgets - form custom */ .form-custom-widget .form-horizontal .form-label { width: 250px; } @media (max-width: 991px) { .form-custom-widget .form-horizontal .form-label { text-align: left; float: none; width: 100%; } } .form-custom-widget .form-horizontal .form-control { margin-left: 270px; margin-right: 200px; } @media (max-width: 991px) { .form-custom-widget .form-horizontal .form-control { margin: 0; } } .form-custom-widget .col-wrap-check { margin-top: 30px; } .form-custom-widget .col-wrap-check .check { top: 3px; } .form-custom-widget .col-wrap-check .f-holder { float: left; width: 50%; } @media (max-width: 575px) { .form-custom-widget .col-wrap-check .f-holder { float: none; width: 100%; } } .form-custom-widget .row-wrap-check { font-size: 24px; margin: 0 200px 10px 270px; } @media (max-width: 991px) { .form-custom-widget .row-wrap-check { margin: 0 0 10px; } } .form-custom-widget .row-wrap-check .check { top: 10px; } .form-custom-widget .col-wrap-check, .form-custom-widget .form-label { font-size: 16px; } .event-details-main .helper.pos-tl { top: 100%; margin: 20px 0 0 15px; } .event-details-main .page-wrap { width: 923px; } .event-details-main .tab-ft .list-inline > li:last-child { float: right; } @media (max-width: 768px) { .event-details-main .tab-ft .list-inline { text-align: center; } .event-details-main .tab-ft .list-inline > li { display: block; margin-right: 0; } .event-details-main .tab-ft .list-inline > li .effect-enlarge { max-width: 250px !important; } .event-details-main .tab-ft .list-inline > li .effect-enlarge .btn-txt { opacity: 1; max-width: 200px; margin: 0 0.4em; } .event-details-main .tab-ft .list-inline > li:first-child { margin-bottom: 15px; } .event-details-main .tab-ft .list-inline > li:last-child { float: none; display: block; margin-top: 15px; } } .user-type .list-tiles.x-small .col { margin: 0 10px; } .user-type .list-tiles.large .col { margin: 0 33px 20px; } .user-type .list-tiles.medium .col { margin: 0 11px 20px; } /*.user-type > li,*/ .participant-type > li { margin: 0; } .invite-section .content { margin-bottom: 80px; } .invite-section .specify-minheight { min-height: 90px; } .invite-section .input-group [data-icon=p] { color: #d1d1d1; } .invite-section .unit-arrow, .invite-section .unit-arrow:before { display: inline-block; width: 0; height: 0; border: 14px solid transparent; position: absolute; } .invite-section .unit-arrow { bottom: 100%; left: 0; z-index: 4; border-bottom-color: rgba(0, 0, 0, 0.1); } .invite-section .unit-arrow:before { content: ""; top: -13px; left: -14px; z-index: 3; border-bottom-color: #fff; } .choose-template .page-wrap { width: 980px; } .choose-template .tab-ft { margin: 45px 0 0; } .choose-template .tab-ft .notify { margin-right: 8px; } .summary-invite-section .unit-bd h3 svg { width: 20px; height: 20px; } .invite-section .list-presenters { margin-left: -50px; } .invite-section .list-presenters .col { margin: 20px 0 0 49px; } .invite-add-presenter .list-presenters { margin: 0 -15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .invite-add-presenter .list-presenters .col { margin: 20px 10px 0; width: auto; -ms-flex-positive: 0; flex-grow: 0; } .invite-add-presenter .list-presenters .col .thumb-title { margin: 14px auto 0; } .invite-section .overlap { position: absolute; right: 0; top: -45px; } @media (max-width: 768px) { .invite-section .overlap { top: -27px; } } @media (max-width: 768px) { .invite-section .overlap .overlap-info { padding: 5px; font-size: 16px; } } @media (max-width: 768px) { .invite-section .overlap .overlap-info svg { height: 16px; width: 16px; } } .invite-section .invitation-attendees-limit { bottom: 100%; padding-bottom: 8px; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 768px) { .invite-section .invitation-attendees-limit { top: 0; right: 100%; padding-right: 8px; left: unset; bottom: unset; padding-bottom: 0; -ms-transform: translateX(0); transform: translateX(0); } } .invite-section .invitation-attendees-limit .tip-wrap:after { border-top-color: rgba(38, 39, 41, 0.9); top: 100%; left: 50%; margin-left: -6px; } @media (max-width: 768px) { .invite-section .invitation-attendees-limit .tip-wrap:after { border-top-color: transparent; border-left-color: rgba(38, 39, 41, 0.9); top: 0; margin-top: 12px; margin-left: 0; left: 100%; } } @media (max-width: 768px) { .invite-section__test-email { display: block !important; } } @media (max-width: 768px) { .invite-section__test-email .positioned-content { position: static; -ms-transform: translateY(0); transform: translateY(0); text-align: center; margin-top: 10px; } } @media (max-width: 576px) { .invite-section .invitation-segments-group .desc { width: 100%; } } .presenters-section .table .thumb { width: 106px; } .presenters-section .table .title, .presenters-section .table .cell-action { width: 80px; } .subaccounts-add-section .add-section .form-group > .form-control { margin-left: 155px; margin-right: 155px; } .subaccounts-add-section .form-label { color: #606365; width: 145px; margin-top: 0; } .subaccounts-add-section .add-section .form-group > .check-list { margin-right: 20px; } .subaccounts-add-section .check-list .check { top: 1px; } .subaccounts-section .options { margin-top: -25px; } .subaccounts-section .name { width: 280px; } .subaccounts-section .email { width: 180px; } .referral-splash .header h2 { font-size: 45px; text-align: center; } .referral-splash .list-step { padding: 30px 0; } .referral-splash .list-step-item { min-height: 169px; background-position: 100% 50%; background-repeat: no-repeat; background-size: contain; padding-right: 35%; } .referral-splash .step-invite { background-image: url(data:image/jpeg;base64,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); } .referral-splash .step-purchase { background-image: url(data:image/jpeg;base64,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); } .referral-splash .step-bonus { background-image: url(data:image/jpeg;base64,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); } .referred-statistics-section, .referred-results-section, .referred-settings-section, .referred-invite-section { margin: 25px 0 15px; } .referred-statistics-section .emboss { font-size: 32px; } .referred-statistics-section .emboss [data-icon]:before { font-size: 18px; top: -2px; margin-right: 3px; } .referred-statistics-section .emboss-medium { font-size: 26px; } .referred-statistics-section .dsp-cell { height: 82px; } .referred-statistics-section .helper.pos-bl3 { margin-left: 90px; width: 170px; top: 25px; } .referred-results-section .cell-id { width: 56px; text-align: center; } .referred-results-section .cell-status { width: 150px; } .referred-results-section .tip-info { min-width: 235px; } .referred-invite-section .filter [data-icon=p] { color: #d1d1d1; } .referred-invite-section .table-search .btn-choice .btn { min-width: 100px; } .referred-invite-section .table-search tr:first-child td { border-top-width: 0; } .referred-invite-section .table-search td:first-child { padding-left: 0; } .referred-invite-section .table-search .thumb { width: 55px; } .referred-invite-section .table-search .avatar { width: 31px; height: 38px; } .referred-invite-section .table-search .avatar [data-icon=P] { font-size: 40px; bottom: -2px; } .referred-invite-section .table-search td:last-child { padding-right: 0; } .referred-invite-section .table-search .desc .title { font-size: 18px; } .referred-invite-section .app .expand .content { padding: 30px 0; } .referred-invite-section .expand textarea { min-height: 60px; } .referred-invite-section .expand .form-action { margin: 25px 0 5px; } .referred-invite-section .app-twitter .expand .form-action .btn-link { position: absolute; top: 0; right: 0; } .ico-toolkit { display: block; position: relative; width: 14px; height: 14px; background: #fff url("/account_panel/images/room/editor_tools.png") no-repeat 0 50px; border: 1px solid #f8f8f8; overflow: hidden; } .tool-nocolor { background-position: 0 0; } .tool-bottomright { background-position: 0 -20px; } .tool-fullscreen { background-position: 0 -40px; } .tool-center { background-position: 0 -60px; } .tool-topleft { background-position: 0 -80px; } .tool-topright { background-position: 0 -100px; } .tool-bottomleft { background-position: 0 -120px; } .tool-repeat { background-position: 0 -140px; } .tool-repeatx { background-position: 0 -160px; } .tool-repeaty { background-position: 0 -180px; } .tool-holder { position: relative; vertical-align: middle; display: inline-block; padding: 3px 16px 3px 3px; background: #fff no-repeat 100% 50% url(data:image/gif;base64,R0lGODlhCwADAIABAG6+OwAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgzMmEzZTA4LWQ4YWMtNGRkNS04NTAzLTEwYjM3NjY5OWFhMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDBBRjFEREI5QTQxMUUzQkQ5RDk3RkEzNDEzOTI4QSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDBBRjFEQ0I5QTQxMUUzQkQ5RDk3RkEzNDEzOTI4QSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowZmE0M2FhNS1mNjYyLTQ3ZWUtOGVmYy1kNTExNjg2N2NhMmEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODMyYTNlMDgtZDhhYy00ZGQ1LTg1MDMtMTBiMzc2Njk5YWEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAsAAwAAAgiEHalx6+BUAQA7); border-radius: 2px; border: 1px solid #ccc; } .dropdown-tool-option .dropdown-bd { font-size: 12px; } .dropdown-tool-option .form-group { margin: 5px 0; } .dropdown-tool-option .form-group .form-label { padding-right: 5px; } .dropdown-tool-option .check { top: 1px; } .dropdown-tool-option .error { border-color: #ff4200; } .dropdown-form-edit { width: 263px; } @media (max-width: 576px) { .dropdown-form-edit { width: 233px; } } .dropdown-logo { top: 350px; left: 200px; } .tool-bx { font-size: 11px; position: absolute; z-index: 999; top: -1px; left: -1px; background: #fff; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); } .tool-bx .in { padding: 4px; } .tool-bx ul, .tool-bx li { margin: 0; padding: 0; list-style: none; } .tool-bx ul { margin: 3px 0; } .tool-bx li { white-space: nowrap; padding: 2px 10px 2px 3px; cursor: pointer; } .tool-bx li:hover { background: #f2f2f2; } .tool-bx .ico-toolkit { display: inline-block; vertical-align: middle; } .dropdown-tool-option .figure, .cropzoom { margin: 0 auto; width: 130px; height: 130px; /*background:#6ebe3b;*/ outline: 1px solid transparent; /*border:2px solid #6ebe3b;*/ box-shadow: none; border-radius: 0; } .tool-image .tool-bx { width: 138px; } .tool-image .ico-toolkit img { position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } .dropdown-tool-option .colorpicker { position: absolute; top: 0; left: 0; min-width: auto; padding: 1px; } .dropdown-tool-option .colorpicker .sp-replacer { padding: 0; margin: 0; height: auto; border: 0; background: transparent; box-shadow: none; display: block; } .dropdown-tool-option .colorpicker .sp-preview { width: 14px; height: 14px; margin: 1px 17px 1px 2px; } .dropdown-tool-option .colorpicker .sp-preview .sp-preview-inner { position: absolute; border: 1px solid #f8f8f8; } .dropdown-tool-option .colorpicker .sp-replacer:hover .sp-preview { opacity: 1; } .dropdown-logo .img-thumb { width: 166px; height: 60px; } /*.tool-timezone .form-control { width:175px; }*/ /*.tool-datepicker .form-control { width:165px; }*/ .dropdown-tool-option .form-inline .spacer { width: 1px; height: 44px; display: inline-block; border: 0; border-right: 1px solid #ededed; margin: -10px 0 -16px; } .dropdown-tool-option .tool-count { width: 60px; } /* highcharts */ .legend { color: #8b8b8b; font-weight: normal; white-space: nowrap; } .legend:hover { opacity: 0.8; } .legend strong { color: #363a3d; } .ico-legend { width: 12px; height: 12px; border-radius: 2px; } .legend-small { font-size: 10px; margin-left: 8px; } .legend-small .ico-legend { width: 8px; height: 8px; margin-right: 3px; border-width: 2px; } .legend-large .legend { font-size: 21px; } .legend-large .ico-legend { width: 29px; height: 29px; } .timeline .chart-wrap { min-height: 100px; } /*.timeline .chart-loading { background:url($src-image + 'indicators/loader_gray_48.gif') no-repeat 50% 50%; }*/ .timeline .chart { width: 100%; } .timeline .chart-pie { max-width: 96px; } .statistics-section .highcharts-container { margin: auto; } /* [ highcharts ] */ .highcharts-container { overflow: visible !important; } .highcharts-container:hover { z-index: 10 !important; } /* [ ui-sortable ] */ .ui-sortable-placeholder { height: 140px; float: left; width: 166px; margin-bottom: 20px; border: 0; outline: 1px dashed #d3d5d9; border-radius: 2px; visibility: visible !important; box-sizing: border-box; } /* tooltip na zeroclipboard*/ .zeroclipboard-is-hover ~ .tip { opacity: 1; visibility: visible; } /* [ wysiwig ] */ [data-wysiwig=true] { overflow: auto; } .intro { font-size: 16px; line-height: 1.4em; } /* [ popup - complete data - step 1 ] */ .popup-complete-data .col:first-child { width: 57%; } .popup-complete-data .col:last-child { width: 43%; } .popup-complete-data .col-thumb figure { margin: 18px 15px 0 0; } .popup-complete-data .alternate-link { margin-bottom: 0; } .popup-complete-data .form-inline .btn { min-width: 50px; } /* [ popup - complete your profile ] */ .popup-complete-profile .upload-image-file .choose-photo { margin-top: 60px; } .popup-complete-profile .upload-image-cam .canvas { margin-top: 30px; } .popup-complete-profile .col-thumb { float: left; margin: 15px 0 0; width: auto; } .popup-complete-profile .col-data { margin: 20px 0 0 250px; width: auto; } .popup-complete-profile .list-inline li { vertical-align: middle; } .popup-complete-profile hr, .popup-complete-profile .spacer { margin: 20px 0 25px; } .popup-complete-profile .btn-wrap { margin-top: 18px; } .popup-complete-profile .ico-social-in a, .popup-complete-profile .ico-social-fb a { display: block; margin-left: 10px; height: 27px; overflow: hidden; text-indent: -999em; background: url("/account_panel/images/popup/account_complete_data/ico_social.png") no-repeat; } .popup-complete-profile .ico-social-in a { background-position: 0 0; width: 100px; } .popup-complete-profile .ico-social-fb a { background-position: -124px 0; width: 116px; } /* [ popup - add presenter ] */ .popup-presenter .event-presenter { position: relative; } .popup-presenter .form-inline .form-group { margin: 5px 0 20px; } .popup-presenter .event-presenter-about { font-size: 14px; padding: 10px 0; min-height: 116px; } .popup-presenter .event-presenter-details { margin: 0 0 10px; } .popup-presenter .event-presenter-avatar { margin: 0; position: absolute; left: 0; top: 0; padding: 0 15px 15px 15px; } @media (max-width: 768px) { .popup-presenter .event-presenter-avatar { position: relative; margin: 0 auto; width: 218px; float: none; } } .popup-presenter h4 { margin: 0 0 10px; font: bold 16px "robotoregular", Helvetica, Arial, sans-serif; letter-spacing: 0; } .popup-presenter .event-presenter .event-presenter-header { margin-left: 0; } .popup-presenter .event-presenter-about p { margin: 0; } .popup-presenter .event-presenter-about textarea { height: 148px; } .popup-presenter .event-presenter-info { margin-left: 225px; } @media (max-width: 768px) { .popup-presenter .event-presenter-info { margin-left: auto; } } .popup-presenter .btn.x-large { min-width: 108px; } .popup-presenter .options { color: #555; margin: 15px 0 0 -100px; } @media (max-width: 768px) { .popup-presenter .options { float: none; margin: 15px auto 0; text-align: center; } } .popup-presenter .social { position: relative; } .popup-presenter .social dt { color: #606365; font: 14px "robotoregular", Helvetica, Arial, sans-serif; letter-spacing: 0; margin-right: 5px; } .popup-presenter .social .dropdown-info.pos-tl { left: -7px; min-width: 460px; white-space: nowrap; } .popup-presenter .social .dropdown-bd { padding: 5px 10px; } .popup-presenter .social .form-group { margin: 0; } .popup-presenter .social .form-label { color: #606365; } .popup-presenter .social-ico-fb + .dropdown-info.pos-tl .dropdown-wrap:after, .popup-presenter .social-ico-fb + .dropdown-info.pos-tl .dropdown-wrap:before { left: 103px; } .popup-presenter .social-ico-twitter + .dropdown-info.pos-tl .dropdown-wrap:after, .popup-presenter .social-ico-twitter + .dropdown-info.pos-tl .dropdown-wrap:before { left: 138px; } .popup-presenter .social-ico-googleplus + .dropdown-info.pos-tl .dropdown-wrap:after, .popup-presenter .social-ico-googleplus + .dropdown-info.pos-tl .dropdown-wrap:before { left: 174px; } .popup-presenter .upload-image-file .choose-photo { margin-top: 100px; } .popup-presenter .upload-image-cam .canvas { margin-top: 80px; } /* [ popup - account verification ] */ .popup-account-verify .fancybox-title { font-size: 50px; } .popup-account-verify .btn { min-width: 50px; } .popup-account-verify .inplace { margin-top: 30px; } .popup-account-verify .inplace-form { margin-top: 11px; white-space: nowrap; } /* [ popup - choose template ] */ .popup-choose-template .expand { margin-bottom: 32px; } .popup-choose-template .expand .main-arrow { left: 50%; margin-left: -11px; } .popup-choose-template .list-component-images li { margin: 0; display: inline-block; vertical-align: top; } .popup-choose-template .list-component-images .f-holder { margin: 0 7px; } .popup-choose-template .list-component-images .unit { max-width: 192px; min-height: 100px; height: auto; } /* [ contacts- groups ] */ .popup-groups .group-name { margin: 20px auto 40px; max-width: 470px; } .popup-groups .group-name .pictogram-item { margin: 0 auto 50px; } .popup-groups .group-name .list-pictogram-hd { font-size: 30px; } /* [ introduce subaccounts ] */ .popup-subaccounts-intro { text-align: center; } .popup-subaccounts-intro .subtitle { font-size: 42px; color: #6ebe3b; } .popup-subaccounts-intro p { font-size: 21px; } .popup-subaccounts-intro strong { font-weight: normal; } .popup-subaccounts-intro .video { margin: 0 0 0 -28px; } /* [ Toll free ] */ .popup-account-balance { text-align: center; } .popup-account-balance .fancybox-title-inside-wrap .dialog-title { color: #fff; margin: 0; font-size: 30px; line-height: 1.4; letter-spacing: -1px; } .popup-account-balance.dialog .dialog-content { background: #f7f7f7; padding: 28px; color: #363a3d; } .popup-account-balance p { font-size: 24px; } .popup-account-balance .list-tiles .col { width: 146px; margin: 15px 10px; } .popup-account-balance .list-tiles .unit { height: 122px; line-height: 1.4; } .popup-account-balance .list-tiles .unit-bd { height: 90px; } .popup-account-balance .list-tiles .tiles-info { font-size: 46px; } .popup-account-balance .list-tiles .unit-hd { color: #737373; } .popup-account-balance .unit-hov-bordered:hover .unit-hd { background-color: transparent; } .popup-account-balance .btn { min-width: 155px; } /* [ migrate ] */ .popup-welcome-info .fancybox-content, .popup-account-migrate .fancybox-content { color: #464a55; font-size: 16px; line-height: 1.5; padding: 20px 55px; } .popup-welcome-info .subtitle, .popup-account-migrate .subtitle { font-size: 49px; color: #6ebe3b; margin: 0 0 23px; } .popup-account-migrate .btn { min-width: 88px; } .popup-account-migrate .list-pictogram-horizontal .pictogram-item { text-align: left; margin: 17px 0 17px 80px; } .popup-account-migrate .list-pictogram-hd { color: #464a55; font-size: 30px; } .popup-welcome-info em { font-style: italic; padding: 0 3px; background-color: #faf6ee; } .popup-welcome-info p { margin: 24px 0; } .popup-welcome-info .vouchers { padding-right: 185px; position: relative; } .popup-welcome-info .vouchers:after { content: ""; display: inline-block; width: 183px; height: 177px; background: url("/account_panel/images/popup/account_migrate/amazon_vouchers.png") no-repeat 0 0; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); } .signature { margin-bottom: 0; } .signature strong { color: #6ebe3b; display: block; font-weight: normal; } /* [ referral program terms ] */ .popup-referral-tos .fancybox-title em { font-size: 24px; } .popup-referral-tos ol { padding-left: 0; list-style: none; counter-reset: step; } .popup-referral-tos li { margin: 0 0 40px; } .popup-referral-tos li:before { content: "§" counter(step); counter-increment: step; font-size: 20px; text-align: center; display: block; margin: 0 0 20px; } /* [ popup New features Capping ] */ #new_features_popup { cursor: pointer; display: none; } #new_features_popup .fancybox-container { cursor: pointer; display: block; height: 480px; } #new_features_popup img { max-width: 100%; position: absolute; bottom: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #new_features_popup h3 { padding: 35px 45px; padding-bottom: 0px; text-align: center; font-size: 22px; } #new_features_popup h4 { font-family: "robotoregular"; color: #6ebe3b; font-size: 14px; margin: 0px; text-transform: uppercase; letter-spacing: 2px; text-align: center; } /* [ popup survey ] */ .popup-survey-wrap .fancybox-skin { background-color: #ffffff; } .popup-survey { font-size: 22px; font-family: "robotolight", sans-serif; } .popup-survey strong { font-family: "robotomedium", sans-serif; } .popup-survey input { font-size: initial; } .popup-survey .fancybox-content { padding: 40px 60px; } .popup-survey .survey-content { min-height: 370px; position: relative; z-index: 3; } .popup-survey .survey-hd { font-size: 32px; } .popup-survey .survey-hd .caption { font-style: italic; margin-left: 7px; } .popup-survey .btn-success { min-width: 190px; } .popup-survey .survey-step-2 .form-group { margin: 5px 0; font-size: 90%; } /* [ popup survey sections ] */ .survey-start:before, .survey-finish:before { content: ""; display: block; position: absolute; z-index: 2; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); background: 0 0 no-repeat; } .survey-start .survey-content, .survey-finish .survey-content { padding-right: 220px; } .survey-start .survey-bd, .survey-finish .survey-bd { margin: 60px 0; } .survey-start:before { background-image: url("/account_panel/images/popup/survey/ico_survey.png"); width: 324px; height: 438px; } .survey-start .survey-content { padding-top: 22px; } .survey-start .caption-small { position: absolute; bottom: 20px; left: 60px; right: 60px; } .survey-finish:before { background-image: url("/account_panel/images/popup/survey/ico_success.png"); width: 260px; height: 306px; } .survey-finish .survey-content { padding-top: 32px; } .survey-form fieldset { display: none; } .survey-form .survey-content { padding-left: 30px; } .survey-form .survey-hd { min-height: 77px; } .survey-form .survey-hd:before { color: #6ebe3b; text-align: right; font-family: "robotomedium", sans-serif; content: attr(data-step) "."; display: inline-block; width: 56px; margin: 0 15px 0 -70px; } .survey-form .note { font-size: 12px; font-style: italic; } .survey-form .hide-check + label { padding-left: 46px; } .survey-form .check { top: 6px; width: 24px; height: 24px; } .survey-form .check:before { font-size: 20px; line-height: 1.2; } .survey-form .radio:before { width: 14px; height: 14px; } .survey-form .f-other { margin: 10px 0 0 46px; } .survey-form .btn-wrap { position: absolute; bottom: 46px; left: 0; right: 0; } .addons-subaccouts-section .col { padding-top: 20px; } .fancybox-close:before, .fancybox-nav span:before, .calendar .c-events-wrapper:after, .check:before, .alert-content:before, .alert-content-inline:before, .dialog-content:before, .list-checked > li:before, .select2-search:after, .select2-search-choice-close:before, .gv_navWrap > div:before, .gv_panelNavPrev:before, .gv_panelNavNext:before, .gv_showOverlay:before { font-family: "untitledregular"; } h1, h2, h3, h4, .social dt, .unit-title-x-large .unit-title, .unit-solid .unit-hd, .c-events-day-number, .c-day-with-one-event.c-day-with-dragged-event .c-events-day-number, .event-info .time, .keypad .num, .timezone .tzBtn, .list-ordered > li:before, .trumbowyg-modal-title, .trumbowyg-modal-box .trumbowyg-modal-button { font-family: "robotolight", Helvetica, Arial, sans-serif; } h2 + .nav-pills-wrap .nav-pills, .account .dropdown-menu-user .name, .pagination, .list-tiles h5, .list-tiles small, .list-tiles .label, .list-tiles .tiles-title, .lead, .lead strong, .book .letter, .personal-data dt, .statistics-page h3, .keypad dd, .api-section input[type=text], .account-settings-section .list-editable input[type=text], .account-settings-section .list-editable .list-editable-element, .alert-content, .dialog, .dialog-title, .app-item, .list-choose-separated .comment, .address-section .form-label, blockquote, .legend { font-family: "robotolight", Helvetica, Arial, sans-serif; } .alert-referral .alert-content strong, .list-step-hd:before { font-weight: normal; font-family: "robotomedium", Helvetica, Arial, sans-serif; } /* wyjatki dla brandingu */ .popup-subaccounts-intro strong { font-family: "robotobold", Helvetica, Arial, sans-serif !important; } .font-reklame, .helper h4 { font-family: "reklame_script_regularregular", "lobsterregular", Helvetica, Arial, sans-serif !important; } .dsp-none { display: none; } .integrate-state .btn-link, .list-subaccounts .btn { transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; } .tip, .helper .ico-close { transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; } .helper { transition: all 0.15s ease-out; display: none !important; } .float-label { transition: opacity 0s ease-in, all 0.15s linear; } .social-animate [class*=social-ico-] { transition: all 0.9s ease-in-out; } .integrate-state .no-integrate svg { transition: all 1s ease-in-out; } input[type=text], input[type=number], input[type=password], textarea, .select { transition: border 0.15s ease-in-out; } /**/ .list-tiles.x-small .unit-circle + h3 { font-size: 0; opacity: 0; margin: 0; } .list-tiles.large .unit-circle + h3 { opacity: 1; } .list-tiles .unit-circle + h3 { transition: font-size 0.2s ease-in-out, opacity 0.1s ease-in-out, margin 0.1s ease-in-out; } .list-tiles.large .col, .list-tiles.x-small .col { transition: margin 0.6s ease-in-out; } .list-tiles.x-small .unit-circle, .list-tiles.large .unit-circle, .list-tiles.x-small .unit-circle svg, .list-tiles.large .unit-circle svg { transition: width 0.5s ease-in-out, height 0.5s ease-in-out, font-size 0.5s ease-in-out; } .alert-dialplan a:hover [data-icon=R] { animation: transformation 0.5s ease-in 0.2s infinite alternate; } @keyframes transformation { 0% { transform: translateX(0); } 100% { transform: translateX(5px); } } @keyframes spinner { to { transform: rotate(360deg); } } @-moz-document url-prefix() { /*.btn::-moz-focus-inner { border:0; padding:0; margin-top:-2px; margin-bottom:-2px; }*/ .close { line-height: 13px; } select { padding-top: 6px; } select.small { padding-left: 3px; padding-top: 3px; width: 150%; } .select select { width: 150%; } .figure-wrap .figure-obj, .list-component-images img, .components .flex img { width: 100%; } .list-component-images.list-tiles .unit-bd { height: 100px; } .contact-section .dsp-table.specify-height { height: 674px; } .check:before { top: 0; } .popup-file-preview img { max-width: 640px; } /* fix dla FF dla agendy bez komponentow */ .agenda-section .rebranding .room-page-middle { height: auto; } } /* fix dla IE9,10,11 */ @media screen and (min-width: 0\0 ) { /* http://stackoverflow.com/questions/20198137/image-label-for-input-in-a-form-issue-in-ie11 */ form .hide-check + label img { display: inline-block; pointer-events: none; } .figure-wrap .figure-obj, .list-component-images img, .components .flex img, .flex img { width: 100%; } } @media screen and (max-device-width: 800px) { body { width: 980px; } } .arrow-pin-top .ico-arrow-pin { -ms-transform: rotate(0deg); transform: rotate(0deg); } .arrow-pin-bottom .ico-arrow-pin { -ms-transform: rotate(180deg); transform: rotate(180deg); } .webinar-banner { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px; width: 100%; display: table; padding: 40px 0px; } .webinar-banner .cell { display: table-cell; vertical-align: middle; } .webinar-banner .label { display: inline-block; padding: 10px 15px 10px 117px; font-family: "robotolight"; font-style: italic; font-size: 16px; margin: 0px; line-height: 1; text-transform: none; } .webinar-banner .label svg { position: absolute; max-width: 140px; height: 28px; left: -12px; top: 4px; } .webinar-banner h2 { font-size: 40px; color: #6ebe3b; margin-bottom: 25px; margin-top: 10px; width: 470px; } .webinar-banner p { font-family: "robotolight"; font-size: 16px !important; margin: 15px 0px !important; color: #7e7e7f !important; } .webinar-banner p b { font-family: "robotoregular"; color: #fff; } .webinar-banner p .date { background: url(/account_panel/images/webinar-banners/clock.png) no-repeat center left; padding-left: 20px; display: inline-block; } .webinar-banner p .date b { color: #6ebe3b; } .webinar-banner p .separation { margin: 0px 10px; color: #e0e1da; } .webinar-banner .btn { font-size: 18px; margin-right: 15px; padding: 10px 30px; } .webinar-banner .btn-outline { color: inherit; background-color: transparent; background-image: none; box-shadow: none; transition: all 0.3s ease-in-out; } .webinar-banner .btn-success.btn-outline { color: #6ebe3b; border: 1px solid #6ebe3b; } .webinar-banner .btn-success.btn-outline:hover, .webinar-banner .btn-success.btn-outline:focus { color: #fff; } .webinar-banner img { vertical-align: middle; height: 250px; } .webinar-banner * { box-sizing: border-box; } .webinar-banner *:before, .webinar-banner *:after { box-sizing: border-box; } .webinar-banner .center-block { display: block; margin-left: auto; margin-right: auto; } .webinar-banner .container { margin-right: auto; margin-left: auto; padding-left: 60px; padding-right: 60px; } .webinar-banner .container:before, .webinar-banner .container:after { content: " "; display: table; } .webinar-banner .container:after { clear: both; } .webinar-banner .row { margin-left: -15px; margin-right: -15px; } .webinar-banner .row:before, .webinar-banner .row:after { content: " "; display: table; } .webinar-banner .row:after { clear: both; } .webinar-banner .col-sm-6 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 50%; } .webinar-banner .col-sm-img { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 35%; } .webinar-banner .col-sm-content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 65%; } .popup-new-mobile-app { background-attachment: scroll; background-image: url(/account_panel/images/feature/mobile-app-popup.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; display: table; } .popup-new-mobile-app .mobile-app { padding: 20px; } .popup-new-mobile-app .mobile-app .tag { display: inline-block; position: relative; padding: 10px 15px 10px 152px; } .popup-new-mobile-app .mobile-app .tag .label { display: inline-block; padding: 7px 12px; line-height: 1; margin: 0; border-radius: 25px; font-size: 10px; } .popup-new-mobile-app .mobile-app .tag .label-mobile { background-color: #ff4200; } .popup-new-mobile-app .mobile-app .tag svg { position: absolute; width: auto; max-width: 140px; height: 28px; left: 0px; top: 50%; margin-top: -14px; } .popup-new-mobile-app .mobile-app .btn-group-mobile .btn-mobile { display: inline-block; text-decoration: none; margin: 5px 0; } .popup-new-mobile-app .mobile-app .btn-group-mobile .btn-mobile:first-child { margin-right: 15px; } .popup-new-mobile-app .mobile-app .btn-group-mobile .btn-mobile svg { color: #000; display: block; height: 35px; width: auto; max-width: 120px; } .popup-new-mobile-app .mobile-app h2 { width: 400px; } .popup-new-mobile-app .mobile-app-checkbox { background: #272a31; position: absolute; height: 40px; width: 100%; bottom: 0; } .popup-new-mobile-app .mobile-app-checkbox .f-holder { padding: 8px; font-family: "robotoregular", sans-serif !important; font-size: 12px; text-align: center; color: #a7adb8; } .popup-new-mobile-app .mobile-app-checkbox .f-holder .check { background: transparent; border: 1px solid #858c99; box-shadow: none; width: 14px; height: 14px; } .popup-new-mobile-app .mobile-app-checkbox .f-holder .check::before { top: -1px; } .event-group { border: 1px solid rgba(0, 0, 0, 0.1); /* poniższe powoduje, że ostatni dropdown action buttona dla eventu jest przycinany przez obszar event-group nie zaobserwowałem negatywnych konsekwencji wyłączenia ukrywania overflow */ /*overflow: hidden;*/ margin-bottom: 20px; border-radius: 3px; } .event-group .table { border: none; border-radius: 0; margin-bottom: 0; } .event-group .table thead:first-child tr:first-child > th:first-child, .event-group .table tbody:first-child tr:first-child > td:first-child, .event-group .table tbody:first-child tr:first-child > th:first-child { border-top-left-radius: 0; } .event-group .table thead:first-child tr:first-child > th:last-child, .event-group .table tbody:first-child tr:first-child > td:last-child, .event-group .table tbody:first-child tr:first-child > th:last-child { border-top-right-radius: 0; } .event-group .table thead:last-child tr:last-child > th:first-child, .event-group .table tfoot tr:last-child > th:first-child, .event-group .table tbody:last-child tr:last-child > td:first-child, .event-group .table tbody:last-child tr:last-child > th:first-child, .event-group .table tfoot:last-child tr:last-child > td:first-child, .event-group .table tfoot:last-child tr:last-child > th:first-child { border-bottom-left-radius: 0; } .event-group .table thead:last-child tr:last-child > th:last-child, .event-group .table tfoot tr:last-child > th:last-child, .event-group .table tbody:last-child tr:last-child > td:last-child, .event-group .table tbody:last-child tr:last-child > th:last-child, .event-group .table tfoot:last-child tr:last-child > td:last-child, .event-group .table tfoot:last-child tr:last-child > th:last-child { border-bottom-right-radius: 0; } .event-heading a { display: block; padding: 12px; text-align: center; text-transform: uppercase; font-size: 11px; color: #626567; border-top: 1px solid #e3e3e3; } .event-heading a .arrow { position: relative; margin-right: 20px; } .event-heading a .arrow:before { content: ""; position: absolute; top: 50%; width: 0; height: 0; border-color: transparent; border-style: solid; } .event-heading a .arrow.top:before { right: -17px; margin-top: -2px; border-width: 4px 4px 0; border-top-color: #626567; } .event-heading a .arrow.bottom:before { right: -17px; margin-top: -2px; border-width: 0 4px 4px; border-bottom-color: #626567; } .event-heading a .arrow.left:before { right: -15px; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: #626567; } .event-heading a .arrow.right:before { right: -15px; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: #626567; } .applied-promotion { padding: 15px 0; text-align: center; color: #2dd1cc; } .applied-promotion p { margin: 0; } .room-page-branded { padding-top: 0; } .new-webinar-room { display: block; padding-top: 0 !important; } @media (min-width: 1500px) { .new-webinar-room .container { width: 1400px; } } .new-webinar-room * { box-sizing: border-box; } .new-webinar-room *:before, .new-webinar-room *:after { box-sizing: border-box; } .new-webinar-room footer.page-row.page-footer { display: none; } .new-webinar-room .page-row { display: block; } .new-webinar-room .page-middle { height: 100%; } .buy-addons-popup { display: table; width: 100%; height: 100%; } .buy-addons-middle { display: table-cell; position: relative; text-align: center; vertical-align: middle; padding: 15px 30px; } .buy-addons-middle h4 { font-family: "robotomedium", sans-serif !important; margin: 30px 0; } .buy-addons-middle svg { width: 100px; height: 100px; stroke-width: 2px; color: #6ebe3b; } .webinar-published_recording-container-modal { padding: 50px 70px 70px; } .webinar-published_recording-container-modal * { box-sizing: border-box; } .webinar-published_recording-container-modal h2, .webinar-published_recording-container-modal p { color: #292d38; } .webinar-published_recording-container-modal p { margin-top: 0; margin-bottom: 10px; } @media (max-width: 767px) { .webinar-published_recording-container-modal { padding: 15px 35px 35px; } } .webinar-published_recording-url { margin-bottom: 30px; } .webinar-published_recording-url .link { position: relative; padding: 8px 12px; border-radius: 3px; border: 1px solid #dfe0e1; } .webinar-published_recording-url .link .copy-wrap { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 20%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); position: absolute; padding-left: 25px; padding-right: 10px; right: 0; top: 8px; bottom: 8px; } .webinar-published_recording-url .link .copy-to-clipboard { background-color: #00afec; display: inline; padding: 0.2em 0.6em; font-size: 12px; font-weight: normal; letter-spacing: 0; color: #fff !important; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; border-radius: 0.25em; } .webinar-published_recording-url .link .copy-to-clipboard:hover { background-color: #ff800f; } .webinar-published_recording-share { margin-bottom: 30px; } .webinar-published_recording-share .social [class*=social-ico-] { width: 40px; height: 40px; border-radius: 4px; overflow: initial; } .webinar-published_recording-share .social [class*=social-ico-] svg { width: 22px; height: 22px; margin-top: -11px; margin-left: -11px; } .webinar-published_recording-share .social .mark { width: 20px; height: 20px; position: absolute; background: #6ebe3b; right: -8px; bottom: -8px; border-radius: 50%; border: 3px solid #fff; } .webinar-published_recording-share .social .mark svg { width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; } .webinar-published_recording-footer .list-published_recording { padding-left: 0; margin-top: 10px; list-style: none; color: #5c6273; } .webinar-published_recording-footer .list-published_recording li { display: inline-block; margin: 0 10px; } .webinar-published_recording-footer .list-published_recording li:first-child { margin-left: 0; } .webinar-published_recording-footer .list-published_recording li:last-child { margin-right: 0; } .webinar-published_recording-footer .list-published_recording li.break { position: relative; margin: 0; } .webinar-published_recording-footer .list-published_recording li.break:before { content: ""; position: absolute; background: #bec0c7; top: 50%; width: 1px; height: 6px; margin-top: -3px; } .webinar-published_recording-send { position: relative; margin: 30px 0; } .webinar-published_recording-send-icon { position: absolute; top: 50%; margin-top: -75px; } @media (max-width: 991px) { .webinar-published_recording-send-icon { top: auto; margin-top: auto; left: 50%; margin-left: -75px; } } .webinar-published_recording-send-icon svg { width: 150px; height: 150px; color: #6ebe3b; } .webinar-published_recording-send-body { padding: 15px 0 15px 185px; } @media (max-width: 991px) { .webinar-published_recording-send-body { padding: 185px 0 15px; } } .webinar-published_recording-send-body h3 { font-family: "robotoregular", sans-serif !important; font-size: 24px; color: #6ebe3b; margin-bottom: 10px; } .webinar-published_recording-send-body p { font-family: "robotolight", sans-serif !important; font-size: 18px; color: #262626; } /*--------------------------------------------------------------------------------------------- [ Dashboard - Claim tutorial reward ] */ .claim-head { background: #f5f6fb; padding: 100px 0 110px; text-align: center; } .claim-head .main { padding: 0; } .claim-head h2 { font-family: "robotobold", sans-serif; font-size: 52px; color: #505a7d; } .claim-head p { margin-bottom: 30px; font-family: "robotolight", sans-serif !important; font-size: 25px; color: #979eb4; } .claim-head p span { font-family: "robotobold", sans-serif; color: #6ebe3b; } .claim-reward { background: #fff; padding-bottom: 80px; text-align: center; } .claim-reward form { margin-top: -148px; } .claim-reward-btn { margin-top: 70px; } .claim-reward-btn .btn.disabled, .claim-reward-btn .btn[disabled=disabled], .claim-reward-btn fieldset[disabled=disabled] .btn { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.05); } .claim-reward-btn .btn-success.disabled { background: #e0e2ee; background: linear-gradient(to bottom, #f5f6fb 0%, #e0e2ee 100%); } .claim-radio { position: relative; display: inline-block; margin: 0 15px; } .claim-radio label { padding: 240px 0 10px; width: 200px; font-family: "robotolight", sans-serif !important; font-size: 21px; color: #505a7d; } .claim-radio:hover .claim-radio-circle { box-shadow: 0px 10px 18px 0px rgba(40, 45, 56, 0.1); } .claim-radio input[type=radio]:checked ~ .claim-radio-circle { background: #6ebe3b; } .claim-radio input[type=radio]:checked ~ .claim-radio-circle svg { color: #fff; } .claim-radio-circle { background: #fff; position: absolute; border-radius: 100%; height: 200px; width: 200px; z-index: -1; top: 20px; left: 50%; margin-left: -100px; box-shadow: 0px 10px 18px 0px rgba(40, 45, 56, 0.03); transition: all 0.25s ease-in-out; } .claim-radio-circle svg { position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; color: #6ebe3b; transition: all 0.25s ease-in-out; stroke-width: 3; } .rebranding { position: relative; -ms-flex: 1; flex: 1; /* svg */ } .rebranding-options { padding-bottom: 25px; } .rebranding .svg-stroke { stroke-width: 1px; } .rebranding .ico-clickmeeting { width: 150px; height: 50px; } .rebranding .ico-clock, .rebranding .ico-upcoming_events, .rebranding .ico-dot_list, .rebranding .ico-download_2, .rebranding .ico-example_text, .rebranding .ico-published_recording { color: inherit; width: 40px; height: 40px; } .rebranding-tools { background: #292d38; border-bottom: 1px solid #606673; position: relative; overflow: hidden; } .rebranding-col { border-right: 1px solid #3c404a; padding-top: 25px; } @media only screen and (max-width: 992px) { .rebranding-col { border-right: 0; } } .rebranding-col:last-child { width: 40%; border-right: 0; } .rebranding-col-divider { background: #3c404a; position: absolute; top: 0; bottom: 0; width: 1px; left: 50%; margin-left: -0.5px; } @media (max-width: 992px) { .rebranding .image-provider-col { margin-top: 20px; } } .rebranding-panel { width: 100%; margin: auto; } .rebranding-panel-heading h4 { font-family: "robotobold", sans-serif !important; font-size: 14px; margin: 0; color: #fff; letter-spacing: 0; } .rebranding-panel-heading .image-provider-logo { width: 95px; height: 21px; } .rebranding-panel-heading .image-provider-logo.pexels { height: 31px; } .rebranding-panel-body { padding: 15px 0 5px; } .rebranding-panel-body--bg { height: 150px; } .rebranding-panel-body__before { background-image: url("/account_panel/images/room/rebranding/image_provider_before_start_bg.png"); background-repeat: no-repeat; background-position: -15px -40px; background-size: cover; height: 100%; width: 100%; position: absolute; right: 0; top: 20px; z-index: 2; background-color: #292d38; } .rebranding-panel-body__before-content { padding-top: 30px; text-align: left; color: #ffffff; width: 270px; margin: 0 auto; } .rebranding-panel-body__before-content .check { width: 22px; height: 22px; border-radius: 5px; left: -10px; top: 4px; } .rebranding-panel-body__before-content .check:before { font-size: 15px; } .rebranding-panel-body__before-content span { font-size: 16px; } .rebranding-panel-body__before-content p { margin: 0; font-size: 12px; line-height: 20px; } .rebranding-panel-body__before-content a { padding-left: 25px; font-size: 11px; font-weight: 700; } .rebranding-panel-body .colorpicker-element { position: relative; width: 100%; padding-top: 95px; } .rebranding-panel-body .view { height: 95px; } .rebranding-panel-body .view-logo { background: #fff; } .rebranding-panel-body .view-gradient-picker { margin-bottom: 3px; position: relative; overflow: hidden; } .rebranding-panel-body .view-gradient-palette { border: 1px solid #20232b; background: #454b5d; height: 70px; } .rebranding-panel-body .view-gradient .color-sample { background: #454b5d; border: 1px solid #21252d; width: 18px; height: 18px; float: left; } .rebranding-panel-body .view-gradient .color-code { padding: 1px 3px; font-size: 11px; color: #292d38; width: 50px; height: 19px; box-shadow: none; float: right; } .rebranding-panel-body .view-gradient .color-slider { background: #454b5d; margin: 1px 60px 1px 24px; height: 18px; } .rebranding-panel-footer { overflow: hidden; } .rebranding-panel-footer.logo { padding-top: 15px; } .rebranding-panel-footer .suggestions { font-family: "robotoregular", sans-serif !important; font-size: 10px; line-height: 10px; margin: 0 0 5px; color: #5a6172; } .rebranding-panel-footer .list-inline > li { margin-right: 2px; float: left; margin-top: 0; margin-bottom: 0; } .rebranding-panel-footer .list-inline > li a { background: #454b5d; border: 1px solid #21252d; display: block; width: 20px; height: 20px; } .rebranding-panel-footer .btn-link { font-family: "robotoregular", sans-serif !important; font-size: 11px; float: right; text-align: right; width: 50%; } @media (max-width: 1200px) { .rebranding-panel-footer .btn-link { float: none; margin-top: 20px; display: block; width: auto; } } @media (max-width: 992px) { .rebranding-panel-footer .btn-link { float: right; width: 50%; margin-top: 0; } } .rebranding-panel-footer button { font-size: 11px; font-weight: 700; } @media (max-width: 992px) { .rebranding-panel-footer button { margin-bottom: 10px; } } .rebranding-panel-footer .pull-right { float: right; } .rebranding-room { height: 850px; background: #e7e9f0; padding: 45px 25px 30px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } @media only screen and (max-width: 567px) { .rebranding-room { min-height: 950px; } } .rebranding-room-page { background: #fff; position: relative; overflow: hidden; height: 582px; border-radius: 4px; box-shadow: 0px 10px 38px 0px rgb(110, 110, 110); width: 100%; } .rebranding-room .navbar { background: #fff; border-bottom: 1px solid #e9ebf3; min-height: 60px; margin-left: 60px; position: relative; border-top-right-radius: 4px; padding: 0; display: block; } @media (max-width: 768px) { .rebranding-room .navbar { margin-left: 40px; } } .rebranding-room .navbar-header { background: transparent; display: table; padding: 0; margin: 0; float: left; } .rebranding-room .navbar-logo { position: relative; display: table-cell; vertical-align: middle; padding: 5px 10px 5px 20px; height: 60px; cursor: default; } @media (max-width: 992px) { .rebranding-room .navbar-logo { padding: 5px; } } @media (max-width: 768px) { .rebranding-room .navbar-logo { display: none; } } .rebranding-room .navbar-logo img { vertical-align: middle; max-height: 44px; max-width: none; margin-bottom: 0; } @media (max-width: 992px) { .rebranding-room .navbar-logo img { max-width: 100px; } } .rebranding-room .navbar-logo svg { width: 120px; height: 25px; margin-top: 4px; border: 1px solid orange; } .rebranding-room .navbar-text { display: inline-block; margin: 0; padding: 20px 10px; font-size: 16px; color: #292d38; line-height: 1.3; } @media (max-width: 992px) { .rebranding-room .navbar-text { padding: 20px 5px; font-size: 13px; } } @media (max-width: 576px) { .rebranding-room .navbar-text { font-size: 11px; } } .rebranding-room .navbar .nav { padding-left: 0; margin: 0; list-style: none; } .rebranding-room .navbar .nav > li { position: relative; display: table; float: left; height: 60px; } @media (max-width: 576px) { .rebranding-room .navbar .nav > li { display: none; } } @media (max-width: 576px) { .rebranding-room .navbar .nav > li:last-child { display: block; } } .rebranding-room .navbar .nav > li:last-child a { padding-right: 16px; border-top-right-radius: 4px; } @media (max-width: 576px) { .rebranding-room .navbar .nav > li:last-child a { padding-top: 15px; padding-right: 5px; } } .rebranding-room .navbar .nav > li > a { position: relative; display: table-cell; vertical-align: middle; padding: 10px 12px; font-size: 11px; color: #a7afc5; cursor: default; } @media (max-width: 768px) { .rebranding-room .navbar .nav > li > a { padding: 10px 5px; } } .rebranding-room .navbar .nav > li > a .svg-wrap { position: relative; display: inline-block; width: 20px; height: 1px; line-height: 1; vertical-align: middle; } .rebranding-room .navbar .nav > li > a .svg-wrap svg { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-top: -10px; margin-left: -8px; color: #a7afc5; stroke-width: 1; } .rebranding-room .navbar .nav > li > a .ico { display: inline-block; position: relative; top: 0; } .rebranding-room .navbar .nav > li > a .ico-flag-16 { width: 16px; height: 14px; } .rebranding-room .navbar .nav > li > a .ico-avatar { background: url("/account_panel/images/room/rebranding/avatar.png") no-repeat center center; width: 35px; height: 30px; } .rebranding-room .navbar .nav-divider { width: 1px; } .rebranding-room .navbar .nav-divider:after { background: #e8ebf0; content: " "; position: absolute; width: 1px; height: 8px; top: 50%; left: 50%; margin-left: -0.5px; margin-top: -4px; } .rebranding-room .navbar .nav.navbar-right { float: right; } .rebranding-room .content-body { margin-left: 60px; margin-right: 300px; padding: 10px; height: 90%; border: 0; } @media (max-width: 768px) { .rebranding-room .content-body { margin-left: 40px; margin-right: 0; } } .rebranding-room .content-body__mask { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: 0; left: -2px; bottom: 0; height: 100%; width: 100%; } .rebranding-room .sidebar-left { background: #292d38; position: absolute; width: 60px; top: 0; bottom: 0; left: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media (max-width: 768px) { .rebranding-room .sidebar-left { width: 40px; } } .rebranding-room .sidebar-left .nav { margin: 0; padding-left: 0; list-style: none; } .rebranding-room .sidebar-left .nav > li { position: relative; display: table; } .rebranding-room .sidebar-left .nav > li > a { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 60px; height: 60px; padding: 3px 0; cursor: default; } @media (max-width: 768px) { .rebranding-room .sidebar-left .nav > li > a { width: 40px; } } .rebranding-room .sidebar-left .nav-main > li:first-child > a { border-top-left-radius: 4px; } .rebranding-room .sidebar-left .nav-main > li > a svg { width: 28px; height: 28px; color: #fff; stroke-width: 1; } @media (max-width: 768px) { .rebranding-room .sidebar-left .nav-main > li > a svg { width: 24px; height: 24px; } } .rebranding-room .sidebar-left .nav-main > li.active > a { background-color: #222631; box-shadow: 2px 0 0 inset; color: #71bc44; } .rebranding-room .sidebar-left .nav-main > li.active > a svg { color: #71bc44; } .rebranding-room .sidebar-left .nav-main > li.active > a:after { right: 0; top: 50%; border: solid transparent; content: " "; position: absolute; border-right-color: #fff; border-width: 4px; margin-top: -4px; } .rebranding-room .sidebar-left .nav-bottom { position: absolute; bottom: 0; } .rebranding-room .sidebar-left .nav-bottom > li:last-child > a { border-bottom-left-radius: 4px; } .rebranding-room .sidebar-left .nav-bottom > li > a svg { width: 28px; height: 28px; color: #fff; stroke-width: 1; } @media (max-width: 768px) { .rebranding-room .sidebar-left .nav-bottom > li > a svg { width: 24px; height: 24px; } } .rebranding-room .sidebar-left .nav-bottom > li > a span { display: block; font-size: 9px; line-height: 9px; margin-top: 2px; color: #979eb0; } @media (max-width: 768px) { .rebranding-room .sidebar-left .nav-bottom > li > a span { font-size: 8px; line-height: 8px; } } .rebranding-room .sidebar-left .nav-bottom > li > a.btn-off { background: #f25359; } .rebranding-room .sidebar-left .nav-bottom > li > a.btn-audio-mode { background: #444956; } .rebranding-room .sidebar-right { background: #fff; position: absolute; width: 345px; top: 61px; bottom: 0; right: 0; padding-bottom: 45px; box-shadow: 0 0 11px 5px rgba(167, 175, 198, 0.1); border-bottom-right-radius: 4px; } @media (max-width: 768px) { .rebranding-room .sidebar-right { width: 145px; } } .rebranding-room .sidebar-right .audio-video { background: url("/account_panel/images/room/rebranding/audio-video2.jpg") no-repeat center left; background-size: cover; position: relative; height: 187px; border-bottom: 3px solid #71bc44; } @media (max-width: 768px) { .rebranding-room .sidebar-right .audio-video { height: 100px; } } .rebranding-room .sidebar-right .resizeable-panel { background: linear-gradient(to bottom, #f4f6fa 0, #eef1f7 100%); position: relative; padding: 0 8px; } .rebranding-room .sidebar-right .resizeable-panel-av { background: #292d37; } .rebranding-room .sidebar-right .resizeable-panel-av .resizeable-panel-header, .rebranding-room .sidebar-right .resizeable-panel-av .resizeable-panel-header-icon { color: #fff; } .rebranding-room .sidebar-right .resizeable-panel-chat:before { background-color: #9ca6be; content: ""; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 30px; height: 5px; border-radius: 3px; } .rebranding-room .sidebar-right .resizeable-panel-header { line-height: 30px; font-size: 11px; color: #a7afc6; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rebranding-room .sidebar-right .resizeable-panel-header-icon { color: #a7afc6; } .rebranding-room .sidebar-right .resizeable-panel-header-icon svg { width: 20px; height: 20px; } .rebranding-room .sidebar-right .resizeable-panel-header-icon.av-toolbar-icon { background-color: #73bb4c; position: relative; width: 23px; height: 23px; border-radius: 50%; } .rebranding-room .sidebar-right .resizeable-panel-header-icon.av-toolbar-icon-disabled { background-color: #f0545c; } .rebranding-room .sidebar-right .resizeable-panel-header-icon.av-toolbar-icon svg { position: absolute; width: 17px; height: 17px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rebranding-room .sidebar-right .resizeable-panel-header-search { position: relative; background-color: #fff; width: 50px; height: 21px; border-radius: 10px; border: 1px solid #e9ecf3; } .rebranding-room .sidebar-right .resizeable-panel-header-search svg { position: absolute; top: 50%; right: 5px; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 11px; height: 11px; color: #a7afc6; } .rebranding-room .sidebar-right .chat-form { position: absolute; bottom: 0; width: 100%; height: 44px; border-top: 1px solid #e9ebf0; } .rebranding-room .sidebar-right .chat-form textarea { width: calc(100% - 60px); padding: 12px 15px; border: none; line-height: 1.4; min-height: 44px; box-shadow: none; font-size: 12px; resize: none; float: left; } @media (max-width: 768px) { .rebranding-room .sidebar-right .chat-form textarea { padding: 7px; font-size: 10px; line-height: 1.1; } } .rebranding-room .sidebar-right .chat-form textarea[disabled] { background: #fff; cursor: default; } .rebranding-room .sidebar-right .chat-typing { position: absolute; left: 15px; bottom: 50px; font-size: 11px; color: #a7afc5; padding-left: 20px; } @media (max-width: 768px) { .rebranding-room .sidebar-right .chat-typing { left: 7px; font-size: 10px; } } .rebranding-room .sidebar-right .chat-typing:before { content: "•••"; position: absolute; left: 0; bottom: 0; height: 15px; font-size: 15px; line-height: 16px; } .rebranding-room .sidebar-right .chat-options { float: right; width: 60px; position: relative; padding: 10px 0; line-height: 20px; } @media (max-width: 768px) { .rebranding-room .sidebar-right .chat-options { width: 45px; padding: 7px 0; } } .rebranding-room .sidebar-right .chat-options .svg-wrap { position: relative; display: inline-block; width: 26px; height: 1px; vertical-align: middle; color: #5c6272; cursor: default; } @media (max-width: 768px) { .rebranding-room .sidebar-right .chat-options .svg-wrap { width: 20px; } } .rebranding-room .sidebar-right .chat-options .svg-wrap svg { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; stroke-width: 1; } @media (max-width: 768px) { .rebranding-room .sidebar-right .chat-options .svg-wrap svg { width: 15px; height: 15px; } } .rebranding-room .sidebar-right .chat-message { display: block; float: left; margin: 0 0 7px; padding: 10px; border: 1px solid #ebf0f7; background: #fff; border-radius: 5px; font-family: "robotoregular" !important; max-width: 100%; word-wrap: break-word; } @media (max-width: 768px) { .rebranding-room .sidebar-right .chat-message { padding: 5px; } } .rebranding-room .sidebar-right .chat-message-self { float: right; text-align: right; } .rebranding-room .sidebar-right .chat-message-self p { color: #fff !important; } .rebranding-room .sidebar-right .chat-content { font-family: "robotoregular", sans-serif !important; font-size: 12px; line-height: 1.3; } @media (max-width: 768px) { .rebranding-room .sidebar-right .chat-content { font-size: 10px; line-height: 1.1; } } .rebranding-room .sidebar-right .chat-content p { margin: 0 0 5px; color: #292d38; } .rebranding-room .sidebar-right .chat-signature { margin: 0 !important; color: #a7afc5 !important; font-size: 10px; } .rebranding-room .sidebar-right .chat-signature span { display: inline-block; } .rebranding-room .sidebar-right .chat-divider { position: relative; padding: 0 4px; } .rebranding-room .sidebar-right .chat-divider:after { background: #f1f3f9; content: " "; position: absolute; width: 1px; height: 6px; top: 50%; left: 50%; margin-left: -0.5px; margin-top: -3px; } .rebranding-room .sidebar-right .branding-main { background-color: #6ebe3b; border-color: #6ebe3b; } .rebranding-room .sidebar-right .branding-main .chat-signature { color: #ccfead !important; } .rebranding-room .sidebar-right .branding-main .chat-divider:after { background: #94d66e; } .rebranding-room .sidebar-right .nav-justified { display: -ms-flexbox; display: flex; } .rebranding-room .sidebar-right .nav-justified .nav-item { text-align: center; -ms-flex: 1 1 100%; flex: 1 1 100%; } .rebranding-room .sidebar-right .nav-tabs { line-height: 1.5; } .rebranding-room .sidebar-right .nav-tabs.nav-nest { border-bottom: 1px solid #e9ebf0; } .rebranding-room .sidebar-right .nav-tabs.nav-nest .nav-item { margin-bottom: -1px; } .rebranding-room .sidebar-right .nav-tabs.nav-nest .nav-link { background: transparent; padding: 12px 15px 10px; border-width: 0 0 2px; border-radius: 0; } .rebranding-room .sidebar-right .nav-tabs.nav-nest .nav-link.active { border-color: #71bc44; } .rebranding-room .sidebar-right .nav-tabs .nav-link { background: #eff2f7; display: block; padding: 12px 15px; text-transform: uppercase; font-size: 11px; color: #a7afc6; cursor: default; border: 2px solid transparent; } @media (max-width: 768px) { .rebranding-room .sidebar-right .nav-tabs .nav-link { padding: 6px; font-size: 10px; } } .rebranding-room .sidebar-right .nav-tabs .nav-link.active { background: transparent; color: #5c6273; } .rebranding-room .sidebar-right .nav-tabs .nav-link.active .svg-wrap svg { color: #5c6273; } .rebranding-room .sidebar-right .nav-tabs .nav-link:hover { border-color: transparent; } .rebranding-room .sidebar-right .nav-tabs .nav-link .svg-wrap { position: relative; display: inline-block; width: 28px; height: 1px; vertical-align: middle; } .rebranding-room .sidebar-right .nav-tabs .nav-link .svg-wrap svg { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; color: #a7afc5; stroke-width: 1; } .rebranding-room .sidebar-right .tab-content { padding: 15px; position: relative; overflow: hidden; } @media (max-width: 768px) { .rebranding-room .sidebar-right .tab-content { padding: 7px; } } .rebranding-title { max-width: 350px; margin: 10px auto 30px !important; } .rebranding-title--mb { margin-bottom: 15px !important; } .rebranding-event-date { max-width: 320px; margin: 0 auto !important; } .rebranding-mockup { position: relative; padding: 25px 20px 0; background-color: #fff; margin: 45px auto; border-radius: 5px; } .rebranding-mockup__logo { margin-bottom: 5px; max-width: 240px; max-height: 40px; object-fit: contain; } .rebranding-mockup__label { position: absolute; top: 30px; right: -135px; width: 135px; background-color: #2a2d38; font-family: "robotomedium", sans-serif !important; text-transform: uppercase; padding: 10px 15px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-align: center; } @media (max-width: 992px) { .rebranding-mockup__label { top: 0; right: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; padding: 5px; width: auto; } } .rebranding-mockup__name { color: #ffffff; margin: 0; font-size: 14px; line-height: 14px; } @media (max-width: 992px) { .rebranding-mockup__name { font-size: 10px; line-height: 10px; } } .rebranding-mockup__redirect { font-size: 11px; line-height: 11px; color: #a7afc6; display: none; } @media (max-width: 992px) { .rebranding-mockup__redirect { font-size: 8px; line-height: 8px; } } .rebranding-mockup .row { margin-left: -5px; margin-right: -5px; } .rebranding-mockup .col-1, .rebranding-mockup .col-2, .rebranding-mockup .col-3, .rebranding-mockup .col-4, .rebranding-mockup .col-5, .rebranding-mockup .col-6, .rebranding-mockup .col-7, .rebranding-mockup .col-8, .rebranding-mockup .col-9, .rebranding-mockup .col-10, .rebranding-mockup .col-11, .rebranding-mockup .col-12, .rebranding-mockup .col, .rebranding-mockup .col-auto, .rebranding-mockup .col-sm-1, .rebranding-mockup .col-sm-2, .rebranding-mockup .col-sm-3, .rebranding-mockup .col-sm-4, .rebranding-mockup .col-sm-5, .rebranding-mockup .col-sm-6, .rebranding-mockup .col-sm-7, .rebranding-mockup .col-sm-8, .rebranding-mockup .col-sm-9, .rebranding-mockup .col-sm-10, .rebranding-mockup .col-sm-11, .rebranding-mockup .col-sm-12, .rebranding-mockup .col-sm, .rebranding-mockup .col-sm-auto, .rebranding-mockup .col-md-1, .rebranding-mockup .col-md-2, .rebranding-mockup .col-md-3, .rebranding-mockup .col-md-4, .rebranding-mockup .col-md-5, .rebranding-mockup .col-md-6, .rebranding-mockup .col-md-7, .rebranding-mockup .col-md-8, .rebranding-mockup .col-md-9, .rebranding-mockup .col-md-10, .rebranding-mockup .col-md-11, .rebranding-mockup .col-md-12, .rebranding-mockup .col-md, .rebranding-mockup .col-md-auto, .rebranding-mockup .col-lg-1, .rebranding-mockup .col-lg-2, .rebranding-mockup .col-lg-3, .rebranding-mockup .col-lg-4, .rebranding-mockup .col-lg-5, .rebranding-mockup .col-lg-6, .rebranding-mockup .col-lg-7, .rebranding-mockup .col-lg-8, .rebranding-mockup .col-lg-9, .rebranding-mockup .col-lg-10, .rebranding-mockup .col-lg-11, .rebranding-mockup .col-lg-12, .rebranding-mockup .col-lg, .rebranding-mockup .col-lg-auto, .rebranding-mockup .col-xl-1, .rebranding-mockup .col-xl-2, .rebranding-mockup .col-xl-3, .rebranding-mockup .col-xl-4, .rebranding-mockup .col-xl-5, .rebranding-mockup .col-xl-6, .rebranding-mockup .col-xl-7, .rebranding-mockup .col-xl-8, .rebranding-mockup .col-xl-9, .rebranding-mockup .col-xl-10, .rebranding-mockup .col-xl-11, .rebranding-mockup .col-xl-12, .rebranding-mockup .col-xl, .rebranding-mockup .col-xl-auto { padding-left: 5px; padding-right: 5px; } .rebranding .mockup-avatar { width: 100%; } @media (max-width: 576px) { .rebranding .mockup-avatar { width: 54px; margin-bottom: 10px; } } .rebranding .mockup-field { background-color: #e9ebf1; height: 18px; border-radius: 3px; border: 0; } .rebranding .mockup-field--short { width: 20px; } .rebranding .mockup-field--small { border-radius: 5px; height: 8px; } .rebranding .mockup-field--profile { height: 15px; } .rebranding .mockup-field--medium { height: 10px; } .rebranding .mockup-field--mediumH { height: 10px; } .rebranding .mockup-field--mediumW { width: 100px; } .rebranding .mockup-field--blue { border-radius: 5px; height: 5px; width: 75px; background-color: #c0ebfa; } .rebranding .mockup-field--blue.tall { height: 10px; } .rebranding .mockup-field--blue.taller { height: 15px; } .rebranding .mockup-tab { border: 1px solid #ecedf2; border-radius: 5px; padding: 0 5px; min-width: 180px; } .rebranding .mockup-tab--active { color: #fff !important; } .rebranding .mockup-tab__element { font-size: 12px; font-weight: 600; } @media (max-width: 575px) { .rebranding .mockup-tab { min-width: auto; width: 100%; } } .rebranding .mockup-action { font-size: 12px; font-family: "robotomedium"; } .rebranding .mockup-squares__item { width: 14px; height: 14px; display: inline-block; margin-right: 4px; } .rebranding .mockup-squares__item--purple { background-color: #ced5e6; } .rebranding .mockup-squares__item--blue { background-color: #cae8fb; } .rebranding .mockup-squares__item--green { background-color: #acd4e7; } .rebranding .mockup-squares__item--red { background-color: #f6d3d1; } .rebranding .mockup-numbers { margin-top: 10px; padding: 15px 0; -ms-flex-pack: center; justify-content: center; } .rebranding .mockup-numbers span { font-size: 18px; font-family: "robotobold", sans-serif !important; color: #ffffff; background-color: #e9ebf1; border-radius: 0; padding: 3px 6px 5px 6px; position: relative; } .rebranding .mockup-numbers span:after { content: ""; position: absolute; bottom: 3px; background-color: #ffffff; height: 3px; width: 15px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; } .rebranding .mockup-numbers span:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .rebranding .mockup-numbers span:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .rebranding .mockup-component-bg { background-color: #f2f3f7; padding: 20px 0 25px; margin: 20px 0; } .rebranding .mockup-input { background-color: #ffffff; height: 25px; border-radius: 3px; border: 1px solid #e3e6ed; width: 100%; } .rebranding .mockup-input.active { border: 1px solid #b0d89b; } .rebranding .mockup-radio { width: 14px; height: 14px; border-radius: 100%; background-color: #fff; border: 1px solid #e3e6ed; margin-right: 5px; position: relative; } .rebranding .mockup-radio.active .mockup-radio__check { position: absolute; height: 6px; width: 6px; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #6ebe3b; border-radius: 100%; } .rebranding .mockup-checkbox { width: 14px; height: 14px; border-radius: 3px; border: 1px solid #f2f3f6; margin-right: 10px; text-align: center; } .rebranding .mockup-checkbox i { color: #6ebe3b; position: relative; top: -5px; font-size: 10px; } .rebranding .mockup-button { text-align: center; text-transform: uppercase; color: #ffffff; font-size: 13px; font-family: "robotomedium", sans-serif !important; padding: 11px 22px; background-color: #6ebe3b; border-radius: 25px; margin-top: 25px; } .rebranding .mockup-button--large { font-family: "robotobold", sans-serif !important; padding: 11px 30px; } .rebranding .mockup-button--fb { background-color: #3e5c98; margin-top: 20px; font-size: 10px; padding: 5px 10px; font-family: "robotobold", sans-serif !important; } .rebranding .mockup-row-txt { max-width: 450px; margin: 0 auto; } .rebranding .mockup-login-box { width: 300px; margin: 0 auto; } @media (max-width: 576px) { .rebranding .mockup-login-box { width: 100%; } } .rebranding .mockup-icon-list { font-size: 35px; color: #6ebe3b; margin-right: 10px; } .rebranding--3 input[disabled] { background-color: white; } .rebranding--3 .room-page-middle { background: initial; } .rebranding--3 .room-footer { position: relative !important; pointer-events: none; } .rebranding--3 .unit { background-color: #f2f3f7; border: 0; border-radius: 0; margin: 0 -10px; padding: 10px; } .rebranding--3 .room-content { background-color: white; } .rebranding-tools { /* colorpicker ****************************************/ /* croppie ****************************************/ } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-saturation { height: 72px; background-size: 100% 100%; position: absolute !important; top: 30px; left: 0; right: 0; width: auto; margin-bottom: 0 !important; border: 1px solid #20232b; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-saturation i { border-color: #fff; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-saturation i b { border-color: rgba(41, 45, 56, 0.2); width: 3px; height: 3px; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-color { height: 20px; width: 20px; overflow: hidden; border: 1px solid #21252d; position: absolute; top: 0; left: 0; margin-top: 0; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-color div { height: 20px; width: 20px; position: static; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-hue { position: absolute; left: 25px; top: 1px; height: 18px !important; margin-bottom: 0 !important; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-hue, .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-alpha { width: 130px; height: 18px; } @media only screen and (max-width: 1200px) { .rebranding-tools .rebranding-col .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-hue { width: 90px; } } @media only screen and (max-width: 992px) { .rebranding-tools .rebranding-col .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-hue { width: 130px; } } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-hue i, .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-alpha i { width: 1px; height: 18px; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-hue i:before, .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-alpha i:before { content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid #fff; } .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-hue i:after, .rebranding-tools .colorpicker.colorpicker-rebranding.colorpicker-horizontal .colorpicker-alpha i:after { content: ""; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; border: 1px solid rgba(0, 0, 0, 0.11); } .rebranding-tools .colorpicker.colorpicker-rebranding { border-radius: 0 !important; margin-top: 0 !important; padding: 0 !important; width: auto !important; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } .rebranding-tools .colorpicker-element .colorpicker-code { padding: 1px 0; font-size: 11px; color: #292d38; width: 50px; height: 19px; box-shadow: none; font-size: 11px; position: absolute; right: 0; top: 0; z-index: 1; } .rebranding-tools .colorpicker-element .colorpicker-code input { padding: 0; color: #292d38; } .rebranding-tools .cr-boundary { width: 100% !important; background-color: white; } .rebranding-tools .croppie-container { position: relative; width: 100% !important; height: 95px !important; margin: auto; } .rebranding-tools .croppie-container .cr-slider-wrap { position: absolute; bottom: -10px; left: 0; width: 170px !important; z-index: 1; right: 0; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range] { -webkit-appearance: none; margin: 0; width: 100%; position: absolute; bottom: 0; left: 0; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]:focus { outline: none; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 3px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #a7afc6; border-radius: 25px; border: 0px solid #000101; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 0px solid #000000; height: 9px; width: 9px; border-radius: 7px; background: #292d38; cursor: pointer; -webkit-appearance: none; margin-top: -3.5px; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]:focus::-webkit-slider-runnable-track { background: #a7afc6; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-moz-range-track { width: 100%; height: 3px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #a7afc6; border-radius: 25px; border: 0px solid #000101; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 0px solid #000000; height: 9px; width: 9px; border-radius: 7px; background: #292d38; cursor: pointer; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-ms-track { width: 100%; height: 12.8px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 9px 0; color: transparent; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-ms-fill-lower { background: #a7afc6; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-ms-fill-upper { background: #a7afc6; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]::-ms-thumb { box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; border: 0px solid #000000; height: 9px; width: 9px; border-radius: 7px; background: #292d38; cursor: pointer; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]:focus::-ms-fill-lower { background: #a7afc6; } .rebranding-tools .croppie-container .cr-slider-wrap input[type=range]:focus::-ms-fill-upper { background: #a7afc6; } .rebranding-tools .croppie-container .cr-viewport, .rebranding-tools .croppie-container .cr-resizer { border-width: 0px !important; box-shadow: 0 0 2000px 2000px rgba(69, 75, 93, 0.9) !important; top: -10px !important; cursor: move; } #profile-page-tab .vr-list label { margin-bottom: 0; } .rebranding .regulations-modal-content p { margin: 0 0 20px; } .rebranding .v--modal-overlay { background-color: rgba(49, 53, 64, 0.9) !important; } .rebranding .v--modal-box.v--modal { height: 450px !important; padding-bottom: 50px; box-sizing: content-box !important; } .rebranding .v--modal-box.v--modal-box { overflow: initial !important; } .rebranding .ps__scrollbar-y-rail { width: 4px !important; background-color: #454b5d !important; border-radius: 5px; margin-top: 5px; opacity: 0.6 !important; } .rebranding .ps__scrollbar-y-rail:hover { width: 4px !important; } .rebranding .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #a7afc6 !important; right: 1px !important; border-radius: 0 !important; width: 2px !important; } .rebranding .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y:hover { width: 2px !important; } @media (max-width: 767px) { .appearance-settings .positioned { text-align: center !important; } } .beta-room-panel { background: #0b132a; background: -webkit-gradient(left top, right top, color-stop(0%, #0b132a), color-stop(100%, #1e2d4f)); background: linear-gradient(to right, #0b132a 0%, #1e2d4f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0b132a", endColorstr="#1e2d4f", GradientType=1 ); height: 70px; overflow: hidden; } .beta-room-panel-fixed-top { position: fixed; top: 60px; left: 0; right: 0; z-index: 1020; transition: top 0.3s ease-in-out; } .beta-room-panel-fixed-top.nav-fixed { top: 0; } .beta-room-panel *:before, .beta-room-panel *:after { box-sizing: content-box !important; } .beta-room-panel__wrap { -ms-flex-align: center; align-items: center; } .beta-room-fixed { padding-top: 132px; } .beta-room-content-left, .beta-room-content-right { display: block; position: relative; overflow: hidden; } .beta-room-content-left { text-align: left; } .beta-room-content-left h3 { font-family: "robotomedium", sans-serif !important; font-size: 14px; line-height: 20px; margin: 0; color: #fff; } .beta-room-content-right { text-align: right; } .beta-room-content-right a { font-family: "robotomedium", sans-serif !important; font-size: 14px; line-height: 20px; display: inline-block; position: relative; padding: 5px 0 5px 20px; margin: 0; cursor: pointer; } .beta-room-content-right a:hover { text-decoration: underline; color: #00afec; } .beta-room-content-right a svg { width: 14px; height: 14px; margin-right: 5px; } .beta-room-content-switch label { font-family: "robotomedium", sans-serif !important; font-size: 10px; letter-spacing: 2px; color: #5773ab; cursor: auto; margin: 0; } .beta-room-content-switch .switch-wrap { background: #162445; padding-top: 3px; height: 70px; box-shadow: 0px 0px 51px 0px rgba(4, 15, 48, 0.9); -ms-transform: skew(-20deg); transform: skew(-20deg); } .beta-room-content-switch .switch-inside { -ms-transform: skew(20deg); transform: skew(20deg); } .beta-room-content-switch .switch-slider { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .beta-room-content-switch .switch-slider .form-control { margin: 3px 0; } .beta-room-content-switch .switch-slider .old, .beta-room-content-switch .switch-slider .new { font-family: "robotobold", sans-serif !important; letter-spacing: 1px; font-size: 12px; } .beta-room-content-switch .switch-slider .old.active, .beta-room-content-switch .switch-slider .new.active { color: #fff; } .beta-room-content-switch .switch-slider .old { margin-right: 20px; } .beta-room-content-switch .switch-slider .new { margin-left: 20px; color: #fff; } .beta-room-content-switch .switch-slider .new-wrap { border: 1px solid red; } .beta-room-content-switch .switch-slider .new .beta { background: #00afec; padding: 2px 5px; position: absolute; left: 0; top: 50%; margin-top: -9px; margin-left: 4px; text-transform: uppercase; font-size: 9px; border-radius: 2px; } .beta-room-content-switch .switch-slider .new .beta:before { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50%; left: -4px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #00afec; } .beta-room-content-switch .switch-slider .new .beta-wrap { position: relative; display: inline-block; height: 10px; width: 1px; } .beta-room-content-switch .switch-slider .switch { height: 30px; line-height: 30px; } .beta-room-content-switch .switch-slider .switch .slider-bd { width: 50px; } .beta-room-content-switch .switch-slider .switch .slider-bd span { display: none; } .beta-room-content-switch .switch-slider .switch .slider-viewport { height: 30px; width: 50px; padding: 4px 0; } .beta-room-content-switch .switch-slider .switch .slider-btn { top: -2px; } .beta-room-content-switch .switch-slider .switch .slider-toggle + .slider-viewport .slider-btn { left: 50px; } .beta-room-content-switch .switch-slider .switch .slider-toggle:checked + .slider-viewport .slider-btn { left: 24px; } .beta-room-carousel { height: 600px; } .beta-room-carousel .carousel-item { height: 600px; overflow: hidden; } .beta-room-carousel .carousel-item-new-room { padding: 55px 0 120px; } .beta-room-carousel .carousel-item-new-room h2 { font-family: "robotoregular", sans-serif !important; font-size: 26px; color: #1b1f2b; margin-bottom: 35px; } .beta-room-carousel .carousel-item-new-room h4 { font-family: "robotoregular", sans-serif !important; font-size: 16px; color: #1b1f2b; } .beta-room-carousel .carousel-item-new-room p { font-size: 16px; color: #6b7183; margin-bottom: 25px; } .beta-room-carousel .carousel-item-new-room .feature-circle { padding: 0 28px; } .beta-room-carousel .carousel-item-new-room .feature-circle.row .col-4 { padding: 0 10px; } .beta-room-carousel .carousel-item-new-room .img-responsive { margin-bottom: 25px; max-width: 100%; height: auto; box-shadow: 0px 13px 46px 0px rgba(25, 100, 240, 0.46); } .beta-room-carousel .carousel-item-start-using { padding: 120px 60px 15px; } .beta-room-carousel .carousel-item-start-using h2 { font-family: "robotoregular", sans-serif !important; font-size: 26px; color: #1b1f2b; margin-bottom: 35px; } .beta-room-carousel .carousel-item-start-using p { font-size: 16px; color: #6b7183; margin-bottom: 45px; } .beta-room-carousel .carousel-item-start-using .img-center { margin: 0 auto; } .beta-room-carousel .btn.medium { font-family: "robotomedium", sans-serif !important; font-size: 14px; padding: 14px 40px; letter-spacing: normal; } .beta-room-carousel .btn.medium.btn-success { background: #1964f0; box-shadow: 0px 13px 46px 0px rgba(25, 101, 240, 0.31); } .beta-room-carousel .btn.medium.btn-success:hover { background: darken #1964f0, 5%; } .beta-room-container { padding: 0 15px; height: 100%; overflow: hidden; } .beta-room-container .list-features { padding-left: 0; list-style: none; margin-top: 30px; margin-bottom: 10px; } .beta-room-container .list-features > li { display: inline-block; padding: 0; margin: 0 8px 10px; } .beta-room-container .list-features > li svg { width: 24px; height: 24px; color: #a7afc6; stroke-width: 1; } .beta-room-container__svg { margin-bottom: 25px; color: #1965f0; } .beta-room-container__svg .svg-stroke { width: 65px; height: 65px; stroke-width: 2; } .beta-room-caption { position: absolute; bottom: 60px; left: 30px; right: 30px; } @media (min-width: 768px) { #beta-tests-modal .modal-dialog { width: 650px; max-width: none; } } @media screen and (max-width: 767px) { .user-survey-popup { width: 85% !important; } .user-survey-popup .fancybox-inner { width: 100% !important; } .user-survey-popup .fancybox-close { top: -4px; right: -28px; } .user-survey-popup .fancybox-close:before { font-size: 24px; } } .new-room-feedback-popup { display: table; width: 100%; height: 100%; min-width: 550px; } @media screen and (max-width: 767px) { .new-room-feedback-popup { min-width: 320px; } } @media screen and (max-width: 567px) { .new-room-feedback-popup { min-width: 100%; } } .new-room-feedback-middle { display: table-cell; position: relative; vertical-align: middle; padding: 15px; } @media screen and (max-width: 567px) { .new-room-feedback-middle { padding: 10px; } } .new-room-feedback-form { text-align: center; } .new-room-feedback-form h2 { font-family: "robotomedium", sans-serif !important; font-size: 24px; color: #0f1831; } @media screen and (max-width: 767px) { .new-room-feedback-form h2 { font-size: 18px; margin-bottom: 20px; } } @media screen and (max-width: 567px) { .new-room-feedback-form h2 { font-size: 16px; line-height: 16px; } } .new-room-feedback-form h2 svg { width: 40px; height: 40px; stroke-width: 1px; color: #6ebe3b; } @media screen and (max-width: 767px) { .new-room-feedback-form h2 svg { width: 30px; height: 30px; } } .new-room-feedback-form p { font-family: "robotolight", sans-serif !important; font-size: 16px; color: #a7afc6; } @media screen and (max-width: 767px) { .new-room-feedback-form p { font-size: 14px; margin: 15px 0; } } .new-room-feedback-form .btn.x-large { padding: 20px 50px; font-size: 14px; text-transform: uppercase; letter-spacing: 0; } @media screen and (max-width: 567px) { .new-room-feedback-form .btn.x-large { padding: 15px 30px; } } .new-room-feedback-form .btn-feedback { background: #0c142d; background: linear-gradient(to bottom, #203054 0%, #0c142d 100%); box-shadow: 0px 12px 35px 0px rgba(16, 36, 95, 0.41); } .new-room-feedback-form .btn-feedback:hover { background: #101b3d; background: linear-gradient(to bottom, #263863 0%, #101b3d 100%); } .new-room-feedback-form .form-group { margin-left: 70px; margin-right: 70px; position: relative; margin-bottom: 35px; } @media screen and (max-width: 767px) { .new-room-feedback-form .form-group { margin-bottom: 20px; } } @media screen and (max-width: 567px) { .new-room-feedback-form .form-group { margin: 0 0 20px; } } .new-room-feedback-form .form-group.has-error textarea { border-color: #ff4200; } .new-room-feedback-form .form-group textarea { min-height: 120px; background: transparent; box-shadow: none; border-radius: 4px; font-size: 18px; } @media screen and (max-width: 767px) { .new-room-feedback-form .form-group textarea { font-size: 14px; } } .new-room-feedback-form .form-group textarea:-ms-input-placeholder { font-size: 18px; color: #a7afc6; } .new-room-feedback-form .form-group textarea::placeholder { font-size: 18px; color: #a7afc6; } @media screen and (max-width: 767px) { .new-room-feedback-form .form-group textarea:-ms-input-placeholder { font-size: 14px; } .new-room-feedback-form .form-group textarea::placeholder { font-size: 14px; } } .new-room-feedback-form .label-rate { vertical-align: middle; font-family: "robotolight", sans-serif !important; font-size: 18px; color: #5c6273; cursor: auto; } @media screen and (max-width: 767px) { .new-room-feedback-form .label-rate { font-size: 16px; display: block; } } @media screen and (max-width: 567px) { .new-room-feedback-form .label-rate { font-size: 14px; } } .new-room-feedback-form .label-very-good { vertical-align: middle; text-transform: uppercase; font-size: 12px; color: #a7afc6; cursor: auto; } @media screen and (max-width: 567px) { .new-room-feedback-form .label-very-good { margin-top: 0.5rem; } } .new-room-feedback-form .help-block { position: absolute; bottom: -25px; left: 0; right: 0; font-size: 12px; margin: 0; } @media screen and (max-width: 767px) { .new-room-feedback-form .help-block { bottom: -15px; } } .new-room-feedback-form .help-block.has-error { color: #ff4200; } .new-room-feedback-finish { padding: 50px 0 100px; text-align: center; } .new-room-feedback-finish h2 { font-family: "robotomedium", sans-serif !important; font-size: 34px; color: #6ebe3b; } .new-room-feedback-finish svg { width: 100px; height: 100px; stroke-width: 1px; color: #6ebe3b; } .new-room-feedback-finish .btn { color: #00afec; } .new-room-feedback-finish .btn.x-large { padding: 15px 20px; font-size: 14px; text-transform: uppercase; letter-spacing: 0; } .new-room-feedback-finish .btn-wrap { position: absolute; bottom: 40px; left: 0; right: 0; } .new-room-feedback-finish .btn-feedback-finish { border: 1px solid #e7e9f0; } .new-room-feedback-finish .btn-feedback-finish:hover { border: 1px solid #dadde8; } .new-room-feedback-stars { background: url("../../../../../homepage/images/landing/new-webinar-room/feedback-stars.png") no-repeat 6px 0px; position: relative; display: inline-block; vertical-align: middle; width: 224px; height: 31px; margin: 0 10px; } .new-room-feedback-stars .radio-inline { background-image: url("../../../../../homepage/images/landing/new-webinar-room/feedback-stars.png"); background-position: 6px 31px; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 43px; height: 31px; text-decoration: none; text-indent: -9999px; z-index: 0; } .new-room-feedback-stars .radio-inline.one { width: 45px; z-index: 5; } .new-room-feedback-stars .radio-inline.one.checked, .new-room-feedback-stars .radio-inline.one:hover { background-position: 6px -31px; } .new-room-feedback-stars .radio-inline.two { width: 90px; z-index: 4; } .new-room-feedback-stars .radio-inline.two.checked, .new-room-feedback-stars .radio-inline.two:hover { background-position: 6px -62px; } .new-room-feedback-stars .radio-inline.three { width: 135px; z-index: 3; } .new-room-feedback-stars .radio-inline.three.checked, .new-room-feedback-stars .radio-inline.three:hover { background-position: 6px -93px; } .new-room-feedback-stars .radio-inline.four { width: 180px; z-index: 2; } .new-room-feedback-stars .radio-inline.four.checked, .new-room-feedback-stars .radio-inline.four:hover { background-position: 6px -124px; } .new-room-feedback-stars .radio-inline.five { width: 225px; z-index: 1; } .new-room-feedback-stars .radio-inline.five.checked, .new-room-feedback-stars .radio-inline.five:hover { background-position: 6px -155px; } .paid-access-summary { display: table; width: auto; padding: 30px 0 10px; margin: auto; text-align: center; } .paid-access-cell { display: inline-block; vertical-align: middle; } @media (max-width: 768px) { .paid-access-cell { display: block; min-width: 200px; } } .paid-access-element { position: relative; padding: 10px 0; } .paid-access-svg { position: absolute; top: 0; bottom: 0; left: 0; width: 50px; } .paid-access-svg svg { position: absolute; width: 50px; height: 50px; left: 0; top: 50%; margin-top: -25px; color: #6ebe3b; stroke-width: 2px; } .paid-access-desc { padding-left: 65px; text-align: left; } .paid-access-desc .title { font-size: 12px; text-transform: uppercase; color: #6ebe3b; text-align: left; } .paid-access-desc .value { font-size: 24px; line-height: 24px; color: #5c6273; } .paid-access-desc .value.equal { color: #282b31; } .paid-access-separator { text-align: center; font-size: 18px; color: #a7afc6; width: 50px; } @media (max-width: 768px) { .paid-access-separator { margin: 0 auto; } } .paid-access-separator.equal { font-size: 24px; } .paid-access-search input[type=search] { box-shadow: none; } .paid-access-search input[type=search]:-ms-input-placeholder { font-style: italic; } .paid-access-search input[type=search]::placeholder { font-style: italic; } .paid-access-search .input-group-addon[data-icon=p] { color: #c2c2c2; } .paid-access-helper { margin: 0 100px; } @media (max-width: 991px) { .paid-access-helper { margin: 0 20px; } } @media (max-width: 768px) { .paid-access-helper { width: 250px; margin: auto; } } .paid-access-helper__info { position: relative; background: #ebf9fe; border-radius: 3px; padding: 8px 8px 8px 35px; display: inline-block; } @media (max-width: 768px) { .paid-access-helper__info { margin-top: 15px; } } .paid-access-helper__info-svg { position: absolute; top: 0; bottom: 0; left: 0; width: 35px; } .paid-access-helper__info-svg svg { position: absolute; width: 14px; height: 14px; margin-top: -7px; top: 50%; left: 10px; color: #00afec; } .paid-access-helper__info-desc { font-size: 11px; color: #6b7183; } .paid-access-helper__tip { margin-left: 25px; } .paid-access-helper__tip-star { float: left; position: relative; overflow: hidden; color: #6ebe3b; } .paid-access-helper__tip-desc { font-size: 11px; color: #6b7183; margin-left: 8px; } .whats-new .box { position: relative; border-bottom: 1px solid #dbdfe7; margin: 40px 0 60px; transition: all 0.3s ease-in-out; z-index: 1; } .whats-new .box:before { border-radius: 2px; content: ""; position: absolute; top: -25px; left: -25px; right: -25px; bottom: -25px; transition: all 0.3s ease-in-out; z-index: -1; } .whats-new .box.active, .whats-new .box:hover { cursor: pointer; } .whats-new .box.active:before, .whats-new .box:hover:before { background: #fff; top: -25px; left: -25px; right: -25px; bottom: -25px; box-shadow: 0px 20px 49.2px 10.8px rgba(167, 175, 198, 0.18); z-index: -1; } .whats-new .box .label { font-family: "robotomedium", sans-serif !important; margin-left: 0; font-size: 12px; } .whats-new .box .label-date { color: #a7afc6 !important; } .whats-new .box-header { padding: 0; } .whats-new .box-header h3 { position: relative; padding-right: 20px; margin: 5px 0; color: #292d38; } .whats-new .box-header h3 svg { position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; right: 0; color: #a7afc6; stroke-width: 2px; transition: all 0.3s ease-in-out; } .whats-new .box-header h3:hover svg { color: #6ebe3b; } .whats-new .box-header h3.open svg { -ms-transform: rotate(180deg); transform: rotate(180deg); } .whats-new .box-body { padding: 15px 0 0; overflow: hidden; } .whats-new .box-body p { margin: 0 0 20px; font-family: "robotolight", sans-serif !important; color: #5c6273; } .whats-new .box-body .pull-left { margin-right: 25px; margin-bottom: 20px; } .whats-new .box-body .pull-right { margin-left: 25px; margin-bottom: 20px; } .whats-new .box-body .btn-options { margin-top: 40px; } .whats-new .box-body .btn-options .mobile-apple-ico { width: 135px; height: 40px; color: #000; } .whats-new .box-body .btn-options .spacer { border: 0; margin: 0 20px; vertical-align: middle; } .whats-new .box-body .btn-options .spacer:after { content: "|"; display: inline-block; font-size: 16px; color: #dbdee7; vertical-align: middle; } .whats-new .box-body .btn-link { font-family: "robotoregular", sans-serif !important; padding-left: 0; padding-right: 0; } .whats-new .box-more { display: none; } .whats-new.page-header .page-wrap { width: 709px; } .whats-new.page-header h1 { font-size: 24px; padding: 0 0 0 41px; } .whats-new.page-header p { margin-bottom: 0; font-family: "robotolight", sans-serif !important; color: #a7afc6; } .whats-new.page-header .page-header-ico { width: 25px; height: 25px; margin: 0 0 0 -36px; } .sidebar-tiles { position: fixed; display: block; width: 85px; left: 0; top: 20px; bottom: 20px; z-index: 19999; transition: all 0.3s ease-in-out; } .sidebar-tiles-hidden { left: -85px; } .sidebar-tiles-hidden .sidebar-tiles-btn { width: 20px; height: 36px; margin-top: -18px; right: -15px; } .sidebar-tiles-hidden .sidebar-tiles-btn:hover { right: -18px; width: 20px; } .sidebar-tiles-hidden .sidebar-tiles-btn svg { width: 16px; height: 16px; margin-top: -8px; -ms-transform: rotate(180deg); transform: rotate(180deg); } .sidebar-tiles-hidden .notification { display: block !important; } .sidebar-tiles .navbar-tiles { background: #e2e3ea; padding: 0; margin: 0; box-shadow: 0px 12px 38px 0px rgba(16, 36, 95, 0.17); } .sidebar-tiles .navbar-tiles li { background: #fff; position: relative; display: table; list-style: none; height: 85px; width: 100%; border-bottom: 1px solid #e2e3ea; } .sidebar-tiles .navbar-tiles li:last-child { border-bottom: none; } .sidebar-tiles .navbar-tiles li.subaccounts:hover .list-subaccounts { display: block; top: -2px; left: 85px; z-index: 2; } .sidebar-tiles .navbar-tiles li.xlivechat-expand-right { -ms-transform: translateX(0px); transform: translateX(0px); transition: transform 0.3s; } .sidebar-tiles .navbar-tiles li.xlivechat-expand-right.hover { -ms-transform: translateX(85px); transform: translateX(85px); } .sidebar-tiles .navbar-tiles li .livechat-lang { position: absolute; right: 85px; top: 0; bottom: 0; margin: 0; width: 100%; padding: 20px 10px; box-sizing: border-box; text-transform: uppercase; font-size: 9px; color: #a7afc6; } .sidebar-tiles .navbar-tiles li .tile { display: table-cell; vertical-align: middle; position: relative; padding: 5px; text-transform: uppercase; text-align: center; font-size: 9px; color: #a7afc6; transition: all 0.3s ease-in-out; z-index: 1; } .sidebar-tiles .navbar-tiles li .tile.subaccounts { z-index: 2; } .sidebar-tiles .navbar-tiles li .tile.subaccounts:hover .list-subaccounts { display: block; left: 85px; } .sidebar-tiles .navbar-tiles li .tile svg { display: block; margin: 0 auto 5px; width: 30px; height: 30px; stroke-width: 1.2; color: #6ebe3b; transition: all 0.3s ease-in-out; } .sidebar-tiles .navbar-tiles li .tile .title { display: block; color: #a7afc6; } .sidebar-tiles .navbar-tiles li .tile:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; transition: all 0.3s ease-in-out; z-index: -1; } @media screen\0 { .sidebar-tiles .navbar-tiles li .tile:before { height: 85px; } } .sidebar-tiles .navbar-tiles li .tile.active { z-index: 0; } .sidebar-tiles .navbar-tiles li .tile.active, .sidebar-tiles .navbar-tiles li .tile:hover { color: #fff; } .sidebar-tiles .navbar-tiles li .tile.active .title, .sidebar-tiles .navbar-tiles li .tile.active svg, .sidebar-tiles .navbar-tiles li .tile:hover .title, .sidebar-tiles .navbar-tiles li .tile:hover svg { color: #fff; } .sidebar-tiles .navbar-tiles li .tile.active:before, .sidebar-tiles .navbar-tiles li .tile:hover:before { background-color: #83c952; background-image: linear-gradient(to bottom, #83c952 0%, #58ad2b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff83c952", endColorstr="#ff58ad2b", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; box-shadow: 0px 12px 35px 0px rgba(16, 36, 95, 0.2); -ms-transform: scale(1.05); transform: scale(1.05); } .sidebar-tiles .navbar-tiles li .tile-notification { position: relative; } .sidebar-tiles .navbar-tiles li .tile .notification { position: absolute; top: 0; right: 15px; } .sidebar-tiles-btn { background: #a7afc5; position: absolute; width: 10px; height: 24px; top: 50%; margin-top: -12px; right: -6px; border-radius: 2px; box-shadow: 0px 4px 14px 0px rgba(94, 107, 143, 0.21); transition: all 0.3s ease-in-out; color: #fff; z-index: 2; } .sidebar-tiles-btn:hover { background-color: #6ebe3b; } .sidebar-tiles-btn svg { position: absolute; stroke-width: 1.2; right: 0; top: 50%; width: 10px; height: 10px; margin-top: -5px; color: #fff; transition: all 0.3s ease-in-out; } .sidebar-tiles-btn .notification { position: absolute; top: -5px; right: -7px; display: none; } .sidebar-tiles.right { right: 0; left: auto; } @media (max-width: 767px) and (orientation: landscape) { .sidebar-tiles.right { top: 5px; bottom: calc(100% - 100px); } } @media (max-width: 767px) and (orientation: portrait) { .sidebar-tiles.right { top: 70px; bottom: calc(100% - 170px); } } .sidebar-tiles.right.sidebar-tiles-hidden { right: -85px; left: auto; } .sidebar-tiles.right.sidebar-tiles-hidden .sidebar-tiles-btn { left: -15px; right: auto; } .sidebar-tiles.right.sidebar-tiles-hidden .sidebar-tiles-btn:hover { left: -18px; } .sidebar-tiles.right.sidebar-tiles-hidden .sidebar-tiles-btn svg { -ms-transform: rotate(0deg); transform: rotate(0deg); } .sidebar-tiles.right .sidebar-tiles-btn { left: -6px; right: auto; } .sidebar-tiles.right .sidebar-tiles-btn svg { left: 0; right: auto; -ms-transform: rotate(180deg); transform: rotate(180deg); } .sidebar-tiles .notification { background: #ff0000; border-radius: 50%; width: 15px; height: 15px; padding: 2px; line-height: 10px; text-align: center; font-family: "robotomedium", sans-serif !important; font-size: 10px; color: #fff; } .sidebar-table { display: table; height: 100%; width: 100%; } .sidebar-table-cell { display: table-cell; vertical-align: middle; } .webinar-start-banner { background: #6ebe3b; } .webinar-start-banner td { position: relative; } .webinar-start-banner td:first-child:before { background: url(/account_panel/images/webinar-banners/webinar-start-banner-presenters.jpg) no-repeat center right; background-size: cover; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 707px; } .webinar-start-banner .cell-date [data-icon] { color: #fff; } .webinar-start-banner .cell-date .svg-stroke { color: #fff; } .webinar-start-banner .cell-date strong { position: relative; color: #fff; } .webinar-start-banner .cell-date time { position: relative; color: #fff; } .webinar-start-banner .desc h6 a { color: #fff; } .webinar-start-banner .desc h6 .truncate { font-size: 16px; max-width: 420px !important; } .webinar-start-banner .cell-desc-small { font-size: 13px; margin: 2px 0 0; } .webinar-start-banner .cell-desc-small .presenter { color: #fff; } .webinar-start-banner .cell-desc-small .presenter label { font-family: "robotoregular", sans-serif !important; color: #c8f7aa; cursor: auto; } .webinar-start-banner .btn.normal { font-size: 12px; padding: 4px 12px 6px; } .breakout-rooms-count { padding: 0 15px 0 10px; margin-left: 7px; position: relative; white-space: nowrap; } .breakout-rooms-count:before { content: ""; position: absolute; background-color: #e5e5e5; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 8px; } .breakout-rooms-more { position: relative; padding: 0 15px 0 20px; font-size: 12px; } .breakout-rooms-count:after, .breakout-rooms-more:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; right: 4px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin-right: -2px; border-width: 4px 4px 0 4px; border-color: #00afec transparent transparent transparent; } .breakout-rooms-count:hover:after, .breakout-rooms-more:hover:after { border-color: #ff800f transparent transparent transparent; } .breakout-rooms-count.open:after, .breakout-rooms-more.open:after { border-width: 0 4px 4px 4px; border-color: transparent transparent #00afec transparent; } .breakout-rooms-count.open:hover:after, .breakout-rooms-more.open:hover:after { border-color: transparent transparent #ff800f transparent; } .breakout-rooms-count.loader:after, .breakout-rooms-more.loader:after { content: ""; position: absolute; width: 10px; height: 10px; border: 1px solid rgba(2, 175, 235, 0.4) !important; border-top-color: #00afec !important; border-radius: 50%; right: 4px; top: 50%; margin-top: -5px; animation: loaderBreakoutRooms 1s linear infinite; } .breakout-rooms-item { position: relative; padding: 8px 0; animation: slideUpBreakoutRooms 0.4s ease; } .breakout-rooms-item:first-child { margin-top: 10px; } .breakout-rooms-item:before { content: ""; position: absolute; left: 0; top: 0; width: 12px; height: 22px; border-width: 1px; border-style: solid; border-color: transparent transparent #e5e5e5 #e5e5e5; } .breakout-rooms-item-desc { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 20px; word-break: break-word; } .breakout-rooms-item-desc .cell-desc-small { margin-top: 3px; } .breakout-rooms-item-date, .breakout-rooms-item-visitors, .breakout-rooms-item-action { -ms-flex: 1 1 0px; flex: 1 1 0; max-width: 100%; width: 100%; padding: 0 15px; } .breakout-rooms-item-action { padding-right: 0; } .breakout-rooms-item-action .cell-action-icons { white-space: nowrap; } @keyframes loaderBreakoutRooms { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes slideUpBreakoutRooms { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .main--reset { padding: 0; height: 100%; } .tip-info--large { min-width: 300px; } .h-100 { height: 100%; box-sizing: border-box; } .verify-section { background-image: url("/account_panel/images/verify/verify_account.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; margin: 0 auto !important; } @media all and (max-width: 992px) { .verify-section { background-image: none; } } .verify-section__content { position: relative; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 550px; } @media all and (max-width: 767px) { .verify-section__content { padding-top: 50px; top: initial; left: initial; -ms-transform: translate(0, 0); transform: translate(0, 0); } } .verify-section__logo { width: 160px; height: 30px; margin-bottom: 40px; } .verify-section__title { font-family: "robotolight", sans-serif !important; font-size: 42px; color: #292d38; margin: 0 0 50px; } .verify-section__desc { font-family: "robotolight", sans-serif !important; font-size: 18px; line-height: 26px; color: #5c6273; margin-bottom: 35px; } .verify-section__desc strong { color: #292d38; } .verify-section__again { position: absolute; bottom: -165px; } .verify-section__again div { margin-bottom: 0; margin-top: 0; font-family: "robotolight", sans-serif !important; font-size: 16px; line-height: 24px; color: #a7afc6; } .verify-section__action { color: #00aeef !important; text-decoration: none; display: inline-block; cursor: pointer; } .verify-section__resend { position: absolute; bottom: -55px; display: none; } .verify-section__resend img { vertical-align: bottom; width: 25px; } .verify-section__resend p { display: inline-block; vertical-align: middle; margin: 0 15px; font-family: "robotomedium", sans-serif !important; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #6ebe3b; } .verify-section__resend a { display: inline-block; vertical-align: middle; width: 50px; text-align: center; text-transform: uppercase; border: 1px solid #f2f3f7; border-radius: 50px; font-family: "robotomedium", sans-serif !important; font-size: 14px; } .verify-section__field { border-radius: 5px !important; display: inline-block !important; height: 25px !important; width: 210px !important; background-color: #ffffff; padding-left: 10px; border: 2px solid transparent; } .verify-section__field:-ms-input-placeholder { font-family: "robotoregular", sans-serif !important; font-font-style: italic; font-size: 12px; color: #a7afc6; } .verify-section__field::placeholder { font-family: "robotoregular", sans-serif !important; font-font-style: italic; font-size: 12px; color: #a7afc6; } .verify-section__submit { display: inline-block; position: relative; width: 50px; margin-left: 10px; background-color: transparent; border: 1px solid #565c69; border-radius: 50px; color: #00afec; cursor: pointer; text-align: center; text-transform: uppercase; font-family: "robotomedium", sans-serif !important; font-size: 14px; } .banner-component { border-radius: 5px; padding: 20px 40px; } @media only screen and (max-width: 768px) { .banner-component { padding: 20px; } } .banner-component.bg-variant-light { background-color: #fff; border: 1px solid #E1E5EE; } .banner-component.bg-variant-dark { background-color: #1B1F2B; border: 1px solid #1B1F2B; } .banner-component.bg-variant-info { background-color: #00afec; border: 1px solid #00afec; } .banner-component__svg { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 768px) { .banner-component__svg { margin-bottom: 20px; } } .banner-component__svg svg { width: 40px; height: 40px; } .banner-component__svg svg.color-info { fill: #00afec; } .banner-component__svg svg.color-success { fill: #6ebe3b; } .banner-component__svg svg.color-light { fill: #fff; } .banner-component__svg svg.stroke-info { stroke: #00afec; } .banner-component__svg svg.stroke-success { stroke: #6ebe3b; } .banner-component__svg svg.stroke-light { stroke: #fff; } .banner-component__svg svg.stroke-big { stroke-width: 5; } .banner-component__content { margin-inline: 40px; } @media only screen and (max-width: 768px) { .banner-component__content { margin-bottom: 20px; margin-inline: 0; } } .banner-component__content h3 { font-size: 21px; line-height: 28px; margin-bottom: 5px; font-family: "robotoregular"; } .bg-variant-light .banner-component__content h3 { color: #1B1F2B; } .bg-variant-dark .banner-component__content h3, .bg-variant-info .banner-component__content h3 { color: #fff; } .banner-component__content p { font-size: 14px; line-height: 22px; margin: 0; } .bg-variant-light .banner-component__content p { color: #a7afc6; } .bg-variant-dark .banner-component__content p { color: #6B7183; } .bg-variant-info .banner-component__content p { color: #fff; } .banner-component__btn { -ms-flex-negative: 0; flex-shrink: 0; } .banner-component__btn a { font-size: 14px !important; font-weight: 700; line-height: 22px; letter-spacing: -0.01em !important; box-shadow: none; } .banner-blend { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(42, 45, 55, 0.7); } .banner-branding { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; width: 700px; } @media only screen and (max-width: 992px) { .banner-branding { width: 85%; } } .banner-progress-bar { border-radius: 5px; padding: 10px 20px; border: 1px solid #E1E5EE; max-width: 678px; } @media only screen and (max-width: 768px) { .banner-progress-bar { padding: 20px; } } .banner-progress-bar__content { font-family: "robotoregular"; max-width: 305px; margin-right: 20px; } @media only screen and (max-width: 768px) { .banner-progress-bar__content { margin: 10px 0; } } .banner-progress-bar__title { font-size: 16px; line-height: 24px; margin-bottom: 5px; color: #1B1F2B; font-weight: 400; } .banner-progress-bar__desc { font-size: 12px; line-height: 20px; margin: 0; color: #a7afc6; } .banner-progress-bar .btn { font-size: 12px; padding: 9px 14px; font-weight: 700; } .banner-progress-bar .progress { max-width: 171px; margin: 11px 20px 0 0; } @media only screen and (max-width: 768px) { .banner-progress-bar .progress { margin: 11px 0 0 0; } } .webrtc-beta-carousel { height: 600px; } .webrtc-beta-carousel .carousel-item { height: 600px; overflow-x: hidden; overflow-y: auto; } .webrtc-beta-carousel .carousel-item-webrtc-beta { background-image: url("/account_panel/images/popup/webrtc-beta/webrtc-modal-bg.png"); background-position: top center; background-repeat: no-repeat; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-top: 55px; padding-bottom: 230px; } .webrtc-beta-carousel .carousel-item-webrtc-beta-thanks { background-image: url("/account_panel/images/popup/webrtc-beta/webrtc-modal-start-using-bg.png"); background-position: center; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 140px; } .webrtc-beta-container { margin: 0 30px; } .webrtc-beta-container__svg { margin-bottom: 35px; color: #1964f0; } .webrtc-beta-container__svg .svg-stroke { width: 65px; height: 65px; stroke-width: 2; } .webrtc-beta-container__label { font-family: "robotomedium", sans-serif !important; font-size: 14px; color: #fff; background-color: #022943; padding: 0 8px; text-transform: uppercase; margin: 0 auto 20px; display: inline-block; border-radius: 4px; } .webrtc-beta-container__title { font-family: "robotoregular", sans-serif !important; font-size: 26px; line-height: 36px; color: #fff; margin: 0 0 50px; } .webrtc-beta-container__title--dark { color: #1b1f2b; margin-bottom: 30px; } .webrtc-beta-container__desc { font-family: "robotoregular", sans-serif !important; font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 30px; } .webrtc-beta-container__desc--grey { color: #6b7183; margin-bottom: 15px; } .webrtc-beta-container img { width: 100%; } .webrtc-beta-caption { position: absolute; bottom: 65px; left: 30px; right: 30px; } .webrtc-beta-caption__btn { font-family: "robotomedium", sans-serif !important; font-size: 14px !important; padding: 15px 40px !important; box-shadow: 0px 13px 46px 0px rgba(25, 101, 240, 0.31); letter-spacing: normal !important; } .webrtc-beta-caption__btn.btn-success { background: #1964f0; } .webrtc-beta-caption__btn.btn-success:hover { background: #0f58e1; } @media (min-width: 768px) { #webrtc-beta-modal .modal-dialog { width: 650px; max-width: none; } } @keyframes alert-spin { 100% { transform: rotate(360deg); } } .around-pages-main { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 100vh; } .page-around-room-bg { position: fixed; top: 0; bottom: 0; width: 100%; padding: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .page-around-room-footer { bottom: 0; background-image: url("/account_panel/images/room/footer_shadow.png") !important; background-color: transparent !important; box-shadow: none !important; } @media only screen and (max-width: 767px) { .page-around-room-footer { height: 50px !important; margin-top: -50px !important; } } .page-around-room-footer .social, .page-around-room-footer p { margin: 0 !important; float: none !important; } @media (min-width: 1200px) { .container--profile-page { max-width: 1170px; } } .page-around-room { position: relative; background-color: #fff; border-radius: 5px; max-width: 735px; margin: 0 auto; } .page-around-room--reset { background-color: initial; border-radius: 0; } .page-around-room--space { padding: 35px 40px; } .page-around-room--connection_tester { max-width: 980px; } .page-around-room--profile { max-width: 1200px; } .page-around-room--sales { margin-top: -20px; } .page-around-room-sales { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; padding-left: 0; } @media (max-width: 576px) { .page-around-room-sales { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } } .page-around-room-sales__icon { width: 30px; height: 30px; border: 1px solid #6ebe3b; border-radius: 50%; margin-right: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .page-around-room-sales__icon svg { color: #6ebe3b; height: 20px; width: 20px; } .page-around-room-sales__email { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; margin-right: 45px; } @media (max-width: 576px) { .page-around-room-sales__email { margin-right: 0; margin-bottom: 15px; } } .page-around-room-sales__phone { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; color: #292d38; } .page-around-room__ondemand_btn_wrap { display: block; text-align: center; text-transform: uppercase; padding-bottom: 35px; border-bottom: 1px solid #ecedf2; margin: 0 25px 20px; } @media only screen and (max-width: 576px) { .page-around-room__ondemand_btn_wrap { margin: 0 0 20px; } } .page-around-room .option-presenter { padding-right: 15px; padding-bottom: 15px; } .page-around-room .change-lang .tip.pos-t .tip-wrap { padding: 10px; } .page-around-room .change-lang .tip.pos-t .tip-wrap:after { margin-right: 0; border-width: 5px; right: 50px; left: initial; } .page-around-room .change-lang .tip.pos-t.tip-info .tip-wrap { font-size: 11px; } .page-around-room .change-lang .tip.pos-t.tip-info li { display: inline-block; margin: 0; width: 50%; } .page-around-room .change-lang .tip.pos-t.tip-info li a { margin: 4px 3px; } .page-around-room__svg { width: 40px; height: 40px; stroke-width: 1px; color: currentColor; } .page-around-room__social { width: 20px; height: 20px; } .page-around-room__social svg { height: 20px !important; width: 20px !important; } .page-around-room__copyrights { color: #fff; } .page-around-room__copyrights a { color: inherit; } .page-around-room__labels label { color: #5c6273; } .page-around-room__wrap { padding: 0 30px; } @media only screen and (max-width: 576px) { .page-around-room__wrap { padding: 0; } } #profile-page .page-around-room__wrap, .room-main .page-around-room__wrap { padding: 0; } .page-around-room__content { max-width: 992px; margin: 0 auto; } .page-around-room__event-details { padding: 40px 0 35px; } .page-around-room__event-details--profile { padding: 10px 0 0 0; } .page-around-room__event-details--sales { padding-top: 0; } .page-around-room__padding { padding: 40px 25px 35px; } .page-around-room__event-details-border { width: 100%; margin: 0 55px; border-bottom: 1px solid #ecedf2; padding-bottom: 20px; } @media only screen and (max-width: 576px) { .page-around-room__event-details-border { margin: 0 30px; } } .page-around-room__connection-tester { width: 100%; margin: 0 30px; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .page-around-room__connection-tester { margin: 0; padding: 0 15px 25px; } } .page-around-room__connection-tester-wrap { padding: 50px 0; } @media only screen and (max-width: 767px) { .page-around-room__connection-tester-wrap { padding: 30px 0 0; } } .page-around-room__room-info { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .page-around-room__room-info li { color: #a7afc6; } .page-around-room__room-info li span { color: #292d38; } .page-around-room__form { max-width: 630px; margin: 0 auto; padding: 0 15px; } .page-around-room__form .form-label { font-size: 14px !important; line-height: 18px; margin-bottom: 0; color: #292d38; } .page-around-room__fieldset { max-width: 500px; margin: 0 auto; } .page-around-room__send { font-size: 18px !important; font-family: "robotomedium" !important; text-transform: uppercase; letter-spacing: 0 !important; margin-bottom: 5px; min-width: 135px; } .page-around-room__logo { width: 140px; height: 25px; margin-bottom: 25px; } .page-around-room__title { font-size: 32px; font-family: "robotoregular", sans-serif !important; text-align: center; color: #292d38; word-break: break-word; margin: 0 auto 30px !important; max-width: 80%; } @media only screen and (max-width: 576px) { .page-around-room__title { margin-bottom: 20px; } } .page-around-room__title--less-mb { margin-bottom: 20px !important; } .page-around-room__title--sales { border-top: 1px solid #ecedf2; padding-top: 25px; margin-top: 9px !important; margin-bottom: 35px !important; } .page-around-room__subtitle { font-size: 18px; font-family: "robotomedium", sans-serif !important; text-align: center; color: #292d38; margin-bottom: 20px; } .page-around-room-when { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 576px) { .page-around-room-when { -ms-flex-direction: column; flex-direction: column; padding: 0 50px; } } .page-around-room-when__box { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin: 0 35px; } @media only screen and (max-width: 576px) { .page-around-room-when__box { margin: 10px auto; width: 280px; } } @media only screen and (max-width: 450px) { .page-around-room-when__box { width: 100%; } } .page-around-room-when p { margin: 0; } .page-around-room-when__type { font-size: 12px; color: #a7afc6; } .page-around-room-when__data { font-size: 16px; color: #292d38; } .page-around-room-when__timezone { font-size: 11px; color: #00afec; display: block; margin-top: -5px; } .page-around-room-when__ico { stroke-width: 1; width: 40px; height: 40px; color: currentColor; margin-right: 4px; } .page-around-room__perma-content { padding: 60px 0 50px; } .page-around-room__perma-content h3 { font-family: "robotoregular", sans-serif !important; font-size: 26px; color: #292d38; text-align: center; margin: 0; } .page-around-room-presenters { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-bottom: 40px; } #profile-page-tab .page-around-room-presenters { margin-bottom: 0; } .page-around-room-presenters__wrap { border-bottom: 1px solid #ecedf2; padding-top: 20px; padding-bottom: 20px; } #profile-page-tab .page-around-room-presenters__wrap { border: 0; } .page-around-room-presenters__avatar { max-width: 115px; margin: 0 auto; box-sizing: content-box; } @media (max-width: 768px) { .page-around-room-presenters__avatar { float: none !important; } } .page-around-room-presenters__avatar .avatar-decorate { border: 0; border-radius: 0; box-shadow: none; width: 115px; height: 115px; object-fit: contain; } .page-around-room-presenters__avatar [data-icon=P] { font-size: 125px !important; bottom: -40px !important; } .page-around-room-presenters__info { padding-left: 30px; } @media only screen and (max-width: 767px) { .page-around-room-presenters__info { padding-left: 0; } } .page-around-room-presenters__info .social { margin-bottom: 0; } .page-around-room-presenters__label { font-size: 14px; font-family: "robotoregular", sans-serif !important; color: #a7afc6; margin-bottom: 10px; max-width: 120px; text-align: right; } @media only screen and (max-width: 767px) { .page-around-room-presenters__label { text-align: left; padding-right: 4px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } } .page-around-room-presenters__data { font-size: 14px; font-family: "robotoregular", sans-serif !important; color: #5c6273; } @media only screen and (max-width: 767px) { .page-around-room-presenters__data { padding-left: 4px; } } .page-around-room-presenters__data.truncate { max-width: 500px; } @media only screen and (max-width: 767px) { .page-around-room-presenters__data.truncate { max-width: 100%; } } .page-around-room-presenters__name { font-family: "robotoregular", sans-serif !important; font-size: 26px !important; line-height: 26px; font-family: "robotoregular", sans-serif !important; color: #292d38; margin-bottom: 0; padding: 0 !important; } .page-around-room-presenters__profiles { font-size: 12px; color: #a7afc6; margin: 0 0 5px; text-align: right; } @media only screen and (max-width: 576px) { .page-around-room-presenters__profiles { text-align: left; margin-top: 15px; } } .page-around-room-embed { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } .page-around-room-embed__wrap { border-bottom: 1px solid #ecedf2; padding-bottom: 40px; } .page-around-room__desc { font-family: "robotolight", sans-serif !important; font-size: 16px; color: #5c6273; line-height: 24px; margin-top: 13px; margin-bottom: 13px; } .page-around-room__desc img { margin: 10px auto; max-width: 100%; } .page-around-room__desc em { font-style: italic; } .page-around-room__desc-proccess { font-size: 16px; margin-top: 0; margin-bottom: 35px; color: #292d38; padding: 0 30px; } @media only screen and (max-width: 767px) { .page-around-room__desc-proccess { padding: 0; } } .page-around-room__btn-action { font-size: 12px !important; font-family: "robotomedium", sans-serif !important; letter-spacing: 0 !important; text-transform: uppercase; padding: 10px 15px; } .page-around-room__btn-large { padding: 15px 25px; text-transform: uppercase; } .page-around-room__btn-large--dark { background: #292d38; color: #a7afc6; margin-left: 20px; box-shadow: none; transition: box-shadow 0.5s ease !important; } .page-around-room__btn-large--dark:hover { box-shadow: 0px 7px 10px 0px rgba(45, 49, 60, 0.15); } .page-around-room-text { border-bottom: 1px solid #ecedf2; padding-bottom: 30px !important; margin-top: 10px; margin-bottom: 10px; } .page-around-room-download { margin: 30px 0; } .page-around-room-download__wrap { padding-bottom: 30px; border-bottom: 1px solid #ecedf2; } .page-around-room-download__title { font-size: 16px !important; font-family: "robotoregular", sans-serif !important; color: #292d38; padding: 0 !important; } .page-around-room-message { margin: 30px 0; } .page-around-room-message__wrap { border-bottom: 1px solid #ecedf2; padding-bottom: 30px; } .page-around-room-message__title { font-size: 16px !important; font-family: "robotoregular", sans-serif !important; color: #292d38; padding: 0 !important; } .page-around-room-message__desc { font-size: 16px; color: #5c6273; line-height: 24px; margin: 0 0 5px !important; } .page-around-room-message__recorder { position: relative; padding-left: 25px !important; } .page-around-room-message__recorder:before { content: ""; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; background-color: #ff0000; display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10px; } .page-around-room-agenda { border-bottom: 1px solid #ecedf2; padding-bottom: 30px !important; margin-bottom: 30px; word-break: break-word; margin-top: 10px; } .page-around-room-agenda__title { font-size: 16px !important; font-family: "robotoregular", sans-serif !important; color: #292d38; padding: 0 !important; } .page-around-room-agenda__content { padding: 0 !important; border: 0 !important; } .page-around-room-agenda__content ol, .page-around-room-agenda__content ul { padding-left: 20px; } .page-around-room-agenda__content p, .page-around-room-agenda__content li { font-size: 16px; color: #5c6273; line-height: 24px; margin: 0 0 5px !important; } .page-around-room-agenda__content p { margin: 0 0 15px !important; } .page-around-room-agenda__content p em { font-style: italic; } .page-around-room-form .required-label { position: relative; } .page-around-room-form .required .page-around-room-form__label:after { content: "*"; font-family: "Courier New", Courier, monospace; font-size: 16px; font-weight: bold; display: inline-block; margin-left: 3px; color: #6ebe3b; } .page-around-room-form .required .form-label:before, .page-around-room-form .required .f-holder:before { display: none; } .page-around-room-form__fields { background-color: inherit; padding: 30px 45px; margin-bottom: 40px; width: 100%; } .page-around-room-form__fields--grey { background-color: #f2f3f7; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @media only screen and (max-width: 576px) { .page-around-room-form__fields { padding: 0 15px; } } .page-around-room-form__label { font-size: 14px; font-weight: 600; color: #5c6273; position: relative; width: 100%; } .page-around-room-form__label.required-label:after { content: "*"; font-family: "Courier New", Courier, monospace; font-size: 16px; font-weight: bold; display: inline-block; margin-left: 3px; color: #6ebe3b; } .page-around-room-form__field { border: 1px solid #d7dae5; box-shadow: none !important; } .page-around-room-form__preresend { width: 250px; font-size: 11px; margin: 25px auto 0; color: #5c6273; position: relative; } .page-around-room-form__check_connection { margin-bottom: 0; font-size: 12px; color: #5c6273; } .page-around-room-form__resend-box { min-width: 450px; } @media only screen and (max-width: 576px) { .page-around-room-form__resend-box { min-width: 100%; } } .page-around-room-form__resend-wrap { width: 450px; padding: 6px 12px !important; } @media only screen and (max-width: 576px) { .page-around-room-form__resend-wrap { width: 290px; margin: 0 auto; } } .page-around-room-form__resend-wrap:after { left: 0% !important; right: 0; margin: 0 auto !important; } .page-around-room-form__resend-wrap .btn-wrap { margin-left: 12px !important; } .page-around-room-form__resend-wrap .form-label { padding-right: 12px; } .page-around-room-form__resend-wrap .form-label, .page-around-room-form__resend-wrap .btn-txt { font-size: 14px; } @media only screen and (max-width: 576px) { .page-around-room-form__resend-wrap .form-label, .page-around-room-form__resend-wrap .btn-txt { font-size: 11px; } } .page-around-room-form__resend-wrap .form-control { max-width: 66%; -ms-flex-positive: 1; flex-grow: 1; padding-right: 0 !important; } .page-around-room-form__required { position: absolute; font-size: 12px; color: #5c6273; right: 0; top: 50%; max-width: 150px; } .page-around-room-form__required:before { content: "*"; font-family: "Courier New", Courier, monospace; font-size: 16px; font-weight: bold; vertical-align: -2px; display: inline-block; height: 16px; color: #6ebe3b; margin-right: 2px; } @media (max-width: 767px) { .page-around-room-form__required { position: relative; max-width: none; margin-bottom: 10px; } } .page-around-room-form .dropdown-item { white-space: normal; } .page-around-room-completed__svg { display: inline-block; vertical-align: middle; margin-right: 30px; } .page-around-room-completed__svg svg { stroke-width: 2px; height: 140px; width: 140px; color: #6ebe3b; } .page-around-room-completed__content { display: inline-block; vertical-align: middle; max-width: 260px; text-align: left; } .page-around-room-completed__content p { font-size: 26px; line-height: 26px; font-family: "robotoregular", sans-serif !important; color: #6ebe3b; margin-top: 0; margin-bottom: 12px; } .page-around-room-completed__content .status-txt { font-size: 16px; font-family: "robotolight", sans-serif !important; line-height: 24px; color: #5c6273; margin-bottom: 0; } .page-around-room__webinars { padding-bottom: 30px; } .page-around-room__webinars svg { stroke-width: 1; color: inherit; margin-right: 10px; } .page-around-room-articles { border-radius: 5px; margin-top: 8px; } .page-around-room-articles__header { font-size: 16px; font-family: "robotobold", sans-serif !important; color: #292d38; margin: 30px 15px 40px; } .page-around-room-articles__header svg { height: 35px; width: 35px; } .page-around-room-articles__single { padding-bottom: 25px; margin: 0 15px 25px; border-bottom: 1px solid #ecedf2; font-family: "robotoregular", sans-serif !important; } .page-around-room-articles__single .label { font-family: "robotomedium", sans-serif !important; } .page-around-room-articles__date { font-size: 12px; color: #a7afc6; } .page-around-room-articles__title { font-size: 21px; font-family: "robotobold", sans-serif !important; color: #292d38; margin-top: 15px; } .page-around-room-articles__desc { font-size: 14px; font-family: "robotoregular", sans-serif !important; color: #5c6273; } .page-around-room-articles__desc p:last-child { margin-bottom: 0; } .page-around-room-articles__more { font-size: 14px; color: #00afec; } .page-around-room-articles__back { text-align: center; margin-top: 10px; margin-bottom: 35px; } .page-around-room-articles__back a { font-size: 12px; font-family: "robotobold", sans-serif !important; } .page-around-room-stats { border-bottom: 1px solid #ecedf2; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; padding-top: 35px; padding-bottom: 60px; margin: 0px 30px 8px; position: relative; } .page-around-room-stats__wrapper { padding: 0 30px !important; } .page-around-room-stats__name { font-size: 24px; font-family: "robotobold", sans-serif !important; color: #292d38; margin-top: 20px; margin-bottom: 60px; } .page-around-room-stats__data { font-size: 16px; font-weight: 700; margin-top: 0; margin-bottom: 25px; color: #292d38; } .page-around-room-stats__content { border: 1px solid #ecedf2; border-radius: 5px; height: 100%; padding: 0 25px; } @media only screen and (max-width: 992px) { .page-around-room-stats__content { margin: 0 auto; max-width: 100%; padding: 0 10px; } } .page-around-room-stats__content svg { margin-top: 25px; width: auto !important; height: auto !important; max-width: 55px; max-height: 45px; stroke-width: 2 !important; } .page-around-room-stats__content span { font-size: 46px; line-height: 38px; font-family: "robotobold", sans-serif !important; color: #292d38; margin: 20px 0; display: block; } .page-around-room-stats__content a { font-size: 12px; font-family: "robotobold", sans-serif !important; } @media only screen and (max-width: 576px) { .page-around-room-stats__content a { margin-bottom: 22px; } } .page-around-room-stats__desc { font-size: 12px; color: #a7afc6; } .page-around-room-stats__desc--data { line-height: 18px; } @media only screen and (max-width: 767px) { .page-around-room-stats__desc--data { line-height: 12px; } } .page-around-room-events { color: #292d38; } .page-around-room-events__title { font-size: 24px; line-height: 24px; font-family: "robotobold", sans-serif !important; } .page-around-room-events__desc { font-size: 16px; line-height: 24px; font-family: "robotoregular"; } .page-around-room__video video { height: 400px !important; } .page-around-room-webinar-published_recording { font-family: "robotoregular"; text-align: center; border-top: 1px solid #ecedf2; margin-top: 15px; padding-top: 30px; padding-bottom: 45px; } @media only screen and (max-width: 767px) { .page-around-room-webinar-published_recording__panel { margin-bottom: 20px; } } .page-around-room-webinar-published_recording__icon { margin-bottom: 15px; } .page-around-room-webinar-published_recording__icon svg { display: inline-block; vertical-align: middle; height: 24px; width: 24px; stroke-width: 2px; } .page-around-room-webinar-published_recording__title { margin-left: 12px; font-size: 18px; color: #292d38; display: inline-block; vertical-align: middle; margin-bottom: 0; font-family: "robotoregular"; } .page-around-room-webinar-published_recording__body .rating-wrap { position: relative; width: 118px; height: 24px; margin: 0 auto; } .page-around-room-webinar-published_recording__body .rating-wrap svg { width: 114px; height: 26px; color: #fff; } .page-around-room-webinar-published_recording__body .rating-mask { background: #d8d8d8; position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; } .page-around-room-webinar-published_recording__body .rating-progress { background: #6ebe3b; position: absolute; top: 0; bottom: 0; left: 0; } .page-around-room-webinar-published_recording__value { font-size: 52px; line-height: 52px; color: #292d38; margin-top: 0; margin-bottom: 5px; } .page-around-room-webinar-published_recording__value-desc { font-size: 16px; color: #292d38; margin: 0; } .page-around-room__other-events { text-align: right; padding: 0 30px; margin-bottom: 40px; } .page-around-room__other-events svg { stroke-width: 2 !important; width: 20px; height: 20px; vertical-align: -5px; margin-right: 5px; } .page-around-room-unablelist { color: #000; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: self-start; align-items: self-start; } .page-around-room-unablelist--sales { -ms-flex-pack: center; justify-content: center; } .page-around-room-unablelist__item { text-align: center; width: 50%; } .page-around-room-unablelist__item--sales { margin: 0 13px; width: auto; } .page-around-room .faq__title { font-size: 16px; font-family: "robotoregular", sans-serif !important; color: #292d38; } .page-around-room .faq__content { font-size: 16px; font-family: "robotolight", sans-serif !important; color: #5c6273; margin-bottom: 50px; } .page-around-room .faq__line { margin: 0; padding-bottom: 30px; border-top: 1px solid #ecedf2; } .page-around-room__alert { margin: 0 30px; } .page-around-room__alert .alert { margin-top: 0; } @media only screen and (max-width: 576px) { .page-around-room__alert { margin: 0 15px; } } .page-around-room__alert-animation .alert-svg svg { animation: alert-spin 2s ease infinite; } .page-around-room__boxes { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } .page-around-room__box { width: 260px; height: 90px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 25px; margin-bottom: 25px; border-radius: 4px; border: 1px solid #ecedf2; transition: background-color 0.5s ease, border-color 0.5s ease; } .page-around-room__box:last-child { margin-bottom: 0; } .page-around-room__box:hover { background-color: #6ebe3b; border-color: #6ebe3b; } .page-around-room__box:hover svg { fill: #fff !important; } .page-around-room__box:hover span { color: #fff; } .page-around-room__box svg { width: 48px; height: 48px; margin-right: 25px; fill: #6ebe3b; transition: fill 0.5s ease; } .page-around-room__box span { font-size: 16px; line-height: 24px; font-family: "robotomedium", sans-serif !important; color: #292d38; transition: color 0.5s ease; } .page-around-room__text-with-redirect { font-size: 12px; color: #5c6273; margin: 15px 0; } .webrtc-thanks { font-family: "robotoregular", sans-serif !important; color: #292d38; padding: 35px 50px 45px; } @media only screen and (max-width: 576px) { .webrtc-thanks { padding: 20px; } } .webrtc-thanks__title { font-family: "robotoregular", sans-serif !important; font-size: 24px; line-height: 24px; margin-bottom: 35px; } .webrtc-thanks__desc { font-size: 16px; line-height: 24px; margin: 0 0 30px; } .webrtc-thanks__desc--short { max-width: 500px; } .webrtc-thanks__circle { width: 135px; height: 135px; background-color: #fff; border: 2px solid #6ebe3b; border-radius: 50%; margin: 0 auto 15px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-decoration: none; background-image: none; background-size: cover; background-position: center center; transition: box-shadow 0.2s ease-in-out; } @media only screen and (max-width: 576px) { .webrtc-thanks__circle { width: 100px; height: 100px; } } .webrtc-thanks__circle svg { color: #6ebe3b; width: 50px !important; height: 50px !important; stroke-width: 2px !important; } @media only screen and (max-width: 576px) { .webrtc-thanks__circle svg { width: 40px !important; height: 40px !important; } } .webrtc-thanks__circle:hover { border: 0; box-shadow: 0 0 20px 5px rgb(214, 216, 222); } .webrtc-thanks__circle:hover svg { color: #fff; } .webrtc-thanks__circle--training:hover { background-image: url("/account_panel/images/thankyou/training_sessions.png"); } .webrtc-thanks__circle--courses:hover { background-image: url("/account_panel/images/thankyou/online_courses.png"); } .webrtc-thanks__circle--demos:hover { background-image: url("/account_panel/images/thankyou/demos.png"); } .webrtc-thanks__circle--more:hover { background-image: url("/account_panel/images/thankyou/more.png"); } .webrtc-thanks__learn { font-family: "robotomedium", sans-serif !important; font-size: 16px; line-height: 16px; color: #fff; background-color: #6ebe3b; border-radius: 50px; text-transform: uppercase; padding: 17px 28px; margin: 15px 0 20px; max-width: 200px; transition: box-shadow 0.5s ease-in-out; } .webrtc-thanks__learn:hover { color: #fff; box-shadow: 0px 7px 10px 0px rgba(45, 49, 60, 0.15); } .webrtc-thanks__try { font-family: "robotomedium", sans-serif !important; font-size: 16px; text-decoration: underline; color: #00afec; } .before-send-tooltip, .after-send-tooltip { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; } .after-send-tooltip { -ms-flex-align: center; align-items: center; width: 100%; height: 34px; padding-top: 2px; } .after-send-tooltip .ico-from_email { width: 30px; height: 25px; } @media only screen and (max-width: 576px) { .after-send-tooltip .ico-from_email { display: none; } } .after-send-tooltip p { font-size: 12px; line-height: 14px; width: calc(100% - 35px); } @media only screen and (max-width: 576px) { .after-send-tooltip p { font-size: 10px; line-height: 12px; width: 100%; } } .resend-tip { font-family: "robotoregular", sans-serif !important; font-size: 11px; line-height: 14px; margin-top: 4px; color: #f55155; } @media only screen and (max-width: 576px) { .resend-tip { margin-top: 2px; font-size: 10px; line-height: 12px; } } .remember-me { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } #cookiescript_badge { bottom: 45px !important; } .attendee-checkbox-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 5px; margin-bottom: 16px; padding: 20px; background: #e8eaf1; border-radius: 5px; } .attendee-checkbox-label { margin: 0; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0; } .attendee-checkbox-label span { font-weight: bold; } .countdown-wrap { padding: 20px 0 30px; } .countdown-title { margin: 0; padding: 10px !important; font-size: 16px !important; font-weight: normal !important; color: #292d38; } .countdown-box { border-radius: 5px; background: #0F131D; margin: 0 auto; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; box-shadow: 0 15px 29px 0 rgba(41, 45, 56, 0.26); max-width: 425px; border-radius: 10px; } .countdown-clock { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .countdown-ics-title { text-align: center; color: white; padding: 0 !important; padding-bottom: 10px !important; margin-bottom: 10px; font-size: 16px !important; } .countdown-ics { padding-top: 15px; padding-bottom: 30px; } .countdown-ics-button-wrapper { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .countdown-ics-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #1B1F2B; border-radius: 100px; color: white !important; text-decoration: none; font-family: "robotobold"; height: 30px; padding: 0px 15px; } .countdown-ics-button__text { margin-left: 5px; } @media only screen and (max-width: 576px) { .countdown-ics-button__text { display: none; } } .countdown-ics-button:not(:last-child) { margin-right: 20px; } .countdown-ics-button-img { display: inline-block; vertical-align: middle; width: 18px; height: 18px; } .countdown-item { position: relative; width: 25%; padding: 10px 10px 15px; } .countdown-item:before { content: ":"; position: absolute; top: 50%; right: 0; margin-right: -5px; margin-top: -24px; width: 10px; height: 34px; font-size: 18px; font-weight: bold; color: #a7afc6; } .countdown-item:last-child:before { content: none; } .countdown-time { display: block; font-size: 34px; color: #fff; } .countdown-label { display: block; text-transform: uppercase; font-size: 10px; color: #a7afc6; } .countdown-end { display: none; } .countdown-end__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 32px 0; } @media (max-width: 768px) { .countdown-end__wrapper { padding: 16px 0; } } .countdown-end__svg svg { width: 120px; height: 120px; fill: currentColor; } @media (max-width: 768px) { .countdown-end__svg svg { width: 80px; height: 80px; } } @media (max-width: 576px) { .countdown-end__svg svg { width: 50px; height: 50px; } } .countdown-end__content { margin-left: 15px; text-align: left; } @media (max-width: 768px) { .countdown-end__content { margin-left: 10px; } } @media (max-width: 576px) { .countdown-end__content { margin-left: 5px; } } .countdown-end__title { color: #292d38; font-size: 18px; line-height: 26px; font-family: "robotoregular", sans-serif !important; max-width: 220px; margin: 0 0 15px; } @media (max-width: 768px) { .countdown-end__title { font-size: 16px; line-height: 20px; margin-bottom: 10px; } } .countdown-end__desc { color: #5c6273; font-size: 12px; line-height: 14px; font-family: "robotolight", sans-serif !important; margin: 0; } @media (max-width: 768px) { .countdown-end__desc { font-size: 11px; } } .expired { background-color: #fff; padding: 60px 0 80px; height: 100%; min-height: 100vh; } .expired__picture { height: 570px; } @media (max-width: 991.98px) { .expired__picture { height: 500px; margin-bottom: 50px; } } @media (max-width: 767.98px) { .expired__picture { height: 300px; } } .expired__picture:before { background: url("/account_panel/images/expired/free-trial-expired.png") no-repeat center; background-size: contain; content: ""; position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; } @media (max-width: 991.98px) { .expired__picture:before { background-position: center; } } .expired__title { margin-bottom: 55px; } .expired__desc { margin-bottom: 55px; font-size: 18px; color: #555555; } .expired__paragraph { font-family: "robotolight", sans-serif !important; margin: 0 0 40px; } .expired__item { font-family: "robotolight", sans-serif !important; position: relative; margin-bottom: 20px; padding-left: 40px; } .expired__item:last-child { margin-bottom: 0; } .expired__item:before { background-color: #6ebe3b; content: ""; width: 5px; height: 5px; position: absolute; top: 12px; left: 0; border-radius: 50%; } .expired__last-minute { font-family: "robotolight", sans-serif !important; font-size: 18px; } .expired__last-minute strong { font-family: "robotobold", sans-serif !important; } .promo-popup { font-family: "robotoregular", sans-serif !important; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 5px; height: 100%; width: 100%; text-align: center; } .promo-popup-link { height: 100%; width: 100%; display: table; } .promo-popup .block-promo-no-thanks { position: absolute; height: 40px; width: 100%; bottom: 10px; } .promo-popup .block-promo-no-thanks .hide-check + label { font-size: 14px; color: #fff; padding: 0; } .promo-popup .block-promo-no-thanks .hide-check + label:hover { text-decoration: underline; } .promo-popup .block-promo-no-thanks .hide-check[disabled] + label { cursor: pointer; } .promo-popup .block-promo-no-thanks a { line-height: 40px; color: #fff; } .promo-popup .block-promo-no-thanks a:hover { text-decoration: underline; } .promo-popup .block-promo-checkbox { position: absolute; height: 40px; left: 120px; right: 120px; bottom: 0; } .promo-popup .block-promo-checkbox .f-holder { line-height: 40px; font-size: 12px; text-align: center; } .promo-popup .block-promo-checkbox .f-holder .check { background: transparent; border: 1px solid #858c99; box-shadow: none; width: 14px; height: 14px; visibility: hidden; } .promo-popup .block-promo-checkbox .f-holder .check::before { top: -1px; } .promo-popup__content { padding: 100px 15px 15px; height: 100%; } @media (max-width: 767px) { .promo-popup__content { padding-top: 50px; } } .promo-popup__header { font-size: 45px; line-height: 45px; font-family: "robotomedium", sans-serif !important; color: #fff; margin: 0; } @media (max-width: 767px) { .promo-popup__header { font-size: 35px; line-height: 35px; } } .promo-popup__desc { font-size: 20px; line-height: 26px; color: #fff; max-width: 450px; margin: 40px auto; } .promo-popup__btn { font-size: 18px; line-height: 18px; font-family: "robotobold", sans-serif !important; display: inline-block; margin-top: 60px; color: #fff; padding: 15px 30px; border-radius: 50px; text-align: center; text-transform: uppercase; } .promo-bar { position: relative; height: 85px; margin-bottom: -10px; z-index: 1031; transition: background-image 0.5s ease-in-out, margin-top 0.2s ease-in-out; } .promo-bar-bg { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-color: #f1f1f1; position: absolute; top: 0; left: 0; right: 0; height: 75px; z-index: 2; } .promo-bar-shadow { background: #fdc300; position: absolute; top: 0; left: 0; right: 0; height: 75px; z-index: 1; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15); } .promo-bar__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; } @media (max-width: 767px) { .promo-bar__wrapper { -ms-flex-direction: column; flex-direction: column; } } .promo-bar__content { font-family: "robotomedium", sans-serif !important; font-size: 35px; color: #fff; margin: 0 40px 0 0; } @media (max-width: 1259px) { .promo-bar__content { font-size: 30px; line-height: 30px; } } @media (max-width: 767px) { .promo-bar__content { margin: 0 0 10px 0; font-size: 25px; line-height: 25px; } } .promo-bar__btn { font-size: 18px; line-height: 18px; font-family: "robotobold", sans-serif !important; display: inline-block; color: #fff; padding: 15px 30px; border-radius: 50px; text-align: center; text-transform: uppercase; margin-left: 40px; } @media (max-width: 1259px) { .promo-bar__btn { padding: 10px 20px; } } @media (max-width: 767px) { .promo-bar__btn { margin-top: 10px; margin-left: 0; } } @media (max-width: 1259px) { .promo-bar { height: 85px; } .promo-bar-bg { height: 75px; } .promo-bar-shadow { height: 75px; } } @media (max-width: 767px) { .promo-bar { height: 177px; } .promo-bar-bg { height: 167px; } .promo-bar-shadow { height: 167px; } } .banner-promo { width: 708px; height: 118px; margin: 0 auto 20px; } .promo-counter .countdown-clock { background-color: transparent; box-shadow: none; } .promo-counter .countdown-title { display: none; } .promo-counter .countdown-wrap { padding: 0; } .promo-counter .countdown-time { font-size: 26px; border-radius: 5px; height: 35px; width: 35px; line-height: 35px; } @media (max-width: 1259px) { .promo-counter .countdown-time { font-size: 18px; } } @media (max-width: 767px) { .promo-counter .countdown-time { height: 25px; width: 25px; line-height: 25px; } } .promo-counter .countdown-item { width: 45px; padding: 0 5px; } @media (max-width: 767px) { .promo-counter .countdown-item { width: 35px; margin: 0 2px; } } @media (max-width: 767px) { .promo-counter .countdown-item:before { margin-right: -7px; } } .promo-counter .countdown-label { color: #fff; text-transform: capitalize; } .promo-counter__label { font-size: 12px; line-height: 12px; color: #fff; margin: 0 0 8px 0; } .webinar-popup { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 5px; height: 100%; width: 100%; } .webinar-popup-link { height: 100%; width: 100%; display: table; } .webinar-popup .block-webinar-no-thanks { position: absolute; height: 40px; width: 100%; bottom: 10px; } .webinar-popup .block-webinar-no-thanks .hide-check + label { font-size: 14px; color: #fff; padding: 0; margin: 0; } .webinar-popup .block-webinar-no-thanks .hide-check + label:hover { text-decoration: underline; } .webinar-popup .block-webinar-no-thanks .hide-check[disabled] + label { cursor: pointer; } .webinar-popup .block-webinar-no-thanks a { line-height: 40px; color: #fff; } .webinar-popup .block-webinar-no-thanks a:hover { text-decoration: underline; } .webinar-popup .block-webinar-no-thanks a.terms { position: absolute; font-family: "robotoregular", sans-serif !important; right: 20px; color: #bee8fd; font-size: 12px; } .webinar-popup .block-webinar-no-thanks a.terms:hover { text-decoration: underline; } .webinar-popup .block-webinar-checkbox { position: absolute; height: 40px; left: 120px; right: 120px; bottom: 0; } .webinar-popup .block-webinar-checkbox .f-holder { line-height: 40px; font-size: 12px; text-align: center; } .webinar-popup .block-webinar-checkbox .f-holder .check { background: transparent; border: 1px solid #858c99; box-shadow: none; width: 14px; height: 14px; visibility: hidden; } .webinar-popup .block-webinar-checkbox .f-holder .check::before { top: -1px; } .banner-webinar { width: 708px; height: 118px; margin: 0 auto 20px; } .fancybox-skin.webinar { border-radius: 5px; } .banner { background-position: center; background-repeat: no-repeat; background-color: #fff; position: relative; height: 75px; z-index: 1; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15); } @media (max-width: 767px) { .banner { height: 167px; } } .banner__link { display: block; width: 100%; height: 100%; text-decoration: none; } .banner__link:hover, .banner__link:focus { text-decoration: none; } .banner__content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .banner__content { -ms-flex-direction: column; flex-direction: column; } } .banner__desc { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; color: #fff; } @media (max-width: 767px) { .banner__desc { margin-bottom: 15px; } } .banner__counter { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: 5px; margin-right: 30px; } @media (max-width: 992px) { .banner__counter { margin-right: 20px; } } @media (max-width: 767px) { .banner__counter { margin-right: 0; margin-bottom: 5px; } } .btn-banner { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; background-color: #6ebe3b; border-color: #6ebe3b; color: #fff; line-height: 1.7; font-family: "robotomedium", sans-serif !important; } .counter__number { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 2px; } .counter__val { background-color: #6ebe3b; padding: 3px 5px; border-radius: 4px; margin: 0 0.5px; text-align: center; font-size: 1.875rem; font-weight: 700; line-height: 1.2; width: 34px; color: #fff; font-family: "robotobold", sans-serif !important; } .counter__label { font-size: 1.25rem; text-align: center; font-weight: 500; text-transform: uppercase; font-family: "robotomedium", sans-serif !important; } .counter-xs .counter__val { width: 24px; padding: 2px 3px; font-size: 1.25rem; } .counter-xs .counter__label { font-size: 0.875rem; } .modal-webinar-flywheel { background: rgba(40, 43, 49, 0.9); } .modal-webinar-flywheel .img-fluid { max-width: 100%; height: auto; } .modal-webinar-flywheel .modal-dialog { max-width: 650px; } .modal-webinar-flywheel .fancybox-close:before { color: #fff; } @media (max-width: 767px) { .modal-webinar-flywheel .fancybox-close { top: 10px; right: 15px; } } .modal-webinar-flywheel .modal-dialog { pointer-events: auto; } .modal-webinar-flywheel .modal-content { background: #0c1327; border: none; border-radius: 6px; box-shadow: none; display: block; text-decoration: none; overflow: hidden; } .modal-webinar-flywheel .modal-content:hover { text-decoration: none; } .modal-webinar-flywheel .modal-content .img-responsive { margin: auto; } .modal-webinar-flywheel .modal-body { padding: 0; } .modal-webinar-flywheel .learn-more { position: absolute; bottom: 35%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: 100px; height: 25px; } @media (max-width: 767px) { .modal-webinar-flywheel .learn-more { width: 90px; height: 20px; } } .modal-exit .modal-dialog, .modal-communications .modal-dialog, .modal-profile-page .modal-dialog, .modal__contact .modal-dialog { max-width: 650px; pointer-events: auto; } @media (max-width: 767px) { .modal-exit .modal-dialog, .modal-communications .modal-dialog, .modal-profile-page .modal-dialog, .modal__contact .modal-dialog { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .modal-exit .fancybox-close:before, .modal-communications .fancybox-close:before, .modal-profile-page .fancybox-close:before, .modal__contact .fancybox-close:before { color: #fff; } @media (max-width: 767px) { .modal-exit .fancybox-close, .modal-communications .fancybox-close, .modal-profile-page .fancybox-close, .modal__contact .fancybox-close { top: -50px; right: 0; } } .modal-exit .modal-body, .modal-communications .modal-body, .modal-profile-page .modal-body, .modal__contact .modal-body { padding: 0; } .modal-exit { background: rgba(40, 43, 49, 0.9); } .modal-exit .img-fluid { max-width: 100%; height: auto; } .modal-exit .modal-content { background: #0c1327; border: none; border-radius: 6px; box-shadow: none; display: block; text-decoration: none; overflow: hidden; } .modal-communications { font-family: "robotolight"; } .modal-communications .modal-content { background-color: #fff; padding: 40px 30px 30px; border: none; } @media (max-width: 576px) { .modal-communications .modal-content { padding: 30px 20px 20px; } } .modal-communications__icon { width: 35px; height: 35px; color: #6ebe3b; } .modal-communications__icon--large { width: 50px; height: 50px; margin-bottom: 30px; } .modal-communications__title { color: #373a3d; font-size: 28px; line-height: 34px; margin: 0 0 30px 0; } .modal-communications__text { color: #8c8f91; font-size: 18px; line-height: 24px; margin: 0 0 20px 0; } .modal-communications__text--mb { margin-bottom: 35px; } @media (max-width: 576px) { .modal-communications__text--mb { margin-bottom: 25px; } } .modal-communications__text--small { font-size: 14px; line-height: 18px; } .modal-communications-tips { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 50px 0; } @media (max-width: 576px) { .modal-communications-tips { -ms-flex-direction: column; flex-direction: column; margin: 40px 0 0; -ms-flex-align: center; align-items: center; } } .modal-communications-tips__box { max-width: 230px; } @media (max-width: 576px) { .modal-communications-tips__box { margin-bottom: 40px; } } .modal-communications-tips__box svg { margin-bottom: 20px; } .modal-communications__faq { max-width: 310px; margin: 0 auto; font-family: "robotoregular"; } .modal-communications__faq a { text-decoration: underline; color: inherit; } .modal-profile-page .modal-content { padding: 40px 75px; } .modal-profile-page__title { font-family: "robotobold"; font-size: 34px; line-height: 34px; color: #1b1f2b; margin: 0 0 20px; } .modal-profile-page__desc { font-family: "robotoregular"; font-size: 15px; line-height: 20px; color: #6b7183; margin: 0 0 25px; } .modal-profile-page iframe { border-radius: 4px; box-shadow: 0px 11px 27px 0px rgba(107, 113, 131, 0.2); } .modal-profile-page__footer { margin-top: 28px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .modal-profile-page__settings { font-family: "robotomedium"; font-size: 15px; text-transform: uppercase; } .modal-profile-page__settings svg { height: 24px; width: 24px; margin-right: 11px; } @media (min-width: 992px) { .modal__contact.modal-lg { max-width: 650px; } } .modal__contact.modal-dialog { pointer-events: auto; } .modal__contact .fancybox-close { top: auto; } @media (max-width: 767px) { .modal__contact .fancybox-close { top: 0; } } .modal__contact-list { padding: 35px 45px; border: none; border-radius: 3px; min-height: 650px; } @media (max-width: 576px) { .modal__contact-list { padding: 35px 15px; } } .billing-add-ons-section, .billing-account-section, .billing-payment-section { margin: 0 0 30px; } .billing-add-ons-section .page-wrap-row, .billing-account-section .page-wrap-row, .billing-payment-section .page-wrap-row { border-bottom: 1px solid #e4e5e5; position: relative; display: table; padding: 15px 0; margin: 0 auto; width: 100%; } .billing-add-ons-section .page-wrap-row .cell, .billing-account-section .page-wrap-row .cell, .billing-payment-section .page-wrap-row .cell { display: table-cell; vertical-align: baseline; } @media only screen and (max-width: 767px) { .billing-add-ons-section .page-wrap-row .cell, .billing-account-section .page-wrap-row .cell, .billing-payment-section .page-wrap-row .cell { vertical-align: middle; } } .billing-add-ons-section .page-wrap-row .cell-middle, .billing-account-section .page-wrap-row .cell-middle, .billing-payment-section .page-wrap-row .cell-middle { vertical-align: middle; } .billing-add-ons-section .page-wrap-row .cell-title, .billing-account-section .page-wrap-row .cell-title, .billing-payment-section .page-wrap-row .cell-title { width: 200px; font-size: 16px; } @media (max-width: 575px) { .billing-add-ons-section .page-wrap-row .cell-title, .billing-account-section .page-wrap-row .cell-title, .billing-payment-section .page-wrap-row .cell-title { width: 140px; font-size: 14px; } } .billing-add-ons-section .page-wrap-row .cell .txt-val, .billing-account-section .page-wrap-row .cell .txt-val, .billing-payment-section .page-wrap-row .cell .txt-val { display: inline-block; font-size: 23px; color: #6ebe3b; padding: 0 10px; } @media (max-width: 575px) { .billing-add-ons-section .page-wrap-row .cell .txt-val, .billing-account-section .page-wrap-row .cell .txt-val, .billing-payment-section .page-wrap-row .cell .txt-val { font-size: 16px; } } .billing-add-ons-section .page-wrap-row .cell .txt-include, .billing-account-section .page-wrap-row .cell .txt-include, .billing-payment-section .page-wrap-row .cell .txt-include { display: inline-block; font-size: 12px; color: #666; } @media (max-width: 575px) { .billing-add-ons-section .page-wrap-row .cell .txt-include, .billing-account-section .page-wrap-row .cell .txt-include, .billing-payment-section .page-wrap-row .cell .txt-include { padding: 0 10px; } } .billing-add-ons-section .page-wrap-row .cell .txt-deliver, .billing-account-section .page-wrap-row .cell .txt-deliver, .billing-payment-section .page-wrap-row .cell .txt-deliver { display: inline-block; height: 8px; width: auto; border: 0; border-right: 1px solid #d1d1d1; margin: 0 5px; vertical-align: middle; } .billing-add-ons-section .expand, .billing-account-section .expand, .billing-payment-section .expand { margin-top: -1px; margin-bottom: 0; } .billing-add-ons-section .expand .main-arrow, .billing-account-section .expand .main-arrow, .billing-payment-section .expand .main-arrow { right: 55px; } .billing-add-ons-section .expand .content, .billing-account-section .expand .content, .billing-payment-section .expand .content { padding: 0 0 50px; } .billing-add-ons-section .expand .page-wrap.buy-now, .billing-account-section .expand .page-wrap.buy-now, .billing-payment-section .expand .page-wrap.buy-now { padding-top: 30px; } .billing-add-ons-section .expand .page-wrap.buy-now .btn.large, .billing-account-section .expand .page-wrap.buy-now .btn.large, .billing-payment-section .expand .page-wrap.buy-now .btn.large { text-transform: uppercase; padding: 16px 48px; } .billing-add-ons-section .expand .page-wrap.buy-now p, .billing-account-section .expand .page-wrap.buy-now p, .billing-payment-section .expand .page-wrap.buy-now p { font-size: 12px; margin: 15px auto 0; color: #929292; width: 400px; } .billing-add-ons-section .page-wrap-row { border: none; } .billing-add-ons-section .page-wrap-row .icon, .billing-add-ons-section .page-wrap-row .title, .billing-add-ons-section .page-wrap-row .price, .billing-add-ons-section .page-wrap-row .active, .billing-add-ons-section .page-wrap-row .action { display: inline-block; padding: 0 15px; vertical-align: middle; } .billing-add-ons-section .page-wrap-row .icon { padding: 0; color: #c2c2c2; } .billing-add-ons-section .page-wrap-row .icon .svg-fill, .billing-add-ons-section .page-wrap-row .icon .svg-stroke { width: 50px; height: 50px; } .billing-add-ons-section .page-wrap-row .title { font-size: 20px; } .billing-add-ons-section .page-wrap-row .price { font-size: 20px; color: #6ebe3b; } .billing-add-ons-section .page-wrap-row .active b { font-weight: bold; } .billing-pricing .container { width: auto; padding-left: auto; padding-right: auto; } .billing-pricing .row { margin-left: auto; margin-right: auto; } .billing-pricing .row:after { clear: none; } .billing-summary-block { padding-top: 195px; } .billing-summary-block .block-header { padding-bottom: 15px; } .billing-summary-block .block-header h2 { margin: 0; font-size: 21px; color: #282b31; } .billing-summary-block .summary-confirm { border-top: 2px solid #cecece; text-align: right; padding-top: 10px; } .billing-summary-block .summary-confirm h2 { margin: 0; color: #6ebe3b; } @media (max-width: 575px) { .billing-summary-block .summary-confirm h2 { font-size: 25px; } } .billing-summary-block .summary-confirm p { margin: 0; font-size: 12px; color: #929292; } .billing-summary-block .table-responsive { border-top: 1px solid #cdcdcd; } .billing-summary-block .summary-table { margin: 8px 0; } .billing-summary-block .summary-table > tbody > tr > td { font-size: 12px; padding: 5px 0; border: none; } .billing-summary-block .summary-table > tbody > tr > td.tR { font-weight: bold; } .billing-summary-block .summary-all { position: relative; padding-left: 5px; padding-right: 15px; } .billing-summary-block .summary-close:after, .billing-summary-block .summary-open:after { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50%; margin-top: -1px; right: 2px; } .billing-summary-block .summary-close:after { border-width: 4px 4px 0; border-top-color: #00afec; } .billing-summary-block .summary-close:hover:after { border-top-color: #ff800f; } .billing-summary-block .summary-open:after { border-width: 0px 4px 4px; border-bottom-color: #00afec; } .billing-summary-block .summary-open:hover:after { border-bottom-color: #ff800f; } .billing-summary-block .buy-now { padding-top: 30px; } .billing-summary-block .buy-now p { margin: 15px 0 0; font-size: 12px; color: #929292; } .updateDataset { display: none !important; width: 0 !important; height: 0 !important; } .vr-list--freeze li { text-align: left; } @media only screen and (max-width: 767px) { .vr-list--freeze li { display: block; } } @media only screen and (max-width: 767px) { .vr-list--freeze li.spacer { display: none; } } .freeze_cta { color: #00afec; cursor: pointer; } .cancel_cta { color: #ff4200; } .cancel_cta:hover { color: #ff4200; text-decoration: underline; } .freemium_cta { color: #5da82d; } .freemium_cta:hover { color: #5da82d; text-decoration: underline; } .freeze_cta, .cancel_cta, .freemium_cta { position: relative; display: inline-block; padding-left: 24px; } .freeze_cta svg, .cancel_cta svg, .freemium_cta svg { stroke-width: 1px; width: 16px; height: 16px; color: inherit; margin-right: 4px; position: absolute; left: 0; top: 2px; } .freeze-tooltip { min-width: 370px; } @media only screen and (max-width: 767px) { .freeze-tooltip { left: 8px !important; min-width: 200px; } } .freeze-tooltip__content { background-color: #2b2e3a; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .freeze-tooltip__content svg { width: 25px; height: 25px; color: #00afec; margin-right: 12px; position: static; } .freeze-tooltip__txt { font-family: "robotoregular", sans-serif !important; font-size: 12px; line-height: 18px; color: #ffffff; width: 95%; } #freeze-popup .modal-dialog, #freemium-cancel-popup .modal-dialog { max-width: 600px; } @media only screen and (max-width: 767px) { #freeze-popup .modal-dialog, #freemium-cancel-popup .modal-dialog { max-width: 350px; } } .freeze-popup-content { font-family: "robotoregular", sans-serif !important; padding: 40px 50px; height: 600px; } @media only screen and (max-width: 767px) { .freeze-popup-content { height: auto; padding: 20px 25px; } } .freeze-popup-content__close { color: #ffffff !important; } @media only screen and (max-width: 767px) { .freeze-popup-content__close { right: -37px; } } .freeze-popup-content .frozen-completed { padding-top: 20px; } @media only screen and (max-width: 767px) { .freeze-popup-content .frozen-completed { padding-top: 0; } } .freeze-popup-content svg { color: #00afec; width: 50px; height: 50px; stroke-width: 3px; display: block; margin: 0 auto 20px; } .freeze-popup-content__title { font-family: "robotomedium", sans-serif !important; font-size: 21px; color: #282b31; text-align: center; margin-top: 0; margin-bottom: 15px; } .freeze-popup-content__title--welcome { margin-bottom: 50px; } .freeze-popup-content__text { color: #464a55; font-size: 14px; font-family: inherit; line-height: 20px; margin: 0; } .freeze-popup-content__list { list-style-type: none; padding-left: 0; margin-top: 10px; margin-bottom: 30px; } .freeze-popup-content__list li { line-height: 30px; padding-left: 30px; position: relative; } .freeze-popup-content__list li:before { content: ""; position: absolute; top: 12px; left: 12px; width: 6px; height: 6px; border-radius: 100%; background-color: #00afec; display: block; } .freeze-popup-content__list--cancelFreemium li:before { background-color: #6ebe3b; } .freeze-popup-content__freeze { font-family: "robotomedium", sans-serif !important; font-size: 14px; line-height: 14px; text-transform: uppercase; text-align: center; color: #ffffff; background-image: linear-gradient(90deg, rgb(0, 175, 236) 0%, rgb(31, 197, 255) 100%); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.11), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.16); border: 0; border-radius: 50px; display: block; margin: 25px auto; padding: 15px 25px; cursor: pointer; } .freeze-popup-content__freeze:hover { background-image: linear-gradient(90deg, #009cd3 0%, #06beff 100%); } .freeze-popup-content__freeze--closeFreemium { background-image: linear-gradient(90deg, rgb(248, 85, 89) 0%, rgb(234, 73, 76) 100%); letter-spacing: initial; } .freeze-popup-content__freeze--closeFreemium:hover { background-image: linear-gradient(90deg, #f73d41 0%, #e73236 100%); } .freeze-popup-content__tos { font-size: 11px; color: #a7afc6; margin-top: 20px; margin-bottom: 0; } .freeze-popup-content__freezed-btn.btn { font-family: "robotoregular", sans-serif !important; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #00afec; border: 2px solid #f3f4f7; border-radius: 50px; padding: 17px 55px; display: block; max-width: 200px; margin: 0 auto; } .freeze-popup-content__freezed-btn.btn--closeFreemium { display: inline-block; } .freeze-popup-content__freezed-btn.btn--welcome { font-family: "robotomedium", sans-serif !important; padding: 17px; margin-top: 40px; } .freeze-popup-content--closeFreemium { height: auto; min-height: 500px; } .freeze-popup-content--closeFreemium svg { color: #f8a64f; stroke-width: 2px; } .freeze-popup-content--closeFreemium .popup-stay { text-transform: uppercase; font-family: "robotobold", sans-serif !important; font-size: 12px; } .freeze-popup-content--closeFreemium .popup-stay--close { display: block; margin: 35px auto 0; border-radius: 50px; padding: 15px 25px; color: #ffffff; background-color: #6ebe3b; transition: background-color 0.5s ease-in-out; max-width: 200px; } .freeze-popup-content--closeFreemium .popup-stay--close:hover { background-color: #62a737; } .freeze-popup-content--closeFreemium textarea { height: 80px; margin: 30px 0; border: 1px solid #dde0e9; border-radius: 5px; resize: none; } .freeze-popup-content--closeFreemium textarea:-ms-input-placeholder { color: #737373; font-family: "robotoregular", sans-serif !important; font-size: 14px; font-style: italic; } .freeze-popup-content--closeFreemium textarea::placeholder { color: #737373; font-family: "robotoregular", sans-serif !important; font-size: 14px; font-style: italic; } .freeze-popup-content--welcome { height: auto; padding-bottom: 60px; } .freeze-popup-content--welcome svg { color: #6ebe3b; width: 60px; height: 60px; } .freeze-popup-content--reset_height { height: auto; min-height: auto; } .freeze-popup-content .btn-popup-link { text-transform: uppercase; display: block; margin: 0 auto; font-size: 14px; font-family: "robotomedium", sans-serif !important; } #pricing * { box-sizing: border-box; } #pricing h2 { font-size: 45px; font-size: 2.8125rem; color: #505a7d; } #pricing .btn-options { border: 1px solid #6ebe3b; display: inline-block; position: relative; padding: 2px 3px; margin: 60px auto 20px; border-radius: 25px; width: auto; overflow: visible; } #pricing .btn-options .btn { font-size: 15px; padding: 5px 25px; } #pricing .btn-options .btn.btn-off { color: #6ebe3b; box-shadow: none; border: 1px solid transparent; } #pricing .btn-options .btn.btn-off:hover { border: 1px solid #6ebe3b; } #pricing .btn-options.select { background: transparent; box-shadow: none; } #pricing .btn-options.select:after { content: none; } #pricing .btn-options.select .label-save { background: #ff4200; } #pricing .btn-options.select .label.top.label-save .label-arrow { border-top-color: #ff4200; } #pricing .label-save-wrap, #pricing .label-promo-annual-wrap, #pricing .label-promo-monthly-wrap { position: absolute; left: -80px; top: 50%; margin-top: -50px; min-width: 280px; text-align: center; } #pricing .label-promo-monthly-wrap { left: auto; right: -80px; } #pricing .label-save, #pricing .label-promo-annual, #pricing .label-promo-monthly { display: inline-block; font-family: "robotoregular", sans-serif; font-size: 12px; line-height: 1; padding: 5px 8px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15); } #pricing .label-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } #pricing .label.top .label-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #c6c6c6; border-left-color: transparent; } #pricing .label-save { background: #c6c6c6; } #pricing .label.top.label-save .label-arrow { border-top-color: #c6c6c6; } #pricing .label-promo-annual { background: #666; } #pricing .label.top.label-promo-annual .label-arrow { border-top-color: #666; } #pricing .label-promo-monthly { background: red; } #pricing .label.top.label-promo-monthly .label-arrow { border-top-color: red; } #pricing.upgrade-form { padding: 0; } #pricing.upgrade-form .panel-btn-options { float: left; } #pricing.upgrade-form .panel-btn-options .btn-options { margin: 20px 30px 0; } @media (max-width: 991px) { #pricing.upgrade-form .panel-btn-options { float: none; text-align: center; } #pricing.upgrade-form .panel-btn-options .btn-options { margin: 40px auto 0; } } #pricing .wrap-package-plans { width: 100%; } #pricing .btn-package-plans { font-family: "robotolight"; position: relative; padding-right: 15px; cursor: pointer; margin: auto; } #pricing .btn-package-plans.plans-close:after, #pricing .btn-package-plans.plans-open:after { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50%; margin-top: -1px; right: 2px; } #pricing .btn-package-plans.plans-close:after { border-width: 4px 4px 0; border-top-color: #00afec; } #pricing .btn-package-plans.plans-close:hover:after { border-top-color: #ff800f; } #pricing .btn-package-plans.plans-open:after { border-width: 0px 4px 4px; border-bottom-color: #00afec; } #pricing .btn-package-plans.plans-open:hover:after { border-bottom-color: #ff800f; } .pricing-wrap { position: relative; } .pricing-wrap.clearfix:before, .pricing-wrap.clearfix:after { content: " "; display: table; } .pricing-wrap.clearfix:after { clear: both; } .pricing-wrap.btn-options-disabled.panel-1 .col-panel .panel, .pricing-wrap.btn-options-disabled.panel-2 .col-panel .panel { margin-top: 50px; } .pricing-wrap.btn-options-disabled.panel-1 .billing-summary-block, .pricing-wrap.btn-options-disabled.panel-2 .billing-summary-block { padding-top: 85px; } @media (max-width: 991px) { .pricing-wrap.btn-options-disabled.panel-1 .billing-summary-block, .pricing-wrap.btn-options-disabled.panel-2 .billing-summary-block { padding-top: 40px; } } .pricing-wrap.panel-2 .col-panel { width: 50%; } .pricing-wrap.panel-2 .col-panel .panel { margin-top: 10px; } @media (max-width: 575px) { .pricing-wrap.panel-2 .col-panel { width: 100%; } } .pricing-wrap.panel-2 .billing-summary-block { padding-top: 160px; } @media (max-width: 991px) { .pricing-wrap.panel-2 .billing-summary-block { padding-top: 40px; } } .pricing-wrap.panel-1 .col-panel { width: 100%; float: none; margin-right: auto; margin-left: auto; } .pricing-wrap.panel-1 .col-panel.active { margin-left: 0px; margin-right: 0px; } .pricing-wrap.panel-1 .col-panel .panel { margin-top: 10px; } .pricing-wrap.panel-1 .billing-summary-block { padding-top: 160px; } @media (max-width: 991px) { .pricing-wrap.panel-1 .billing-summary-block { padding-top: 40px; } } .pricing-block { display: table; position: relative; margin: 5px auto; padding: 0 0 15px; } .pricing-block.clearfix:before, .pricing-block.clearfix:after { content: " "; display: table; } .pricing-block.clearfix:after { clear: both; } .pricing-block .col-panel { padding: 0px; margin-left: 0; margin-right: 0; width: 50%; float: left; position: relative; min-height: 1px; } .pricing-block .col-panel .panel { background-color: #fff; border: 1px solid #eff0f3; margin-top: 40px; margin-bottom: 0px; box-shadow: 0 0 18px 0px rgba(39, 95, 222, 0.05); } @media (max-width: 575px) { .pricing-block { width: 100%; } } .pricing-popup { display: none; height: 100%; } .pricing-popup-body { display: table; width: 100%; height: 100%; } .pricing-popup-body .cell { display: table-cell; vertical-align: middle; text-align: center; padding: 30px; } .pricing-popup-body .cell.accept .icon, .pricing-popup-body .cell.error .icon, .pricing-popup-body .cell.error-card .icon { margin-bottom: 30px; } .pricing-popup-body .cell.accept .icon svg, .pricing-popup-body .cell.error .icon svg, .pricing-popup-body .cell.error-card .icon svg { width: 80px; height: 80px; stroke-width: 3px; } .pricing-popup-body .cell.accept h2, .pricing-popup-body .cell.error h2, .pricing-popup-body .cell.error-card h2 { font-size: 30px; color: #505b7c; margin-bottom: 60px; } .pricing-popup-body .cell.accept a, .pricing-popup-body .cell.error a, .pricing-popup-body .cell.error-card a { font-family: "robotolight", sans-serif !important; font-size: 21px; } .pricing-popup-body .cell.accept .icon svg { color: #6ebe3b; } .pricing-popup-body .cell.error .icon svg, .pricing-popup-body .cell.error-card .icon svg { color: #ff4200; } .pricing-popup-body .cell h3 { font-size: 24px; color: #282b31; margin: 0 0 30px; } .pricing-popup-body .cell p { font-family: "robotolight", sans-serif !important; font-size: 16px; color: #5c6273; margin-bottom: 30px; } .pricing-popup-body .cell p b { font-weight: bold; } .pricing-popup-body .cell .btn.large { text-transform: uppercase; padding: 15px 45px; } .pricing-popup-body .cell .pricing-val { margin-bottom: 30px; } .pricing-popup-body .cell .pricing-val h2 { font-size: 38px; margin: 0; color: #6ebe3b; } .pricing-popup-body .cell .pricing-val p { font-size: 12px; margin: 0; color: #929292; } .pricing-popup-body .cell .pricing-val p b { font-weight: bold; } .pricing-processing h3 { font-size: 30px !important; color: #505b7c !important; margin: 30px 0 0 !important; } .pricing-processing-spinner { position: relative; display: inline-block; height: 70px; } .pricing-processing-spinner .blend { min-height: auto; width: 30px; height: 30px; position: absolute; bottom: 3px; right: -7px; } .pricing-processing-spinner .blend:before { background: none; } .pricing-processing-spinner .spinner:not(:required):before { border-width: 3px; } .pricing-processing-spinner .spinner-size-medium { margin: -13px 0 0 -13px; width: 26px; height: 26px; } .pricing-processing-spinner svg { width: 70px; height: 70px; color: #a7afc6; stroke-width: 3px; } .panel-pricing .list-group { padding-left: 0; } .panel-pricing .list-group-item { font-family: "robotoregular", sans-serif !important; font-size: 13px; padding: 0px; border: 1px solid #fafafa; border-width: 1px 0; color: #606365; display: table; width: 100%; height: 35px; text-align: center; margin-bottom: -1px; } .panel-pricing .list-group-item:last-child { border-bottom: 0; } .panel-pricing .list-group-item .cell { display: table-cell; position: relative; padding: 2px 15px; vertical-align: middle; line-height: 1.1; } .panel-pricing .list-group-item .cell:hover { text-decoration: none; } .panel-pricing .list-group-item .cell:hover svg { fill: #1db0e9; } .panel-pricing .list-group-item a { color: #5b6583; } .panel-pricing .list-group-item a svg { fill: #cdd2dd; margin-left: 5px; transition: fill 0.3s ease-in-out; } .panel-pricing .list-group-item .tip { max-width: 300px; } .panel-pricing .list-group-item .tip-info { min-width: 300px; } @media (max-width: 992px) { .panel-pricing .list-group-item .tip-info { left: 0; right: 0; margin: 0 auto; top: 100%; } } .panel-pricing .list-group-item .tip-wrap { background-color: #1f232f; font-size: 11px; color: #fff; line-height: 18px; padding: 14px 18px; border-radius: 5px; } .panel-pricing .list-group-item .tip.pos-tl .tip-wrap:after { margin-top: 16px; } @media (max-width: 992px) { .panel-pricing .list-group-item .tip.pos-tl .tip-wrap:after { margin-top: -12px; right: 50%; border-bottom-color: rgba(38, 39, 41, 0.9); border-right-color: transparent; } } .panel-pricing .best-deal { border: 2px solid #6ebe3b; position: relative; } .panel-pricing .best-deal__title { color: #fff; text-transform: uppercase; text-align: center; font-size: 12px; background-color: #6ebe3b; display: block; position: absolute; top: -30px; left: -2px; height: 28px; line-height: 28px; width: calc(100% + 4px); } .panel-pricing .tooltip { min-width: 250px; } .panel-pricing .tooltip .tooltip-inner { min-width: 250px; text-align: left; padding: 15px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15); } .panel-pricing .panel-heading { border-bottom: 1px solid #f1f3f7; border-radius: 0; padding: 10px 15px; color: #333333; display: table; height: 165px; width: 100%; } .panel-pricing .panel-heading .cell { display: table-cell; vertical-align: middle; text-align: center; } .panel-pricing .panel-heading .cell.upgrade-form p { margin: 0 15px 10px; } .panel-pricing .panel-heading h3 { font-family: "robotoregular", sans-serif !important; font-size: 21px; color: #292d38; margin: 10px 0px 20px; } .panel-pricing .panel-heading p { font-size: 12px; color: #6b7183; margin: 0 0 10px; } .panel-pricing .panel-heading p b { font-weight: bold; } .panel-pricing .panel-heading-badge { background: url("../../images/promo/flashSale2018/sale.png") no-repeat center center; background-size: 45%; position: absolute; top: 20px; left: 0; right: 0; height: 32px; } .panel-pricing .panel-heading-badge-break { padding-top: 35px; } .panel-pricing .panel-body { display: table; width: 100%; padding: 10px 15px; } .panel-pricing .panel-body .cell { display: table-cell; vertical-align: middle; text-align: center; height: 300px; height: 100px; } .panel-pricing .panel-body .cell.upgrade-form { height: 100px; } .panel-pricing .panel-body .info-box { font-family: "robotoregular", sans-serif !important; font-size: 12px; color: #929292; min-height: 20px; display: table; width: 100%; } .panel-pricing .panel-body .info-box p { display: table-cell; vertical-align: middle; } .panel-pricing .panel-body .value-box { position: relative; margin-top: 10px; margin-bottom: 5px; } .panel-pricing .panel-body .value-box .attendees-text { display: inline-block; color: #6b7183; } .panel-pricing .panel-body .value-box .attendees-text:first-child { margin-right: 3px; } .panel-pricing .panel-body .value-box .attendees-text:last-child { margin-left: 3px; } .panel-pricing .panel-body .value-box p.range { margin: 0px; font-size: 25px; line-height: 65px; color: #6ebe3b; } .panel-pricing .panel-body .value-box p.range span.value { display: inline-block; position: relative; padding-left: 28px; } .panel-pricing .panel-body .value-box p.range span.value svg { position: absolute; top: 50%; left: 2px; max-width: 24px; height: 20px; margin-top: -10px; } .panel-pricing .panel-body .value-box p.range a { color: #6ebe3b; } .panel-pricing .panel-body .value-box p.range a:hover { text-decoration: none; } .panel-pricing .panel-body .value-box .btn-pricing { background: #fff; border: 1px solid #6ebe3b; font-family: "robotolight"; font-size: 25px; color: #6ebe3b; margin: 10px auto; padding: 6px 30px 6px 35px; width: 115px; box-shadow: none; transition: all 0.3s ease-in-out; } .panel-pricing .panel-body .value-box .btn-pricing.btn-active { background: #6ebe3b; color: #fff; } .panel-pricing .panel-body .value-box .btn-pricing.dropdown-toggle::after { content: none; } .panel-pricing .panel-body .value-box .btn-group { position: relative; } .panel-pricing .panel-body .value-box .btn-group.open .dropdown-menu { display: block; } .panel-pricing .panel-body .value-box .btn-group .dropdown-menu { background: #fff; position: absolute; display: none; top: 100%; min-width: 100%; margin-top: 0; padding: 4px; border-radius: 0 0 3px 3px; box-shadow: 0 3px 18px rgba(103, 130, 191, 0.26); z-index: 1; } .panel-pricing .panel-body .value-box .btn-group .dropdown-menu li > span { display: block; font-family: "robotolight", sans-serif !important; font-size: 25px; color: #6ebe3b; cursor: pointer; text-align: center; } .panel-pricing .panel-body .value-box .btn-group .dropdown-menu li > span:hover { background-color: #f4f6fb; } .panel-pricing .panel-body .value-box .btn svg { position: absolute; top: 50%; left: 10px; width: 24px; height: 20px; margin-top: -10px; stroke-width: 2; } .panel-pricing .panel-body .value-box .btn .caret { position: absolute; top: 50%; margin-top: -1px; right: 15px; width: 0; height: 0; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .panel-pricing .panel-body .price-box { position: relative; padding: 5px 0px; margin-top: 5px; } .panel-pricing .panel-body .price-box .offer-package-price { font-size: 40px; font-family: "robotolight"; color: #292d38; } .panel-pricing .panel-body .price-box .offer-package-price .price-currency { margin: 0 5px; vertical-align: 7px; font-family: "robotoregular"; font-size: 20px; } .panel-pricing .panel-body .price-box p { margin-bottom: 15px; color: #677183; } .panel-pricing .panel-body .price-box p.old-price { margin-bottom: 5px; } .panel-pricing .panel-body .price-box p.old-price b { color: #505b7c; position: relative; padding: 0px 3px; } .panel-pricing .panel-body .price-box p.old-price b:after { border-top: 1px solid #ff4200; content: ""; height: 0; position: absolute; top: 50%; left: 0; width: 100%; } .panel-pricing .panel-body .btn-box { margin-top: 10px; padding: 5px 0px; } .panel-pricing .panel-body .btn-box .btn { padding: 12px 30px; } .panel-pricing .panel-footer { background-color: #fff; border-color: #f1f3f7; border-radius: 0; } .loading-picture { background: #fff; background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 ); margin: 0 auto; padding: 15px 15px 30px; } .loading-picture .crop { position: relative; padding: 0 !important; z-index: 1; } .loading-picture .crop__body { padding: 0 !important; } .loading-picture .crop__svg { position: relative; width: 40%; max-width: 300px; height: 40px; margin: 0 auto; color: #5c6273; z-index: -1; } .loading-picture .crop__svg .scale { position: absolute; top: 52%; -ms-transform: translateY(-50%); transform: translateY(-50%); stroke-width: 1px; } .loading-picture .crop__svg .scale-left { left: -17px; width: 12px; height: 12px; } .loading-picture .crop__svg .scale-right { right: -25px; width: 20px; height: 20px; } .loading-picture .cr-slider { vertical-align: middle; } .loading-picture .croppie-container .cr-slider-wrap { margin: 10px auto; width: 40%; max-width: 300px; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]:focus { outline: none; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #dce0ea; border-radius: 25px; border: 0px solid #000101; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-webkit-slider-thumb { box-shadow: 0px 2px 5px 0px rgba(184, 188, 199, 0.33); border: 0px solid #000000; height: 12px; width: 12px; border-radius: 7px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -4.5px; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]:focus::-webkit-slider-runnable-track { background: #dce0ea; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-moz-range-track { width: 100%; height: 4px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #dce0ea; border-radius: 25px; border: 0px solid #000101; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-moz-range-thumb { box-shadow: 0px 2px 5px 0px rgba(184, 188, 199, 0.33); border: 0px solid #000000; height: 12px; width: 12px; border-radius: 7px; background: #ffffff; cursor: pointer; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-ms-track { width: 100%; height: 12.8px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 9px 0; color: transparent; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-ms-fill-lower { background: #dce0ea; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-ms-fill-upper { background: #dce0ea; border: 0px solid #000101; border-radius: 50px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]::-ms-thumb { box-shadow: 0px 2px 5px 0px rgba(184, 188, 199, 0.33); border: 0px solid #000000; height: 12px; width: 12px; border-radius: 7px; background: #ffffff; cursor: pointer; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]:focus::-ms-fill-lower { background: #dce0ea; } .loading-picture .croppie-container .cr-slider-wrap input[type=range]:focus::-ms-fill-upper { background: #dce0ea; } .loading-picture .croppie-container .cr-viewport, .loading-picture .croppie-container .cr-resizer { border: 1px solid #b2b2b2; box-shadow: 0 0 2000px 2000px rgba(247, 247, 247, 0.6); } .step-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 auto 15px; padding: 0; max-width: 500px; } .step-item { margin-top: 0; position: relative; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 1em; flex-basis: 1em; } .step-item:not(:first-child):before { background-color: #e1e5ee; height: 2px; content: ""; display: block; position: absolute; bottom: 0; width: calc(100% - 40px); left: calc(-50% + 20px); top: 9px; } .step-item.is-previous { cursor: pointer; } .step-item.is-previous .step-details { color: #a7afc6; } .step-item.is-active .step-details { color: #1b1f2b; } .step-item.is-previous .step-marker, .step-item.is-previous:not(:first-child):before, .step-item.is-active .step-marker, .step-item.is-active:not(:first-child):before { background-color: #6ebe3b; } .step-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; color: #4a4a4a; } .step-marker { background-color: #a7afc6; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; width: 20px; height: 20px; color: #fff; font-weight: 700; font-size: 12px; } .step-marker svg { width: 10px; height: 20px; } .step-details { font-family: "robotomedium", sans-serif !important; margin-top: 8px; color: #a7afc6; } .cm-switch-row__title { padding-right: 10px; font-weight: 400; font-size: 18px; line-height: 22px; letter-spacing: -0.01em; color: #1b1f2b; } /*# sourceMappingURL=app.css.map */