diff --git a/public/css/README.md b/public/css/README.md new file mode 100644 index 000000000..f08e6c6d7 --- /dev/null +++ b/public/css/README.md @@ -0,0 +1,13 @@ +# Using Sass in this folder + +This public/css folder uses a standalone .scss > .css setup. +## Usage + +From a Terminal window, run the Sass Watch command on this folder only: + +```bash +sass --no-source-map --watch public/css/hop-styling.scss:public/css/hop-styling.css +``` +This will output a CSS file that can be consumed by the Payment page. + +# Do not use the .css file on its own. You must use the .scss file and have Sass compile it to the .css file. diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css index c307731f6..ded3578c8 100644 --- a/public/css/hop-styling.css +++ b/public/css/hop-styling.css @@ -1,336 +1,194 @@ -.btn-group-lg > .btn { - padding: 10px 20px; - font-size: 20px; - line-height: 1.3; - border-radius: 5px; -} -.btn-group-sm > .btn { - padding: 3px 6px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; -} -.btn-group-xs > .btn { - padding: 1px 5px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; -} -.dl-horizontal dd:before, -.dl-horizontal dd:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after, -.btn-toolbar:before, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:before, -.btn-group-vertical > .btn-group:after, -.panel-body:before, -.panel-body:after, -.modal-footer:before, -.modal-footer:after { - content: " "; - display: table; -} -.dl-horizontal dd:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:after, -.panel-body:after, -.modal-footer:after { - clear: both; -} -[data-icon]:before, -[data-icon-after]:after, -.ico:before { - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-transform: none !important; - font-weight: normal !important; - font-style: normal !important; - font-variant: normal !important; - font-size: 20px !important; - font-family: "safelite-ico" !important; - line-height: 20px !important; -} -html { - position: static !important; - height: auto !important; -} -html, +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ body { - background-color: #ffffff !important; -} -body { - margin-bottom: 16px !important; -} -.headerlinecontainer { - color: #000000; - font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; -} -.headerline1 { - display: block; - margin-bottom: 11.5px; - font-weight: 300; - font-size: 20px; - line-height: 30px; -} -.headerline2, -.headerline3, -.headerline4, -.headerline5 { - margin-bottom: 11.5px; - font-size: 16px; -} -.headerline3 { - color: #0c7e47; -} -.headerline5 { - display: block; - padding: 11.5px 0; - color: #167cac; - font-style: italic; -} -.headerline5v2 { - display: block; - padding: 11.5px 0; - color: #da291c; - font-style: italic; - font-size: 12px; -} -.form-group { - margin-bottom: 10px; -} -.form-group .control-label { - display: block; - margin-bottom: 2px; -} -.form-group .form-control { - margin-bottom: 2px; -} -@media (min-width: 500px) { - .form-group { - width: 80%; - } -} -@media (min-width: 800px) { - .form-group { - width: 60%; - } -} -@media (min-width: 576px) { - #cardExpirationContainer .card_expirationMonth, - #cardExpirationContainer .card_expirationYear { - position: relative; - width: 49%; - } - #cardExpirationContainer .card_expirationMonth { - float: left; - } - #cardExpirationContainer .card_expirationYear { - float: right; - } -} -.totalContainer { - margin: 16px 0; + font-family: Roboto; + font-weight: 400; + color: #4D5151; + margin: 0; + background-color: white; padding: 8px; - border-radius: 5px; - background-color: #0c7e47; - color: #ffffff; - font-size: 16px; } -.totalContainer em { - font-weight: 500; -} -.totalContainer .strikeThrough { - padding-left: 8px; - text-decoration: line-through; - font-size: 14px; -} -.callerDisplayTextContainer { - margin: 16px 0; - font-style: italic; -} -.disclaimerContainer { - margin: 16px 0; - padding: 8px; - border-radius: 5px; - background-color: #f0f1f2; -} -.disclaimerContainerv2 { - margin: 16px 0; - border-radius: 5px; -} -.buttonContainer #sghopcancelbutton { - float: left; -} -.buttonContainer #sghopsubmitbutton { - float: right; -} -.buttonContainer #sghopsubmitbutton.creditCardSpecific { - float: right; -} -@media (max-width: 500px) { - .buttonContainer #sghopsubmitbutton.creditCardSpecific { - float: left; - width: 100%; - } -} -.buttonContainer #selectPaymentTypeButton { - float: right; -} -@media (max-width: 500px) { - .buttonContainer #selectPaymentTypeButton { - float: left; - width: 100%; - } -} -.globalMessage .message { - padding-left: 0; - line-height: 1.25; -} -.globalMessage .message strong { - color: #da291c; -} -.italicSmall { - font-weight: 300; - font-style: normal; - font-size: 15px; -} -#pageLoadingModal { - background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); -} -#pageLoadingModal .modal-content { - margin-top: 100px; -} -#paypalParentDiv { - margin-bottom: 20px; -} -#creditCardParentDiv { - margin-bottom: 0; -} -.radio .list-group.paymentSelection, -.radio.list-group.paymentSelection { - margin-top: 0; - margin-bottom: 0; -} -@media (max-width: 33.9em) { - .radio .list-group.paymentSelection label, - .radio.list-group.paymentSelection label, - .radio .list-group.paymentSelection a, - .radio.list-group.paymentSelection a { - max-height: 52px; - } -} -#creditCardParentLink { - margin-bottom: 0; -} -@media (max-width: 33.9em) { - #creditCardParentLink { - min-height: 57px; - } -} -#creditCardImages, -#paypalImageSpan { - padding-right: 0; -} -@media (max-width: 33.9em) { - .paymentOptionText { - padding-left: 5px; - } -} -.extraPaddingTop { - padding-top: 20px; -} -.extraPaddingBottom { - padding-bottom: 20px; -} -@media (min-width: 33.9em) { - #paypalImage { - max-width: 22%; - } -} -@media (max-width: 33.9em) { - #paypalImage { - max-width: 55px; - } -} -label.centerme { - position: inherit; - display: table-cell; - width: 9999px !important; - /*This is kind of a hack*/ - vertical-align: middle; -} -input[name="rdioCreditCard"] { - display: block; -} -@media (min-width: 33.9em) { - input[name="rdioCreditCard"] { - margin-top: 10px; - } -} -@media (min-width: 33.9em) { - span.paymentOptionText { - margin-top: 6px; - } -} -.headerline1.safelitehop { - margin-top: 20px; -} -@media (max-width: 499px) { - #buttonContainer { - width: 100%; - } -} -.has-success .control-label { - color: #4d4e53; -} -#thm_fp { - display: block; -} -#paypalParentLink label, -#creditCardParentLink label { - padding-top: 9px; - padding-bottom: 9px; -} -#paypalParentLink label .paymentOptionText, -#creditCardParentLink label .paymentOptionText { - padding-left: 20px; - text-align: left; -} -#paypalParentLink { - margin-top: 12px; -} -html #creditCardParentLink.list-group-item { - border-radius: 48px; - text-align: center; -} -.optional-label span { +body .validation-info { display: none; } -.optional-label::after { +body .italicSmall { + font-style: normal; +} +body span { + line-height: 24px; +} +body a { + color: #1574A1; + text-decoration: none; +} +body .form-group { + display: flex; + flex-direction: column; +} +body h2 { + font-size: 20px; + line-height: 32px; + font-weight: 400; + margin: 24px 0; +} +body input, +body select { + margin-top: 4px; +} +body input { + border-radius: 8px; + border: 1px solid #8E9292; + padding: 16px; +} +body input:focus, body input:focus-visible { + box-shadow: 0 0 0 2.5px #1574a1; + border: none; + outline: none; +} +body input:disabled, body input.disabled { + background-color: #f5f5f5; + filter: grayscale(100%); +} +body input:disabled:hover, body input.disabled:hover { + box-shadow: 0 0 0 4px transparent; + border: 1px solid #8e9292; +} +body input:hover { + border: 1px solid #8e9292; + box-shadow: 0 0 0 4px #9fcee6; +} +body select { + border-radius: 8px; + border: 1px solid #8E9292; + padding: 16px; + width: 100%; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8.89' xml:space='preserve'%3e%3cpath d='M8 8.89c-.24 0-.46-.09-.63-.26L.26 1.53a.901.901 0 0 1 0-1.27C.43.1.66 0 .9 0s.47.1.64.26L8 6.74 14.47.27c.17-.17.4-.27.64-.27s.47.1.63.27c.17.17.26.4.26.64s-.1.47-.27.63l-7.1 7.09a.86.86 0 0 1-.63.26z' fill='%231474a2'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: 95% 50%; + background-size: 15px 9px; + appearance: none; +} +body .creditCardSpecific div { + padding: 8px 0; +} +body .creditCardSpecific div .headerlinecontainer { + padding: 0; +} +body .creditCardSpecific div .headerlinecontainer .headerline5v2 { + display: none; +} +body .creditCardSpecific div label { + font-weight: 500; +} +body .creditCardSpecific #infoRow2 { + margin-bottom: 0; +} +body #cardExpirationContainer { + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 0; +} +@media (min-width: 368px) { + body #cardExpirationContainer { + flex-direction: row; + } + body #cardExpirationContainer .card_expirationYear, + body #cardExpirationContainer .card_expirationMonth { + display: flex; + flex-direction: column; + width: 100%; + } + body #cardExpirationContainer .card_expirationYear { + margin-left: 16px; + } +} +body .optional-label span { + display: none; +} +body .optional-label:after { content: " (optional)"; font-weight: 300; font-style: normal; font-size: 15px; } -.creditCardSpecific { - display: none; +body .buttonContainer { + height: 48px; + margin-top: 36px; } -@media (max-width: 500px) { - .buy-backdrop.afterpay-checkout-wrapper { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; +body .buttonContainer button { + position: relative; + background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); + border: none; + border-radius: 8px; + color: #fff; + justify-content: center; + font-weight: 500; + font-size: 16px; + height: 48px; +} +@media (hover: hover) { + body .buttonContainer button { + background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); } -} \ No newline at end of file +} +body .buttonContainer button:focus { + box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; +} +body .buttonContainer button:focus, body .buttonContainer button:focus-visible { + outline: none; + box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; + color: #fff; + background: linear-gradient(270deg, rgb(6, 87, 124) 0%, rgb(6, 87, 124) 100%); +} +body .buttonContainer button:disabled { + background: #e3e4e4 !important; + background: linear-gradient(270deg, #e3e4e4 0%, #e3e4e4 100%) !important; + color: #4d5151 !important; + font-weight: 400; + height: 48px; + border: none; + border-radius: 8px; + cursor: pointer; + pointer-events: all; +} +body .buttonContainer button.has-loader { + color: #fff; + background: #06577c; + box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; + pointer-events: auto; +} +body .buttonContainer button.delay { + transition: background 0s 0s ease-in-out; +} +body .has-error input, +body .has-error select { + border: 1px solid #d4281c; +} +body .has-error input:focus, +body .has-error select:focus { + border: 1px solid transparent; +} +body .has-error input:hover, +body .has-error select:hover { + border: 1px solid #d4281c; + box-shadow: 0 0 0 4px #fcbfbb; +} +body .has-error select { + border: 1px solid #d4281c; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8.89' xml:space='preserve'%3e%3cpath d='M8 8.89c-.24 0-.46-.09-.63-.26L.26 1.53a.901.901 0 0 1 0-1.27C.43.1.66 0 .9 0s.47.1.64.26L8 6.74 14.47.27c.17-.17.4-.27.64-.27s.47.1.63.27c.17.17.26.4.26.64s-.1.47-.27.63l-7.1 7.09a.86.86 0 0 1-.63.26z' fill='%23d4281c'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: 95% 50%; + background-size: 15px 9px; + appearance: none; +} +body .has-error small { + margin-top: 4px; + color: #d4281c; +} +body .cc-error-container #alert-message { + background-color: #fcbfbb; + border: 1px solid #d4281c; +} diff --git a/public/css/hop-styling.scss b/public/css/hop-styling.scss new file mode 100644 index 000000000..81b798b78 --- /dev/null +++ b/public/css/hop-styling.scss @@ -0,0 +1,218 @@ +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +body { + font-family: Roboto; + font-weight: 400; + color: #4D5151; + margin: 0; + background-color: white; + padding: 8px; + + .validation-info { + display: none; + } + + .italicSmall { + font-style: normal; + } + + span { + line-height: 24px; + } + + a { + color: #1574A1; + text-decoration: none; + } + + .form-group { + display: flex; + flex-direction: column; + } + + h2 { + font-size: 20px; + line-height: 32px; + font-weight: 400; + margin: 24px 0; + } + + input, + select { + margin-top: 4px; + } + + input { + border-radius: 8px; + border: 1px solid #8E9292; + padding: 16px; + &:focus, + &:focus-visible { + box-shadow: 0 0 0 2.5px #1574a1; + border: none; + outline: none; + } + &:disabled, + &.disabled { + background-color: #f5f5f5; + filter: grayscale(100%); + &:hover { + box-shadow: 0 0 0 4px transparent; + border: 1px solid #8e9292; + } + } + &:hover { + border: 1px solid #8e9292; + box-shadow: 0 0 0 4px #9fcee6; + } + } + + select { + border-radius: 8px; + border: 1px solid #8E9292; + padding: 16px; + width: 100%; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8.89' xml:space='preserve'%3e%3cpath d='M8 8.89c-.24 0-.46-.09-.63-.26L.26 1.53a.901.901 0 0 1 0-1.27C.43.1.66 0 .9 0s.47.1.64.26L8 6.74 14.47.27c.17-.17.4-.27.64-.27s.47.1.63.27c.17.17.26.4.26.64s-.1.47-.27.63l-7.1 7.09a.86.86 0 0 1-.63.26z' fill='%231474a2'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: 95% 50%; + background-size: 15px 9px; + appearance: none; + } + + .creditCardSpecific { + div { + padding: 8px 0; + .headerlinecontainer { + padding: 0; + .headerline5v2 { + display: none; + } + } + label { + font-weight: 500; + } + } + #infoRow2 { + margin-bottom: 0; + } + } + + #cardExpirationContainer { + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 0; + @media (min-width: 368px) { + flex-direction: row; + .card_expirationYear, + .card_expirationMonth { + display: flex; + flex-direction: column; + width: 100%; + } + .card_expirationYear { + margin-left: 16px; + } + } + } + + .optional-label { + span { + display: none; + } + &:after { + content: " (optional)"; + font-weight: 300; + font-style: normal; + font-size: 15px; + } + } + + .buttonContainer { + height: 48px; + margin-top: 36px; + button { + position: relative; + background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); + border: none; + border-radius: 8px; + color: #fff; + justify-content: center; + font-weight: 500; + font-size: 16px; + height: 48px; + @media (hover: hover) { + background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); + } + &:focus { + box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; + } + &:focus, // Mouse, touch, stylus focus + &:focus-visible { + // Keyboard focus for accessibility + outline: none; + box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; + color: #fff; + background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%); + } + &:disabled { + background: #e3e4e4 !important; + background: linear-gradient(270deg, #e3e4e4 0%, #e3e4e4 100%) !important; + color: #4d5151 !important; + font-weight: 400; + height: 48px; + border: none; + border-radius: 8px; + cursor: pointer; + pointer-events: all; + } + &.has-loader { + color: #fff; + background: #06577c; + box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; + pointer-events: auto; + } + &.delay { + // fixes flicker while transitioning between states + transition: background 0s 0s ease-in-out; + } + } + } + + //Error Styling + .has-error { + input, + select { + border: 1px solid #d4281c; + &:focus { + border: 1px solid transparent; + } + &:hover { + border: 1px solid #d4281c; + box-shadow: 0 0 0 4px #fcbfbb; + } + } + select { + border: 1px solid #d4281c; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8.89' xml:space='preserve'%3e%3cpath d='M8 8.89c-.24 0-.46-.09-.63-.26L.26 1.53a.901.901 0 0 1 0-1.27C.43.1.66 0 .9 0s.47.1.64.26L8 6.74 14.47.27c.17-.17.4-.27.64-.27s.47.1.63.27c.17.17.26.4.26.64s-.1.47-.27.63l-7.1 7.09a.86.86 0 0 1-.63.26z' fill='%23d4281c'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: 95% 50%; + background-size: 15px 9px; + appearance: none; + } + small { + margin-top: 4px; + color: #d4281c; + } + } + + .cc-error-container { + #alert-message { + background-color: #fcbfbb; + border: 1px solid #d4281c; + } + } + +} diff --git a/public/css/site-2020Styling.css b/public/css/site-2020Styling.css deleted file mode 100644 index b8ddac246..000000000 --- a/public/css/site-2020Styling.css +++ /dev/null @@ -1,7763 +0,0 @@ -@charset "UTF-8"; -/* BEGIN Import Bootstrap components */ -/* _bootstrap_overrides.less: variables */ -/* _bootstrap_overrides.less: mixins */ -/* _bootstrap_overrides.less: normalize */ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} -body { - margin: 0; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} -audio:not([controls]) { - display: none; - height: 0; -} -[hidden], -template { - display: none; -} -a { - background-color: transparent; -} -a:active, -a:hover { - outline: 0; -} -abbr[title] { - border-bottom: 1px dotted; -} -b, -strong { - font-weight: 500; -} -dfn { - font-style: italic; -} -h1 { - font-size: 2em; - margin: 0.67em 0; -} -mark { - background: #ff0; - color: #000; -} -small { - font-size: 80%; -} -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -img { - border: 0; -} -svg:not(:root) { - overflow: hidden; -} -figure { - margin: 1em 40px; -} -hr { - box-sizing: content-box; - height: 0; -} -pre { - overflow: auto; -} -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -button, -input, -optgroup, -select, -textarea { - color: inherit; - font: inherit; - margin: 0; -} -button { - overflow: visible; -} -button, -select { - text-transform: none; -} -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} -button[disabled], -html input[disabled] { - cursor: default; -} -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} -input { - line-height: normal; -} -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - padding: 0; -} -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -input[type="search"] { - -webkit-appearance: textfield; - box-sizing: content-box; -} -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} -legend { - border: 0; - padding: 0; -} -textarea { - overflow: auto; -} -optgroup { - font-weight: 500; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -td, -th { - padding: 0; -} -/* _bootstrap_overrides.less: print */ -/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ -@media print { - *, - *:before, - *:after { - background: transparent !important; - color: #000 !important; - box-shadow: none !important; - text-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } - select { - background: #fff !important; - } - .navbar { - display: none; - } - .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #000 !important; - } - .label { - border: 1px solid #000; - } - .table { - border-collapse: collapse !important; - } - .table td, - .table th { - background-color: #fff !important; - } - .table-bordered th, - .table-bordered td { - border: 1px solid #ddd !important; - } -} -/* _bootstrap_overrides.less: glyphicons */ -@font-face { - font-family: 'Glyphicons Halflings'; - src: url('/Shared/fonts/glyphicons-halflings-regular.eot'); - src: url('/Shared/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Shared/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/Shared/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Shared/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Shared/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); -} -.glyphicon { - position: relative; - top: 1px; - display: inline-block; - font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.glyphicon-asterisk:before { - content: "\2a"; -} -.glyphicon-plus:before { - content: "\2b"; -} -.glyphicon-euro:before, -.glyphicon-eur:before { - content: "\20ac"; -} -.glyphicon-minus:before { - content: "\2212"; -} -.glyphicon-cloud:before { - content: "\2601"; -} -.glyphicon-envelope:before { - content: "\2709"; -} -.glyphicon-pencil:before { - content: "\270f"; -} -.glyphicon-glass:before { - content: "\e001"; -} -.glyphicon-music:before { - content: "\e002"; -} -.glyphicon-search:before { - content: "\e003"; -} -.glyphicon-heart:before { - content: "\e005"; -} -.glyphicon-star:before { - content: "\e006"; -} -.glyphicon-star-empty:before { - content: "\e007"; -} -.glyphicon-user:before { - content: "\e008"; -} -.glyphicon-film:before { - content: "\e009"; -} -.glyphicon-th-large:before { - content: "\e010"; -} -.glyphicon-th:before { - content: "\e011"; -} -.glyphicon-th-list:before { - content: "\e012"; -} -.glyphicon-ok:before { - content: "\e013"; -} -.glyphicon-remove:before { - content: "\e014"; -} -.glyphicon-zoom-in:before { - content: "\e015"; -} -.glyphicon-zoom-out:before { - content: "\e016"; -} -.glyphicon-off:before { - content: "\e017"; -} -.glyphicon-signal:before { - content: "\e018"; -} -.glyphicon-cog:before { - content: "\e019"; -} -.glyphicon-trash:before { - content: "\e020"; -} -.glyphicon-home:before { - content: "\e021"; -} -.glyphicon-file:before { - content: "\e022"; -} -.glyphicon-time:before { - content: "\e023"; -} -.glyphicon-road:before { - content: "\e024"; -} -.glyphicon-download-alt:before { - content: "\e025"; -} -.glyphicon-download:before { - content: "\e026"; -} -.glyphicon-upload:before { - content: "\e027"; -} -.glyphicon-inbox:before { - content: "\e028"; -} -.glyphicon-play-circle:before { - content: "\e029"; -} -.glyphicon-repeat:before { - content: "\e030"; -} -.glyphicon-refresh:before { - content: "\e031"; -} -.glyphicon-list-alt:before { - content: "\e032"; -} -.glyphicon-lock:before { - content: "\e033"; -} -.glyphicon-flag:before { - content: "\e034"; -} -.glyphicon-headphones:before { - content: "\e035"; -} -.glyphicon-volume-off:before { - content: "\e036"; -} -.glyphicon-volume-down:before { - content: "\e037"; -} -.glyphicon-volume-up:before { - content: "\e038"; -} -.glyphicon-qrcode:before { - content: "\e039"; -} -.glyphicon-barcode:before { - content: "\e040"; -} -.glyphicon-tag:before { - content: "\e041"; -} -.glyphicon-tags:before { - content: "\e042"; -} -.glyphicon-book:before { - content: "\e043"; -} -.glyphicon-bookmark:before { - content: "\e044"; -} -.glyphicon-print:before { - content: "\e045"; -} -.glyphicon-camera:before { - content: "\e046"; -} -.glyphicon-font:before { - content: "\e047"; -} -.glyphicon-bold:before { - content: "\e048"; -} -.glyphicon-italic:before { - content: "\e049"; -} -.glyphicon-text-height:before { - content: "\e050"; -} -.glyphicon-text-width:before { - content: "\e051"; -} -.glyphicon-align-left:before { - content: "\e052"; -} -.glyphicon-align-center:before { - content: "\e053"; -} -.glyphicon-align-right:before { - content: "\e054"; -} -.glyphicon-align-justify:before { - content: "\e055"; -} -.glyphicon-list:before { - content: "\e056"; -} -.glyphicon-indent-left:before { - content: "\e057"; -} -.glyphicon-indent-right:before { - content: "\e058"; -} -.glyphicon-facetime-video:before { - content: "\e059"; -} -.glyphicon-picture:before { - content: "\e060"; -} -.glyphicon-map-marker:before { - content: "\e062"; -} -.glyphicon-adjust:before { - content: "\e063"; -} -.glyphicon-tint:before { - content: "\e064"; -} -.glyphicon-edit:before { - content: "\e065"; -} -.glyphicon-share:before { - content: "\e066"; -} -.glyphicon-check:before { - content: "\e067"; -} -.glyphicon-move:before { - content: "\e068"; -} -.glyphicon-step-backward:before { - content: "\e069"; -} -.glyphicon-fast-backward:before { - content: "\e070"; -} -.glyphicon-backward:before { - content: "\e071"; -} -.glyphicon-play:before { - content: "\e072"; -} -.glyphicon-pause:before { - content: "\e073"; -} -.glyphicon-stop:before { - content: "\e074"; -} -.glyphicon-forward:before { - content: "\e075"; -} -.glyphicon-fast-forward:before { - content: "\e076"; -} -.glyphicon-step-forward:before { - content: "\e077"; -} -.glyphicon-eject:before { - content: "\e078"; -} -.glyphicon-chevron-left:before { - content: "\e079"; -} -.glyphicon-chevron-right:before { - content: "\e080"; -} -.glyphicon-plus-sign:before { - content: "\e081"; -} -.glyphicon-minus-sign:before { - content: "\e082"; -} -.glyphicon-remove-sign:before { - content: "\e083"; -} -.glyphicon-ok-sign:before { - content: "\e084"; -} -.glyphicon-question-sign:before { - content: "\e085"; -} -.glyphicon-info-sign:before { - content: "\e086"; -} -.glyphicon-screenshot:before { - content: "\e087"; -} -.glyphicon-remove-circle:before { - content: "\e088"; -} -.glyphicon-ok-circle:before { - content: "\e089"; -} -.glyphicon-ban-circle:before { - content: "\e090"; -} -.glyphicon-arrow-left:before { - content: "\e091"; -} -.glyphicon-arrow-right:before { - content: "\e092"; -} -.glyphicon-arrow-up:before { - content: "\e093"; -} -.glyphicon-arrow-down:before { - content: "\e094"; -} -.glyphicon-share-alt:before { - content: "\e095"; -} -.glyphicon-resize-full:before { - content: "\e096"; -} -.glyphicon-resize-small:before { - content: "\e097"; -} -.glyphicon-exclamation-sign:before { - content: "\e101"; -} -.glyphicon-gift:before { - content: "\e102"; -} -.glyphicon-leaf:before { - content: "\e103"; -} -.glyphicon-fire:before { - content: "\e104"; -} -.glyphicon-eye-open:before { - content: "\e105"; -} -.glyphicon-eye-close:before { - content: "\e106"; -} -.glyphicon-warning-sign:before { - content: "\e107"; -} -.glyphicon-plane:before { - content: "\e108"; -} -.glyphicon-calendar:before { - content: "\e109"; -} -.glyphicon-random:before { - content: "\e110"; -} -.glyphicon-comment:before { - content: "\e111"; -} -.glyphicon-magnet:before { - content: "\e112"; -} -.glyphicon-chevron-up:before { - content: "\e113"; -} -.glyphicon-chevron-down:before { - content: "\e114"; -} -.glyphicon-retweet:before { - content: "\e115"; -} -.glyphicon-shopping-cart:before { - content: "\e116"; -} -.glyphicon-folder-close:before { - content: "\e117"; -} -.glyphicon-folder-open:before { - content: "\e118"; -} -.glyphicon-resize-vertical:before { - content: "\e119"; -} -.glyphicon-resize-horizontal:before { - content: "\e120"; -} -.glyphicon-hdd:before { - content: "\e121"; -} -.glyphicon-bullhorn:before { - content: "\e122"; -} -.glyphicon-bell:before { - content: "\e123"; -} -.glyphicon-certificate:before { - content: "\e124"; -} -.glyphicon-thumbs-up:before { - content: "\e125"; -} -.glyphicon-thumbs-down:before { - content: "\e126"; -} -.glyphicon-hand-right:before { - content: "\e127"; -} -.glyphicon-hand-left:before { - content: "\e128"; -} -.glyphicon-hand-up:before { - content: "\e129"; -} -.glyphicon-hand-down:before { - content: "\e130"; -} -.glyphicon-circle-arrow-right:before { - content: "\e131"; -} -.glyphicon-circle-arrow-left:before { - content: "\e132"; -} -.glyphicon-circle-arrow-up:before { - content: "\e133"; -} -.glyphicon-circle-arrow-down:before { - content: "\e134"; -} -.glyphicon-globe:before { - content: "\e135"; -} -.glyphicon-wrench:before { - content: "\e136"; -} -.glyphicon-tasks:before { - content: "\e137"; -} -.glyphicon-filter:before { - content: "\e138"; -} -.glyphicon-briefcase:before { - content: "\e139"; -} -.glyphicon-fullscreen:before { - content: "\e140"; -} -.glyphicon-dashboard:before { - content: "\e141"; -} -.glyphicon-paperclip:before { - content: "\e142"; -} -.glyphicon-heart-empty:before { - content: "\e143"; -} -.glyphicon-link:before { - content: "\e144"; -} -.glyphicon-phone:before { - content: "\e145"; -} -.glyphicon-pushpin:before { - content: "\e146"; -} -.glyphicon-usd:before { - content: "\e148"; -} -.glyphicon-gbp:before { - content: "\e149"; -} -.glyphicon-sort:before { - content: "\e150"; -} -.glyphicon-sort-by-alphabet:before { - content: "\e151"; -} -.glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} -.glyphicon-sort-by-order:before { - content: "\e153"; -} -.glyphicon-sort-by-order-alt:before { - content: "\e154"; -} -.glyphicon-sort-by-attributes:before { - content: "\e155"; -} -.glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} -.glyphicon-unchecked:before { - content: "\e157"; -} -.glyphicon-expand:before { - content: "\e158"; -} -.glyphicon-collapse-down:before { - content: "\e159"; -} -.glyphicon-collapse-up:before { - content: "\e160"; -} -.glyphicon-log-in:before { - content: "\e161"; -} -.glyphicon-flash:before { - content: "\e162"; -} -.glyphicon-log-out:before { - content: "\e163"; -} -.glyphicon-new-window:before { - content: "\e164"; -} -.glyphicon-record:before { - content: "\e165"; -} -.glyphicon-save:before { - content: "\e166"; -} -.glyphicon-open:before { - content: "\e167"; -} -.glyphicon-saved:before { - content: "\e168"; -} -.glyphicon-import:before { - content: "\e169"; -} -.glyphicon-export:before { - content: "\e170"; -} -.glyphicon-send:before { - content: "\e171"; -} -.glyphicon-floppy-disk:before { - content: "\e172"; -} -.glyphicon-floppy-saved:before { - content: "\e173"; -} -.glyphicon-floppy-remove:before { - content: "\e174"; -} -.glyphicon-floppy-save:before { - content: "\e175"; -} -.glyphicon-floppy-open:before { - content: "\e176"; -} -.glyphicon-credit-card:before { - content: "\e177"; -} -.glyphicon-transfer:before { - content: "\e178"; -} -.glyphicon-cutlery:before { - content: "\e179"; -} -.glyphicon-header:before { - content: "\e180"; -} -.glyphicon-compressed:before { - content: "\e181"; -} -.glyphicon-earphone:before { - content: "\e182"; -} -.glyphicon-phone-alt:before { - content: "\e183"; -} -.glyphicon-tower:before { - content: "\e184"; -} -.glyphicon-stats:before { - content: "\e185"; -} -.glyphicon-sd-video:before { - content: "\e186"; -} -.glyphicon-hd-video:before { - content: "\e187"; -} -.glyphicon-subtitles:before { - content: "\e188"; -} -.glyphicon-sound-stereo:before { - content: "\e189"; -} -.glyphicon-sound-dolby:before { - content: "\e190"; -} -.glyphicon-sound-5-1:before { - content: "\e191"; -} -.glyphicon-sound-6-1:before { - content: "\e192"; -} -.glyphicon-sound-7-1:before { - content: "\e193"; -} -.glyphicon-copyright-mark:before { - content: "\e194"; -} -.glyphicon-registration-mark:before { - content: "\e195"; -} -.glyphicon-cloud-download:before { - content: "\e197"; -} -.glyphicon-cloud-upload:before { - content: "\e198"; -} -.glyphicon-tree-conifer:before { - content: "\e199"; -} -.glyphicon-tree-deciduous:before { - content: "\e200"; -} -.glyphicon-cd:before { - content: "\e201"; -} -.glyphicon-save-file:before { - content: "\e202"; -} -.glyphicon-open-file:before { - content: "\e203"; -} -.glyphicon-level-up:before { - content: "\e204"; -} -.glyphicon-copy:before { - content: "\e205"; -} -.glyphicon-paste:before { - content: "\e206"; -} -.glyphicon-alert:before { - content: "\e209"; -} -.glyphicon-equalizer:before { - content: "\e210"; -} -.glyphicon-king:before { - content: "\e211"; -} -.glyphicon-queen:before { - content: "\e212"; -} -.glyphicon-pawn:before { - content: "\e213"; -} -.glyphicon-bishop:before { - content: "\e214"; -} -.glyphicon-knight:before { - content: "\e215"; -} -.glyphicon-baby-formula:before { - content: "\e216"; -} -.glyphicon-tent:before { - content: "\26fa"; -} -.glyphicon-blackboard:before { - content: "\e218"; -} -.glyphicon-bed:before { - content: "\e219"; -} -.glyphicon-apple:before { - content: "\f8ff"; -} -.glyphicon-erase:before { - content: "\e221"; -} -.glyphicon-hourglass:before { - content: "\231b"; -} -.glyphicon-lamp:before { - content: "\e223"; -} -.glyphicon-duplicate:before { - content: "\e224"; -} -.glyphicon-piggy-bank:before { - content: "\e225"; -} -.glyphicon-scissors:before { - content: "\e226"; -} -.glyphicon-bitcoin:before { - content: "\e227"; -} -.glyphicon-yen:before { - content: "\00a5"; -} -.glyphicon-ruble:before { - content: "\20bd"; -} -.glyphicon-scale:before { - content: "\e230"; -} -.glyphicon-ice-lolly:before { - content: "\e231"; -} -.glyphicon-ice-lolly-tasted:before { - content: "\e232"; -} -.glyphicon-education:before { - content: "\e233"; -} -.glyphicon-option-horizontal:before { - content: "\e234"; -} -.glyphicon-option-vertical:before { - content: "\e235"; -} -.glyphicon-menu-hamburger:before { - content: "\e236"; -} -.glyphicon-modal-window:before { - content: "\e237"; -} -.glyphicon-oil:before { - content: "\e238"; -} -.glyphicon-grain:before { - content: "\e239"; -} -.glyphicon-sunglasses:before { - content: "\e240"; -} -.glyphicon-text-size:before { - content: "\e241"; -} -.glyphicon-text-color:before { - content: "\e242"; -} -.glyphicon-text-background:before { - content: "\e243"; -} -.glyphicon-object-align-top:before { - content: "\e244"; -} -.glyphicon-object-align-bottom:before { - content: "\e245"; -} -.glyphicon-object-align-horizontal:before { - content: "\e246"; -} -.glyphicon-object-align-left:before { - content: "\e247"; -} -.glyphicon-object-align-vertical:before { - content: "\e248"; -} -.glyphicon-object-align-right:before { - content: "\e249"; -} -.glyphicon-triangle-right:before { - content: "\e250"; -} -.glyphicon-triangle-left:before { - content: "\e251"; -} -.glyphicon-triangle-bottom:before { - content: "\e252"; -} -.glyphicon-triangle-top:before { - content: "\e253"; -} -.glyphicon-console:before { - content: "\e254"; -} -.glyphicon-superscript:before { - content: "\e255"; -} -.glyphicon-subscript:before { - content: "\e256"; -} -.glyphicon-menu-left:before { - content: "\e257"; -} -.glyphicon-menu-right:before { - content: "\e258"; -} -.glyphicon-menu-down:before { - content: "\e259"; -} -.glyphicon-menu-up:before { - content: "\e260"; -} -/* _bootstrap_overrides.less: scaffolding */ -* { - box-sizing: border-box; -} -*:before, -*:after { - box-sizing: border-box; -} -html { - font-size: 10px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -body { - font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; - font-size: 16px; - line-height: 25px; - color: #525656; - background-color: #ffffff; -} -input, -button, -select, -textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} -a { - color: #1574A1; - text-decoration: none; -} -a:hover, -a:focus { - color: #0d4b68; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -figure { - margin: 0; -} -img { - vertical-align: middle; -} -.img-responsive { - display: block; - max-width: 100%; - height: auto; -} -@media (max-width: 768px) { - .img-responsive-mobile { - display: inline-block; - width: 144px; - height: 48px; - } -} -.img-rounded { - border-radius: 5px; -} -.img-thumbnail { - padding: 4px; - line-height: 25px; - background-color: #ffffff; - border: 1px solid #dddddd; - border-radius: 5px; - transition: all 0.2s ease-in-out; - display: inline-block; - max-width: 100%; - height: auto; -} -.img-circle { - border-radius: 50%; -} -hr { - margin-top: 23px; - margin-bottom: 23px; - border: 0; - border-top: 1px solid #d4d6d8; -} -.sr-only { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.sr-only-focusable:active, -.sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; -} -/* _bootstrap_overrides.less: type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; - font-weight: 500; - line-height: 22px; - color: inherit; -} -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small, -.h1 small, -.h2 small, -.h3 small, -.h4 small, -.h5 small, -.h6 small, -h1 .small, -h2 .small, -h3 .small, -h4 .small, -h5 .small, -h6 .small, -.h1 .small, -.h2 .small, -.h3 .small, -.h4 .small, -.h5 .small, -.h6 .small { - font-weight: normal; - line-height: 1; - color: #f0f1f2; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 23px; - margin-bottom: 11.5px; -} -h1 small, -.h1 small, -h2 small, -.h2 small, -h3 small, -.h3 small, -h1 .small, -.h1 .small, -h2 .small, -.h2 .small, -h3 .small, -.h3 .small { - font-size: 65%; -} -h4, -.h4, -h5, -.h5, -h6, -.h6 { - margin-top: 11.5px; - margin-bottom: 11.5px; -} -h4 small, -.h4 small, -h5 small, -.h5 small, -h6 small, -.h6 small, -h4 .small, -.h4 .small, -h5 .small, -.h5 .small, -h6 .small, -.h6 .small { - font-size: 75%; -} -h1, -.h1 { - font-size: 20px; -} -h2, -.h2 { - font-size: 20px; -} -h3, -.h3 { - font-size: 16px; -} -h4, -.h4 { - font-size: 14px; -} -h5, -.h5 { - font-size: 14px; -} -h6, -.h6 { - font-size: 13px; -} -p { - margin: 0 0 11.5px; -} -.lead { - margin-bottom: 23px; - font-size: 18px; - font-weight: 300; - line-height: 1.4; -} -@media (min-width: 768px) { - .lead { - font-size: 24px; - } -} -small, -.small { - font-size: 81%; -} -mark, -.mark { - background-color: #fef6e8; - padding: .2em; -} -.text-left { - text-align: left; -} -.text-right { - text-align: right; -} -.text-center { - text-align: center; -} -.text-justify { - text-align: justify; -} -.text-nowrap { - white-space: nowrap; -} -.text-lowercase { - text-transform: lowercase; -} -.text-uppercase { - text-transform: uppercase; -} -.text-capitalize { - text-transform: capitalize; -} -.text-muted { - color: #f0f1f2; -} -.text-primary { - color: #167cac; -} -a.text-primary:hover { - color: #105b7f; -} -.text-success { - color: #cacbcc; -} -a.text-success:hover { - color: #b0b2b3; -} -.text-info { - color: #125b7e; -} -a.text-info:hover { - color: #0c3b51; -} -.text-warning { - color: #f8af1c; -} -a.text-warning:hover { - color: #da9407; -} -.text-danger { - color: #da291c; -} -a.text-danger:hover { - color: #ad2116; -} -.bg-primary { - color: #fff; - background-color: #167cac; -} -a.bg-primary:hover { - background-color: #105b7f; -} -.bg-success { - background-color: #e6f2ec; -} -a.bg-success:hover { - background-color: #c4e1d3; -} -.bg-info { - background-color: #e7f1f6; -} -a.bg-info:hover { - background-color: #c2dbe8; -} -.bg-warning { - background-color: #fef6e8; -} -a.bg-warning:hover { - background-color: #fce3b7; -} -.bg-danger { - background-color: #fbe9e8; -} -a.bg-danger:hover { - background-color: #f3bfbd; -} -.page-header { - padding-bottom: 10.5px; - margin: 46px 0 23px; - border-bottom: 1px solid #ffffff; -} -ul, -ol { - margin-top: 0; - margin-bottom: 11.5px; -} -ul ul, -ol ul, -ul ol, -ol ol { - margin-bottom: 0; -} -.list-unstyled { - padding-left: 0; - list-style: none; -} -.list-inline { - padding-left: 0; - list-style: none; - margin-left: -5px; -} -.list-inline > li { - display: inline-block; - padding-left: 5px; - padding-right: 5px; -} -dl { - margin-top: 0; - margin-bottom: 23px; -} -dt, -dd { - line-height: 25px; -} -dt { - font-weight: 500; -} -dd { - margin-left: 0; -} -@media (min-width: 768px) { - .dl-horizontal dt { - float: left; - width: 160px; - clear: left; - text-align: right; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .dl-horizontal dd { - margin-left: 180px; - } -} -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #f0f1f2; -} -.initialism { - font-size: 90%; - text-transform: uppercase; -} -blockquote { - padding: 11.5px 23px; - margin: 0 0 23px; - font-size: 20px; - border-left: 5px solid #ffffff; -} -blockquote p:last-child, -blockquote ul:last-child, -blockquote ol:last-child { - margin-bottom: 0; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 25px; - color: #f0f1f2; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #ffffff; - border-left: 0; - text-align: right; -} -.blockquote-reverse footer:before, -blockquote.pull-right footer:before, -.blockquote-reverse small:before, -blockquote.pull-right small:before, -.blockquote-reverse .small:before, -blockquote.pull-right .small:before { - content: ''; -} -.blockquote-reverse footer:after, -blockquote.pull-right footer:after, -.blockquote-reverse small:after, -blockquote.pull-right small:after, -.blockquote-reverse .small:after, -blockquote.pull-right .small:after { - content: '\00A0 \2014'; -} -address { - margin-bottom: 23px; - font-style: normal; - line-height: 25px; -} -/* _bootstrap_overrides.less: code */ -code, -kbd, -pre, -samp { - font-family: Monaco, Consolas, Menlo, Courier, monospace; -} -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - background-color: #f9f2f4; - border-radius: 5px; -} -kbd { - padding: 2px 4px; - font-size: 90%; - color: #ffffff; - background-color: #333333; - border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); -} -kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 500; - box-shadow: none; -} -pre { - display: block; - padding: 11px; - margin: 0 0 11.5px; - font-size: 15px; - line-height: 25px; - word-break: break-all; - word-wrap: break-word; - color: #4d4e53; - background-color: #f5f5f5; - border: 1px solid #cccccc; - border-radius: 5px; -} -pre code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; -} -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} -/* _bootstrap_overrides.less: grid */ -.container { - margin-right: auto; - margin-left: auto; - padding-left: 14.99px; - padding-right: 14.99px; -} -@media (min-width: 768px) { - .container { - width: 740px; - } -} -@media (min-width: 992px) { - .container { - width: 960px; - } -} -@media (min-width: 1200px) { - .container { - width: 1020px; - } -} -.container-fluid { - margin-right: auto; - margin-left: auto; - padding-left: 14.99px; - padding-right: 14.99px; -} -.row { - margin-left: -14.99px; - margin-right: -14.99px; -} -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 14.99px; - padding-right: 14.99px; -} -.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { - float: left; -} -.col-xs-12 { - width: 100%; -} -.col-xs-11 { - width: 91.66666667%; -} -.col-xs-10 { - width: 83.33333333%; -} -.col-xs-9 { - width: 75%; -} -.col-xs-8 { - width: 66.66666667%; -} -.col-xs-7 { - width: 58.33333333%; -} -.col-xs-6 { - width: 50%; -} -.col-xs-5 { - width: 41.66666667%; -} -.col-xs-4 { - width: 33.33333333%; -} -.col-xs-3 { - width: 25%; -} -.col-xs-2 { - width: 16.66666667%; -} -.col-xs-1 { - width: 8.33333333%; -} -.col-xs-pull-12 { - right: 100%; -} -.col-xs-pull-11 { - right: 91.66666667%; -} -.col-xs-pull-10 { - right: 83.33333333%; -} -.col-xs-pull-9 { - right: 75%; -} -.col-xs-pull-8 { - right: 66.66666667%; -} -.col-xs-pull-7 { - right: 58.33333333%; -} -.col-xs-pull-6 { - right: 50%; -} -.col-xs-pull-5 { - right: 41.66666667%; -} -.col-xs-pull-4 { - right: 33.33333333%; -} -.col-xs-pull-3 { - right: 25%; -} -.col-xs-pull-2 { - right: 16.66666667%; -} -.col-xs-pull-1 { - right: 8.33333333%; -} -.col-xs-pull-0 { - right: auto; -} -.col-xs-push-12 { - left: 100%; -} -.col-xs-push-11 { - left: 91.66666667%; -} -.col-xs-push-10 { - left: 83.33333333%; -} -.col-xs-push-9 { - left: 75%; -} -.col-xs-push-8 { - left: 66.66666667%; -} -.col-xs-push-7 { - left: 58.33333333%; -} -.col-xs-push-6 { - left: 50%; -} -.col-xs-push-5 { - left: 41.66666667%; -} -.col-xs-push-4 { - left: 33.33333333%; -} -.col-xs-push-3 { - left: 25%; -} -.col-xs-push-2 { - left: 16.66666667%; -} -.col-xs-push-1 { - left: 8.33333333%; -} -.col-xs-push-0 { - left: auto; -} -.col-xs-offset-12 { - margin-left: 100%; -} -.col-xs-offset-11 { - margin-left: 91.66666667%; -} -.col-xs-offset-10 { - margin-left: 83.33333333%; -} -.col-xs-offset-9 { - margin-left: 75%; -} -.col-xs-offset-8 { - margin-left: 66.66666667%; -} -.col-xs-offset-7 { - margin-left: 58.33333333%; -} -.col-xs-offset-6 { - margin-left: 50%; -} -.col-xs-offset-5 { - margin-left: 41.66666667%; -} -.col-xs-offset-4 { - margin-left: 33.33333333%; -} -.col-xs-offset-3 { - margin-left: 25%; -} -.col-xs-offset-2 { - margin-left: 16.66666667%; -} -.col-xs-offset-1 { - margin-left: 8.33333333%; -} -.col-xs-offset-0 { - margin-left: 0%; -} -@media (min-width: 768px) { - .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { - float: left; - } - .col-sm-12 { - width: 100%; - } - .col-sm-11 { - width: 91.66666667%; - } - .col-sm-10 { - width: 83.33333333%; - } - .col-sm-9 { - width: 75%; - } - .col-sm-8 { - width: 66.66666667%; - } - .col-sm-7 { - width: 58.33333333%; - } - .col-sm-6 { - width: 50%; - } - .col-sm-5 { - width: 41.66666667%; - } - .col-sm-4 { - width: 33.33333333%; - } - .col-sm-3 { - width: 25%; - } - .col-sm-2 { - width: 16.66666667%; - } - .col-sm-1 { - width: 8.33333333%; - } - .col-sm-pull-12 { - right: 100%; - } - .col-sm-pull-11 { - right: 91.66666667%; - } - .col-sm-pull-10 { - right: 83.33333333%; - } - .col-sm-pull-9 { - right: 75%; - } - .col-sm-pull-8 { - right: 66.66666667%; - } - .col-sm-pull-7 { - right: 58.33333333%; - } - .col-sm-pull-6 { - right: 50%; - } - .col-sm-pull-5 { - right: 41.66666667%; - } - .col-sm-pull-4 { - right: 33.33333333%; - } - .col-sm-pull-3 { - right: 25%; - } - .col-sm-pull-2 { - right: 16.66666667%; - } - .col-sm-pull-1 { - right: 8.33333333%; - } - .col-sm-pull-0 { - right: auto; - } - .col-sm-push-12 { - left: 100%; - } - .col-sm-push-11 { - left: 91.66666667%; - } - .col-sm-push-10 { - left: 83.33333333%; - } - .col-sm-push-9 { - left: 75%; - } - .col-sm-push-8 { - left: 66.66666667%; - } - .col-sm-push-7 { - left: 58.33333333%; - } - .col-sm-push-6 { - left: 50%; - } - .col-sm-push-5 { - left: 41.66666667%; - } - .col-sm-push-4 { - left: 33.33333333%; - } - .col-sm-push-3 { - left: 25%; - } - .col-sm-push-2 { - left: 16.66666667%; - } - .col-sm-push-1 { - left: 8.33333333%; - } - .col-sm-push-0 { - left: auto; - } - .col-sm-offset-12 { - margin-left: 100%; - } - .col-sm-offset-11 { - margin-left: 91.66666667%; - } - .col-sm-offset-10 { - margin-left: 83.33333333%; - } - .col-sm-offset-9 { - margin-left: 75%; - } - .col-sm-offset-8 { - margin-left: 66.66666667%; - } - .col-sm-offset-7 { - margin-left: 58.33333333%; - } - .col-sm-offset-6 { - margin-left: 50%; - } - .col-sm-offset-5 { - margin-left: 41.66666667%; - } - .col-sm-offset-4 { - margin-left: 33.33333333%; - } - .col-sm-offset-3 { - margin-left: 25%; - } - .col-sm-offset-2 { - margin-left: 16.66666667%; - } - .col-sm-offset-1 { - margin-left: 8.33333333%; - } - .col-sm-offset-0 { - margin-left: 0%; - } -} -@media (min-width: 992px) { - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { - float: left; - } - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.66666667%; - } - .col-md-10 { - width: 83.33333333%; - } - .col-md-9 { - width: 75%; - } - .col-md-8 { - width: 66.66666667%; - } - .col-md-7 { - width: 58.33333333%; - } - .col-md-6 { - width: 50%; - } - .col-md-5 { - width: 41.66666667%; - } - .col-md-4 { - width: 33.33333333%; - } - .col-md-3 { - width: 25%; - } - .col-md-2 { - width: 16.66666667%; - } - .col-md-1 { - width: 8.33333333%; - } - .col-md-pull-12 { - right: 100%; - } - .col-md-pull-11 { - right: 91.66666667%; - } - .col-md-pull-10 { - right: 83.33333333%; - } - .col-md-pull-9 { - right: 75%; - } - .col-md-pull-8 { - right: 66.66666667%; - } - .col-md-pull-7 { - right: 58.33333333%; - } - .col-md-pull-6 { - right: 50%; - } - .col-md-pull-5 { - right: 41.66666667%; - } - .col-md-pull-4 { - right: 33.33333333%; - } - .col-md-pull-3 { - right: 25%; - } - .col-md-pull-2 { - right: 16.66666667%; - } - .col-md-pull-1 { - right: 8.33333333%; - } - .col-md-pull-0 { - right: auto; - } - .col-md-push-12 { - left: 100%; - } - .col-md-push-11 { - left: 91.66666667%; - } - .col-md-push-10 { - left: 83.33333333%; - } - .col-md-push-9 { - left: 75%; - } - .col-md-push-8 { - left: 66.66666667%; - } - .col-md-push-7 { - left: 58.33333333%; - } - .col-md-push-6 { - left: 50%; - } - .col-md-push-5 { - left: 41.66666667%; - } - .col-md-push-4 { - left: 33.33333333%; - } - .col-md-push-3 { - left: 25%; - } - .col-md-push-2 { - left: 16.66666667%; - } - .col-md-push-1 { - left: 8.33333333%; - } - .col-md-push-0 { - left: auto; - } - .col-md-offset-12 { - margin-left: 100%; - } - .col-md-offset-11 { - margin-left: 91.66666667%; - } - .col-md-offset-10 { - margin-left: 83.33333333%; - } - .col-md-offset-9 { - margin-left: 75%; - } - .col-md-offset-8 { - margin-left: 66.66666667%; - } - .col-md-offset-7 { - margin-left: 58.33333333%; - } - .col-md-offset-6 { - margin-left: 50%; - } - .col-md-offset-5 { - margin-left: 41.66666667%; - } - .col-md-offset-4 { - margin-left: 33.33333333%; - } - .col-md-offset-3 { - margin-left: 25%; - } - .col-md-offset-2 { - margin-left: 16.66666667%; - } - .col-md-offset-1 { - margin-left: 8.33333333%; - } - .col-md-offset-0 { - margin-left: 0%; - } -} -@media (min-width: 1200px) { - .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { - float: left; - } - .col-lg-12 { - width: 100%; - } - .col-lg-11 { - width: 91.66666667%; - } - .col-lg-10 { - width: 83.33333333%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-8 { - width: 66.66666667%; - } - .col-lg-7 { - width: 58.33333333%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-5 { - width: 41.66666667%; - } - .col-lg-4 { - width: 33.33333333%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-2 { - width: 16.66666667%; - } - .col-lg-1 { - width: 8.33333333%; - } - .col-lg-pull-12 { - right: 100%; - } - .col-lg-pull-11 { - right: 91.66666667%; - } - .col-lg-pull-10 { - right: 83.33333333%; - } - .col-lg-pull-9 { - right: 75%; - } - .col-lg-pull-8 { - right: 66.66666667%; - } - .col-lg-pull-7 { - right: 58.33333333%; - } - .col-lg-pull-6 { - right: 50%; - } - .col-lg-pull-5 { - right: 41.66666667%; - } - .col-lg-pull-4 { - right: 33.33333333%; - } - .col-lg-pull-3 { - right: 25%; - } - .col-lg-pull-2 { - right: 16.66666667%; - } - .col-lg-pull-1 { - right: 8.33333333%; - } - .col-lg-pull-0 { - right: auto; - } - .col-lg-push-12 { - left: 100%; - } - .col-lg-push-11 { - left: 91.66666667%; - } - .col-lg-push-10 { - left: 83.33333333%; - } - .col-lg-push-9 { - left: 75%; - } - .col-lg-push-8 { - left: 66.66666667%; - } - .col-lg-push-7 { - left: 58.33333333%; - } - .col-lg-push-6 { - left: 50%; - } - .col-lg-push-5 { - left: 41.66666667%; - } - .col-lg-push-4 { - left: 33.33333333%; - } - .col-lg-push-3 { - left: 25%; - } - .col-lg-push-2 { - left: 16.66666667%; - } - .col-lg-push-1 { - left: 8.33333333%; - } - .col-lg-push-0 { - left: auto; - } - .col-lg-offset-12 { - margin-left: 100%; - } - .col-lg-offset-11 { - margin-left: 91.66666667%; - } - .col-lg-offset-10 { - margin-left: 83.33333333%; - } - .col-lg-offset-9 { - margin-left: 75%; - } - .col-lg-offset-8 { - margin-left: 66.66666667%; - } - .col-lg-offset-7 { - margin-left: 58.33333333%; - } - .col-lg-offset-6 { - margin-left: 50%; - } - .col-lg-offset-5 { - margin-left: 41.66666667%; - } - .col-lg-offset-4 { - margin-left: 33.33333333%; - } - .col-lg-offset-3 { - margin-left: 25%; - } - .col-lg-offset-2 { - margin-left: 16.66666667%; - } - .col-lg-offset-1 { - margin-left: 8.33333333%; - } - .col-lg-offset-0 { - margin-left: 0%; - } -} -/* _bootstrap_overrides.less: tables */ -table { - background-color: transparent; -} -caption { - padding-top: 8px; - padding-bottom: 8px; - color: #f0f1f2; - text-align: left; -} -th { - text-align: left; -} -.table { - width: 100%; - max-width: 100%; - margin-bottom: 23px; -} -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 8px; - line-height: 25px; - vertical-align: top; - border-top: 1px solid #9aa1a3; -} -.table > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid #9aa1a3; -} -.table > caption + thead > tr:first-child > th, -.table > colgroup + thead > tr:first-child > th, -.table > thead:first-child > tr:first-child > th, -.table > caption + thead > tr:first-child > td, -.table > colgroup + thead > tr:first-child > td, -.table > thead:first-child > tr:first-child > td { - border-top: 0; -} -.table > tbody + tbody { - border-top: 2px solid #9aa1a3; -} -.table .table { - background-color: #ffffff; -} -.table-condensed > thead > tr > th, -.table-condensed > tbody > tr > th, -.table-condensed > tfoot > tr > th, -.table-condensed > thead > tr > td, -.table-condensed > tbody > tr > td, -.table-condensed > tfoot > tr > td { - padding: 5px; -} -.table-bordered { - border: 1px solid #9aa1a3; -} -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid #9aa1a3; -} -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 2px; -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: #f0f1f2; -} -.table-hover > tbody > tr:hover { - background-color: #58bbea; -} -table col[class*="col-"] { - position: static; - float: none; - display: table-column; -} -table td[class*="col-"], -table th[class*="col-"] { - position: static; - float: none; - display: table-cell; -} -.table > thead > tr > td.active, -.table > tbody > tr > td.active, -.table > tfoot > tr > td.active, -.table > thead > tr > th.active, -.table > tbody > tr > th.active, -.table > tfoot > tr > th.active, -.table > thead > tr.active > td, -.table > tbody > tr.active > td, -.table > tfoot > tr.active > td, -.table > thead > tr.active > th, -.table > tbody > tr.active > th, -.table > tfoot > tr.active > th { - background-color: #58bbea; -} -.table-hover > tbody > tr > td.active:hover, -.table-hover > tbody > tr > th.active:hover, -.table-hover > tbody > tr.active:hover > td, -.table-hover > tbody > tr:hover > .active, -.table-hover > tbody > tr.active:hover > th { - background-color: #41b2e7; -} -.table > thead > tr > td.success, -.table > tbody > tr > td.success, -.table > tfoot > tr > td.success, -.table > thead > tr > th.success, -.table > tbody > tr > th.success, -.table > tfoot > tr > th.success, -.table > thead > tr.success > td, -.table > tbody > tr.success > td, -.table > tfoot > tr.success > td, -.table > thead > tr.success > th, -.table > tbody > tr.success > th, -.table > tfoot > tr.success > th { - background-color: #e6f2ec; -} -.table-hover > tbody > tr > td.success:hover, -.table-hover > tbody > tr > th.success:hover, -.table-hover > tbody > tr.success:hover > td, -.table-hover > tbody > tr:hover > .success, -.table-hover > tbody > tr.success:hover > th { - background-color: #d5e9df; -} -.table > thead > tr > td.info, -.table > tbody > tr > td.info, -.table > tfoot > tr > td.info, -.table > thead > tr > th.info, -.table > tbody > tr > th.info, -.table > tfoot > tr > th.info, -.table > thead > tr.info > td, -.table > tbody > tr.info > td, -.table > tfoot > tr.info > td, -.table > thead > tr.info > th, -.table > tbody > tr.info > th, -.table > tfoot > tr.info > th { - background-color: #e7f1f6; -} -.table-hover > tbody > tr > td.info:hover, -.table-hover > tbody > tr > th.info:hover, -.table-hover > tbody > tr.info:hover > td, -.table-hover > tbody > tr:hover > .info, -.table-hover > tbody > tr.info:hover > th { - background-color: #d4e6ef; -} -.table > thead > tr > td.warning, -.table > tbody > tr > td.warning, -.table > tfoot > tr > td.warning, -.table > thead > tr > th.warning, -.table > tbody > tr > th.warning, -.table > tfoot > tr > th.warning, -.table > thead > tr.warning > td, -.table > tbody > tr.warning > td, -.table > tfoot > tr.warning > td, -.table > thead > tr.warning > th, -.table > tbody > tr.warning > th, -.table > tfoot > tr.warning > th { - background-color: #fef6e8; -} -.table-hover > tbody > tr > td.warning:hover, -.table-hover > tbody > tr > th.warning:hover, -.table-hover > tbody > tr.warning:hover > td, -.table-hover > tbody > tr:hover > .warning, -.table-hover > tbody > tr.warning:hover > th { - background-color: #fdecd0; -} -.table > thead > tr > td.danger, -.table > tbody > tr > td.danger, -.table > tfoot > tr > td.danger, -.table > thead > tr > th.danger, -.table > tbody > tr > th.danger, -.table > tfoot > tr > th.danger, -.table > thead > tr.danger > td, -.table > tbody > tr.danger > td, -.table > tfoot > tr.danger > td, -.table > thead > tr.danger > th, -.table > tbody > tr.danger > th, -.table > tfoot > tr.danger > th { - background-color: #fbe9e8; -} -.table-hover > tbody > tr > td.danger:hover, -.table-hover > tbody > tr > th.danger:hover, -.table-hover > tbody > tr.danger:hover > td, -.table-hover > tbody > tr:hover > .danger, -.table-hover > tbody > tr.danger:hover > th { - background-color: #f7d4d2; -} -.table-responsive { - overflow-x: auto; - min-height: 0.01%; -} -@media screen and (max-width: 767px) { - .table-responsive { - width: 100%; - margin-bottom: 17.25px; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #9aa1a3; - } - .table-responsive > .table { - margin-bottom: 0; - } - .table-responsive > .table > thead > tr > th, - .table-responsive > .table > tbody > tr > th, - .table-responsive > .table > tfoot > tr > th, - .table-responsive > .table > thead > tr > td, - .table-responsive > .table > tbody > tr > td, - .table-responsive > .table > tfoot > tr > td { - white-space: nowrap; - } - .table-responsive > .table-bordered { - border: 0; - } - .table-responsive > .table-bordered > thead > tr > th:first-child, - .table-responsive > .table-bordered > tbody > tr > th:first-child, - .table-responsive > .table-bordered > tfoot > tr > th:first-child, - .table-responsive > .table-bordered > thead > tr > td:first-child, - .table-responsive > .table-bordered > tbody > tr > td:first-child, - .table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; - } - .table-responsive > .table-bordered > thead > tr > th:last-child, - .table-responsive > .table-bordered > tbody > tr > th:last-child, - .table-responsive > .table-bordered > tfoot > tr > th:last-child, - .table-responsive > .table-bordered > thead > tr > td:last-child, - .table-responsive > .table-bordered > tbody > tr > td:last-child, - .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; - } - .table-responsive > .table-bordered > tbody > tr:last-child > th, - .table-responsive > .table-bordered > tfoot > tr:last-child > th, - .table-responsive > .table-bordered > tbody > tr:last-child > td, - .table-responsive > .table-bordered > tfoot > tr:last-child > td { - border-bottom: 0; - } -} -/* _bootstrap_overrides.less: forms */ -fieldset { - padding: 0; - margin: 0; - border: 0; - min-width: 0; -} -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 23px; - font-size: 24px; - line-height: inherit; - color: #4d4e53; - border: 0; - border-bottom: 1px solid #e5e5e5; -} -label { - display: inline-block; - max-width: 100%; - margin-bottom: 5px; - font-weight: 500; - color: #000000; -} -input[type="search"] { - box-sizing: border-box; -} -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - line-height: normal; -} -input[type="file"] { - display: block; -} -input[type="range"] { - display: block; - width: 100%; -} -select[multiple], -select[size] { - height: auto; -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -output { - display: block; - padding-top: 8px; - font-size: 16px; - line-height: 25px; - color: #525656; -} -.form-control { - display: block; - width: 100%; - height: 39px; - padding: 7px 15px; - font-size: 16px; - line-height: 25px; - color: #525656; - background-color: #ffffff; - background-image: none; - border: 1px solid #cacbcc; - border-radius: 0; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -} -.form-control:focus { - border-color: #167cac; - outline: 0; - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(22, 124, 172, 0.6); -} -.form-control::-moz-placeholder { - color: #8b8d8e; - opacity: 1; -} -.form-control:-ms-input-placeholder { - color: #8b8d8e; -} -.form-control::-webkit-input-placeholder { - color: #8b8d8e; -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - cursor: not-allowed; - background-color: #f4f4f4; - opacity: 1; -} -textarea.form-control { - height: auto; -} -input[type="search"] { - -webkit-appearance: none; -} -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"], - input[type="time"], - input[type="datetime-local"], - input[type="month"] { - line-height: 39px; - } - input[type="date"].input-sm, - input[type="time"].input-sm, - input[type="datetime-local"].input-sm, - input[type="month"].input-sm, - .input-group-sm input[type="date"], - .input-group-sm input[type="time"], - .input-group-sm input[type="datetime-local"], - .input-group-sm input[type="month"] { - line-height: 27px; - } - input[type="date"].input-lg, - input[type="time"].input-lg, - input[type="datetime-local"].input-lg, - input[type="month"].input-lg, - .input-group-lg input[type="date"], - .input-group-lg input[type="time"], - .input-group-lg input[type="datetime-local"], - .input-group-lg input[type="month"] { - line-height: 48px; - } -} -.form-group { - margin-bottom: 15px; -} -.radio, -.checkbox, -.form-group.checkbox .list-group, -.form-group.checkbox .list-group, -.form-group.radio .list-group, -.form-group.radio .list-group, -.checkbox.list-group, -.checkbox.list-group, -.radio.list-group, -.radio.list-group { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; -} -.radio label, -.checkbox label { - min-height: 23px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; - color: #525656; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - position: absolute; - margin-left: -20px; - margin-top: 4px \9; -} -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} -.radio-inline, -.checkbox-inline { - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"].disabled, -input[type="checkbox"].disabled, -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; -} -.radio-inline.disabled, -.checkbox-inline.disabled, -fieldset[disabled] .radio-inline, -fieldset[disabled] .checkbox-inline { - cursor: not-allowed; -} -.radio.disabled label, -.checkbox.disabled label, -fieldset[disabled] .radio label, -fieldset[disabled] .checkbox label { - cursor: not-allowed; -} -.form-control-static { - padding-top: 8px; - padding-bottom: 8px; - margin-bottom: 0; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-left: 0; - padding-right: 0; -} -.input-sm { - height: 27px; - padding: 3px 6px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; -} -select.input-sm { - height: 27px; - line-height: 27px; -} -textarea.input-sm, -select[multiple].input-sm { - height: auto; -} -.form-group-sm .form-control { - height: 27px; - padding: 3px 6px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; -} -select.form-group-sm .form-control { - height: 27px; - line-height: 27px; -} -textarea.form-group-sm .form-control, -select[multiple].form-group-sm .form-control { - height: auto; -} -.form-group-sm .form-control-static { - height: 27px; - padding: 3px 6px; - font-size: 13px; - line-height: 1.5; -} -.input-lg { - height: 48px; - padding: 10px 20px; - font-size: 20px; - line-height: 1.3; - border-radius: 5px; -} -select.input-lg { - height: 48px; - line-height: 48px; -} -textarea.input-lg, -select[multiple].input-lg { - height: auto; -} -.form-group-lg .form-control { - height: 48px; - padding: 10px 20px; - font-size: 20px; - line-height: 1.3; - border-radius: 5px; -} -select.form-group-lg .form-control { - height: 48px; - line-height: 48px; -} -textarea.form-group-lg .form-control, -select[multiple].form-group-lg .form-control { - height: auto; -} -.form-group-lg .form-control-static { - height: 48px; - padding: 10px 20px; - font-size: 20px; - line-height: 1.3; -} -.has-feedback { - position: relative; -} -.has-feedback .form-control { - padding-right: 48.75px; -} -.form-control-feedback { - position: absolute; - top: 0; - right: 0; - z-index: 2; - display: block; - width: 39px; - height: 39px; - line-height: 39px; - text-align: center; - pointer-events: none; -} -.input-lg + .form-control-feedback { - width: 48px; - height: 48px; - line-height: 48px; -} -.input-sm + .form-control-feedback { - width: 27px; - height: 27px; - line-height: 27px; -} -.has-success .help-block, -.has-success .control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline, -.has-success.radio label, -.has-success.checkbox label, -.has-success.radio-inline label, -.has-success.checkbox-inline label { - color: #cacbcc; -} -.has-success .form-control { - border-color: #cacbcc; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-success .form-control:focus { - border-color: #b0b2b3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fefefe; -} -.has-success .input-group-addon { - color: #cacbcc; - border-color: #cacbcc; - background-color: #e6f2ec; -} -.has-success .form-control-feedback { - color: #cacbcc; -} -.has-warning .help-block, -.has-warning .control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline, -.has-warning.radio label, -.has-warning.checkbox label, -.has-warning.radio-inline label, -.has-warning.checkbox-inline label { - color: #f8af1c; -} -.has-warning .form-control { - border-color: #f8af1c; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-warning .form-control:focus { - border-color: #da9407; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbd27f; -} -.has-warning .input-group-addon { - color: #f8af1c; - border-color: #f8af1c; - background-color: #fef6e8; -} -.has-warning .form-control-feedback { - color: #f8af1c; -} -.has-error .help-block, -.has-error .control-label, -.has-error .radio, -.has-error .checkbox, -.has-error .radio-inline, -.has-error .checkbox-inline, -.has-error.radio label, -.has-error.checkbox label, -.has-error.radio-inline label, -.has-error.checkbox-inline label { - color: #da291c; -} -.has-error .form-control { - border-color: #da291c; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-error .form-control:focus { - border-color: #ad2116; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ed786f; -} -.has-error .input-group-addon { - color: #da291c; - border-color: #da291c; - background-color: #fbe9e8; -} -.has-error .form-control-feedback { - color: #da291c; -} -.has-feedback label ~ .form-control-feedback { - top: 28px; -} -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} -.help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: #919696; -} -@media (min-width: 768px) { - .form-inline .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - .form-inline .form-control-static { - display: inline-block; - } - .form-inline .input-group { - display: inline-table; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; - } - .form-inline .input-group > .form-control { - width: 100%; - } - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio, - .form-inline .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio label, - .form-inline .checkbox label { - padding-left: 0; - } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; - } - .form-inline .has-feedback .form-control-feedback { - top: 0; - } -} -.form-horizontal .radio, -.form-horizontal .checkbox, -.form-horizontal .radio-inline, -.form-horizontal .checkbox-inline { - margin-top: 0; - margin-bottom: 0; - padding-top: 8px; -} -.form-horizontal .radio, -.form-horizontal .checkbox { - min-height: 31px; -} -.form-horizontal .form-group { - margin-left: -14.99px; - margin-right: -14.99px; -} -@media (min-width: 768px) { - .form-horizontal .control-label { - text-align: right; - margin-bottom: 0; - padding-top: 8px; - } -} -.form-horizontal .has-feedback .form-control-feedback { - right: 14.99px; -} -@media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 14px; - } -} -@media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 4px; - } -} -/* _bootstrap_overrides.less: buttons */ -.btn { - display: inline-block; - margin-bottom: 0; - font-weight: 500; - text-align: center; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - background-image: none; - border: 1px solid transparent; - white-space: nowrap; - padding: 7px 15px; - font-size: 16px; - line-height: 15px; - border-radius: 5px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.btn:focus, -.btn:active:focus, -.btn.active:focus, -.btn.focus, -.btn:active.focus, -.btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn:hover, -.btn:focus, -.btn.focus { - color: #4d4e53; - text-decoration: none; -} -.btn:active, -.btn.active { - outline: 0; - background-image: none; - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - opacity: 0.65; - filter: alpha(opacity=65); - box-shadow: none; -} -.btn-default { - color: #4d4e53; - background-color: #ffffff; - border-color: #cccccc; -} -.btn-default:hover, -.btn-default:focus, -.btn-default.focus, -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - color: #4d4e53; - background-color: #e6e6e6; - border-color: #adadad; -} -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - background-image: none; -} -.btn-default.disabled, -.btn-default[disabled], -fieldset[disabled] .btn-default, -.btn-default.disabled:hover, -.btn-default[disabled]:hover, -fieldset[disabled] .btn-default:hover, -.btn-default.disabled:focus, -.btn-default[disabled]:focus, -fieldset[disabled] .btn-default:focus, -.btn-default.disabled.focus, -.btn-default[disabled].focus, -fieldset[disabled] .btn-default.focus, -.btn-default.disabled:active, -.btn-default[disabled]:active, -fieldset[disabled] .btn-default:active, -.btn-default.disabled.active, -.btn-default[disabled].active, -fieldset[disabled] .btn-default.active { - background-color: #ffffff; - border-color: #cccccc; -} -.btn-default .badge { - color: #ffffff; - background-color: #4d4e53; -} -.btn-primary, -.btn-success { - color: #ffffff; - background-color: #167cac; - border-color: #136c95; -} -.btn-primary:hover, -.btn-primary:focus, -.btn-primary.focus, -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - color: #ffffff; - background-color: #105b7f; - border-color: #0c455f; -} -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - background-image: none; -} -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled.focus, -.btn-primary[disabled].focus, -fieldset[disabled] .btn-primary.focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #167cac; - border-color: #136c95; -} -.btn-primary .badge { - color: #167cac; - background-color: #ffffff; -} -.btn-success { - color: #ffffff; - background-color: #da291c; - border-color: #af2117; -} -.btn-success:hover, -.btn-success:focus, -.btn-success.focus, -.btn-success:active, -.btn-success.active, -.open > .dropdown-toggle.btn-success { - color: #ffffff; - background-color: #ad2116; - border-color: #791710; -} -.btn-success:active, -.btn-success.active, -.open > .dropdown-toggle.btn-success { - background-image: none; -} -.btn-success.disabled, -.btn-success[disabled], -fieldset[disabled] .btn-success, -.btn-success.disabled:hover, -.btn-success[disabled]:hover, -fieldset[disabled] .btn-success:hover, -.btn-success.disabled:focus, -.btn-success[disabled]:focus, -fieldset[disabled] .btn-success:focus, -.btn-success.disabled.focus, -.btn-success[disabled].focus, -fieldset[disabled] .btn-success.focus, -.btn-success.disabled:active, -.btn-success[disabled]:active, -fieldset[disabled] .btn-success:active, -.btn-success.disabled.active, -.btn-success[disabled].active, -fieldset[disabled] .btn-success.active { - background-color: #da291c; - border-color: #af2117; -} -.btn-success .badge { - color: #da291c; - background-color: #ffffff; -} -.btn-info { - color: #167cac; - background-color: #ffffff; - border-color: #136c95; -} -.btn-info:hover, -.btn-info:focus, -.btn-info.focus, -.btn-info:active, -.btn-info.active, -.open > .dropdown-toggle.btn-info { - color: #167cac; - background-color: #e6e6e6; - border-color: #0c455f; -} -.btn-info:active, -.btn-info.active, -.open > .dropdown-toggle.btn-info { - background-image: none; -} -.btn-info.disabled, -.btn-info[disabled], -fieldset[disabled] .btn-info, -.btn-info.disabled:hover, -.btn-info[disabled]:hover, -fieldset[disabled] .btn-info:hover, -.btn-info.disabled:focus, -.btn-info[disabled]:focus, -fieldset[disabled] .btn-info:focus, -.btn-info.disabled.focus, -.btn-info[disabled].focus, -fieldset[disabled] .btn-info.focus, -.btn-info.disabled:active, -.btn-info[disabled]:active, -fieldset[disabled] .btn-info:active, -.btn-info.disabled.active, -.btn-info[disabled].active, -fieldset[disabled] .btn-info.active { - background-color: #ffffff; - border-color: #136c95; -} -.btn-info .badge { - color: #ffffff; - background-color: #167cac; -} -.btn-warning { - color: #ffffff; - background-color: #af2117; - border-color: #981d14; -} -.btn-warning:hover, -.btn-warning:focus, -.btn-warning.focus, -.btn-warning:active, -.btn-warning.active, -.open > .dropdown-toggle.btn-warning { - color: #ffffff; - background-color: #821811; - border-color: #62130d; -} -.btn-warning:active, -.btn-warning.active, -.open > .dropdown-toggle.btn-warning { - background-image: none; -} -.btn-warning.disabled, -.btn-warning[disabled], -fieldset[disabled] .btn-warning, -.btn-warning.disabled:hover, -.btn-warning[disabled]:hover, -fieldset[disabled] .btn-warning:hover, -.btn-warning.disabled:focus, -.btn-warning[disabled]:focus, -fieldset[disabled] .btn-warning:focus, -.btn-warning.disabled.focus, -.btn-warning[disabled].focus, -fieldset[disabled] .btn-warning.focus, -.btn-warning.disabled:active, -.btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active, -.btn-warning.disabled.active, -.btn-warning[disabled].active, -fieldset[disabled] .btn-warning.active { - background-color: #af2117; - border-color: #981d14; -} -.btn-warning .badge { - color: #af2117; - background-color: #ffffff; -} -.btn-danger { - color: #ffffff; - background-color: #da291c; - border-color: #c32519; -} -.btn-danger:hover, -.btn-danger:focus, -.btn-danger.focus, -.btn-danger:active, -.btn-danger.active, -.open > .dropdown-toggle.btn-danger { - color: #ffffff; - background-color: #ad2116; - border-color: #8d1b12; -} -.btn-danger:active, -.btn-danger.active, -.open > .dropdown-toggle.btn-danger { - background-image: none; -} -.btn-danger.disabled, -.btn-danger[disabled], -fieldset[disabled] .btn-danger, -.btn-danger.disabled:hover, -.btn-danger[disabled]:hover, -fieldset[disabled] .btn-danger:hover, -.btn-danger.disabled:focus, -.btn-danger[disabled]:focus, -fieldset[disabled] .btn-danger:focus, -.btn-danger.disabled.focus, -.btn-danger[disabled].focus, -fieldset[disabled] .btn-danger.focus, -.btn-danger.disabled:active, -.btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active, -.btn-danger.disabled.active, -.btn-danger[disabled].active, -fieldset[disabled] .btn-danger.active { - background-color: #da291c; - border-color: #c32519; -} -.btn-danger .badge { - color: #da291c; - background-color: #ffffff; -} -.btn-link { - color: #167cac; - font-weight: normal; - border-radius: 0; -} -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - box-shadow: none; -} -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} -.btn-link:hover, -.btn-link:focus { - color: #0d4b68; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #f0f1f2; - text-decoration: none; -} -.btn-lg, -.btn-group-lg > .btn { - padding: 10px 20px; - font-size: 20px; - line-height: 1.3; - border-radius: 5px; -} -.btn-sm, -.btn-group-sm > .btn { - padding: 3px 6px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; -} -.btn-xs, -.btn-group-xs > .btn { - padding: 1px 5px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; -} -.btn-block { - display: block; - width: 100%; -} -.btn-block + .btn-block { - margin-top: 5px; -} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} -/* _bootstrap_overrides.less: component-animations */ -.fade { - opacity: 0; - transition: opacity 0.15s linear; -} -.fade.in { - opacity: 1; -} -.collapse { - display: none; - visibility: hidden; -} -.collapse.in { - display: block; - visibility: visible; -} -tr.collapse.in { - display: table-row; -} -tbody.collapse.in { - display: table-row-group; -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - transition-property: height, visibility; - transition-duration: 0.35s; - transition-timing-function: ease; -} -/* _bootstrap_overrides.less: button-groups */ -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-block; - vertical-align: middle; -} -.btn-group > .btn, -.btn-group-vertical > .btn { - position: relative; - float: left; -} -.btn-group > .btn:hover, -.btn-group-vertical > .btn:hover, -.btn-group > .btn:focus, -.btn-group-vertical > .btn:focus, -.btn-group > .btn:active, -.btn-group-vertical > .btn:active, -.btn-group > .btn.active, -.btn-group-vertical > .btn.active { - z-index: 2; -} -.btn-group .btn + .btn, -.btn-group .btn + .btn-group, -.btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group { - margin-left: -1px; -} -.btn-toolbar { - margin-left: -5px; -} -.btn-toolbar .btn-group, -.btn-toolbar .input-group { - float: left; -} -.btn-toolbar > .btn, -.btn-toolbar > .btn-group, -.btn-toolbar > .input-group { - margin-left: 5px; -} -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; -} -.btn-group > .btn:first-child { - margin-left: 0; -} -.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -.btn-group > .btn:last-child:not(:first-child), -.btn-group > .dropdown-toggle:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -.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:not(:last-child) > .btn:last-child, -.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} -.btn-group > .btn + .dropdown-toggle { - padding-left: 8px; - padding-right: 8px; -} -.btn-group > .btn-lg + .dropdown-toggle { - padding-left: 12px; - padding-right: 12px; -} -.btn-group.open .dropdown-toggle { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn-group.open .dropdown-toggle.btn-link { - box-shadow: none; -} -.btn .caret { - margin-left: 0; -} -.btn-lg .caret { - border-width: 5px 5px 0; - border-bottom-width: 0; -} -.dropup .btn-lg .caret { - border-width: 0 5px 5px; -} -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group, -.btn-group-vertical > .btn-group > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; -} -.btn-group-vertical > .btn-group > .btn { - float: none; -} -.btn-group-vertical > .btn + .btn, -.btn-group-vertical > .btn + .btn-group, -.btn-group-vertical > .btn-group + .btn, -.btn-group-vertical > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; -} -.btn-group-vertical > .btn:not(:first-child):not(:last-child) { - border-radius: 0; -} -.btn-group-vertical > .btn:first-child:not(:last-child) { - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group-vertical > .btn:last-child:not(:first-child) { - border-bottom-left-radius: 5px; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, -.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.btn-group-justified { - display: table; - width: 100%; - table-layout: fixed; - border-collapse: separate; -} -.btn-group-justified > .btn, -.btn-group-justified > .btn-group { - float: none; - display: table-cell; - width: 1%; -} -.btn-group-justified > .btn-group .btn { - width: 100%; -} -.btn-group-justified > .btn-group .dropdown-menu { - left: auto; -} -[data-toggle="buttons"] > .btn input[type="radio"], -[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], -[data-toggle="buttons"] > .btn input[type="checkbox"], -[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; -} -/* _bootstrap_overrides.less: input-groups */ -.input-group { - position: relative; - display: table; - border-collapse: separate; -} -.input-group[class*="col-"] { - float: none; - padding-left: 0; - padding-right: 0; -} -.input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; -} -.input-group-lg > .form-control, -.input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { - height: 48px; - padding: 10px 20px; - font-size: 20px; - line-height: 1.3; - border-radius: 5px; -} -select.input-group-lg > .form-control, -select.input-group-lg > .input-group-addon, -select.input-group-lg > .input-group-btn > .btn { - height: 48px; - line-height: 48px; -} -textarea.input-group-lg > .form-control, -textarea.input-group-lg > .input-group-addon, -textarea.input-group-lg > .input-group-btn > .btn, -select[multiple].input-group-lg > .form-control, -select[multiple].input-group-lg > .input-group-addon, -select[multiple].input-group-lg > .input-group-btn > .btn { - height: auto; -} -.input-group-sm > .form-control, -.input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { - height: 27px; - padding: 3px 6px; - font-size: 13px; - line-height: 1.5; - border-radius: 3px; -} -select.input-group-sm > .form-control, -select.input-group-sm > .input-group-addon, -select.input-group-sm > .input-group-btn > .btn { - height: 27px; - line-height: 27px; -} -textarea.input-group-sm > .form-control, -textarea.input-group-sm > .input-group-addon, -textarea.input-group-sm > .input-group-btn > .btn, -select[multiple].input-group-sm > .form-control, -select[multiple].input-group-sm > .input-group-addon, -select[multiple].input-group-sm > .input-group-btn > .btn { - height: auto; -} -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; -} -.input-group-addon:not(:first-child):not(:last-child), -.input-group-btn:not(:first-child):not(:last-child), -.input-group .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; -} -.input-group-addon { - padding: 7px 15px; - font-size: 16px; - font-weight: normal; - line-height: 1; - color: #525656; - text-align: center; - background-color: #ffffff; - border: 1px solid #cacbcc; - border-radius: 5px; -} -.input-group-addon.input-sm { - padding: 3px 6px; - font-size: 13px; - border-radius: 3px; -} -.input-group-addon.input-lg { - padding: 10px 20px; - font-size: 20px; - border-radius: 5px; -} -.input-group-addon input[type="radio"], -.input-group-addon input[type="checkbox"] { - margin-top: 0; -} -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -.input-group-addon:first-child { - border-right: 0; -} -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child), -.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -.input-group-addon:last-child { - border-left: 0; -} -.input-group-btn { - position: relative; - font-size: 0; - white-space: nowrap; -} -.input-group-btn > .btn { - position: relative; -} -.input-group-btn > .btn + .btn { - margin-left: -1px; -} -.input-group-btn > .btn:hover, -.input-group-btn > .btn:focus, -.input-group-btn > .btn:active { - z-index: 2; -} -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group { - margin-right: -1px; -} -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group { - margin-left: -1px; -} -/* _bootstrap_overrides.less: labels */ -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: 500; - line-height: 1; - color: #ffffff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; -} -a.label:hover, -a.label:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -.label:empty { - display: none; -} -.btn .label { - position: relative; - top: -1px; -} -.label-default { - background-color: #f0f1f2; -} -.label-default[href]:hover, -.label-default[href]:focus { - background-color: #d5d8da; -} -.label-primary { - background-color: #167cac; -} -.label-primary[href]:hover, -.label-primary[href]:focus { - background-color: #105b7f; -} -.label-success { - background-color: #0c7e47; -} -.label-success[href]:hover, -.label-success[href]:focus { - background-color: #084f2d; -} -.label-info { - background-color: #125b7e; -} -.label-info[href]:hover, -.label-info[href]:focus { - background-color: #0c3b51; -} -.label-warning { - background-color: #af2117; -} -.label-warning[href]:hover, -.label-warning[href]:focus { - background-color: #821811; -} -.label-danger { - background-color: #da291c; -} -.label-danger[href]:hover, -.label-danger[href]:focus { - background-color: #ad2116; -} -/* _bootstrap_overrides.less: alerts */ -.alert { - padding: 15px; - margin-bottom: 23px; - border: 1px solid transparent; - border-radius: 5px; -} -.alert h4 { - margin-top: 0; - color: inherit; -} -.alert .alert-link { - font-weight: 500; -} -.alert > p, -.alert > ul { - margin-bottom: 0; -} -.alert > p + p { - margin-top: 5px; -} -.alert-dismissable, -.alert-dismissible { - padding-right: 35px; -} -.alert-dismissable .close, -.alert-dismissible .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; -} -.alert-success { - background-color: #e6f2ec; - border-color: #0c7e47; - color: #cacbcc; -} -.alert-success hr { - border-top-color: #0a673a; -} -.alert-success .alert-link { - color: #b0b2b3; -} -.alert-info { - background-color: #e7f1f6; - border-color: #167cac; - color: #125b7e; -} -.alert-info hr { - border-top-color: #136c95; -} -.alert-info .alert-link { - color: #0c3b51; -} -.alert-warning { - background-color: #fef6e8; - border-color: #f8af1c; - color: #f8af1c; -} -.alert-warning hr { - border-top-color: #f3a507; -} -.alert-warning .alert-link { - color: #da9407; -} -.alert-danger { - background-color: #fbe9e8; - border-color: #da291c; - color: #da291c; -} -.alert-danger hr { - border-top-color: #c32519; -} -.alert-danger .alert-link { - color: #ad2116; -} -/* _bootstrap_overrides.less: progress-bars */ -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} -.progress { - overflow: hidden; - height: 23px; - margin-bottom: 23px; - background-color: #f5f5f5; - border-radius: 5px; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} -.progress-bar { - float: left; - width: 0%; - height: 100%; - font-size: 13px; - line-height: 23px; - color: #ffffff; - text-align: center; - background-color: #167cac; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - transition: width 0.6s ease; -} -.progress-striped .progress-bar, -.progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 40px 40px; -} -.progress.active .progress-bar, -.progress-bar.active { - -webkit-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} -.progress-bar-success { - background-color: #0c7e47; -} -.progress-striped .progress-bar-success { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -.progress-bar-info { - background-color: #125b7e; -} -.progress-striped .progress-bar-info { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -.progress-bar-warning { - background-color: #af2117; -} -.progress-striped .progress-bar-warning { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -.progress-bar-danger { - background-color: #da291c; -} -.progress-striped .progress-bar-danger { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/* _bootstrap_overrides.less: media */ -.media { - margin-top: 15px; -} -.media:first-child { - margin-top: 0; -} -.media, -.media-body { - zoom: 1; - overflow: hidden; -} -.media-body { - width: 10000px; -} -.media-object { - display: block; -} -.media-right, -.media > .pull-right { - padding-left: 10px; -} -.media-left, -.media > .pull-left { - padding-right: 10px; -} -.media-left, -.media-right, -.media-body { - display: table-cell; - vertical-align: top; -} -.media-middle { - vertical-align: middle; -} -.media-bottom { - vertical-align: bottom; -} -.media-heading { - margin-top: 0; - margin-bottom: 5px; -} -.media-list { - padding-left: 0; - list-style: none; -} -/* _bootstrap_overrides.less: list-group */ -.list-group { - margin-bottom: 20px; - padding-left: 0; -} -.list-group-item { - position: relative; - display: block; - padding: 10px 15px; - margin-bottom: -1px; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.list-group-item:first-child { - border-top-right-radius: 5px; - border-top-left-radius: 5px; -} -.list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; -} -a.list-group-item { - color: #555555; -} -a.list-group-item .list-group-item-heading { - color: #333333; -} -a.list-group-item:hover, -a.list-group-item:focus { - text-decoration: none; - color: #555555; - background-color: #f5f5f5; -} -.list-group-item.disabled, -.list-group-item.disabled:hover, -.list-group-item.disabled:focus { - background-color: #f0f1f2; - color: #9aa1a3; - cursor: not-allowed; -} -.list-group-item.disabled .list-group-item-heading, -.list-group-item.disabled:hover .list-group-item-heading, -.list-group-item.disabled:focus .list-group-item-heading { - color: inherit; -} -.list-group-item.disabled .list-group-item-text, -.list-group-item.disabled:hover .list-group-item-text, -.list-group-item.disabled:focus .list-group-item-text { - color: #9aa1a3; -} -.list-group-item.active, -.list-group-item.active:hover, -.list-group-item.active:focus { - z-index: 2; - color: #ffffff; - background-color: #167cac; - border-color: #167cac; -} -.list-group-item.active .list-group-item-heading, -.list-group-item.active:hover .list-group-item-heading, -.list-group-item.active:focus .list-group-item-heading, -.list-group-item.active .list-group-item-heading > small, -.list-group-item.active:hover .list-group-item-heading > small, -.list-group-item.active:focus .list-group-item-heading > small, -.list-group-item.active .list-group-item-heading > .small, -.list-group-item.active:hover .list-group-item-heading > .small, -.list-group-item.active:focus .list-group-item-heading > .small { - color: inherit; -} -.list-group-item.active .list-group-item-text, -.list-group-item.active:hover .list-group-item-text, -.list-group-item.active:focus .list-group-item-text { - color: #9cd7f2; -} -.list-group-item-success { - color: #cacbcc; - background-color: #e6f2ec; -} -a.list-group-item-success { - color: #cacbcc; -} -a.list-group-item-success .list-group-item-heading { - color: inherit; -} -a.list-group-item-success:hover, -a.list-group-item-success:focus { - color: #cacbcc; - background-color: #d5e9df; -} -a.list-group-item-success.active, -a.list-group-item-success.active:hover, -a.list-group-item-success.active:focus { - color: #fff; - background-color: #cacbcc; - border-color: #cacbcc; -} -.list-group-item-info { - color: #125b7e; - background-color: #e7f1f6; -} -a.list-group-item-info { - color: #125b7e; -} -a.list-group-item-info .list-group-item-heading { - color: inherit; -} -a.list-group-item-info:hover, -a.list-group-item-info:focus { - color: #125b7e; - background-color: #d4e6ef; -} -a.list-group-item-info.active, -a.list-group-item-info.active:hover, -a.list-group-item-info.active:focus { - color: #fff; - background-color: #125b7e; - border-color: #125b7e; -} -.list-group-item-warning { - color: #f8af1c; - background-color: #fef6e8; -} -a.list-group-item-warning { - color: #f8af1c; -} -a.list-group-item-warning .list-group-item-heading { - color: inherit; -} -a.list-group-item-warning:hover, -a.list-group-item-warning:focus { - color: #f8af1c; - background-color: #fdecd0; -} -a.list-group-item-warning.active, -a.list-group-item-warning.active:hover, -a.list-group-item-warning.active:focus { - color: #fff; - background-color: #f8af1c; - border-color: #f8af1c; -} -.list-group-item-danger { - color: #da291c; - background-color: #fbe9e8; -} -a.list-group-item-danger { - color: #da291c; -} -a.list-group-item-danger .list-group-item-heading { - color: inherit; -} -a.list-group-item-danger:hover, -a.list-group-item-danger:focus { - color: #da291c; - background-color: #f7d4d2; -} -a.list-group-item-danger.active, -a.list-group-item-danger.active:hover, -a.list-group-item-danger.active:focus { - color: #fff; - background-color: #da291c; - border-color: #da291c; -} -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; -} -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; -} -/* _bootstrap_overrides.less: panels */ -.panel { - margin-bottom: 23px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 5px; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} -.panel-body { - padding: 20px; -} -.panel-heading { - padding: 10px 20px; - border-bottom: 1px solid transparent; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.panel-heading > .dropdown .dropdown-toggle { - color: inherit; -} -.panel-title { - margin-top: 0; - margin-bottom: 0; - font-size: 18px; - color: inherit; -} -.panel-title > a, -.panel-title > small, -.panel-title > .small, -.panel-title > small > a, -.panel-title > .small > a { - color: inherit; -} -.panel-footer { - padding: 10px 20px; - background-color: #f5f5f5; - border-top: 1px solid #dddddd; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.panel > .list-group, -.panel > .panel-collapse > .list-group { - margin-bottom: 0; -} -.panel > .list-group .list-group-item, -.panel > .panel-collapse > .list-group .list-group-item { - border-width: 1px 0; - border-radius: 0; -} -.panel > .list-group:first-child .list-group-item:first-child, -.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { - border-top: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.panel > .list-group:last-child .list-group-item:last-child, -.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { - border-bottom: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.panel-heading + .list-group .list-group-item:first-child { - border-top-width: 0; -} -.list-group + .panel-footer { - border-top-width: 0; -} -.panel > .table, -.panel > .table-responsive > .table, -.panel > .panel-collapse > .table { - margin-bottom: 0; -} -.panel > .table caption, -.panel > .table-responsive > .table caption, -.panel > .panel-collapse > .table caption { - padding-left: 20px; - padding-right: 20px; -} -.panel > .table:first-child, -.panel > .table-responsive:first-child > .table:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} -.panel > .table:first-child > thead:first-child > tr:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, -.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, -.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { - border-top-left-radius: 4px; -} -.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, -.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, -.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, -.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, -.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { - border-top-right-radius: 4px; -} -.panel > .table:last-child, -.panel > .table-responsive:last-child > .table:last-child { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, -.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { - border-bottom-left-radius: 4px; -} -.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, -.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, -.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, -.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { - border-bottom-right-radius: 4px; -} -.panel > .panel-body + .table, -.panel > .panel-body + .table-responsive, -.panel > .table + .panel-body, -.panel > .table-responsive + .panel-body { - border-top: 1px solid #9aa1a3; -} -.panel > .table > tbody:first-child > tr:first-child th, -.panel > .table > tbody:first-child > tr:first-child td { - border-top: 0; -} -.panel > .table-bordered, -.panel > .table-responsive > .table-bordered { - border: 0; -} -.panel > .table-bordered > thead > tr > th:first-child, -.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, -.panel > .table-bordered > tbody > tr > th:first-child, -.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, -.panel > .table-bordered > tfoot > tr > th:first-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, -.panel > .table-bordered > thead > tr > td:first-child, -.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, -.panel > .table-bordered > tbody > tr > td:first-child, -.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, -.panel > .table-bordered > tfoot > tr > td:first-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { - border-left: 0; -} -.panel > .table-bordered > thead > tr > th:last-child, -.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, -.panel > .table-bordered > tbody > tr > th:last-child, -.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, -.panel > .table-bordered > tfoot > tr > th:last-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, -.panel > .table-bordered > thead > tr > td:last-child, -.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, -.panel > .table-bordered > tbody > tr > td:last-child, -.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, -.panel > .table-bordered > tfoot > tr > td:last-child, -.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; -} -.panel > .table-bordered > thead > tr:first-child > td, -.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, -.panel > .table-bordered > tbody > tr:first-child > td, -.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, -.panel > .table-bordered > thead > tr:first-child > th, -.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, -.panel > .table-bordered > tbody > tr:first-child > th, -.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { - border-bottom: 0; -} -.panel > .table-bordered > tbody > tr:last-child > td, -.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, -.panel > .table-bordered > tfoot > tr:last-child > td, -.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, -.panel > .table-bordered > tbody > tr:last-child > th, -.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, -.panel > .table-bordered > tfoot > tr:last-child > th, -.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { - border-bottom: 0; -} -.panel > .table-responsive { - border: 0; - margin-bottom: 0; -} -.panel-group { - margin-bottom: 23px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 5px; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group .panel-heading { - border-bottom: 0; -} -.panel-group .panel-heading + .panel-collapse > .panel-body, -.panel-group .panel-heading + .panel-collapse > .list-group { - border-top: 1px solid #dddddd; -} -.panel-group .panel-footer { - border-top: 0; -} -.panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #dddddd; -} -.panel-default { - border-color: #dddddd; -} -.panel-default > .panel-heading { - color: #4d4e53; - background-color: #f5f5f5; - border-color: #dddddd; -} -.panel-default > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #dddddd; -} -.panel-default > .panel-heading .badge { - color: #f5f5f5; - background-color: #4d4e53; -} -.panel-default > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #dddddd; -} -.panel-primary { - border-color: #167cac; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #167cac; - border-color: #167cac; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #167cac; -} -.panel-primary > .panel-heading .badge { - color: #167cac; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #167cac; -} -.panel-success { - border-color: #0c7e47; -} -.panel-success > .panel-heading { - color: #cacbcc; - background-color: #e6f2ec; - border-color: #0c7e47; -} -.panel-success > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #0c7e47; -} -.panel-success > .panel-heading .badge { - color: #e6f2ec; - background-color: #cacbcc; -} -.panel-success > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #0c7e47; -} -.panel-info { - border-color: #167cac; -} -.panel-info > .panel-heading { - color: #125b7e; - background-color: #e7f1f6; - border-color: #167cac; -} -.panel-info > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #167cac; -} -.panel-info > .panel-heading .badge { - color: #e7f1f6; - background-color: #125b7e; -} -.panel-info > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #167cac; -} -.panel-warning { - border-color: #f8af1c; -} -.panel-warning > .panel-heading { - color: #f8af1c; - background-color: #fef6e8; - border-color: #f8af1c; -} -.panel-warning > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #f8af1c; -} -.panel-warning > .panel-heading .badge { - color: #fef6e8; - background-color: #f8af1c; -} -.panel-warning > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #f8af1c; -} -.panel-danger { - border-color: #da291c; -} -.panel-danger > .panel-heading { - color: #da291c; - background-color: #fbe9e8; - border-color: #da291c; -} -.panel-danger > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #da291c; -} -.panel-danger > .panel-heading .badge { - color: #fbe9e8; - background-color: #da291c; -} -.panel-danger > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #da291c; -} -/* _bootstrap_overrides.less: responsive-embed */ -.embed-responsive { - position: relative; - display: block; - height: 0; - padding: 0; - overflow: hidden; -} -.embed-responsive .embed-responsive-item, -.embed-responsive iframe, -.embed-responsive embed, -.embed-responsive object, -.embed-responsive video { - position: absolute; - top: 0; - left: 0; - bottom: 0; - height: 100%; - width: 100%; - border: 0; -} -.embed-responsive.embed-responsive-16by9 { - padding-bottom: 56.25%; -} -.embed-responsive.embed-responsive-4by3 { - padding-bottom: 75%; -} -/* _bootstrap_overrides.less: close */ -.close { - float: right; - font-size: 24px; - font-weight: 500; - line-height: 1; - color: #000000; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); -} -.close:hover, -.close:focus { - color: #000000; - text-decoration: none; - cursor: pointer; - opacity: 0.5; - filter: alpha(opacity=50); -} -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} -/* _bootstrap_overrides.less: modals */ -.modal-open { - overflow: hidden; -} -.modal { - display: none; - overflow: hidden; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - -webkit-overflow-scrolling: touch; - outline: 0; -} -.modal.fade .modal-dialog { - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - transform: translate(0, -25%); - transition: -webkit-transform 0.3s ease-out; - transition: transform 0.3s ease-out; -} -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); -} -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} -.modal-dialog { - position: relative; - width: auto; - margin: 10px; -} -.modal-content { - position: relative; - background-color: #ffffff; - border: 1px solid #999999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 5px; - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - background-clip: padding-box; - outline: 0; -} -.modal-backdrop { - position: absolute; - top: 0; - right: 0; - left: 0; - background-color: #000000; -} -.modal-backdrop.fade { - opacity: 0; - filter: alpha(opacity=0); -} -.modal-backdrop.in { - opacity: 0.5; - filter: alpha(opacity=50); -} -.modal-header { - padding: 8px; - border-bottom: 1px solid #e5e5e5; - min-height: 33px; -} -.modal-header .close { - margin-top: -2px; -} -.modal-title { - margin: 0; - line-height: 25px; -} -.modal-body { - position: relative; - padding: 8px; -} -.modal-footer { - padding: 8px; - text-align: right; - border-top: 1px solid #e5e5e5; -} -.modal-footer .btn + .btn { - margin-left: 5px; - margin-bottom: 0; -} -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} -@media (min-width: 768px) { - .modal-dialog { - width: 600px; - margin: 30px auto; - } - .modal-content { - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - } - .modal-sm { - width: 300px; - } -} -@media (min-width: 992px) { - .modal-lg { - width: 900px; - } -} -/* _bootstrap_overrides.less: utilities */ -.clearfix:before, -.clearfix:after, -.dl-horizontal dd:before, -.dl-horizontal dd:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after, -.btn-toolbar:before, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:before, -.btn-group-vertical > .btn-group:after, -.panel-body:before, -.panel-body:after, -.modal-footer:before, -.modal-footer:after { - content: " "; - display: table; -} -.clearfix:after, -.dl-horizontal dd:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after, -.btn-toolbar:after, -.btn-group-vertical > .btn-group:after, -.panel-body:after, -.modal-footer:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; -} -/* _bootstrap_overrides.less: responsive-utilities */ -@-ms-viewport { - width: device-width; -} -.visible-xs, -.visible-sm, -.visible-md, -.visible-lg { - display: none !important; -} -.visible-xs-block, -.visible-xs-inline, -.visible-xs-inline-block, -.visible-sm-block, -.visible-sm-inline, -.visible-sm-inline-block, -.visible-md-block, -.visible-md-inline, -.visible-md-inline-block, -.visible-lg-block, -.visible-lg-inline, -.visible-lg-inline-block { - display: none !important; -} -@media (max-width: 767px) { - .visible-xs { - display: block !important; - } - table.visible-xs { - display: table; - } - tr.visible-xs { - display: table-row !important; - } - th.visible-xs, - td.visible-xs { - display: table-cell !important; - } -} -@media (max-width: 767px) { - .visible-xs-block { - display: block !important; - } -} -@media (max-width: 767px) { - .visible-xs-inline { - display: inline !important; - } -} -@media (max-width: 767px) { - .visible-xs-inline-block { - display: inline-block !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm { - display: block !important; - } - table.visible-sm { - display: table; - } - tr.visible-sm { - display: table-row !important; - } - th.visible-sm, - td.visible-sm { - display: table-cell !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-block { - display: block !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline { - display: inline !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline-block { - display: inline-block !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md { - display: block !important; - } - table.visible-md { - display: table; - } - tr.visible-md { - display: table-row !important; - } - th.visible-md, - td.visible-md { - display: table-cell !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-block { - display: block !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline { - display: inline !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline-block { - display: inline-block !important; - } -} -@media (min-width: 1200px) { - .visible-lg { - display: block !important; - } - table.visible-lg { - display: table; - } - tr.visible-lg { - display: table-row !important; - } - th.visible-lg, - td.visible-lg { - display: table-cell !important; - } -} -@media (min-width: 1200px) { - .visible-lg-block { - display: block !important; - } -} -@media (min-width: 1200px) { - .visible-lg-inline { - display: inline !important; - } -} -@media (min-width: 1200px) { - .visible-lg-inline-block { - display: inline-block !important; - } -} -@media (max-width: 767px) { - .hidden-xs { - display: none !important; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .hidden-sm { - display: none !important; - } -} -@media (min-width: 992px) and (max-width: 1199px) { - .hidden-md { - display: none !important; - } -} -@media (min-width: 1200px) { - .hidden-lg { - display: none !important; - } -} -.visible-print { - display: none !important; -} -@media print { - .visible-print { - display: block !important; - } - table.visible-print { - display: table; - } - tr.visible-print { - display: table-row !important; - } - th.visible-print, - td.visible-print { - display: table-cell !important; - } -} -.visible-print-block { - display: none !important; -} -@media print { - .visible-print-block { - display: block !important; - } -} -.visible-print-inline { - display: none !important; -} -@media print { - .visible-print-inline { - display: inline !important; - } -} -.visible-print-inline-block { - display: none !important; -} -@media print { - .visible-print-inline-block { - display: inline-block !important; - } -} -@media print { - .hidden-print { - display: none !important; - } -} -/* END Import Bootstrap components */ -/* BEGIN Manual override of Bootstrap classes */ -.btn-success, -.btn-link { - font-weight: 500; -} -.btn-info:hover, -.btn-info:active, -.btn-info:active:focus, -.btn-info:focus { - outline: 0 none; - background-color: #167cac; - color: #ffffff; - text-decoration: none; - box-shadow: none; -} -.alert { - color: #525656; -} -.alert h3 { - margin-top: 0; -} -.input-group-btn > .btn { - margin-left: 5px !important; - border-top-left-radius: 4px !important; - border-bottom-left-radius: 4px !important; -} -/* END Manual override of Bootstrap classes */ -/* BEGIN custom mixins */ -.simple-global-error { - background: url("../images/icon-white-circle-bang.png") no-repeat 8px 50% #da291c; - color: #FFFFFF !important; -} -.ul-inline li { - display: inline-block; - padding: 0 2em 0 0; - list-style-type: none; - list-style-image: none; - line-height: 20px; -} -.focus-outline { - box-shadow: 0 0 1px 1px #167cac; -} -/* END custom mixins */ -/*** - title: Custom Icon font - section: Base - description: The unicode character equivalent of the below classes can be represented and manipulated with hex format "" in HTML and as "\ue002" in javascript - example: | - -***/ -/* 'safelite-ico' custom icon font - To edit, open http://app.fontastic.me/#publish/font/zgKBi9ciBAZoSLuDdcQkoZ */ -@font-face { - font-weight: normal; - font-style: normal; - font-family: "safelite-ico"; - src: url("/Shared/fonts/safelite-ico.eot"); - src: url("/Shared/fonts/safelite-ico.eot?#iefix") format("embedded-opentype"), url("/Shared/fonts/safelite-ico.woff") format("woff"), url("/Shared/fonts/safelite-ico.ttf") format("truetype"), url("/Shared/fonts/safelite-ico.svg#safelite-ico") format("svg"); -} -.icon-font, -[data-icon]:before, -[data-icon-after]:after, -.ico:before { - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-transform: none !important; - font-weight: normal !important; - font-style: normal !important; - font-variant: normal !important; - font-size: 20px !important; - font-family: "safelite-ico" !important; - line-height: 20px !important; -} -[data-icon]:before { - content: attr(data-icon); -} -[data-icon-after]:after { - content: attr(data-icon-after); -} -.ico:before { - vertical-align: middle; -} -/* The unicode character equivalent of the below classes can be represented and manipulated with hex format "" in HTML and as "\ue002" in javascript */ -.ico { - padding: 2px 8px; - color: #167cac; -} -.ico.cancel-square:before { - content: "\e000"; -} -.ico.cancel-cir:before { - content: "\e001"; -} -.ico.plus-cir:before { - content: "\e002"; -} -.ico.minus-cir:before { - content: "\e003"; -} -.ico.down-tri:before { - content: "\e004"; -} -.ico.play-cir:before { - content: "\e005"; -} -.ico.cancel:before { - content: "\e006"; -} -.ico.chat:before { - content: "\e007"; -} -.ico.search:before { - content: "\e008"; -} -.ico.edit:before { - content: "\e009"; -} -.ico.youtube-play:before { - content: "\e00a"; -} -.ico.twitter-squ:before { - content: "\e00b"; -} -.ico.facebook-squ:before { - content: "\e00c"; -} -.ico.linkedin-squ:before { - content: "\e00d"; -} -.ico.star:before { - content: "\e00e"; -} -.ico.star-line:before { - content: "\e00f"; -} -.ico.question:before { - content: "\e010"; -} -.ico.pin-map:before { - content: "\e011"; -} -.ico.check:before { - content: "\e012"; -} -.ico.check-cir-line:before { - content: "\e013"; -} -.ico.question-cir-line:before { - content: "\e014"; -} -.ico.warning-cir-outline:before { - content: "\e015"; -} -.ico.warning-cir:before { - content: "\e016"; -} -.ico.plus-cir-line:before { - content: "\e017"; -} -.ico.minus-cir-line:before { - content: "\e018"; -} -.ico.cancel-cir-line:before { - content: "\e019"; -} -/* END Custom icon font */ -/* - STRUCTURE - - From "Categorizing CSS Rules", https://smacss.com/book/categorizing - - title: Base HTML elements - section: Base - description: Base rules are the defaults. - - title: Layout elements - section: Layout - description: Layout rules divide the page into sections. Layouts hold one or more modules together. - - title: Modules - section: Modules - description: The reusable, modular parts of our design. Atoms, molecules, organisms, templates, pages - - title: State - section: State - description: A state is something that augments and overrides all other styles. - - title: Themes - section: Themes - description: How modules or layouts might look for differenct clients. (This should NOT go in this global styling sheet.) -*/ -/* ************************************************************************* * - * Base HTML elements * - * ************************************************************************* */ -/*** - title: Headings - section: Base - description: Basic styles for core HTML elements - example: | -

Heading 1 Example

-

Heading 2 Example

-

Heading 3 Example

-

Heading 4 Example

-
Heading 5 Example
-***/ -/*** - title: Paragraph - section: Base - description: - example: | -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non congue metus, ut posuere orci. Proin sit amet consectetur lacus. Etiam non dui metus. Donec purus urna, dictum sed dui in, blandit feugiat quam. Etiam nisl lectus, pharetra cursus accumsan nec, ultrices non felis. Suspendisse eleifend tellus vel lectus vestibulum, et euismod sapien dapibus. Sed scelerisque congue consectetur. Vivamus quis sem aliquam, porttitor diam tristique, mattis diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non congue metus, ut posuere orci. Proin sit amet consectetur lacus. Etiam non dui metus. Donec purus urna, dictum sed dui in, blandit feugiat quam. Etiam nisl lectus, pharetra cursus accumsan nec, ultrices non felis. Suspendisse eleifend tellus vel lectus vestibulum, et euismod sapien dapibus. Sed scelerisque congue consectetur. Vivamus quis sem aliquam, porttitor diam tristique, mattis diam.

-***/ -html { - position: relative; - overflow-y: scroll; - margin: 0; - padding: 0; - min-height: 100%; -} -body { - padding-right: 0 !important; -} -h1 { - color: #000000; - font-weight: normal; - margin-bottom: 12px; - margin-top: 11px; - line-height: 30px; -} -@media (min-width: 768px) { - h1 { - margin-top: 27px; - } -} -h2 { - color: #000000; - font-weight: 400; - margin-bottom: 12px; - margin-top: 20px; - line-height: 30px; -} -h3 { - color: #525656; - font-weight: 500; - margin-bottom: 12px; - line-height: 25px; -} -ol { - list-style-type: none; - margin-bottom: 0; - padding: 0; -} -ol li { - min-height: 26px; - padding-left: 40px; - padding-top: 2px; - position: relative; -} -ol li + li { - margin-top: 15px; -} -ol li img { - position: absolute; - left: 0; -} -p { - margin: 0; -} -p + p { - margin-top: 1em; -} -h2 + ol { - margin-top: 17px; -} -strong { - font-weight: 500; - color: #000000; -} -a { - text-decoration: none; - font-weight: 500; -} -a.disabled { - cursor: default; - pointer-events: none; -} -a:visited { - text-decoration: underline; -} -a:hover, -a:focus { - text-decoration: none; -} -textarea { - resize: none; -} -textarea.form-control { - border-radius: 5px; -} -.form-control { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - -webkit-appearance: none; -} -.form-control#ServiceState { - border-radius: 5px; -} -.form-control-feedback.glyphicon-ok { - display: none; -} -.form-control-feedback.glyphicon-remove { - display: none; -} -.has-feedback.has-success input:focus { - box-shadow: 0 0 0 5px #b9d7e6; - border-color: #cacbcc; -} -input[type="number"]::-webkit-outer-spin-button, -input[type="number"]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} -*::-ms-clear { - display: none; -} -hr { - border-color: #d4d6d8; - margin-top: 20px; - margin-bottom: 20px; -} -/*** - title: Form Validation Decoration - section: State - description: Form element with feedback (Automatically added by validation framework) - example: | -
- - - -
- -
- - First name is required. - -
- -
- - - -
-***/ -.help-block { - margin-top: 6px; - font-size: 16px; - line-height: 25px; -} -.help-text { - font-size: 16px; - line-height: 25px; -} -input.calendar { - background: url("../images/calendar-button.png") no-repeat 100% #ffffff; -} -.glyphicon-remove::before { - content: ""; -} -select, -select.form-control { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: url("/Shared/images/chev-ablue-down2.png") no-repeat 100% #ffffff; - background-position-x: 98%; - text-indent: 0.01px; - text-overflow: ""; - cursor: pointer; - border-radius: 5px; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - background-size: 15px 9px; -} -select:-webkit-autofill, -select.form-control:-webkit-autofill { - -webkit-appearance: menulist-button !important; -} -select::-ms-expand, -select.form-control::-ms-expand { - display: none; -} -select:-moz-focusring, -select.form-control:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #000000; -} -.has-feedback.has-error select, -.has-feedback.has-error select.form-control { - background-image: url("/Shared/images/chev-ablue-down2.png"); -} -.has-feedback.has-error select ~ .form-control-feedback, -.has-feedback.has-error select.form-control ~ .form-control-feedback { - display: none; -} -.has-feedback.has-success select, -.has-feedback.has-success select.form-control { - background-image: url("/Shared/images/chev-ablue-down2.png"); - background-position-x: 98%; - border-color: #cacbcc; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} -.has-feedback.has-success select:focus, -.has-feedback.has-success select.form-control:focus { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border: 2.5px solid #167cac; -} -.has-feedback.has-success select ~ .form-control-feedback, -.has-feedback.has-success select.form-control ~ .form-control-feedback { - display: none; -} -.has-feedback.has-success select, -.has-feedback.has-success select.form-control[disabled] { - background-image: url("/Shared/images/chev-agrey-down2.png"); -} -.has-feedback.has-error select, -.has-feedback.has-error select.form-control[disabled] { - background-image: url("/Shared/images/chev-agrey-down2.png"); -} -.form-group.has-error .form-control:focus, -.form-group.has-error .input-group-comp .form-control:focus { - box-shadow: 0 0 0 5px #f3beba; -} -.form-group.has-success .form-control:focus, -.form-group.has-success .input-group-comp .form-control:focus { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border: 2.5px solid #167cac; -} -.form-group .input-group-comp .form-control:focus { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border: 2.5px solid #167cac; -} -.form-group .form-control:focus { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border: 2.5px solid #167cac; -} -.no-rgba select, -.no-matchmedialistener select, -.no-rgba select.form-control, -.no-matchmedialistener select.form-control { - background-image: none !important; - padding-right: 0; -} -.no-rgba .has-feedback .form-control, -.no-matchmedialistener .has-feedback .form-control { - padding-right: 0; -} -/*** - title: Radio/checkbox groups - section: Base - example: | - -***/ -.form-group.checkbox, -.form-group.radio { - margin-top: 0; -} -.form-group.checkbox .control-label, -.form-group.radio .control-label { - padding-left: 0px; - font-weight: 500; - cursor: default; -} -.form-group.checkbox.has-success .active label, -.form-group.radio.has-success .active label, -.form-group.checkbox.has-error .active label, -.form-group.radio.has-error .active label { - color: #000000; -} -.form-group.checkbox.has-success label, -.form-group.radio.has-success label, -.form-group.checkbox.has-error label, -.form-group.radio.has-error label { - color: #4d4e53; -} -.form-group.checkbox.has-success label.control-label, -.form-group.radio.has-success label.control-label, -.form-group.checkbox.has-error label.control-label, -.form-group.radio.has-error label.control-label { - color: #000000; -} -.form-group.checkbox.has-success.has-error .control-label, -.form-group.radio.has-success.has-error .control-label, -.form-group.checkbox.has-error.has-error .control-label, -.form-group.radio.has-error.has-error .control-label { - color: #da291c; -} -.form-group.checkbox.has-success.has-error .list-group .list-group-item, -.form-group.radio.has-success.has-error .list-group .list-group-item, -.form-group.checkbox.has-error.has-error .list-group .list-group-item, -.form-group.radio.has-error.has-error .list-group .list-group-item, -.form-group.checkbox.has-success.has-error .list-group .list-group-item > label, -.form-group.radio.has-success.has-error .list-group .list-group-item > label, -.form-group.checkbox.has-error.has-error .list-group .list-group-item > label, -.form-group.radio.has-error.has-error .list-group .list-group-item > label { - border-color: #da291c; -} -.form-group.checkbox.has-success .list-group small.help-block, -.form-group.radio.has-success .list-group small.help-block, -.form-group.checkbox.has-error .list-group small.help-block, -.form-group.radio.has-error .list-group small.help-block { - display: none !important; -} -.form-group.checkbox label + .list-group, -.form-group.radio label + .list-group, -label + .checkbox.list-group, -label + .radio.list-group { - margin-top: 0; -} -.form-group.checkbox .list-group, -.form-group.radio .list-group, -.checkbox.list-group, -.radio.list-group { - margin-top: 12px; -} -.form-group.checkbox .list-group .list-group-item, -.form-group.radio .list-group .list-group-item, -.checkbox.list-group .list-group-item, -.radio.list-group .list-group-item { - margin-bottom: 12px; - border-width: 1px; - border-color: #cacbcc; - border-radius: 5px; - padding: 0; -} -.form-group.checkbox .list-group .list-group-item.active, -.form-group.radio .list-group .list-group-item.active, -.checkbox.list-group .list-group-item.active, -.radio.list-group .list-group-item.active { - background-color: #e7f1f6; - color: #000000; -} -.form-group.checkbox .list-group .list-group-item.active > label, -.form-group.radio .list-group .list-group-item.active > label, -.checkbox.list-group .list-group-item.active > label, -.radio.list-group .list-group-item.active > label { - font-weight: 500; - color: #000000; -} -.form-group.checkbox .list-group .list-group-item.active .line-label, -.form-group.radio .list-group .list-group-item.active .line-label, -.checkbox.list-group .list-group-item.active .line-label, -.radio.list-group .list-group-item.active .line-label { - border-left: solid 2px #167cac; -} -.form-group.checkbox .list-group .list-group-item.active .mile-label, -.form-group.radio .list-group .list-group-item.active .mile-label, -.checkbox.list-group .list-group-item.active .mile-label, -.radio.list-group .list-group-item.active .mile-label { - font-weight: normal !important; - color: #4d4e53; -} -.form-group.checkbox .list-group .list-group-item.focused, -.form-group.radio .list-group .list-group-item.focused, -.checkbox.list-group .list-group-item.focused, -.radio.list-group .list-group-item.focused { - border-color: #167cac; -} -.form-group.checkbox .list-group .list-group-item > label, -.form-group.radio .list-group .list-group-item > label, -.checkbox.list-group .list-group-item > label, -.radio.list-group .list-group-item > label { - margin-bottom: initial; - width: 100%; - font-weight: normal; - padding: 12px 27px 12px 33px; - color: #525656; -} -.form-group.checkbox .list-group .list-group-item .checkbox .list-group, -.form-group.radio .list-group .list-group-item .checkbox .list-group, -.checkbox.list-group .list-group-item .checkbox .list-group, -.radio.list-group .list-group-item .checkbox .list-group, -.form-group.checkbox .list-group .list-group-item .radio .list-group, -.form-group.radio .list-group .list-group-item .radio .list-group, -.checkbox.list-group .list-group-item .radio .list-group, -.radio.list-group .list-group-item .radio .list-group, -.form-group.checkbox .list-group .list-group-item .checkbox.list-group, -.form-group.radio .list-group .list-group-item .checkbox.list-group, -.checkbox.list-group .list-group-item .checkbox.list-group, -.radio.list-group .list-group-item .checkbox.list-group, -.form-group.checkbox .list-group .list-group-item .radio.list-group, -.form-group.radio .list-group .list-group-item .radio.list-group, -.checkbox.list-group .list-group-item .radio.list-group, -.radio.list-group .list-group-item .radio.list-group { - border-top: 1px solid #d4d6d8; - margin: 0 0 14px 0; - padding: 0; -} -.form-group.checkbox .list-group .list-group-item .checkbox .list-group .list-group-item, -.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item, -.checkbox.list-group .list-group-item .checkbox .list-group .list-group-item, -.radio.list-group .list-group-item .checkbox .list-group .list-group-item, -.form-group.checkbox .list-group .list-group-item .radio .list-group .list-group-item, -.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item, -.checkbox.list-group .list-group-item .radio .list-group .list-group-item, -.radio.list-group .list-group-item .radio .list-group .list-group-item, -.form-group.checkbox .list-group .list-group-item .checkbox.list-group .list-group-item, -.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item, -.checkbox.list-group .list-group-item .checkbox.list-group .list-group-item, -.radio.list-group .list-group-item .checkbox.list-group .list-group-item, -.form-group.checkbox .list-group .list-group-item .radio.list-group .list-group-item, -.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item, -.checkbox.list-group .list-group-item .radio.list-group .list-group-item, -.radio.list-group .list-group-item .radio.list-group .list-group-item { - margin: 0; - border-color: #cacbcc; - border-left-style: none; - border-right-style: none; - border-top-style: none; - border-radius: 0; - color: #4d4e53; - box-shadow: none; -} -.form-group.checkbox .list-group .list-group-item .checkbox .list-group .list-group-item.active, -.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item.active, -.checkbox.list-group .list-group-item .checkbox .list-group .list-group-item.active, -.radio.list-group .list-group-item .checkbox .list-group .list-group-item.active, -.form-group.checkbox .list-group .list-group-item .radio .list-group .list-group-item.active, -.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item.active, -.checkbox.list-group .list-group-item .radio .list-group .list-group-item.active, -.radio.list-group .list-group-item .radio .list-group .list-group-item.active, -.form-group.checkbox .list-group .list-group-item .checkbox.list-group .list-group-item.active, -.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item.active, -.checkbox.list-group .list-group-item .checkbox.list-group .list-group-item.active, -.radio.list-group .list-group-item .checkbox.list-group .list-group-item.active, -.form-group.checkbox .list-group .list-group-item .radio.list-group .list-group-item.active, -.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item.active, -.checkbox.list-group .list-group-item .radio.list-group .list-group-item.active, -.radio.list-group .list-group-item .radio.list-group .list-group-item.active { - color: #000000; -} -.form-group.checkbox .list-group .list-group-item .checkbox .list-group .list-group-item label, -.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item label, -.checkbox.list-group .list-group-item .checkbox .list-group .list-group-item label, -.radio.list-group .list-group-item .checkbox .list-group .list-group-item label, -.form-group.checkbox .list-group .list-group-item .radio .list-group .list-group-item label, -.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item label, -.checkbox.list-group .list-group-item .radio .list-group .list-group-item label, -.radio.list-group .list-group-item .radio .list-group .list-group-item label, -.form-group.checkbox .list-group .list-group-item .checkbox.list-group .list-group-item label, -.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item label, -.checkbox.list-group .list-group-item .checkbox.list-group .list-group-item label, -.radio.list-group .list-group-item .checkbox.list-group .list-group-item label, -.form-group.checkbox .list-group .list-group-item .radio.list-group .list-group-item label, -.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item label, -.checkbox.list-group .list-group-item .radio.list-group .list-group-item label, -.radio.list-group .list-group-item .radio.list-group .list-group-item label { - padding-left: 55px; -} -.form-group.checkbox .list-group .list-group-item > *, -.form-group.radio .list-group .list-group-item > *, -.checkbox.list-group .list-group-item > *, -.radio.list-group .list-group-item > * { - padding: 10px 15px; -} -html ul input[type="radio"] { - visibility: hidden; -} -html a input[type="radio"] { - display: none; -} -.form-group.radio .list-group .list-group-item { - border-radius: 22px; - text-align: center; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} -.form-group.radio .list-group .list-group-item .radio .list-group, -.form-group.radio .list-group .list-group-item .radio.list-group { - margin: 0 0 22px 0; -} -.form-group.radio .list-group .list-group-item > label { - padding: 10px 32px 10px 32px; -} -.form-group.radio .list-group .list-group-item .checkbox .list-group .list-group-item label, -.form-group.radio .list-group .list-group-item .radio .list-group .list-group-item label, -.form-group.radio .list-group .list-group-item .checkbox.list-group .list-group-item label, -.form-group.radio .list-group .list-group-item .radio.list-group .list-group-item label { - padding-left: 55px; -} -.list-group.radio .list-group-item { - border-radius: 22px; - text-align: center; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} -.list-group.radio .list-group-item .radio .list-group, -.list-group.radio .list-group-item .radio.list-group { - margin: 0 0 22px 0; -} -.list-group.radio .list-group-item > label { - padding: 10px 32px 10px 32px; -} -@media (max-width: 992px) { - .list-group.radio .list-group-item > label { - padding: 12px 20px 12px 20px; - } -} -.list-group.radio .list-group-item:focus { - border: 2.5px solid #167cac; -} -html .list-group .list-group-item .list-group.radio .list-group-item { - text-align: left; - border-radius: 0; -} -html .list-group .list-group-item .list-group.radio .list-group-item input[type="radio"] { - visibility: visible; -} -html .in-shop.vspacing .list-group.radio.vspacing .list-group-item { - border-radius: 48px; -} -.row > .form-group > .glyphicon { - right: 15px; -} -.has-success .help-block { - margin: 0; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - margin-left: -21px; -} -input[type="checkbox"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus + label:before, -input[type="radio"]:focus + label:before { - outline: 5px auto #167cac; - outline-offset: -2px; -} -.btn { - width: 100%; - padding-top: 15px; - padding-bottom: 15px; -} -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn, -.btn.disabled:hover, -.btn[disabled]:hover, -fieldset[disabled] .btn:hover, -.btn.disabled:focus, -.btn[disabled]:focus, -fieldset[disabled] .btn:focus, -.btn.disabled.focus, -.btn[disabled].focus, -fieldset[disabled] .btn.focus, -.btn.disabled:active, -.btn[disabled]:active, -fieldset[disabled] .btn:active, -.btn.disabled.active, -.btn[disabled].active, -fieldset[disabled] .btn.active { - background-color: #d4d6d8; - border-color: #d4d6d8; - opacity: 1; -} -.btn.btn-link { - width: auto; - /* - Strip non-essential rules with .pare. Similar to a reset. Mixin - with other classes to specify what gets reset. - */ -} -.btn.btn-link.pare { - margin: 0; - padding: 0; - background-color: transparent; - color: #1574a1; - font-weight: normal; -} -.btn.btn-link.pare:hover, -.btn.btn-link.pare:active:focus, -.btn.btn-link.pare:focus { - color: #125b7e; - text-decoration: none; -} -.btn-success { - border-radius: 22.5px; -} -.btn-success:focus, -.btn-success:active, -.btn-success:active:focus { - outline: none; - box-shadow: 0 0 0 3px #fff, 0 0 0 5.5px #da291c; - background-color: #da291c; - border-color: #da291c; -} -.btn-primary, -.btn-success { - padding-left: 39px; - padding-right: 39px; -} -.btn-primary:focus, -.btn-primary:active, -.btn-primary:active:focus { - outline: none; - background-color: #167cac; - border-color: #136c95; - box-shadow: 0 0 0 3px #ffffff, 0 0 0 5.5px #167cac; -} -.btn-success, -.btn-link { - padding-top: 15px; - padding-bottom: 15px; -} -#pageNavigation .btn.btn-success-experiment { - width: 145px; -} -#navNext.btn-success-experiment { - width: 145px; -} -.btn-link { - font-weight: normal; - border-radius: 0; - font-weight: 500; - border-left-style: none; - border-right-style: none; - color: #167cac; - padding-left: 0; - padding-right: 0; - padding-top: 15px; - padding-bottom: 15px; -} -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - box-shadow: none; -} -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} -.btn-link:hover, -.btn-link:focus { - color: #0d4b68; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #f0f1f2; - text-decoration: none; -} -.btn-link:hover, -.btn-link:active:focus, -.btn-link:focus { - color: #125b7e; - text-decoration: none; -} -.callout-panel { - border: none; - background-color: #f0f1f2; -} -.callout-panel.bordered { - border: 1px solid #d4d6d8; -} -.callout-panel .panel-footer { - border-top: none; - background-color: inherit; -} -.callout-panel h2, -.callout-panel h3 { - margin-top: 0; -} -.panel-primary .panel-body { - padding: 20px; -} -ul.small-checks, -ul.small-checks-taller { - padding-left: 20px; - list-style-image: url("/Shared/images/icons/GreenCheckIcon.svg"); -} -ul.small-checks li, -ul.small-checks-taller li { - padding-bottom: .5em; -} -ul.small-checks-taller { - margin-top: 1em; -} -ul.small-checks-taller li { - padding-bottom: 1em; -} -.edit-controls { - float: right; -} -.content-group { - margin-bottom: 20px; -} -.content-section { - padding-top: 15px; - border-top: 1px solid #f0f1f2; -} -.content-section h2 { - margin-top: 11px; -} -div#switchToPaypal > div.content-section { - border-top: none; -} -.pageInstructions { - margin-bottom: 20px; -} -@media (max-width: 768px) { - .ProductPageInstructions { - margin-top: 27px; - } -} -.rain-defense-header { - font-size: 20px; - font-weight: 400; - line-height: 30px; - margin-top: 0px !important; - margin-bottom: 0px !important; -} -.fine-print, -.footnote { - color: #525656; - font-weight: 300; - font-size: 13px; - line-height: 20px; -} -.message-and-data-rate { - color: #525656; - font-style: normal; - font-size: 14px; - line-height: 25px; -} -.footnote { - padding-left: 8px; - position: relative; - font-weight: 300; -} -.footnote div { - position: absolute; - left: 0; -} -.note { - margin-top: 20px; - font-style: italic; - font-size: 13px; -} -.form-group { - margin-bottom: 20px; -} -.form-group .control-label { - color: #000000; - font-size: 16px; - margin-bottom: 4px; -} -.form-group input[type=text], -.form-group input[type=tel], -.form-group input[type=time] { - border-radius: 5px; -} -.has-warning .control-label { - color: #525656; -} -.validation-info { - color: #da291c; - display: block; - font-size: 14px; - margin-bottom: 12px; - white-space: nowrap; -} -.control-label .validation-info { - display: inline; - margin-bottom: 0; -} -.strikeThrough { - text-decoration: line-through; -} -/* ************************************************************************* * - * Layout elements * - * ************************************************************************* */ -@media (max-width: 768px) { - .mobile-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - overflow: hidden; - width: 100%; - height: 100%; - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg=="); - background-repeat: repeat; - z-index: 1042; - } -} -#pageLoadingModal, -#coverageLoadingModal { - padding-right: 20px; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - overflow: hidden; - width: 100%; - height: 100%; - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg=="); - background-repeat: repeat; -} -/*** - title: Progress Modal - section: Modules - description: Form element with feedback - example: | -
- -
-***/ -.progress-modal { - z-index: 1041 !important; -} -.progress-modal .modal-content { - margin: 29.98px auto; - padding: 14.99px 0; - width: 240px; - height: 240px; - color: #1574a1; - text-align: center; - font-weight: 500; -} -.progress-modal .modal-content img { - position: absolute; - left: 58px; - top: 58px; -} -.progress-modal .modal-content-type-two { - margin: 29.98px auto; - padding: 14.99px 0; - width: 240px; - height: 175px; - color: #125b7e; - text-align: center; - font-weight: 500; -} -.progress-modal .modal-content-type-two .modal-icon-container { - position: relative; - width: 75px; - height: 75px; - margin: 15px auto; -} -.progress-modal .modal-content-type-two .modal-icon-container img { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} -.progress-modal .modal-content-type-two .modal-icon-container img.loader-gif { - width: 75px; - height: 75px; -} -.progress-modal .modal-content-type-two .loader-text { - font-weight: normal; - color: #525656; -} -.progress-modal .modal-content-type-one { - margin: 29.98px auto; - padding: 0; - width: 240px; - height: 195px; - color: #125b7e; - text-align: center; - font-weight: 500; -} -.progress-modal .modal-content-type-one img { - position: absolute; - left: 58px; - top: 58px; -} -.progress-modal .modal-content-type-one .loader-text { - font-weight: normal; - color: #525656; -} -.progress-modal .modal-content-type-one .loader-position { - position: relative; - top: 0px; - left: 0px; - z-index: 1; - margin: 30px 70px 0px 70px; -} -/*** - title: Static Modal - section: Modules - description: Used in Customer Portal - example: | -
- -
- - -
-
-***/ -.btn-modal-cancel { - position: absolute; - top: 0; - right: 0; - padding: 22px; - border: 0 none; - background-color: rgba(0, 0, 0, 0); - font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; - font-weight: 500; - font-family: "Glyphicons Halflings"; - cursor: pointer; - color: #297599; -} -.btn-modal-cancel:before { - content: "\e014"; -} -.modal.omni .btn { - width: auto; -} -.modal.omni .modal-footer { - border-width: 0; - margin: 32px 0; -} -.modal.omni .modal-footer.center { - margin: 12px 0 20px 0; - text-align: center; -} -.modal.omni .modal-footer.center .or-divider-2 { - background-repeat: repeat-x; -} -.modal.omni .modal-footer.center .btn { - width: 100%; - font-weight: 500; - border-radius: 22.5px; -} -.modal.omni .modal-footer.center .btn:active, -.modal.omni .modal-footer.center .btn:focus, -.modal.omni .modal-footer.center .btn:active:focus, -.modal.omni .modal-footer.center .btn:hover { - outline: none; - box-shadow: 0 0 1px 1px #167cac; -} -.static-modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - overflow: scroll; - width: 100%; - height: 100%; - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg=="); - background-repeat: repeat; - position: absolute; -} -.static-modal .modal-content { - margin: 24px 10px 89.94px; - border-right: 0; - border-left: 0; - border-radius: 0; - vertical-align: top; - text-align: left; -} -.static-modal .modal-content .globalMessage { - display: block !important; -} -.static-modal .modal-content .globalMessage.alert { - margin: 24px 0 -8px; -} -.static-modal .static-modal-header { - padding-top: 24px; - padding-bottom: 17px; - box-shadow: 0 12px 20px -6px #f0f1f2; -} -.static-modal .static-modal-body { - margin-bottom: 44.97px; - padding: 0 10px; -} -@media (min-width: 768px) { - .static-modal .static-modal-body { - padding: 0 29.98px; - } -} -.static-modal .static-modal-nav { - padding: 0 10px 29.98px 10px; - border-bottom: 7px solid #167cac; -} -@media (min-width: 768px) { - .static-modal .static-modal-nav { - padding: 0 29.98px 29.98px 29.98px; - } - .static-modal .static-modal-nav #navBack { - float: right; - margin-right: 10px; - } -} -@media (min-width: 768px) { - .static-modal .modal-content { - margin-top: 59.96px; - margin-right: auto; - margin-left: auto; - max-width: 768px; - } - .static-modal .static-modal-header, - .static-modal .static-modal-body, - .static-modal .static-modal-nav { - padding-right: 59.96px; - padding-left: 59.96px; - } -} -#primaryContent { - padding-bottom: 50px; -} -#pageNavigation { - padding-right: 0; - padding-left: 0; -} -#pageNavigation a { - font-weight: normal; - margin: 24px 0; -} -#pageNavigation button { - margin: 0 0 24px 0; -} -#pageNavigation .btn { - width: auto; -} -.alert b { - color: #000000; -} -@media (max-width: 767px) { - .row > [class^="col-"] > .btn { - margin-bottom: 14.99px; - } -} -@media (min-width: 768px) { - .equal-col-heights { - display: table; - height: 100%; - width: 100%; - } - .equal-col-heights > div { - height: 100%; - float: none; - display: table-cell; - vertical-align: top; - } - .equal-col-heights > div.or-divider-2 { - vertical-align: middle; - } -} -/* ************************************************************************* * - * Global modules * - * ************************************************************************* */ -.video-mobile { - display: inline-block; - padding-top: 20px; - padding-left: 80px; - min-height: 70px; - background: url("../images/video-thumb-mobile.jpg") no-repeat; - font-weight: 500; -} -.video-repair { - display: inline-block; - padding-top: 20px; - padding-left: 80px; - min-height: 70px; - background: url("../images/video-thumb-repair.jpg") no-repeat; - font-weight: 500; -} -.video-replace { - display: inline-block; - padding-top: 20px; - padding-left: 80px; - min-height: 70px; - background: url("../images/video-thumb-replace.jpg") no-repeat; - font-weight: 500; -} -.video-replace-other { - display: inline-block; - padding-top: 20px; - padding-left: 80px; - min-height: 70px; - background: url("../images/video-thumb-other.jpg") no-repeat; - font-weight: 500; -} -#trustmarkContainer a { - display: block; - float: right; - margin-top: 16px; - margin-right: 2px; - margin-bottom: 16px; - width: 115px; - height: 32px; -} -.globalMessage { - position: relative; -} -.globalMessage.alert { - margin-top: 16px; - margin-bottom: auto; -} -.globalMessage span.ico { - position: absolute; - top: -4px; - left: -2px; - padding: 15px; - color: inherit; -} -.globalMessage .message { - padding: 0 16px 0 32px; - width: 100%; - line-height: 1.1; -} -.flex-container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.error-container { - padding-left: 15px; - padding-right: 10px; -} -.error-flex-col1 { - -ms-flex-preferred-size: 20px; - flex-basis: 20px; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.error-flex-col2 { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 15px; -} -.clear-background-alert { - border: solid 1px #da291c; - border-radius: 5px; - padding-top: 10px; - padding-bottom: 10px; - color: #da291c; - font-weight: 500; -} -@media (min-width: 621px) { - .clear-background-alert { - margin-top: 20px; - } -} -@media (max-width: 620px) { - .clear-background-alert { - margin-top: 5px; - } -} -.divider { - width: 100%; - border-top-width: 0; - border-bottom: solid 1px #d4d6d8; - position: relative; - color: #d4d6d8; -} -.divider span { - position: absolute; - background-color: #ffffff; - content: " or "; - font-weight: 500; -} -.or-divider-2 { - height: 100%; - background-image: url('../../Shared/images/grey-pixel.png'); - background-position: center center; - margin-left: 14.99px; - margin-right: 14.99px; - background-repeat: repeat-x; - text-align: center; - color: #525656; -} -@media (min-width: 768px) { - .or-divider-2 { - margin-left: 0; - margin-right: 0; - background-repeat: repeat-y; - } -} -.or-divider-2 span { - padding: 8px; - background-color: white; - display: inline-block; - font-weight: normal; -} -@media (min-width: 768px) { - .or-divider-2 span { - padding: 6px; - line-height: 1; - } -} -.or-divider { - margin-bottom: 20px; - width: 100%; - height: 16px; - border-bottom: solid 1px #9aa1a3; - position: relative; - color: #525656; -} -.or-divider span { - top: 4px; - left: 45%; - padding: 0 12px; -} -.or-divider span { - position: absolute; - background-color: #ffffff; - content: " or "; - font-weight: 500; -} -.or-divider.green { - margin-bottom: 20px; - width: 100%; - height: 16px; - border-bottom: solid 1px #0c7e47; - position: relative; - color: #0c7e47; -} -.or-divider.green span { - top: 4px; - left: 45%; - padding: 0 12px; -} -.or-divider.green span { - position: absolute; - background-color: #ffffff; - content: " or "; - font-weight: 500; -} -@media (min-width: 768px) { - .or-divider.vertical { - margin: 0 40%; - min-width: 2em; - width: 0; - height: 2.5em; - border-bottom: none; - border-left: solid 1px #9aa1a3; - position: relative; - color: #525656; - } - .or-divider.vertical span { - top: 0.75em; - left: -0.5em; - padding: 0; - line-height: 1.1; - } - .or-divider.vertical span { - position: absolute; - background-color: #ffffff; - content: " or "; - font-weight: 500; - } -} -#waitingModal { - overflow: hidden; -} -#waitingModal .waiting-modal-extended-wait { - display: none; - padding-top: 136px; -} -#waitingModal .waiting-modal-extended-wait span { - display: block; - margin: auto; - width: 210px; - height: 40px; - font-size: 15px; - font-weight: 300; - font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; - color: #525656; - line-height: 1.54; -} -#waitingModal .waiting-modal-extended-wait span.extended-wait-title { - height: 20px; - font-weight: 500; - color: #000000; -} -#waitingModal .waiting-modal-extended-wait span.extended-wait-desc { - padding-top: 5px; -} -#waitingModal .modal-content.extended-wait .waiting-modal-extended-wait { - display: block; -} -#waitingModal .modal-content.extended-wait img { - top: 20px; -} -/*** - title: V8 Progress bar - section: Modules - example: | -
-
-
-
-
-
-
-
-
-
-
-
-
-***/ -.progress-area { - position: relative; - height: 14px; -} -.progress-area .empty-bar { - position: absolute; - top: 6px; - width: 100%; - border-top: 2px solid #d4d6d8; -} -.progress-area .full-bar-outer, -.progress-area .full-bar-inner { - position: absolute; - top: 6px; - border-top: 2px solid #0c7e47; -} -@media (max-width: 767px) { - .progress-area .full-bar-inner { - display: none; - } -} -@media (min-width: 768px) { - .progress-area .full-bar-outer { - display: none; - } -} -.progress-area .padded-area { - position: relative; -} -.progress-area .padded-area .milestone { - position: absolute; - width: 14px; - height: 14px; - border: 2px solid #d4d6d8; - border-radius: 7px; - background-color: #ffffff; -} -.progress-area .padded-area .milestone.percent-25 { - left: 16.295%; -} -.progress-area .padded-area .milestone.percent-50 { - left: 42.585%; -} -.progress-area .padded-area .milestone.percent-75 { - left: 68.875%; -} -@media (min-width: 768px) { - .progress-area .padded-area .milestone.percent-25 { - left: 24%; - } - .progress-area .padded-area .milestone.percent-50 { - left: 49%; - } - .progress-area .padded-area .milestone.percent-75 { - left: 74%; - } -} -.progress-area .padded-area .milestone.percent-100 { - right: 0; - background-image: url("/Shared/images/checkbox-gray.png"); - background-position: center; - background-repeat: no-repeat; -} -.progress-area.percent-12-completed .full-bar-outer, -.progress-area.percent-12-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 12%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-12-completed .full-bar-outer { - width: 6%; -} -.progress-area.percent-24-completed .full-bar-outer, -.progress-area.percent-24-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 24%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-24-completed .full-bar-outer { - width: 18%; -} -.progress-area.percent-25-completed .full-bar-outer, -.progress-area.percent-25-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 25%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-25-completed .full-bar-outer { - width: 19%; -} -.progress-area.percent-25-completed .milestone.percent-25.percent-25, -.progress-area.percent-25-completed .milestone.percent-25.percent-50, -.progress-area.percent-25-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-25-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-37-completed .full-bar-outer, -.progress-area.percent-37-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 37%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-37-completed .full-bar-outer { - width: 31%; -} -.progress-area.percent-37-completed .milestone.percent-25.percent-25, -.progress-area.percent-37-completed .milestone.percent-25.percent-50, -.progress-area.percent-37-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-37-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-49-completed .full-bar-outer, -.progress-area.percent-49-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 49%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-49-completed .full-bar-outer { - width: 43%; -} -.progress-area.percent-49-completed .milestone.percent-25.percent-25, -.progress-area.percent-49-completed .milestone.percent-25.percent-50, -.progress-area.percent-49-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-49-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-50-completed .full-bar-outer, -.progress-area.percent-50-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 50%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-50-completed .full-bar-outer { - width: 44%; -} -.progress-area.percent-50-completed .milestone.percent-25.percent-25, -.progress-area.percent-50-completed .milestone.percent-25.percent-50, -.progress-area.percent-50-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-50-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-50-completed .milestone.percent-50.percent-25, -.progress-area.percent-50-completed .milestone.percent-50.percent-50, -.progress-area.percent-50-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-50-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-62-completed .full-bar-outer, -.progress-area.percent-62-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 62%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-62-completed .full-bar-outer { - width: 56%; -} -.progress-area.percent-62-completed .full-bar-outer { - width: 57%; -} -.progress-area.percent-62-completed .milestone.percent-25.percent-25, -.progress-area.percent-62-completed .milestone.percent-25.percent-50, -.progress-area.percent-62-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-62-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-62-completed .milestone.percent-50.percent-25, -.progress-area.percent-62-completed .milestone.percent-50.percent-50, -.progress-area.percent-62-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-62-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-70-completed .full-bar-outer, -.progress-area.percent-70-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 70%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-70-completed .full-bar-outer { - width: 64%; -} -.progress-area.percent-70-completed .full-bar-outer { - width: 65%; -} -.progress-area.percent-70-completed .milestone.percent-25.percent-25, -.progress-area.percent-70-completed .milestone.percent-25.percent-50, -.progress-area.percent-70-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-70-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-70-completed .milestone.percent-50.percent-25, -.progress-area.percent-70-completed .milestone.percent-50.percent-50, -.progress-area.percent-70-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-70-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-74-completed .full-bar-outer, -.progress-area.percent-74-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 74%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-74-completed .full-bar-outer { - width: 68%; -} -.progress-area.percent-74-completed .full-bar-outer { - width: 69%; -} -.progress-area.percent-74-completed .milestone.percent-25.percent-25, -.progress-area.percent-74-completed .milestone.percent-25.percent-50, -.progress-area.percent-74-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-74-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-74-completed .milestone.percent-50.percent-25, -.progress-area.percent-74-completed .milestone.percent-50.percent-50, -.progress-area.percent-74-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-74-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-75-completed .full-bar-outer, -.progress-area.percent-75-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 75%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-75-completed .full-bar-outer { - width: 69%; -} -.progress-area.percent-75-completed .full-bar-outer { - width: 70%; -} -.progress-area.percent-75-completed .milestone.percent-25.percent-25, -.progress-area.percent-75-completed .milestone.percent-25.percent-50, -.progress-area.percent-75-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-75-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-75-completed .milestone.percent-50.percent-25, -.progress-area.percent-75-completed .milestone.percent-50.percent-50, -.progress-area.percent-75-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-75-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-75-completed .milestone.percent-75.percent-25, -.progress-area.percent-75-completed .milestone.percent-75.percent-50, -.progress-area.percent-75-completed .milestone.percent-75.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-75-completed .milestone.percent-75.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-87-completed .full-bar-outer, -.progress-area.percent-87-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 87%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-87-completed .full-bar-outer { - width: 81%; -} -.progress-area.percent-87-completed .full-bar-outer { - width: 82%; -} -.progress-area.percent-87-completed .full-bar-outer { - width: 83%; -} -@media (min-width: 500px) { - .progress-area.percent-87-completed .full-bar-outer { - width: 85%; - } -} -.progress-area.percent-87-completed .milestone.percent-25.percent-25, -.progress-area.percent-87-completed .milestone.percent-25.percent-50, -.progress-area.percent-87-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-87-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-87-completed .milestone.percent-50.percent-25, -.progress-area.percent-87-completed .milestone.percent-50.percent-50, -.progress-area.percent-87-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-87-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-87-completed .milestone.percent-75.percent-25, -.progress-area.percent-87-completed .milestone.percent-75.percent-50, -.progress-area.percent-87-completed .milestone.percent-75.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-87-completed .milestone.percent-75.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-99-completed .full-bar-outer, -.progress-area.percent-99-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 99%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-99-completed .full-bar-outer { - width: 93%; -} -.progress-area.percent-99-completed .full-bar-outer { - width: 94%; -} -.progress-area.percent-99-completed .full-bar-outer { - width: 95%; -} -@media (min-width: 500px) { - .progress-area.percent-99-completed .full-bar-outer { - width: 97%; - } -} -.progress-area.percent-99-completed .milestone.percent-25.percent-25, -.progress-area.percent-99-completed .milestone.percent-25.percent-50, -.progress-area.percent-99-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-99-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-99-completed .milestone.percent-50.percent-25, -.progress-area.percent-99-completed .milestone.percent-50.percent-50, -.progress-area.percent-99-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-99-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-99-completed .milestone.percent-75.percent-25, -.progress-area.percent-99-completed .milestone.percent-75.percent-50, -.progress-area.percent-99-completed .milestone.percent-75.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-99-completed .milestone.percent-75.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-100-completed .full-bar-outer, -.progress-area.percent-100-completed .full-bar-inner { - position: absolute; - top: 6px; - width: 100%; - border-top: 2px solid #0c7e47; -} -.progress-area.percent-100-completed .full-bar-outer { - width: 94%; -} -.progress-area.percent-100-completed .full-bar-outer { - width: 95%; -} -.progress-area.percent-100-completed .full-bar-outer { - width: 96%; -} -@media (min-width: 500px) { - .progress-area.percent-100-completed .full-bar-outer { - width: 98%; - } -} -.progress-area.percent-100-completed .full-bar-outer { - width: 100%; -} -.progress-area.percent-100-completed .milestone.percent-25.percent-25, -.progress-area.percent-100-completed .milestone.percent-25.percent-50, -.progress-area.percent-100-completed .milestone.percent-25.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-100-completed .milestone.percent-25.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-100-completed .milestone.percent-50.percent-25, -.progress-area.percent-100-completed .milestone.percent-50.percent-50, -.progress-area.percent-100-completed .milestone.percent-50.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-100-completed .milestone.percent-50.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-100-completed .milestone.percent-75.percent-25, -.progress-area.percent-100-completed .milestone.percent-75.percent-50, -.progress-area.percent-100-completed .milestone.percent-75.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-100-completed .milestone.percent-75.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -.progress-area.percent-100-completed .milestone.percent-100.percent-25, -.progress-area.percent-100-completed .milestone.percent-100.percent-50, -.progress-area.percent-100-completed .milestone.percent-100.percent-75 { - background-color: #0c7e47; -} -.progress-area.percent-100-completed .milestone.percent-100.percent-100 { - background-color: #0c7e47; - background-image: url("/Shared/images/checkbox-white.png"); -} -/*** - title: Web Chat - section: Modules - description: Body element gets a special class when web chat is enabled -***/ -@media (min-width: 768px) { - body.webchatEnabled .smallChatButton { - display: block; - float: right; - width: 72px; - height: 36px; - background-image: url("/Shared/images/ChatButton-horizontal.png"); - background-size: 72px 36px; - cursor: pointer; - } -} -@media (min-width: 768px) and (max-width: 360px) { - body.webchatEnabled #siteHeader .brand-logo { - margin-top: 10%; - } -} -/*** - title: Shared omni styling - section: Modules - description: Omni is included on multiple pages and does not have a separate styling file (requires refactoring) -***/ -omni-cookie .margin-top-xl { - display: block; - font-weight: 500; -} -/* ************************************************************************* * - * Atomic Styles, or, The Code Has to Go Somewhere * - * http://acss.io/frequently-asked-questions.html * - * ************************************************************************* */ -.margin-bottom-xl { - margin-bottom: 32px; -} -.margin-bottom-lg { - margin-bottom: 20px; -} -.margin-bottom-md { - margin-bottom: 12px; -} -.margin-bottom-sm { - margin-bottom: 8px; -} -.margin-bottom-tiny { - margin-bottom: 4px; -} -.margin-top-xl { - margin-top: 32px; -} -.margin-top-lg { - margin-top: 20px; -} -.margin-top-md { - margin-top: 12px; -} -.margin-top-sm { - margin-top: 8px; -} -.margin-top-tiny { - margin-top: 4px; -} -.margin-none { - margin-top: 0; - margin-right: 0; - margin-bottom: 0; - margin-left: 0; -} -.bottom-element { - margin-bottom: 0 !important; -} -@media (max-width: 768px) { - .bottom-element-mobile { - margin-bottom: 0 !important; - } -} -.isSaveProgresssError { - color: #d4281c; - font-weight: 500; -} -.inErrorText { - color: #da291c; -} -.alert-smaller { - padding: 7px 15px; -} -.alert-smaller .glyphicon.glyphicon-ok { - color: #0c7e47; - margin-right: 10px; -} -.text-underline { - text-decoration: underline; -} -.no-outline { - outline: none !important; -} -.focus-outline { - box-shadow: 0 0 1px 1px #167cac; -} -.focus-outline-error { - box-shadow: 0 0 1px 1px #da291c; -} -/* ************************************************************** * - * Master Page * - * ************************************************************** */ -body { - margin-bottom: 0; - -ms-overflow-style: scrollbar; -} -body #siteHeader { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -body #siteHeader .brand-logo { - margin: 10px 0; - width: 284px; -} -@media (min-width: 768px) { - body #siteHeader .brand-logo { - margin: 20px 0; - } -} -body #siteHeader #siteHeaderMenu { - margin: auto; -} -body #siteHeader #siteHeaderMenu a { - white-space: nowrap; -} -body #siteHeader #progress-bar-container { - margin: auto; -} -@media (min-width: 768px) { - body #siteHeader #progress-bar-container { - margin: auto 0 20px; - } -} -body #siteHeader #rightHeaderContent { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - margin-left: auto; - visibility: hidden; - opacity: 0; - transition: opacity .5s; -} -@media (min-width: 768px) { - body #siteHeader #rightHeaderContent { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } -} -body #coverageLoadingModal { - text-align: center; -} -body #coverageLoadingModal .modal-content { - margin: 140px 10px 89.94px; - display: block; - padding: 20px; - width: 100%; - height: auto; - border-top: 0; - border-right: 0; - border-left: 0; - padding: 0 40px; - color: #000000; - border-radius: 0; - border-bottom: 7px solid #167cac; -} -@media (min-width: 768px) { - body #coverageLoadingModal .modal-content { - display: inline-block; - margin: 140px auto; - padding: 0 57px; - width: auto; - } -} -body #coverageLoadingModal .modal-content p { - font-size: 20px; - max-width: 300px; - margin-top: 0; - margin-left: auto; - margin-right: auto; - margin-bottom: 47px; -} -@media (min-width: 768px) { - body #coverageLoadingModal .modal-content p { - margin-bottom: 90px; - } -} -body #coverageLoadingModal .modal-content img { - position: relative; - left: auto; - top: auto; - margin-top: 50px; - margin-left: auto; - margin-right: auto; - margin-bottom: 25px; -} -body .hero-container { - overflow: hidden; - max-height: 450px; - width: 100%; - text-align: center; -} -body .hero-container .img-responsive { - margin: 0 auto; -} -body #pageFooter { - width: 100%; - height: 137px; - background-color: #ffffff; - border-top: 1px solid #d4d6d8; -} -body #pageFooter ul { - padding-left: 0; -} -body #pageFooter ul:first-child { - padding-left: 14.99px; -} -body #pageFooter ul li { - color: #525656; - list-style-type: none; - list-style-image: none; -} -body #pageFooter ul li a { - color: #525656; - font-weight: 300; -} -body #pageFooter .container { - padding-top: 15px; - padding-bottom: 15px; -} -body #pageFooter #footer-bottom { - margin: 16px 0; - text-align: center; - font-style: normal; - font-size: 13px; - font-weight: 300; -} -body #pageFooter #footer-bottom li { - display: inline-block; - padding: 0 2em 0 0; - list-style-type: none; - list-style-image: none; - line-height: 20px; -} -@media (min-width: 768px) { - body #pageFooter .container { - padding-top: 30px; - padding-bottom: 30px; - } - body #pageFooter #footer-bottom { - text-align: none; - } -} -body a:hover { - color: #125b7e; -} -.section-summary { - margin-top: 6px; - padding: 16px 20px 16px 10px; - border-width: 1px; - border-color: #d4d6d8; - border-top-style: solid; - border-bottom-style: solid; -} -.section-summary .edit-controls { - color: #167cac; - cursor: pointer; - margin-top: 15px; - font-weight: 500; -} -.section-summary .edit-controls img { - display: block; - margin: 7px auto 0 auto; - width: 19px; -} -.horizontal-pills { - overflow: hidden; - margin: 0 0 20px 0; - border: 1px solid #cacbcc; - border-radius: 5px; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} -.horizontal-pills ul { - display: table; - margin: 0; - padding: 0; - width: 101%; - list-style-type: none; -} -.horizontal-pills ul li { - position: relative; - display: table-cell; - margin: 0; - padding: 0; - width: 50%; - vertical-align: middle; - text-align: center; -} -.horizontal-pills ul li:first-child { - border-right: 1px solid #cacbcc; -} -.horizontal-pills ul li.active { - background-image: url("/Shared/images/red-bar-btm.png"); - background-position: center bottom; - background-repeat: repeat-x; -} -.horizontal-pills ul li.active label, -.horizontal-pills ul li.active a { - color: black; - font-weight: 500; -} -.horizontal-pills ul li label, -.horizontal-pills ul li a { - color: #525656; - text-decoration: none; - display: block; - margin: 0 auto; - padding: 12px 12px 14px 12px; - font-weight: normal; - cursor: pointer; -} -.horizontal-pills ul li label input[type="radio"], -.horizontal-pills ul li a input[type="radio"] { - display: none; -} -.horizontal-pills ul li.disabled a { - cursor: default; -} -.horizontal-pills ul li.disabled:not(.active) a { - color: #d4d6d8; -} -.pill-boxes-tab li { - border: none; - background-color: transparent !important; -} -.pill-boxes-tab li input[type=radio] { - position: absolute; - visibility: visible; - opacity: 0; -} -.pill-boxes-tab li input[type=radio]:focus ~ label { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border: 2.5px solid #167cac; -} -.pill-boxes-tab li label { - border: 1px solid #d4d6d8; - border-radius: 22px; -} -.pill-boxes-tab li.active input[type=radio]:focus ~ label { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border: 2.5px solid #167cac; -} -.pill-boxes-tab li.active label { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border: 2.5px solid #167cac; - background-color: #e7f1f6; -} -.pill-boxes-tab li.disabled label { - cursor: default; - background-color: #f4f4f4; - color: #b3b4b5 !important; -} -.has-error .pill-boxes-tab li input[type=radio]:focus ~ label { - box-shadow: 0 0 1px 1px #da291c; -} -.information_icon { - display: inline-block; - margin-left: 3px; - width: 17px; - height: 17px; - border-radius: 10px; - background-color: #167cac; - color: white; - text-align: center; - font-weight: 500; - font-style: italic; - font-size: 14px; - font-family: serif; - line-height: 17px; -} -html.android input:focus, -html.android button:focus, -html.android [tabindex="0"]:focus, -html.android a:focus { - outline-color: #0c7e47; -} -body a:hover, -body a:focus { - text-decoration: underline; -} -body .btn-link { - color: #1574a1; -} -body .btn-link:hover, -body .btn-link:focus { - text-decoration: underline; -} -body #smallContainer { - display: none; -} -body #siteHeader .brand-logo.img-responsive { - width: 100px; - height: 37px; -} -@media (min-width: 768px) { - body #siteHeader .brand-logo.img-responsive { - display: inline-block; - width: 165px; - height: 61px; - } -} -@media (min-width: 768px) { - body #siteHeader.container-without-margin { - padding-right: 0; - } -} -body #horizontalBar { - width: 100%; - height: 1px; - border-top: 1px solid #d4d6d8; -} -.form-control { - height: 45px; -} -.replace-required span { - display: none; -} -.replace-requiredinfo span { - display: none; -} -.replace-required::after { - content: ""; -} -.replace-requiredinfo::after { - content: ""; -} -.control-label .validation-info { - visibility: hidden; -} -.control-label .validation-info::before { - visibility: visible; - content: ""; -} -.headerlinecontainer .headerline5v2 { - display: none; -} -.headerlinecontainer .headerline5v2::before { - visibility: visible; - content: ""; -} -input.form-control.txtPromoCodeBox.showSection { - border-top-left-radius: 22.5px; - border-bottom-left-radius: 22.5px; -} -.sticky-header { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1000; - background-color: #ffffff; - transition: box-shadow 0.3s ease-in-out; -} -.addTransition { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -} -.header-height { - height: 55px; -} -@media (min-width: 768px) { - .header-height { - height: 100px; - } -} -.header-spacer { - padding-bottom: 70px; -} -@media (min-width: 768px) { - .header-spacer { - padding-bottom: 100px; - } -} -body.webchatEnabled #smallContainer { - display: block; -} -body.webchatEnabled .chatButton { - display: block; - width: 36px; - height: 72px; - background-image: url("../../Shared/images/ChatButton.png"); - background-size: 36px 72px; - cursor: pointer; -} -body.webchatEnabled .smallChatButton { - display: block; - float: right; - width: 72px; - height: 36px; - background-image: url("../../Shared/images/ChatButton-horizontal.png"); - background-size: 72px 36px; - cursor: pointer; -} -@media (max-width: 360px) { - body.webchatEnabled #siteHeader .brand-logo { - margin-top: 10%; - } -} -@media (max-width: 400px) { - body.webchatEnabled #smallContainer { - display: none; - } -} -#omniSearchQuoteForm .inErrorText, -#omniSaveQuoteForm .inErrorText { - font-size: 15px; - line-height: 25px; -} -#omniSearchQuoteForm .btn-success-omni:focus, -#omniSaveQuoteForm .btn-success-omni:focus { - color: #ffffff; -} -.omniSaveQuoteForm .btn { - padding-top: 15px; - padding-bottom: 15px; - border-radius: 22.5px; - font-weight: 500; -} -.omniSaveQuoteForm small { - display: block; - font-weight: 300; - font-size: 13px; - line-height: 1.54; -} -.omniSaveQuoteForm small a { - font-weight: 300; -} -.omniSaveQuoteForm a { - color: #1574a1; - font-weight: 500; -} -.omniSaveQuoteForm a:hover, -.omniSaveQuoteForm a:focus, -.omniSaveQuoteForm a:active { - color: #167cac; -} -.omniSaveQuoteForm .margin-bottom-10 { - margin-bottom: 10px; -} -.omniSaveQuoteForm #omni-save-title { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - padding: 20px; - cursor: pointer; -} -.omniSaveQuoteForm #omni-save-title #clock-icon { - display: none; -} -.omniSaveQuoteForm #omni-save-title #chevron { - display: inherit; - margin-left: auto; -} -.omniSaveQuoteForm #omni-save-title #chevron img { - margin-left: 15px; - width: 25px; - height: 25px; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; -} -.omniSaveQuoteForm #omni-save-title #chevron img.expanded { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -.omniSaveQuoteForm #omni-save-body { - margin: 0 15px 20px; -} -.omniSaveQuoteForm #omni-save-body hr { - margin-top: 0; -} -.omniSaveQuoteForm div.jqv-err-msg.isSaveProgresssError { - margin-top: 5px; -} -#pageNavigation #navBack { - font-weight: 500; -} -#pageNavigation #navBack:hover, -#pageNavigation #navBack:focus { - text-decoration: underline; -} -#pageNavigation #navCancel, -#pageNavigation #navBack { - line-height: 15px; -} -.choose-wipers { - border-radius: 22.5px; -} -.btn-success-omni { - background-color: #167cac; - color: #ffffff; -} -small { - line-height: 1.2; -} -.small { - font-weight: 300; -} -.no-m-t { - margin-top: 0; -} -.alert-danger { - background-color: #fbe9e8; -} -.alert-success { - background-color: #e6f2ec; -} -.alert-warning { - background-color: #fef6e8; -} -.alert-warning .ico.warning-cir { - color: #f8af1c; -} -#schedule-box.has-error li.list-group-item label { - color: initial; -} -#schedule-box.has-error h2 { - color: #da291c; -} -.input-group-comp { - border-radius: 22.5px; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} -.has-success input.form-control, -.has-error input.form-control { - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} -.tosmessage { - height: 16px; - color: #737e81; - letter-spacing: normal; - font-weight: 300; - font-style: italic; - font-stretch: normal; - font-size: 12px; - font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, sans-serif; - line-height: 1.33; -} -.has-error .form-control:focus { - border-color: #da291c; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #da291c; -} -.iPhoneScroll { - overflow: scroll; - -webkit-overflow-scrolling: touch; -} -@-moz-document url-prefix() { - .firefoxFocus.btn-modal-cancel.cancel:focus { - outline: 1px dotted black; - } -} -.paymentError .btn { - border-radius: 22.5px; -} -.rounded-button { - border-radius: 22.5px; -} -.optional-label { - font-weight: 300; - font-style: normal; - font-size: 15px; -} -.red-card-container { - padding-bottom: 40px; -} -.red-bottom-card { - padding: 20px 28px 25px 30px; - border-radius: 5px; - background-image: url("/Shared/images/red-bar-btm.png"); - background-position: center bottom; - background-repeat: repeat-x; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); - text-align: center; -} -.red-bottom-card-5px { - padding: 20px 28px 25px 30px; - border-radius: 5px; - background-image: url("/Shared/images/red-bar-btm5px.png"); - background-position: center bottom; - background-repeat: repeat-x; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); - text-align: center; -} -.red-card-headline { - color: #000000; - font-weight: 500; -} -.red-card-content { - color: #525656; -} -.red-card-image { - padding-top: 20px; - padding-bottom: 10px; -} -.red-card-fixed-height { - height: 235px; -} -.list-group-item.tprGlass { - position: relative; - display: block; - margin-bottom: -1px; - padding: 10px 15px; - border: none !important; - background-color: #ffffff; -} -#stepByStepProgressButton { - margin: 30px 0 0 30px; - padding: 8px 16px; - max-height: 40px; - width: 100%; - border-style: none; - border-color: white; - border-radius: 20px; - background-color: #ffffff; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); - color: #167cac; - letter-spacing: normal; - font-weight: 500; - font-style: normal; - font-stretch: normal; - font-size: 16px; - font-family: Roboto; - line-height: 1.5; -} -@media (max-width: 767px) { - #stepByStepProgressButton { - margin: auto 0 auto 15px; - padding: 4px 10px; - min-width: 112px; - max-height: 32px; - font-size: 14px; - line-height: 1.71; - } -} -#stepByStepProgressButton:active { - border-color: none !important; -} -.iconsmenu { - margin: 2px 0 2px 8px; - width: 16px; - height: 20px; - -o-object-fit: contain; - object-fit: contain; -} -@media (min-width: 768px) { - #closeProgressButton { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 30px 0 0 30px; - padding: 8px 16px; - width: 96px; - height: 40px; - border-style: none; - border-color: white; - border-radius: 20px; - background-color: #ffffff; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); - color: #167cac; - letter-spacing: normal; - font-weight: 500; - font-style: normal; - font-stretch: normal; - font-size: 16px; - font-family: Roboto; - line-height: 1.5; - } -} -@media (max-width: 767px) { - #closeProgressButton { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: auto 0 auto 15px; - padding: 4px 10px; - border-style: none; - border-color: white; - border-radius: 20px; - background-color: #ffffff; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); - color: #167cac; - letter-spacing: normal; - font-weight: 500; - font-style: normal; - font-stretch: normal; - font-size: 14px; - font-family: Roboto; - line-height: 1.71; - } -} -.iconClose { - margin: 4px 0 5px 8px; - width: 15px; - height: 15px; - -o-object-fit: contain; - object-fit: contain; -} -.masterHeaderShadow { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -} -@media (min-width: 768px) { - .progressBarExperimentWebChatBtn { - margin: 35px 0 !important; - } -} -@media (max-width: 767px) { - .progressBarExperimentWebChatBtn { - margin: 10px 0 0 auto !important; - } -} -.progressBarExperimentRightHeaderContent { - -webkit-box-orient: horizontal !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: row !important; - flex-direction: row !important; -} \ No newline at end of file diff --git a/src/layouts/payment/payment.vue b/src/layouts/payment/payment.vue index 08fceabcf..afcfd47ea 100644 --- a/src/layouts/payment/payment.vue +++ b/src/layouts/payment/payment.vue @@ -1,7 +1,7 @@